@charset "UTF-8";:root{color-scheme:light;--ink:#191919;--muted:#666;--paper:#faf8f2;--blue:#2459de;--yellow:#ffe45d;--line:#d5d2c9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:1.5px solid var(--ink);border-radius:5px;background:#fff;color:var(--ink);padding:12px 16px;cursor:pointer;touch-action:manipulation}button:hover{background:#f0eee7}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}header{max-width:1120px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);gap:12px}.brand{font-size:14px;text-decoration:none;font-weight:850}.header-tools{display:flex;gap:8px;align-items:center}.header-tools a,.header-tools button{font-size:11px}.header-tools button{padding:8px 12px}main{max-width:1120px;margin:auto;padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 9px}h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;letter-spacing:-.06em;margin:0 0 10px;line-height:1.25}em{font-style:normal;background:linear-gradient(transparent 65%,var(--yellow) 65%)}.lead{font-size:12px;margin:0;line-height:1.8}.lead b{display:inline-block;margin-left:8px;font-weight:500}.edition{font-size:12px;line-height:1.7;padding:12px 18px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;text-align:center;transform:rotate(7deg)}.edition b{font-size:17px}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:24px}.scene-wrap{position:relative;background:radial-gradient(ellipse at 45% 25%,#fff 15%,#ecebe6 80%);border:2px solid var(--ink);border-radius:8px;overflow:hidden;min-height:565px}.scene-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;z-index:1}.pill{background:var(--ink);color:#fff;padding:7px 12px;border-radius:3px;font-size:11px;font-weight:700}#scene{display:block;width:100%;height:490px}.scene-caption{position:absolute;bottom:88px;width:100%;text-align:center;font-size:11px;padding:8px;background:#ffffffbb;pointer-events:none}.metrics{position:absolute;bottom:7px;left:0;right:0;border-top:1px solid var(--line);background:#ffffffee;display:grid;grid-template-columns:repeat(3,1fr);padding:14px 10px}.metrics div{padding-left:15px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.metrics b{font-size:24px;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;font-weight:500}#balance{font-size:17px}progress{position:absolute;bottom:0;left:0;border:0;width:100%;height:7px;appearance:none}progress::-webkit-progress-bar{background:#eee}progress::-webkit-progress-value{background:var(--blue)}fieldset{padding:0;border:0;margin:0 0 16px}legend{font-size:13px;font-weight:800;margin-bottom:9px}legend small{font-size:10px;font-weight:400;margin-left:8px;color:var(--muted)}.portions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.portions button{padding:8px}.portions b{font-size:19px}.portions small{display:block;font-size:10px;margin-top:4px}.portions button[aria-pressed=true]{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.flavor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.flavor{font-size:9px;padding:9px 2px;display:flex;flex-direction:column;align-items:center;gap:6px;border-color:var(--line)}.flavor i{height:18px;width:18px;display:block;border:1px solid #0002;border-radius:50%;box-shadow:inset -2px -2px 3px #0002}.flavor[aria-pressed=true]{border-color:var(--ink);background:#fff;box-shadow:0 3px 0 var(--blue)}.controls{border-top:1px solid var(--line);padding-top:14px}.control-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-title h2{font-size:12px;margin:0}.subtle{font-size:10px;color:var(--muted)}.hands{display:flex;align-items:center;justify-content:center;gap:20px;margin:5px 0}.pad-wrap{width:205px;max-width:65%}#pad{display:block;width:100%;aspect-ratio:1;touch-action:none;cursor:grab}#pad:active{cursor:grabbing}.control-note{font-weight:800;font-size:14px;line-height:1.6;transform:rotate(-3deg)}.control-note small{display:block;font-size:10px;font-weight:400;margin-top:9px;line-height:1.6;transform:rotate(3deg);color:var(--muted)}.action-row{display:grid;grid-template-columns:1.45fr 1fr;gap:9px}.lever{display:grid;grid-template-columns:12px 1fr;gap:4px 7px;background:var(--blue);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left;font-size:13px;font-weight:750;padding:14px 12px}.lever:hover{background:#1745b6}.lever small{font-size:10px;grid-column:2;font-weight:400}.lever-dot{height:7px;width:7px;background:#fff;border-radius:50%;margin-top:5px}.lever.active{background:#222}.finish{font-size:13px;background:var(--yellow);font-weight:700}.finish span{display:block;font-size:9px;font-weight:400;margin-top:6px}.hint{font-size:11px;min-height:30px;line-height:1.6;margin:13px 0 5px}.text-button{border:0;border-bottom:1px solid #aaa;background:none;padding:3px 0;border-radius:0;font-size:11px;color:var(--muted)}#result{padding:28px;border:2px solid var(--ink);border-radius:8px;background:#fff;text-align:left}#result h2{font-size:30px;line-height:1.4;margin:14px 0;letter-spacing:-.04em}#result-comment{font-size:12px;line-height:1.9}.result-stats{display:flex;gap:24px;margin:24px 0;font-size:10px;color:var(--muted)}.result-stats b{display:block;font-size:28px;color:var(--ink);margin-bottom:5px}.result-stats small{font-size:10px}.result-actions{display:flex;flex-direction:column;gap:10px}.primary{background:var(--blue);color:white;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700}.primary:hover{background:#1745b6}footer{margin:32px 0 22px;padding-top:18px;border-top:2px solid var(--ink);font-size:11px;line-height:1.9}footer>a{margin-right:24px}footer details{margin-top:18px;max-width:700px;color:var(--muted);font-size:10px}details summary{cursor:pointer}dialog{background:var(--paper);border:2px solid var(--ink);border-radius:7px;padding:30px;max-width:440px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:8px 8px 0 #0004}dialog::backdrop{background:#1119}dialog h2{font-size:30px;font-weight:900;line-height:1.4;margin:14px 0 20px}dialog .close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:24px;padding:4px 8px}dialog ol{padding-left:22px}dialog li{padding-left:4px;margin:16px 0}dialog li::marker{font-weight:900;color:var(--blue)}dialog li b{font-size:13px}dialog li p{font-size:11px;line-height:1.8;color:#555;margin:5px 0}.help-foot{font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:13px}dialog .primary{width:100%;margin:9px 0}dialog details{font-size:10px;margin-top:13px;color:var(--muted);line-height:1.8}#error{position:absolute;inset:75px 20px auto;background:#fff;padding:20px;border:2px solid #c33;font-size:13px}body.is-result .desk,body.is-result .scene-caption,body.is-result progress{display:none}body.is-result .scene-wrap{min-height:570px;background:radial-gradient(ellipse at 40% 25%,#fff,#f2eadd)}body.is-result #scene{height:500px}body.is-result #result{display:flex;flex-direction:column;justify-content:center}[hidden]{display:none!important}
@media(max-width:760px){header{padding:12px 14px;flex-wrap:wrap;gap:8px}.brand{font-size:12px}.header-tools{gap:6px}.header-tools button{padding:7px 9px}.header-tools a{font-size:10px}main{padding:0 12px}.intro{padding:18px 3px;gap:8px}h1{font-size:28px}.lead{font-size:10px}.lead b{margin-left:0;display:block}.eyebrow{font-size:10px}.edition{font-size:9px;padding:9px 10px;flex-shrink:0}.edition b{font-size:12px}.workspace{grid-template-columns:1fr;gap:16px}.scene-wrap{min-height:290px;position:sticky;top:0;z-index:2}#scene{height:245px}.scene-top{top:10px;left:11px;right:11px;font-size:10px}.pill{padding:5px 8px;font-size:9px}.metrics{padding:9px 5px}.metrics span{font-size:9px;margin-bottom:3px}.metrics b{font-size:20px}.metrics div{padding-left:10px}#balance{font-size:14px}.scene-caption{bottom:66px;font-size:9px;padding:4px}.desk{padding:0 4px}.control-title .subtle{font-size:9px}.pad-wrap{width:185px}.hands{gap:24px;margin:0}.control-note{font-size:13px}.action-row{position:sticky;bottom:10px;z-index:3;background:var(--paper);box-shadow:0 0 0 6px var(--paper)}.lever{padding:13px 10px}.hint{min-height:22px}.portions button{padding:7px}.portions b{font-size:17px}fieldset{margin-bottom:14px}body.is-result .scene-wrap{position:relative;min-height:440px}body.is-result #scene{height:375px}#result{padding:25px 20px}#result h2{font-size:28px}.result-stats{gap:25px}dialog{padding:25px}dialog h2{font-size:27px}.result-actions button{font-size:13px}footer>a{display:inline-block;margin:4px 15px 4px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* The same result has a photo treatment and its exact interactive geometry. */
#finish-photo{display:block;width:100%;height:500px;object-fit:contain;background:#e8dfd0;animation:photo-in .65s ease-out both}#visual-label{position:absolute;left:12px;bottom:88px;z-index:2;font-size:10px;background:#fffdf2e8;color:#333;padding:6px 9px;border-radius:3px;pointer-events:none}.view-switch{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.view-switch button{padding:9px 10px;font-size:11px}.view-switch button[aria-pressed=true]{background:var(--yellow);box-shadow:2px 2px 0 #222}#view-hint{line-height:1.8;min-height:32px;margin:3px 0 15px}body.is-result #scene{touch-action:none;cursor:grab}body.is-result #scene:active{cursor:grabbing}@keyframes photo-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:760px){#finish-photo{height:auto;aspect-ratio:1}body.is-result .scene-wrap{min-height:0;padding-bottom:66px}body.is-result #scene{height:375px}#visual-label{bottom:75px;font-size:9px}.view-switch button{flex:1;padding:10px 5px;font-size:10px}}@media(prefers-reduced-motion:reduce){#finish-photo{animation:none}}