:root{color-scheme:light;--desk:#887c68;--paper:#eee7d5;--ink:#22241f;--faint:#807a6c;--rule:#c5bba5;--red:#a94d3d;--green:#345b52}*{box-sizing:border-box}.svg-sprite{position:absolute;overflow:hidden;pointer-events:none}.icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html{background:var(--desk)}body{margin:0;min-height:100vh;color:var(--ink);background-color:var(--desk);background-image:linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%),linear-gradient(rgba(0,0,0,.025) 50%,transparent 50%);background-size:7px 7px;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif}button,input{font:inherit}button{color:inherit;touch-action:manipulation}#app{width:min(100%,720px);margin:0 auto;padding:clamp(12px,4vw,34px) 12px 110px}.sheet{position:relative;min-height:calc(100vh - 112px);padding:clamp(22px,6vw,52px);background:var(--paper);background-image:linear-gradient(rgba(80,70,52,.035) 1px,transparent 1px);background-size:100% 28px;border:1px solid #d8cdb7;box-shadow:0 9px 24px #1f181147}.sheet:before,.sheet:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:#48413514}.sheet:before{top:8px}.sheet:after{bottom:8px}.tool-head{display:flex;align-items:center;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--ink);color:var(--faint);font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.tool-head i{height:6px;flex:1;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 8px);opacity:.35}.intro{padding:36px 0 30px}h1{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,8vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.04}.measure{padding:25px 0 27px;border-top:1px solid var(--rule)}.measure h2,.food-box h2{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--ink);font-size:14px}.measure h2 .icon{width:31px;height:31px}.measure h2 time{margin-left:auto;color:var(--faint);font:400 11px ui-monospace,monospace}.numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.number{display:grid;gap:8px;min-width:0;color:var(--faint)}.field-icon{display:flex;min-height:28px;align-items:center;gap:8px;color:var(--faint);font-size:11px}.field-icon .icon{width:25px;height:25px}.number-line{display:flex;align-items:end;border-bottom:1px solid var(--ink)}.number input{min-width:0;width:100%;padding:3px 0 5px;border:0;outline:0;color:var(--ink);background:transparent;font:500 clamp(27px,7vw,38px)/1 ui-monospace,SFMono-Regular,Consolas,monospace}.number-line b{padding:0 0 7px 8px;color:var(--faint);font:400 11px ui-monospace,monospace}fieldset{min-width:0;margin:0 0 18px;padding:0;border:0}legend{margin-bottom:8px;color:var(--faint);font-size:11px}legend>*{vertical-align:middle}legend span{margin-left:8px}legend .icon{width:27px;height:27px}.options{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule)}.options.wide{grid-template-columns:repeat(2,1fr)}.option{position:relative;min-width:0}.option+.option{border-left:1px solid var(--rule)}.option input{position:absolute;width:1px;height:1px;opacity:0}.option span{display:grid;min-height:54px;place-items:center;padding:7px 4px;color:var(--faint);text-align:center;cursor:pointer}.option .icon{width:27px;height:27px}.option input:checked+span{color:var(--paper);background:var(--ink)}.option input:focus-visible+span{outline:2px solid var(--red);outline-offset:-3px}.lever{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;margin-top:4px;padding:0 18px;border:0;background:var(--red);color:#fff9e9;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.02em}.lever.icon-button{justify-content:center;gap:12px}.lever.icon-button .icon{width:31px;height:31px}.lever b{font-size:25px;font-weight:400}.lever:active{transform:translateY(1px)}.privacy{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px;padding-top:10px;border-top:1px solid var(--rule);color:var(--faint);font:700 9px/1.5 ui-monospace,monospace;letter-spacing:.04em;text-align:center}.privacy .icon{width:20px;height:20px}.error{min-height:17px;margin:3px 0 8px;color:var(--red);font-size:12px}.result{padding-top:38px}.result-code{margin:0 0 9px;color:var(--red);font:700 10px ui-monospace,monospace;letter-spacing:.15em}.result h1{max-width:560px}.gauge{margin:42px 0 26px}.rail{position:relative;height:8px;border:1px solid var(--ink);background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 1px),var(--ink) calc(33.333% - 1px) 33.333%)}.needle{position:absolute;top:-13px;width:3px;height:32px;background:var(--red);transform:translate(-50%);box-shadow:0 0 0 3px var(--paper)}.needle:before{content:"";position:absolute;left:50%;top:-7px;width:11px;height:11px;border-radius:50%;background:var(--red);transform:translate(-50%)}.needle.n0{left:0}.needle.n1{left:33.333%}.needle.n2{left:66.666%}.needle.n3{left:100%}.marks{display:flex;justify-content:space-between;margin-top:10px;color:var(--faint);font:10px ui-monospace,monospace}.target{display:flex;align-items:baseline;gap:11px;padding:19px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.target span{color:var(--faint);font-size:20px;text-decoration:line-through}.target b{font-size:18px}.target strong{font-size:clamp(32px,9vw,48px);font-weight:600}.target em{color:var(--faint);font-size:11px;font-style:normal}.reason{margin:20px 0;color:#4d4c45;font-size:14px;line-height:1.65}.input-summary{margin:24px 0 6px}.input-summary h2{margin:0;padding:10px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);font-size:13px;letter-spacing:.04em}dl{margin:0;border-top:1px solid var(--rule)}.input-summary dl{border-top:0}dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--rule)}dt{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:12px}dd{margin:0;font:700 13px ui-monospace,monospace}dt .icon{width:23px;height:23px}.food-box{margin-top:30px;padding:22px;border:1px solid var(--ink)}.food-box h2{margin-bottom:17px}.food-box h2 .icon{width:29px;height:29px}.food-fields{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:14px}.food-fields label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;min-width:0;color:var(--faint);font-size:10px}.food-fields label>.icon{width:23px;height:23px}.food-fields input{grid-column:1/-1;width:100%;min-width:0;padding:8px 2px;border:0;border-bottom:1px solid var(--ink);border-radius:0;outline:0;background:transparent;color:var(--ink)}.food-number{display:flex;align-items:end}.food-number b{padding:0 0 8px 4px;font:400 9px ui-monospace,monospace}.food-fields .food-number{grid-column:1/-1}.small-lever{margin-top:17px;padding:10px 13px;border:1px solid var(--ink);background:transparent;cursor:pointer;font-size:12px;font-weight:700}.small-lever.icon-button{display:grid;width:44px;height:44px;place-items:center;padding:0}.small-lever .icon{width:24px;height:24px}output{display:block;min-height:18px;color:var(--green);font:700 12px/1.6 ui-monospace,monospace}.caution{margin:16px 0 25px;padding-top:16px;border-top:1px solid var(--rule);color:var(--faint);font-size:10px;line-height:1.65}.text-button{padding:0;border:0;border-bottom:1px solid var(--ink);background:transparent;cursor:pointer;font-size:12px}.text-button.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--ink)}.text-button .icon{width:22px;height:22px}@media(max-width:500px){#app{padding:8px 6px 100px}.sheet{padding:24px 18px}.intro{padding:27px 0 20px}.measure{padding:21px 0 23px}.numbers{gap:16px}.option span{font-size:12px}.food-fields{grid-template-columns:1fr 1fr}.food-fields label:first-child{grid-column:1/-1}.target{gap:7px}.target span{font-size:17px}body [data-atelier-capture-ui=true]{left:auto!important;right:12px!important;bottom:10px!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}body [data-atelier-capture-ui=true]>span{display:none!important}body #atelier-capture-button{border:1px solid var(--ink)!important;border-radius:0!important;padding:10px 13px!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:0 3px 12px #0003!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
