:root{color-scheme:dark;--bg:#1b1020;--panel:#281c2d;--line:#594050;--ink:#f4e6dc;--muted:#c3aab9;--amber:#efb86d;--mint:#8dcbb9;--violet:#bca3de}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 8%,#42233188,transparent 48%),var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}a{color:var(--amber)}.shell{max-width:1220px;margin:auto;padding:0 42px}header{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);min-height:88px}.wordmark{font-family:Georgia,serif;font-size:25px;letter-spacing:3px;text-decoration:none;color:var(--ink)}.wordmark span{font-size:23px;color:var(--amber)}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);flex:1}.edition span{display:block;margin-top:6px}header button,footer button{background:none;border:0;font-size:12px;color:var(--muted)}header button span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;margin-left:9px}.intro{display:flex;align-items:center;justify-content:space-between;min-height:300px;padding:28px 10px 26px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:bold;color:var(--amber)}h1{font:normal clamp(46px,6vw,77px)/1.1 Georgia,serif;letter-spacing:-2px;margin:20px 0 18px}h1 em{color:var(--amber);font-weight:normal}.lede{font:16px/1.7 Georgia,serif;color:var(--muted)}.intro-art{position:relative;text-align:center;width:260px}.intro-art img{width:218px;border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 12px 26px #0007)}.intro-art span{display:block;color:var(--muted);font:italic 13px Georgia,serif;margin-top:6px}nav{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;gap:10px;margin-bottom:24px}nav button{flex:1;background:transparent;border:1px solid transparent;border-radius:50%;max-width:44px;height:40px;font:14px Georgia,serif;color:var(--muted)}nav button.active{background:var(--amber);color:#321a28}nav button.kept{border-color:var(--mint)}nav button.gold{border-color:var(--amber)}.chamber{background:linear-gradient(140deg,#332332,#241928);border:1px solid #63444f;border-radius:18px;padding:28px;box-shadow:0 18px 55px #0003}.chamber-head{display:flex;justify-content:space-between;gap:16px}.chamber-head h2{font:normal 29px Georgia,serif;margin:9px 0}.chamber-head p:last-child{font-size:12px;line-height:1.6;max-width:490px;color:var(--muted);margin:0}.meters{display:flex;gap:24px;align-items:center;text-align:center}.meters span{font-size:9px;color:var(--muted);letter-spacing:1.5px;white-space:nowrap}.meters b{display:block;font:23px Georgia,serif;color:var(--ink);letter-spacing:0;margin-bottom:7px}.legend{border-top:1px solid var(--line);margin-top:23px;padding:17px 0 8px;display:flex;gap:20px;font-size:11px;color:var(--muted);align-items:center;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend b{color:var(--ink)}.dot{height:8px;width:8px;display:inline-block;border-radius:50%}.A{background:var(--amber);color:#2b1520}.M{background:var(--mint);color:#102925}.V{background:var(--violet);color:#291833}.shield-legend{margin-left:auto}.cells{display:flex;gap:12px;justify-content:center;padding:26px 0 20px;align-items:stretch}.cell{flex:1;max-width:240px;min-width:0;background:linear-gradient(#170f20aa,#28192988);border:1px solid #634551;border-radius:100px 100px 14px 14px;padding:18px 10px 14px;position:relative;transition:background .2s,border-color .2s,transform .2s}.cell:hover{transform:translateY(-3px);border-color:var(--amber)}.cell.shielded{border:2px solid var(--mint);background:#24403966;padding:17px 9px 13px}.cell.done{border-color:var(--amber);background:linear-gradient(#4a342622,#70502e33)}.cell img{display:block;width:100%;max-width:165px;aspect-ratio:1;border-radius:50%;margin:auto;mix-blend-mode:screen;transition:filter .3s}.cell.shielded img{filter:saturate(.65) brightness(.7)}.cell .cellname{display:block;font:17px Georgia,serif;margin-top:12px}.cell .state{display:block;font-size:10px;min-height:17px;margin-top:7px;color:var(--muted)}.recipe{display:flex;gap:4px;justify-content:center;margin:14px 0 8px}.bead{width:24px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:bold;opacity:.35;border:1px solid transparent}.bead.grown{opacity:1}.bead.wanted{opacity:1;background:transparent;color:var(--ink);border-color:var(--ink);border-style:dashed}.cell .toggle{font-size:10px;color:var(--mint);display:block;margin:10px 0 0;min-height:12px}.cell.done .toggle{color:var(--amber)}#message{min-height:52px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px;line-height:1.5;background:#160e1a55}#message.success{border-color:var(--mint);color:#c8eee0;background:#213b3555}#message.failure{border-color:#e1a09a;color:#f2c9bb}.pour-label{display:flex;justify-content:space-between;margin:24px 0 10px;font-size:9px;letter-spacing:1.6px;color:var(--muted)}#saved{letter-spacing:0}.baths{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.bath{display:flex;align-items:center;gap:12px;text-align:left;border-radius:10px;padding:15px;background:#382734;border:1px solid #765744}.bath.amber{border-color:#b08050}.bath.mint{border-color:#5e9d8d}.bath.violet{border-color:#8e73b1}.bath:hover{background:#4a3445}.bath b{display:block;font:17px Georgia,serif}.bath small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.bath>span:last-child{margin-left:auto;font-size:21px}.bath-glyph{display:grid;place-items:center;min-width:35px;height:41px;font:23px Georgia,serif;border-radius:18px 18px 9px 9px;color:#261823;background:var(--amber)}.mint .bath-glyph{background:var(--mint)}.violet .bath-glyph{background:var(--violet)}.tools{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.tools button,.guide button{background:none;border:1px solid var(--line);border-radius:7px;padding:10px 13px;font-size:11px;color:var(--muted)}.tools #next{background:var(--mint);color:#142e28;border-color:var(--mint)}.sound{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.sound input{accent-color:var(--mint)}.keepsakes{padding:32px 0 26px}.keepsakes #journal{display:flex;gap:10px;margin:18px 0}.seal{width:37px;height:37px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:50%;color:#b995ab;font:15px Georgia,serif}.seal.kept{border:1px solid var(--mint);color:var(--mint);background:#29413744}.seal.gold{border-color:var(--amber);color:var(--amber);background:#75543533}.keepsakes p{font:13px Georgia,serif;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px}.guide{background:#302334;border:1px solid var(--line);padding:24px;border-radius:12px;margin:16px 0 26px;font-size:14px;line-height:1.7;color:var(--muted)}.guide h2{font:26px Georgia,serif;color:var(--ink)}.guide b{color:var(--ink)}.science{font:italic 14px/1.7 Georgia,serif}body.poured .cell{animation:ripple .45s ease-out}@keyframes ripple{50%{box-shadow:0 0 35px #efb86d44;transform:translateY(-4px)}}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:760px){.shell{padding:0 18px}header{gap:12px;min-height:74px}.wordmark{font-size:20px}.edition{display:none}header button{margin-left:auto;font-size:10px;max-width:140px}.intro{min-height:240px;padding:24px 0}.intro-art{width:135px}.intro-art img{width:132px}.intro-art span{font-size:10px;line-height:1.4}.intro h1{font-size:43px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro .eyebrow{max-width:190px;line-height:1.6}.lede{font-size:13px}.chamber{padding:18px 14px}.chamber-head{display:block}.meters{justify-content:space-around;margin:22px 0 0}.meters b{font-size:20px}.chamber-head h2{font-size:26px}.legend{gap:11px;margin-top:19px}.shield-legend{width:100%;margin:3px 0}.cells{flex-wrap:wrap;padding:20px 0;gap:10px}.cell{flex:0 0 calc(33.333% - 7px);max-width:165px;padding:12px 5px}.cell.shielded{padding:11px 4px}.cell img{max-width:120px}.cell .cellname{font-size:14px}.cell .state{font-size:9px;min-height:25px}.bead{width:17px;height:21px;border-radius:5px;font-size:9px}.recipe{gap:2px}.cell .toggle{font-size:9px}.baths{gap:7px}.bath{display:block;padding:11px 7px;text-align:center}.bath-glyph{width:29px;min-width:29px;height:33px;font-size:19px;margin:0 auto 9px}.bath b{font-size:14px}.bath>span:last-child{display:none}.bath small{font-size:9px;line-height:1.4}.tools{gap:7px}.tools button{padding:10px;font-size:10px}.sound{margin-left:0}.keepsakes #journal{gap:7px}.seal{width:32px;height:32px}footer{font-size:9px;flex-wrap:wrap}footer button{padding:0;font-size:10px}}@media(max-width:400px){.shell{padding:0 12px}.intro-art{width:107px}.intro-art img{width:105px}.intro h1{font-size:38px}.cell .cellname{font-size:12px}.bead{width:15px}.legend{font-size:10px}.bath b{font-size:12px}}