.lp{min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-body)}.lp .lp-h1,.lp .lp-h2,.lp .lp-feature-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;text-wrap:balance;margin:0}.lp-wrap,.lp-nav,.lp-hero,.lp-section,.lp-final,.lp-footer{width:min(1080px,92vw);margin-inline:auto}.lp-eyebrow{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .8rem}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0}.lp-brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.lp-logo{width:30px;height:30px;border-radius:9px;flex:none;background:radial-gradient(circle at 32% 32%,var(--cyan) 0 21%,transparent 22%),radial-gradient(circle at 68% 32%,var(--magenta) 0 21%,transparent 22%),radial-gradient(circle at 32% 68%,var(--yellow) 0 21%,transparent 22%),radial-gradient(circle at 68% 68%,var(--key) 0 21%,transparent 22%),#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}.lp-cta-btn{font-family:var(--font-display);font-weight:700;font-size:.95rem;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;padding:.6rem 1.15rem;cursor:pointer;transition:transform .08s ease,filter .15s ease}.lp-cta-btn:hover{filter:brightness(1.06)}.lp-cta-btn:active{transform:scale(.97)}.lp-cta-btn.lg{font-size:1.05rem;padding:.85rem 1.6rem}.lp-ghost-btn{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink);text-decoration:none;padding:.85rem 1.2rem;border-radius:999px;border:1px solid var(--line-strong)}.lp-ghost-btn:hover{border-color:var(--ink-faint)}.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,5vw,3.5rem);align-items:center;padding:clamp(2rem,6vw,4.5rem) 0 3rem}.lp-h1{font-size:clamp(2.5rem,6vw,4.4rem);line-height:1.02}.lp-ink-word{background:linear-gradient(92deg,var(--cyan),var(--magenta) 52%,#FFB800);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--ink-soft);max-width:40ch;margin:1.1rem 0 0}.lp-lead.sm{font-size:1.02rem;max-width:42ch}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.lp-hero-note{margin-top:1.3rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint)}.lp-mixer{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md);padding:1.2rem;display:flex;flex-direction:column;gap:.9rem}.lp-beaker{position:relative;height:210px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--paper-2),var(--surface))}.lp-liquid{position:absolute;left:0;right:0;bottom:0;transition:height .45s cubic-bezier(.34,1.2,.5,1),background .45s cubic-bezier(.4,0,.2,1)}.lp-beaker-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:.82rem;color:var(--ink-faint)}.lp-inks{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.lp-ink{border:none;border-radius:13px;padding:.7rem .2rem;font-family:var(--font-display);font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s ease,filter .15s ease}.lp-ink:hover{filter:brightness(1.05)}.lp-ink:active{transform:translateY(2px) scale(.97)}.lp-readout{display:flex;align-items:center;gap:.7rem}.lp-swatch{width:40px;height:40px;border-radius:11px;flex:none;box-shadow:inset 0 0 0 1px #0000001f;transition:background .4s ease}.lp-readout-text{display:flex;flex-direction:column;min-width:0}.lp-hex{font-family:var(--font-mono);font-size:.85rem;font-weight:600}.lp-closest{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--accent)}.lp-rinse{margin-left:auto;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);font-weight:600;font-size:.82rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer}.lp-rinse:disabled{opacity:.4;cursor:not-allowed}.lp-section{padding:clamp(2.5rem,6vw,4.5rem) 0}.lp-h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:1.6rem}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.lp-feature{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-sm)}.lp-feature-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.lp-feature-title{font-size:1.3rem;margin:.4rem 0 .5rem}.lp-feature-body{color:var(--ink-soft);font-size:.96rem;margin:0}.lp-science{display:grid;grid-template-columns:1fr 320px;gap:clamp(1.5rem,5vw,3rem);align-items:center}.lp-science .lp-h2{margin-bottom:1rem}.lp-recipes{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-direction:column;gap:.7rem}.lp-recipes li{display:flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.92rem}.lp-recipes b{font-family:var(--font-body);font-weight:600}.lp-chip{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1px #00000014}.lp-plus{color:var(--ink-faint)}.lp-venn{position:relative;width:300px;height:280px;margin-inline:auto;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.lp-venn i{position:absolute;width:150px;height:150px;border-radius:50%;mix-blend-mode:multiply}.lp-venn .lp-c1{background:var(--cyan);top:40px;left:40px}.lp-venn .lp-c2{background:var(--magenta);top:40px;left:110px}.lp-venn .lp-c3{background:var(--yellow);top:110px;left:75px}.lp-strip{display:flex;gap:.9rem;overflow-x:auto;padding:.3rem .1rem 1.2rem;scroll-snap-type:x mandatory}.lp-strip::-webkit-scrollbar{height:8px}.lp-strip::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.lp-wcard{scroll-snap-align:start;flex:none;width:150px;border:none;background:transparent;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.1rem}.lp-wswatch{height:120px;border-radius:14px;padding:10px 12px;display:flex;align-items:flex-end;box-shadow:var(--shadow-sm);transition:transform .12s ease;margin-bottom:.5rem}.lp-wcard:hover .lp-wswatch{transform:translateY(-3px)}.lp-wglyph{font-family:var(--font-display);font-weight:800;font-size:1.9rem;line-height:1}.lp-wen{font-family:var(--font-display);font-weight:800;font-size:1rem}.lp-wrom{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint)}.lp-final{text-align:center;padding:clamp(3rem,8vw,5rem) 0;display:flex;flex-direction:column;align-items:center;gap:1.6rem}.lp-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:2.5rem 0 4rem;border-top:1px solid var(--line)}.lp-footnote{color:var(--ink-soft);font-size:.9rem;max-width:42ch;margin:0}@media(max-width:860px){.lp-hero,.lp-features,.lp-science{grid-template-columns:1fr}.lp-venn{order:-1}}@media(prefers-reduced-motion:reduce){.lp *{transition:none!important}}:root{--paper: #F4F2F4;--paper-2: #ECE9EE;--surface: #FFFFFF;--ink: #1B1720;--ink-soft: #6B6570;--ink-faint: #9A94A0;--line: #E3DFE7;--line-strong: #D3CDD9;--accent: #EC008C;--accent-ink: #FFFFFF;--focus: #7A5CFF;--good: #2FA84F;--cyan: #00AEEF;--magenta: #EC008C;--yellow: #FFE800;--key: #211B29;--font-display: "ui-rounded", "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Quicksand", system-ui, sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", Consolas, monospace;--radius: 22px;--radius-sm: 14px;--shadow-sm: 0 1px 2px rgba(27, 23, 32, .06), 0 4px 14px rgba(27, 23, 32, .05);--shadow-md: 0 2px 6px rgba(27, 23, 32, .08), 0 18px 40px rgba(27, 23, 32, .1)}@media(prefers-color-scheme:dark){:root{--paper: #141118;--paper-2: #1B1722;--surface: #201B29;--ink: #F3EFF6;--ink-soft: #B0A8BA;--ink-faint: #7C7488;--line: #2E2839;--line-strong: #3B3348;--accent: #FF54AE;--accent-ink: #21121B;--key: #0E0B12;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .45), 0 18px 40px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em;text-wrap:balance}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.app{display:flex;flex-direction:column;min-height:100%;max-width:560px;margin-inline:auto;background:var(--paper)}.topbar{display:flex;align-items:baseline;gap:.6rem;padding:max(1rem,env(safe-area-inset-top)) 1.2rem .8rem;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;font-size:1.4rem;letter-spacing:-.02em}.brand-link{border:none;background:none;color:inherit;cursor:pointer;padding:0}.brand-sub{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.clock{margin-left:auto;display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.3rem .62rem .3rem .38rem;box-shadow:var(--shadow-sm);transition:transform .08s ease,border-color .15s ease}.clock:hover{border-color:var(--ink-faint)}.clock:active{transform:scale(.96)}.clock-swatch{width:20px;height:20px;border-radius:7px;flex:none;box-shadow:inset 0 0 0 1px #00000024;transition:background .4s linear}.clock-time{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}@media(max-width:400px){.brand-sub{display:none}}.logo{width:30px;height:30px;border-radius:9px;flex:none;background:radial-gradient(circle at 32% 32%,var(--cyan) 0 21%,transparent 22%),radial-gradient(circle at 68% 32%,var(--magenta) 0 21%,transparent 22%),radial-gradient(circle at 32% 68%,var(--yellow) 0 21%,transparent 22%),radial-gradient(circle at 68% 68%,var(--key) 0 21%,transparent 22%),#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}.screen{flex:1;padding:.4rem 1.2rem calc(84px + env(safe-area-inset-bottom))}.screen-head{margin:.6rem 0 1.1rem}.screen-head h2{font-size:1.5rem;font-weight:800}.screen-head p{color:var(--ink-soft);font-size:.95rem;margin-top:.3rem}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);display:flex;gap:.3rem;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line);z-index:30}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 0 .35rem;border:none;background:none;color:var(--ink-faint);border-radius:14px;position:relative;transition:color .15s ease}.tab.on{color:var(--accent)}.tab-label{font-size:.72rem;font-weight:600}.tab-icon{display:grid;place-items:center}.tab-badge{position:absolute;top:.25rem;right:50%;margin-right:-22px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:.62rem;font-weight:700;display:grid;place-items:center}.mixer{display:flex;flex-direction:column;gap:1rem}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--paper-2);border-radius:999px;border:1px solid var(--line)}.seg{border:none;background:transparent;color:var(--ink-soft);font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.55rem;border-radius:999px;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.seg.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.beaker{position:relative;height:240px;border-radius:14px 14px 28px 28px;overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--paper-2),var(--surface));box-shadow:var(--shadow-sm),inset 0 1px #ffffff80}.beaker:before{content:"";position:absolute;left:12px;top:16%;bottom:14px;width:11px;z-index:3;background:repeating-linear-gradient(to top,var(--line-strong) 0 1.5px,transparent 1.5px 24px);opacity:.5;pointer-events:none}.beaker:after{content:"";position:absolute;top:0;bottom:0;left:24%;width:11%;z-index:4;background:linear-gradient(180deg,#fff6,#ffffff0a);transform:skew(-9deg);mix-blend-mode:soft-light;pointer-events:none}.liquid{position:absolute;left:0;right:0;bottom:0;height:0;z-index:1;transition:height .45s cubic-bezier(.34,1.2,.5,1),background .45s cubic-bezier(.4,0,.2,1)}.liquid-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 32%,rgba(0,0,0,.07));mix-blend-mode:soft-light}.beaker-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;font-family:var(--font-mono);font-size:.8rem;color:#787480cc;letter-spacing:.02em}.drop-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.falling-drop{position:absolute;top:-6%;width:18px;height:18px;border-radius:50%;transform:translate(-50%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));animation:fall .6s cubic-bezier(.45,0,.7,.35) forwards}@keyframes fall{0%{top:-6%;transform:translate(-50%) scaleY(.85);opacity:0}15%{opacity:1}80%{transform:translate(-50%) scaleY(1.12)}to{top:var(--land, 55%);transform:translate(-50%) scaleY(.55) scaleX(1.4);opacity:0}}.play{display:flex;flex-direction:column;gap:.9rem}.quest{display:flex;flex-direction:column;padding:.7rem .8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:border-color .2s ease,background .2s ease}.quest-row{display:flex;align-items:center;gap:.75rem}.quest-sub{font-variant-numeric:tabular-nums}.quest-done{border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,var(--surface));animation:quest-pop .45s cubic-bezier(.34,1.56,.5,1)}@keyframes quest-pop{0%{transform:scale(1)}40%{transform:scale(1.035)}to{transform:scale(1)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti-bit{position:absolute;top:24%;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.2,.55,.4,1);animation-fill-mode:forwards;will-change:transform,opacity}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.quest-target{width:40px;height:40px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px #00000014}.quest-text{display:flex;flex-direction:column;min-width:0;flex:1}.quest-text strong{font-family:var(--font-display);font-size:1rem}.quest-text span{font-size:.8rem;color:var(--ink-soft)}.quest-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.quest-match{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.quest-next{border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:999px}.quest-done .quest-next{background:var(--good);color:#fff;border-color:var(--good)}.quest-reveal{border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);font-size:.76rem;font-weight:600;padding:.3rem .7rem;border-radius:999px}.quest-reveal:hover{color:var(--ink);border-color:var(--ink-faint)}.quest-details{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--line-strong);display:flex;flex-direction:column;gap:.5rem}.quest-hint{font-size:.82rem;color:var(--ink-soft)}.quest-progress{height:6px;border-radius:999px;background:var(--paper-2);overflow:hidden;margin-top:.65rem}.quest-progress span{display:block;height:100%;border-radius:999px;transition:width .3s ease,background .3s ease}.recipe-chips{display:flex;flex-wrap:wrap;gap:.4rem}.rchip{font-family:var(--font-mono);font-size:.74rem;font-weight:600;padding:.28rem .6rem;border-radius:999px;box-shadow:inset 0 0 0 1px #00000014}.recipe-none{font-size:.82rem;color:var(--ink-soft)}.recipe-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.recipe-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.7rem .95rem;border:none;background:transparent;font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--ink)}.recipe-caret{color:var(--ink-faint);font-size:.8rem}.recipe-body{padding:0 .95rem .85rem}.mixer-actions{display:flex;gap:.6rem}.action-btn{border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);font-weight:600;font-size:.88rem;padding:.5rem 1.1rem;border-radius:999px}.action-btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.mixer-settings{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;padding:.2rem .1rem}.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{width:38px;height:22px;border-radius:999px;flex:none;background:var(--line-strong);position:relative;transition:background .18s ease}.switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .18s ease}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--focus);outline-offset:2px}.switch-label{font-size:.88rem;font-weight:600;color:var(--ink)}.mixbox-credit{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint);margin-left:auto}.ink-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.ink-btn{border:none;border-radius:16px;padding:.85rem .2rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.32rem;font-family:var(--font-display);font-weight:700;font-size:.82rem;box-shadow:var(--shadow-sm),inset 0 2px #ffffff47,inset 0 -4px 8px #00000021;transition:transform .08s ease,filter .15s ease}.ink-btn:hover{filter:brightness(1.05)}.ink-btn:active{transform:translateY(2px) scale(.97)}.ink-dot{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -2px 4px #00000038,inset 0 2px 3px #fff6}.ink-count{font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:tabular-nums;background:color-mix(in srgb,currentColor 16%,transparent);border-radius:999px;padding:.05rem .5rem}.rinse{align-self:flex-start;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);font-weight:600;font-size:.88rem;padding:.5rem 1rem;border-radius:999px}.rinse:hover{color:var(--ink);border-color:var(--ink-faint)}.studio{display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.slider-row{display:flex;flex-direction:column;gap:.45rem}.slider-head{display:flex;justify-content:space-between;align-items:baseline}.slider-label{font-family:var(--font-display);font-weight:700;font-size:.92rem}.slider-val{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.slider-row input[type=range]{width:100%;height:22px}.readout{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.readout-id{display:flex;align-items:center;gap:.65rem}.readout-swatch{width:42px;height:42px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px #0000001f;transition:background .4s cubic-bezier(.4,0,.2,1)}.readout-idtext{display:flex;flex-direction:column;min-width:0}.readout-klabel{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.readout-closest{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--accent)}.readout-foot{display:flex;flex-wrap:wrap;gap:.1rem 1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.readout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1.2rem}.field{display:flex;flex-direction:column;gap:.1rem;min-width:0}.field-k{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;color:var(--ink-faint)}.field-v{font-family:var(--font-mono);font-size:.98rem;font-weight:600;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.field-v.accent{color:var(--accent)}.save-btn{border:none;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.7rem;border-radius:999px;transition:filter .15s ease,transform .08s ease}.save-btn:hover{filter:brightness(1.05)}.save-btn:active{transform:scale(.98)}.save-btn.is-saved{background:var(--good);color:#fff}.wsearch{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.1rem}.wsearch-field{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.55rem .9rem;box-shadow:var(--shadow-sm);color:var(--ink-faint)}.wsearch-field:focus-within{border-color:var(--accent);color:var(--accent)}.wsearch-field input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:var(--font-body);font-size:.95rem;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none}.wsearch-field input::placeholder{color:var(--ink-faint)}.wsearch-field input::-webkit-search-cancel-button{display:none}.wsearch-clear{border:none;background:var(--paper-2);color:var(--ink-soft);width:22px;height:22px;border-radius:50%;font-size:1.05rem;line-height:1;display:grid;place-items:center;flex:none}.wchips{display:flex;flex-wrap:wrap;gap:.4rem}.wchip{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;transition:background .15s ease,color .15s ease,border-color .15s ease}.wchip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.wcount{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-faint)}.world-empty{color:var(--ink-soft);font-size:.95rem;padding:1.5rem 0}.science-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:1.3rem;margin-bottom:1.8rem}.science-models{display:flex;flex-direction:column;gap:1.3rem}.science-model{display:flex;flex-direction:row;align-items:center;gap:1.3rem;text-align:left}.science-model+.science-model{border-top:1px solid var(--line);padding-top:1.3rem}.model-venn{flex:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent)}.model-text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.model-text h4{font-family:var(--font-display);font-weight:800;font-size:1.05rem;margin:0}.model-text p{font-size:.88rem;color:var(--ink-soft);margin:0;max-width:48ch}.sci-channels{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:.25rem}.sci-channel{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--ink-soft)}.sci-channel b{color:var(--ink);font-family:var(--font-mono);font-weight:700}.sci-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}@media(max-width:460px){.science-model{flex-direction:column;text-align:center;align-items:center}.sci-channels{justify-content:center}}.model-venn{position:relative;width:130px;height:108px;border-radius:14px;overflow:hidden}.model-venn i{position:absolute;width:66px;height:66px;border-radius:50%}.model-venn i:nth-child(1){top:6px;left:16px}.model-venn i:nth-child(2){top:6px;left:48px}.model-venn i:nth-child(3){top:38px;left:32px}.model-venn.additive{background:#0b0b10}.model-venn.additive i{mix-blend-mode:screen}.model-venn.additive i:nth-child(1){background:red}.model-venn.additive i:nth-child(2){background:#0f0}.model-venn.additive i:nth-child(3){background:#00f}.model-venn.subtractive{background:#fff}.model-venn.subtractive i{mix-blend-mode:multiply}.model-venn.subtractive i:nth-child(1){background:var(--cyan)}.model-venn.subtractive i:nth-child(2){background:var(--magenta)}.model-venn.subtractive i:nth-child(3){background:var(--yellow)}.science-note{margin:1.2rem 0 0;text-align:center;font-size:.9rem;color:var(--ink);font-weight:600}.learn-section-title{font-family:var(--font-display);font-weight:800;font-size:1.2rem;margin:0 0 .9rem}.learn-group-title{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink-soft);margin:1.5rem 0 .8rem}.readout-actions{display:flex;gap:.5rem}.readout-actions .save-btn{flex:1}.print-btn{flex:none;width:46px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);border-radius:999px;display:grid;place-items:center;cursor:pointer}.print-btn:hover{color:var(--ink);border-color:var(--ink-faint)}.name-input{flex:1;min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:.6rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--ink);outline:none}.name-input:focus{border-color:var(--accent)}.save-btn.compact{flex:none;width:auto;padding:.7rem 1.2rem}.wcards{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.wcard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);overflow:hidden;padding:0;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .15s ease}.wcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.wswatch{height:92px;padding:10px 12px;display:flex;align-items:flex-end;justify-content:space-between;position:relative}.wglyph{font-family:var(--font-display);font-weight:800;font-size:1.9rem;line-height:1}.wtry{font-family:var(--font-mono);font-size:.64rem;opacity:.8;letter-spacing:.02em}.wbody{padding:.7rem .8rem .85rem;display:flex;flex-direction:column;gap:.18rem}.wrom{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-faint)}.wen{font-family:var(--font-display);font-weight:800;font-size:1rem}.wstory{font-size:.76rem;color:var(--ink-soft);line-height:1.35}.whex{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint);margin-top:.2rem}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.level{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;padding:0;text-align:left;transition:transform .12s ease,box-shadow .15s ease}.level:hover:not(.locked){transform:translateY(-3px);box-shadow:var(--shadow-md)}.level.locked{cursor:not-allowed}.level-chip{height:96px;position:relative;display:grid;place-items:center;box-shadow:inset 0 -1px #0000000f}.level.locked .level-chip{background:var(--paper-2)}.level-num{position:absolute;top:8px;left:8px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#fff;background:#00000047;border-radius:999px;padding:.1rem .5rem}.level.locked .level-num{color:var(--ink-faint);background:color-mix(in srgb,var(--ink-faint) 20%,transparent)}.level-lock{font-size:1.5rem;opacity:.8}.level-foot{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .85rem .85rem}.level-title{font-family:var(--font-display);font-weight:700;font-size:.95rem}.level.locked .level-title{color:var(--ink-faint)}.level-stars{font-size:.9rem;color:var(--line-strong);letter-spacing:.12em}.level-stars.earned{color:#f5a623}.quest-play{display:flex;flex-direction:column;gap:1rem;max-width:560px;margin-inline:auto}.quest-back{align-self:flex-start;border:none;background:none;color:var(--ink-soft);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;padding:.1rem 0}.quest-back:hover{color:var(--ink)}@media(orientation:landscape)and (min-width:740px){.quest-play{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"back    back" "banner  banner" "beaker  controls" "beaker  actions";column-gap:1.4rem;row-gap:1rem;align-items:start;max-width:960px}.quest-play .quest-back{grid-area:back}.quest-play .quest{grid-area:banner}.quest-play .beaker{grid-area:beaker;align-self:stretch;height:auto;min-height:340px}.quest-play .ink-row{grid-area:controls}.quest-play .mixer-actions{grid-area:actions;align-self:start}}@media(min-width:480px){.level-grid{grid-template-columns:repeat(3,1fr)}}.jar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.jar-toolbar{display:flex;gap:.5rem}.jar-tool-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);font-family:var(--font-body);font-weight:600;font-size:.85rem;padding:.5rem .9rem;border-radius:999px;cursor:pointer}.jar-tool-btn:hover{color:var(--ink);border-color:var(--ink-faint)}.jar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.jcard{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.jswatch{display:block;width:100%;height:84px;border:none;padding:0;box-shadow:inset 0 0 0 1px #00000017}.jmeta{padding:.55rem .7rem .7rem;display:flex;flex-direction:column;gap:.1rem}.jname{font-family:var(--font-display);font-weight:700;font-size:.9rem}.jhex{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.jdel{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#00000059;color:#fff;font-size:1.1rem;line-height:1;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jar-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:3.5rem 1.5rem}.jar-empty h2{font-size:1.35rem;font-weight:800}.jar-empty p{color:var(--ink-soft);font-size:.95rem;max-width:30ch}.jar-empty-art{width:80px;height:80px;border-radius:24px;margin-bottom:.5rem;background:radial-gradient(circle at 35% 35%,var(--yellow) 0 24%,transparent 25%),radial-gradient(circle at 65% 35%,var(--magenta) 0 24%,transparent 25%),radial-gradient(circle at 50% 66%,var(--cyan) 0 24%,transparent 25%),var(--paper-2);border:1px solid var(--line);opacity:.8}@media(min-width:480px){.wcards,.jar-grid{grid-template-columns:repeat(3,1fr)}}@media(orientation:landscape)and (min-width:740px){.app{max-width:960px}.mixer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"toggle  toggle" "beaker  controls" "beaker  readout";column-gap:1.4rem;row-gap:1rem;align-items:start}.mode-toggle{grid-area:toggle;max-width:320px}.beaker{grid-area:beaker;align-self:stretch;height:auto;min-height:340px}.play,.studio{grid-area:controls;margin:0}.readout{grid-area:readout}.wcards,.jar-grid,.level-grid{grid-template-columns:repeat(4,1fr)}.tabbar{width:min(960px,100%);justify-content:center;gap:2rem}.tab{flex:0 0 auto;min-width:108px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.jar-print{display:none}@media print{@page{margin:1.4cm}body{background:#fff!important}.app{display:none!important}.jar-print{display:block;-webkit-print-color-adjust:exact;print-color-adjust:exact}.jar-print-title{font-family:var(--font-display);font-weight:800;font-size:22pt;margin:0 0 .8cm;color:#111}.jar-print-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6cm}.jar-print-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;break-inside:avoid}.jar-print-swatch{height:3.4cm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.jar-print-info{padding:.3cm .4cm;display:flex;flex-direction:column;gap:2pt;font-family:var(--font-mono)}.jar-print-info strong{font-family:var(--font-display);font-size:12pt;color:#111}.jar-print-info span{font-size:9pt;color:#555}}