:root{--bg:#f3ece0;--ink:#2c3324;--ink-soft:#5c5f4f;--ink-faint:#8e8a7c;--leaf:#5f7f43;--leaf-deep:#3f5a2c;--vignette:92, 70, 42;--accent:#e98b8f;--accent-ink:#3f5a2c;--glass:#fcf9f3b8;--glass-strong:#fffdf9eb;--chrome:#fcf9f3db;--line:#4c402d1f;--shadow:0 22px 60px -28px #4a371e73, 0 4px 14px -8px #4a371e33;--serif:"Gambetta", "Iowan Old Style", Georgia, serif;--sans:"DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--gutter:clamp(16px, 3vw, 36px)}:root[data-world=dream]{--glass:#fcf5f7b8;--glass-strong:#fffafbeb;--chrome:#fcf5f7db}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}button{font:inherit;color:inherit}.app{position:fixed;inset:0}.stage{touch-action:none;opacity:0;transition:opacity .9s;position:absolute;inset:0}.stage.is-ready{opacity:1}.stage:after{content:"";pointer-events:none;background:radial-gradient(120% 95% at 56% 50%, #fffcf52e 0%, transparent 42%, rgba(var(--vignette), .13) 82%, rgba(var(--vignette), .22) 100%);position:absolute;inset:0}.overlay{pointer-events:none;padding:var(--gutter);grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.overlay button,.overlay a,.overlay input,.overlay .tune-wrap,.overlay .tray,.overlay .morph,.overlay .tool-panel,.overlay .sound-panel,.overlay .plant-card,.overlay .focus-panel,.overlay .arrange-bar,.overlay .nudge,.overlay .intro{pointer-events:auto}.top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.top-right{justify-self:end}.brand{align-items:center;gap:8px;display:flex}.brand-mark{background:var(--leaf);color:#f4f8ea;border-radius:10px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 -2px #0000001f}.brand-mark svg{width:18px;height:18px}.brand-name{font-family:var(--serif);letter-spacing:-.02em;font-size:25px;font-weight:560}.top-left{align-items:center;gap:16px;display:flex}.portal-orb{width:var(--orb);height:var(--orb);background:var(--bg);border-radius:50%;flex:none;transition:box-shadow .6s,transform .4s cubic-bezier(.3,1.5,.5,1);position:relative;overflow:hidden;box-shadow:inset 0 -3px 6px #281e3c2e,0 0 0 1px #ffffffb3,0 6px 16px -6px #5a463c73}.portal-sky{opacity:0;border-radius:50%;transition:opacity .9s;position:absolute;inset:0}.portal-sky.is-up{opacity:1}.portal-body{width:16px;height:16px;transform-origin:50% calc(8px + var(--orb) / 2);border-radius:50%;margin:-8px 0 0 -8px;transition:transform 1.1s cubic-bezier(.55,0,.25,1);position:absolute;top:50%;left:50%}.portal-body.is-up{transform:rotate(0)}.portal-body.is-setting{transform:rotate(-115deg)}.portal-body.is-waiting{transition:none;transform:rotate(115deg)}.portal-body.is-sun{background:radial-gradient(circle at 40% 38%,#fffbe8,#ffd46e);box-shadow:0 0 10px 3px #ffd66ebf}.portal-body.is-moon{filter:drop-shadow(0 0 5px #fff6ffd9);background:radial-gradient(circle at 70% 36%,#0000 0 6.6px,#fdf8ff 7.2px)}.mode-wrap{justify-self:center;position:relative}.mode-pill{--orb:28px;border:1px solid var(--line);background:var(--chrome);cursor:pointer;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 12px 0 5px;transition:background .2s,box-shadow .25s,transform .25s cubic-bezier(.3,1.6,.5,1);display:flex;box-shadow:0 6px 16px -12px #4a371e80}.mode-pill:hover,.mode-pill.is-open{background:var(--glass-strong);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 8px 20px -12px #4a371e80}.mode-pill:active{transform:scale(.97)}.mode-pill:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.mode-pill .portal-body{width:13px;height:13px;transform-origin:50% calc(6.5px + var(--orb) / 2);margin:-6.5px 0 0 -6.5px}.mode-pill .portal-body.is-moon{background:radial-gradient(circle at 70% 36%,#0000 0 5.4px,#fdf8ff 5.9px)}.mode-name{white-space:nowrap;font-size:13.5px;font-weight:600}.mode-chevron{color:var(--ink-faint);transition:transform .3s cubic-bezier(.3,1.5,.5,1);display:grid;transform:rotate(180deg)}.mode-chevron svg{width:15px;height:15px}.mode-pill.is-open .mode-chevron{transform:none}.mode-menu{z-index:20;background:var(--glass-strong);width:300px;box-shadow:var(--shadow);transform-origin:50% 0;border:1px solid #fffc;border-radius:20px;gap:2px;margin-left:-150px;padding:8px;animation:.3s cubic-bezier(.2,1.25,.4,1) panel-down;display:grid;position:absolute;top:calc(100% + 8px);left:50%}.mode-menu-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:4px 8px 8px;font-size:10px;font-weight:600}.mode-option{--orb:34px;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:7px 12px 7px 7px;transition:background .2s;display:flex}.mode-option:hover{background:#4c402d0f}.mode-option.is-current{background:#ffffffbf}.mode-option-text{flex:1;line-height:1.3;display:grid}.mode-option-text b{font-size:13.5px;font-weight:600}.mode-option-text small{color:var(--ink-faint);font-size:11.5px}.mode-check{width:18px;color:var(--accent-ink);display:grid}.mode-check svg{width:18px;height:18px}.mode-pill.is-hinting{animation:2.4s ease-in-out infinite hint-ring}@keyframes hint-ring{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent), 0 6px 16px -12px #4a371e80}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 24%, transparent), 0 6px 16px -12px #4a371e80}}.mode-tip{z-index:20;background:var(--glass-strong);width:340px;box-shadow:var(--shadow);transform-origin:50% 0;border:1px solid #fffc;border-radius:20px;margin-left:-170px;padding:16px;animation:.4s cubic-bezier(.2,1.25,.4,1) panel-down;position:absolute;top:calc(100% + 16px);left:50%}.mode-tip:before{content:"";top:-6px;left:var(--arrow,50%);background:inherit;border-top:1px solid #fffc;border-left:1px solid #fffc;border-radius:3px 0 0;width:12px;height:12px;margin-left:-6px;position:absolute;transform:rotate(45deg)}.mode-tip b{font-family:var(--serif);font-size:18px;font-weight:500;display:block}.mode-tip ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mode-tip li{--orb:26px;color:var(--ink-soft);align-items:center;gap:12px;font-size:12.5px;line-height:1.35;display:flex}.mode-tip li .portal-body{width:12px;height:12px;transform-origin:50% calc(6px + var(--orb) / 2);margin:-6px 0 0 -6px}.mode-tip li .portal-body.is-moon{background:radial-gradient(circle at 70% 36%,#0000 0 4.9px,#fdf8ff 5.4px)}.mode-tip strong{color:var(--ink);font-weight:600}.mode-tip p{color:var(--ink-soft);margin:12px 0 0;font-size:12.5px}.mode-tip-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.mode-pill.is-busy{pointer-events:none}.mode-pill.is-busy .portal-orb{animation:1.3s ease-in-out portal-breathe}@keyframes portal-breathe{40%{transform:scale(1.18);box-shadow:0 0 0 1px #ffffffe6,0 0 0 12px #fff0dc4d,0 0 30px 8px #ffecd299}}.portal-orb.is-nudged{animation:.5s portal-nudge}@keyframes portal-nudge{20%{transform:translate(-4px)rotate(-6deg)}45%{transform:translate(4px)rotate(5deg)}70%{transform:translate(-2px)}}body{transition:background-color 1s}.play-note{color:var(--ink-faint);margin:16px 0 0;font-size:13px}.top-right{align-items:center;gap:8px;display:flex}.chip{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.ghost-btn{border:1px solid var(--line);background:var(--chrome);cursor:pointer;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 16px 0 12px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex}.ghost-btn svg{width:17px;height:17px}.ghost-btn:hover{background:var(--glass-strong)}.ghost-btn.is-on{background:var(--ink);color:#f6f1e7;border-color:#0000}.intro{align-self:start;width:fit-content;max-width:min(330px,23vw);margin-top:clamp(32px,9vh,112px)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;margin:0 0 16px;font-size:11px;font-weight:600;display:flex}.dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.intro h1{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(28px,2.6vw,38px);font-weight:420;line-height:1.04}.intro h1 em{color:var(--accent-ink);font-style:normal}.lede{color:var(--ink-soft);max-width:290px;margin:16px 0 0;font-size:13px;line-height:1.55}.lede-short{display:none}.stats{border-top:1px solid var(--line);gap:20px;margin:28px 0 0;padding-top:16px;display:flex}.stats div{gap:4px;display:grid}.stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px}.stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:19px}.stats small{color:var(--ink-soft);margin-left:1px;font-size:13px}.tune-wrap{top:calc(var(--gutter) + 46px);right:var(--gutter);opacity:0;transform-origin:100% 0;border-radius:14px;width:300px;max-height:calc(100% - 200px);transition:opacity .22s,transform .22s;position:absolute;overflow:auto;transform:translateY(-6px)scale(.98);pointer-events:none!important}.tune-wrap.is-open{opacity:1;transform:none;pointer-events:auto!important}.bottom{grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;display:grid}.hint{max-width:260px;color:var(--ink-faint);margin:0;font-size:12px;line-height:1.5}.tray{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:22px;align-items:center;gap:6px;padding:6px;display:flex}.actions{gap:2px;display:flex}.tray-divider{background:var(--line);width:1px;height:30px;margin:0 4px}.action{cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;height:50px;padding:0 16px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.action svg{width:19px;height:19px}.action:hover:not(:disabled){background:#fff9}.action:active:not(:disabled){transform:scale(.95)}.action:disabled{opacity:.4;cursor:default}.action.icon-only{padding:0 12px}.meta{color:var(--ink-soft);justify-self:end;justify-items:end;gap:4px;font-size:12px;display:grid}.meta-quiet{color:var(--ink-faint);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.live-dot{background:#7fae52;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7fae5233}.brand{color:inherit;text-decoration:none}.ghost-btn{text-decoration:none}.ghost-btn:disabled{opacity:.45;cursor:default}.ghost-btn.is-strong{background:var(--ink);color:#f6f1e7;border-color:#0000}.avatar{background:var(--leaf);color:#f4f8ea;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:-6px;font-size:11px;font-weight:600;display:grid}.sync-dot{background:#c9c2b4;border-radius:50%;width:7px;height:7px;display:inline-block}.sync-dot.is-synced{background:#7fae52}.sync-dot.is-syncing{background:#e6b34d;animation:1s ease-in-out infinite pulse}.sync-dot.is-error{background:#d9744f}@keyframes pulse{50%{opacity:.35}}.btn-primary,.btn-quiet,.btn-danger{cursor:pointer;white-space:nowrap;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13.5px;font-weight:600;transition:transform .15s,background .2s,opacity .2s;display:inline-flex}.btn-primary{background:var(--ink);color:#f7f2e8}.btn-primary:hover:not(:disabled){background:#3b4430}.btn-quiet{background:#4c402d12}.btn-quiet:hover:not(:disabled){background:#4c402d1f}.btn-danger{color:#fff7f2;background:#c8553d}.btn-primary:active:not(:disabled),.btn-quiet:active:not(:disabled),.btn-danger:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled,.btn-quiet:disabled{opacity:.4;cursor:default}.with-icon svg{width:17px;height:17px}.text-btn{color:var(--leaf-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:16px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.text-btn svg{width:16px;height:16px}.text-btn:hover{text-underline-offset:3px;text-decoration:underline}.inline-link{font:inherit;color:var(--leaf-deep);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.cta{background:var(--ink);color:#f7f2e8;height:50px;box-shadow:var(--shadow);border-radius:18px;align-items:center;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.steps{color:var(--ink-soft);gap:8px;margin:24px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.steps b{width:22px;height:22px;color:var(--leaf-deep);background:#5f7f4324;border-radius:50%;place-items:center;margin-right:8px;font-size:11px;display:inline-grid}.intro-title{font-size:clamp(24px,2.2vw,32px)!important}.intro.is-returning .stats{margin-top:24px}.focus-bar{background:#4c402d1a;border-radius:99px;height:6px;overflow:hidden}.focus-bar i{border-radius:inherit;background:linear-gradient(90deg,#8db35f,#5f7f43);height:100%;transition:width .6s;display:block}.water-line{color:var(--ink-soft);align-items:center;gap:8px;margin:20px 0 0;font-size:12.5px;display:flex}.water-line svg{color:#6a9fc0;width:15px;height:15px}.water-line.is-thirsty{color:#a8613f}.water-line.is-thirsty svg{color:#c97b4f}.dock{z-index:5;justify-items:center;display:grid;position:relative}.action{position:relative}.badge{background:#e0794f;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:26px;box-shadow:0 0 0 2px #fbf7f0}.action.is-thirsty svg{color:#4f8db5}.plant-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);width:min(420px,100vw - 32px);box-shadow:var(--shadow);border:1px solid #fffc;border-radius:22px;padding:20px;animation:.28s cubic-bezier(.2,1.3,.4,1) rise;position:absolute;bottom:calc(100% + 12px)}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.97)}}.plant-head{align-items:center;gap:12px;display:flex}.plant-head h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:480}.plant-head p{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.plant-glyph,.focus-glyph{background:#f1eadf;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.plant-glyph svg,.focus-glyph svg{width:32px;height:32px}.plant-seeds{gap:8px;margin:16px 0 12px;display:flex}.mini-seed{cursor:pointer;color:var(--ink-soft);font-variant-numeric:tabular-nums;background:#4c402d0d;border:1px solid #0000;border-radius:12px;flex:1;justify-items:center;gap:2px;padding:7px 0 5px;font-size:10.5px;display:grid}.mini-seed svg{width:22px;height:22px}.mini-seed.is-active{color:var(--ink);background:#fff;border-color:#5f7f4373}.intent-input,.field input{border:1px solid var(--line);width:100%;height:42px;font:inherit;color:var(--ink);background:#fffdf9;border-radius:12px;outline:none;padding:0 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.intent-input:focus,.field input:focus{border-color:#5f7f4399;box-shadow:0 0 0 3px #7fae522e}.plant-actions,.sheet-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.focus-panel,.arrange-bar{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:22px;align-items:center;gap:16px;padding:12px 12px 12px 16px;display:flex}.focus-panel{min-width:min(520px,100vw - 32px)}.focus-main{flex:1;min-width:0}.focus-label{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.focus-intent{color:var(--ink)}.focus-time{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0 8px;font-size:40px;line-height:1.05}.focus-time span{opacity:.4;margin:0 1px}.focus-confirm{color:var(--ink-soft);align-items:center;gap:8px;font-size:12.5px;display:flex}.arrange-bar p{max-width:330px;color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.arrange-bar b{color:var(--ink)}.arrange-actions{gap:8px;display:flex}.plot-size{font-variant-numeric:tabular-nums;background:#4c402d12;border-radius:999px;align-items:center;gap:2px;padding:0 4px;font-size:13px;display:flex}.plot-size span{text-align:center;min-width:34px}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.icon-btn svg{width:15px;height:15px}.icon-btn:hover:not(:disabled){background:#4c402d1a}.icon-btn:disabled{opacity:.35;cursor:default}.lab-card{background:#fbf7f0;border-radius:14px;margin-bottom:10px;padding:14px;font-size:12px;box-shadow:0 18px 50px -20px #46341e59}.lab-card header{margin-bottom:10px;display:grid}.lab-card header span{color:var(--ink-faint);font-size:11px}.lab-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.lab-row input[type=range]{width:140px;accent-color:var(--leaf)}.lab-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--leaf)}.lab-buttons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.lab-buttons button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:30px;padding:0 10px;font-size:12px}.lab-buttons button:disabled{opacity:.4}.toasts{top:calc(var(--gutter) + 50px);pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;color:#f6f1e7;cursor:pointer;background:#2c3324eb;border:0;border-radius:999px;padding:10px 16px;font-size:13px;animation:.3s cubic-bezier(.2,1.3,.4,1) drop;box-shadow:0 10px 30px -12px #1e1e1480}.toast.is-bloom{background:linear-gradient(120deg,#4f6d38,#6d8f4c)}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.nudge{left:var(--gutter);bottom:calc(var(--gutter) + 72px);background:var(--glass-strong);width:300px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffffd9;border-radius:18px;padding:16px;animation:.35s cubic-bezier(.2,1.3,.4,1) rise;position:absolute}.nudge b{font-family:var(--serif);font-size:18px;font-weight:500}.nudge p{color:var(--ink-soft);margin:8px 0 12px;font-size:13px;line-height:1.5}.nudge div{justify-content:flex-end;gap:8px;display:flex}.center-note{font-family:var(--serif);color:var(--ink-soft);text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;font-size:20px;display:grid;position:absolute;inset:0}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#3c34262e;place-items:center;padding:24px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:#fbf8f2;border-radius:26px;outline:none;width:min(460px,100%);max-height:min(760px,100vh - 48px);animation:.32s cubic-bezier(.2,1.2,.4,1) rise;overflow:auto;box-shadow:0 40px 120px -40px #3c2d198c}.sheet.is-wide{width:min(760px,100%)}.sheet-head{z-index:1;background:linear-gradient(#fbf8f2 75%,#fbf8f200);justify-content:space-between;align-items:flex-start;padding:24px 24px 12px;display:flex;position:sticky;top:0}.sheet-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 4px;font-size:11px;font-weight:600}.sheet-head h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:30px;font-weight:450}.sheet-close{cursor:pointer;background:#4c402d12;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.sheet-close svg{width:18px;height:18px}.sheet-body{padding:4px 24px 24px}.sheet-lede{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.55}.field{gap:8px;margin-bottom:4px;display:grid}.field>span{color:var(--ink-soft);font-size:12px;font-weight:600}.code-input{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:22px!important}.note{color:#6e5525;background:#e6b34d24;border-radius:12px;margin:0 0 16px;padding:12px 16px;font-size:12.5px;line-height:1.5}.error{color:#b4472f;margin:8px 0 0;font-size:12.5px}.sync-line{color:var(--ink-soft);align-items:center;gap:8px;font-size:12.5px;display:flex}.empty-note{color:var(--ink-soft);text-align:center;margin:16px 0 0;font-size:13.5px}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;gap:4px;padding:16px;display:grid}.choice:hover{border-color:#5f7f4380}.choice span{color:var(--ink-soft);font-size:12.5px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:4px;padding:16px;display:grid}.stat span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.stat b{font-family:var(--serif);letter-spacing:-.01em;font-size:26px;font-weight:450}.stat small{color:var(--ink-soft);font-size:11.5px}.chart-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:12px;padding:16px 16px 12px}.chart-card header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.chart-card h3,.stats-cols h3{margin:0;font-size:13px;font-weight:600}.chart-card header p{color:var(--ink-soft);margin:0;font-size:12px}.chart{grid-template-columns:repeat(14,1fr);gap:6px;height:160px;padding-left:24px;display:grid;position:relative}.chart-rule{border-top:1px dashed #4c402d1f;margin-bottom:16px;position:absolute;left:24px;right:0}.chart-rule span{color:var(--ink-faint);font-size:10px;font-style:normal;position:absolute;top:-8px;left:-24px}.bar{cursor:default;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:0;display:flex;position:relative}.bar i{background:#cfe0b4;border-radius:7px 7px 4px 4px;width:100%;max-width:26px;margin-bottom:0;transition:background .15s,height .4s;display:block}.bar span{color:var(--ink-faint);height:12px;font-size:10.5px}.bar.is-today i{background:#6d8f4c}.bar.is-hover i{background:#8db35f}.bar.is-today span{color:var(--ink);font-weight:600}.stats-cols{grid-template-columns:1fr 1.3fr;gap:24px;margin-top:20px;display:grid}.kind-list,.session-list{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.kind-list li{grid-template-columns:30px 1fr auto auto;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.kind-glyph svg{width:26px;height:26px}.kind-count{color:var(--ink-faint)}.kind-mins{font-variant-numeric:tabular-nums;text-align:right;min-width:52px}.session-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:8px 0;display:flex}.session-list li:last-child{border-bottom:0}.session-list i{border:1px solid #00000014;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px}.session-list div{gap:2px;min-width:0;display:grid}.session-list b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.session-list span{color:var(--ink-faint);font-size:11.5px}.session-list .is-abandoned b{color:var(--ink-faint);-webkit-text-decoration:line-through #0003;text-decoration:line-through #0003}.share-layout{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.postcard img,.postcard-loading{aspect-ratio:4/5;border-radius:16px;width:100%;display:block;box-shadow:0 20px 50px -24px #3c2d1980}.postcard-loading{color:var(--ink-faint);background:#efe7da;place-items:center;font-size:13px;display:grid}.share-side{gap:16px;display:grid}.link-row{gap:8px;display:flex}.link-row input{color:var(--ink-soft)!important;font-size:12.5px!important}.share-buttons{flex-wrap:wrap;gap:8px;display:flex}.trash-badge{z-index:30;color:#fff7f2;white-space:nowrap;pointer-events:none;transform-origin:0 100%;opacity:0;background:#c8553d;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;transition:opacity .16s,transform .22s cubic-bezier(.3,1.4,.5,1);display:flex;position:fixed;top:0;left:0;transform:translate(16px,calc(-100% - 12px))scale(.6);box-shadow:0 12px 28px -12px #78281499}.trash-badge.is-on{opacity:1;transform:translate(16px,calc(-100% - 12px))}.trash-badge-icon{background:#fff7f233;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.trash-badge-icon svg{width:16px;height:16px}.trash-badge.is-on .trash-badge-icon svg{animation:.5s ease-out trash-wiggle}@keyframes trash-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}60%{transform:rotate(9deg)}}@media (prefers-reduced-motion:reduce){.trash-badge,.trash-badge.is-on .trash-badge-icon svg{transition:opacity .16s;animation:none}}.view-controls{pointer-events:none;gap:8px;display:grid}.view-controls button{border:1px solid var(--line);background:var(--chrome);width:38px;height:38px;color:var(--ink);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;transition:background .2s,transform .2s,opacity .25s;display:grid;box-shadow:0 6px 16px -10px #4a371e73}.view-controls button:hover{background:#fffdf9}.view-controls button:active{transform:scale(.94)}.view-controls svg{width:18px;height:18px}.view-controls .view-reset{opacity:0;pointer-events:none;transform:scale(.8)}.view-controls .view-reset.is-shown{opacity:1;pointer-events:auto;transform:none}.tray-wrap{justify-items:center;display:grid;position:relative}.seed-glyph{background:#f1eadf;border-radius:12px;place-items:center;width:36px;height:36px;transition:transform .35s cubic-bezier(.3,1.8,.5,1),background .2s;display:grid}.seed-glyph svg{width:26px;height:26px}.tool-plant{cursor:pointer;background:#fffdf9;border:0;border-radius:16px;align-items:center;gap:8px;height:50px;padding:0 12px 0 7px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffffe6,0 6px 16px -8px #4a371e73}.tool-plant:hover{box-shadow:inset 0 1px #ffffffe6,0 10px 22px -10px #4a371e80}.tool-plant:active{transform:scale(.96)}.tool-plant .seed-glyph{animation:.42s cubic-bezier(.3,1.8,.5,1) glyph-pop}@keyframes glyph-pop{0%{transform:scale(.6)rotate(-14deg)}}.tool-plant-text{text-align:left;min-width:92px;line-height:1.15;display:grid}.tool-plant-text small{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.tool-plant-text span{white-space:nowrap;font-size:13px;font-weight:600}.tool-plant-text em{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-style:normal;font-weight:400}.tool-chevron{color:var(--ink-faint);transition:transform .3s cubic-bezier(.3,1.5,.5,1);display:grid}.tool-chevron svg{width:16px;height:16px}.tool-plant.is-open .tool-chevron{transform:rotate(180deg)}.action.is-open{background:#ffffffbf}.action-meta{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.tool-panel{z-index:2;background:var(--glass-strong);box-shadow:var(--shadow);transform-origin:50% 100%;border:1px solid #fffc;border-radius:22px;padding:8px;animation:.32s cubic-bezier(.2,1.25,.4,1) panel-up;position:absolute;bottom:calc(100% + 12px)}@keyframes panel-up{0%{opacity:0;transform:translateY(10px)scale(.94)}}.seed-drawer{gap:4px;display:flex}.seed-drawer .seed{cursor:pointer;background:0 0;border:0;border-radius:16px;justify-items:center;gap:4px;width:84px;padding:12px 4px 8px;transition:background .2s,box-shadow .2s,transform .25s cubic-bezier(.3,1.6,.5,1);animation:.4s cubic-bezier(.25,1.5,.45,1) backwards seed-in;display:grid}@keyframes seed-in{0%{opacity:0;transform:translateY(8px)}}.seed-drawer .seed:hover{background:#ffffffb3}.seed-drawer .seed:hover .seed-glyph{transform:translateY(-2px)rotate(-6deg)}.seed-drawer .seed:active{transform:scale(.94)}.seed-drawer .seed.is-active{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent-ink) 32%, transparent), 0 8px 18px -10px #4a371e80;background:#fff}.seed-drawer .seed-glyph{border-radius:15px;width:48px;height:48px;margin-bottom:4px}.seed-drawer .seed-glyph svg{width:34px;height:34px}.seed-drawer .seed.is-active .seed-glyph{background:#f4efe2;transform:rotate(-8deg)scale(1.06)}.seed-name{font-size:13px;font-weight:600}.seed-time{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.grow-panel{align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:16px 20px 16px 16px;display:flex}.plot-map{background:#4c402d0f;border-radius:14px;grid-template-columns:repeat(8,11px);gap:3px;padding:8px;display:grid}.plot-map i{border-radius:3px;width:11px;height:11px;transition:background .3s,transform .3s cubic-bezier(.3,1.8,.5,1),box-shadow .3s}.plot-map .is-on{background:#97b373}.plot-map .is-planted{background:radial-gradient(circle,#f08f95 0 2.4px,#7e9d5d 2.9px)}.plot-map .is-open{background:0 0;transform:scale(.82);box-shadow:inset 0 0 0 1.5px #5f7f4366}.grow-side{justify-items:start;gap:8px;width:190px;display:grid}.grow-title{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:10px}.grow-side .plot-size{font-size:18px;font-family:var(--serif);padding:2px 4px}.grow-side .plot-size span{min-width:52px}.grow-side .icon-btn{width:36px;height:36px}.grow-note{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.45}.eq{align-items:flex-end;gap:2px;height:12px;display:flex}.eq i{background:var(--accent-ink);transform-origin:bottom;border-radius:2px;width:2.5px;height:100%;animation:1.1s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-duration:.8s;animation-delay:-.4s}.eq i:nth-child(3){animation-duration:1.3s;animation-delay:-.7s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.sound-panel{z-index:20;background:var(--glass-strong);width:300px;box-shadow:var(--shadow);transform-origin:calc(100% - 20px) 100%;border:1px solid #fffc;border-radius:22px;gap:6px;padding:10px;animation:.3s cubic-bezier(.2,1.25,.4,1) panel-up;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}@keyframes panel-down{0%{opacity:0;transform:translateY(-8px)scale(.95)}}.record{background:repeating-radial-gradient(circle,#2f2a24 0 1.5px,#3b352d 1.5px 3px);border-radius:50%;flex:none;width:42px;height:42px;animation:3.2s linear infinite paused spin;position:relative;box-shadow:0 4px 10px -4px #281e1480}.record i{background:var(--accent);box-shadow:inset 0 0 0 5.5px var(--accent), inset 0 0 0 8px #f6efe3;border-radius:50%;position:absolute;inset:13px}@keyframes spin{to{transform:rotate(360deg)}}.sound-rows{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0;display:grid}.sound-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.sound-row:hover{background:#4c402d0d}.sound-row-icon{width:30px;height:30px;color:var(--ink-soft);background:#4c402d0f;border-radius:10px;flex:none;place-items:center;display:grid}.sound-row-icon svg{width:16px;height:16px}.sound-row-text{flex:1;line-height:1.25;display:grid}.sound-row-text b{font-size:13px;font-weight:600}.sound-row-text small{color:var(--ink-faint);font-size:11px}.switch{background:#4c402d2e;border-radius:999px;flex:none;width:36px;height:22px;transition:background .25s;position:relative}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #281e144d}.switch.is-on{background:var(--leaf)}.switch.is-on i{transform:translate(14px)}.sound-slider{align-items:center;gap:12px;padding:4px 12px;transition:opacity .2s;display:flex}.sound-slider.is-off{opacity:.45}.sound-slider input{appearance:none;cursor:pointer;background:0 0;flex:1;height:22px;margin:0}.sound-slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--leaf) var(--fill), #4c402d24 var(--fill));border-radius:999px;height:6px}.sound-slider input::-moz-range-track{background:linear-gradient(to right, var(--leaf) var(--fill), #4c402d24 var(--fill));border-radius:999px;height:6px}.sound-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 1px 4px #281e1459}.sound-slider input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #281e1459}@media (width<=760px){.seed-drawer{gap:2px;padding:6px}.seed-drawer .seed{width:calc(20vw - 10.4px);max-width:76px;padding:8px 2px}.seed-drawer .seed-glyph{width:42px;height:42px}.seed-name{font-size:12px}.grow-side{width:160px}.sound-panel{top:auto;bottom:calc(var(--gutter) + 128px);width:auto;position:fixed;left:16px;right:16px}}.morph{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);box-shadow:inset 0 0 0 1px #ffffffb3, var(--shadow);border-radius:22px;transition:width .55s cubic-bezier(.3,1.18,.4,1),height .55s cubic-bezier(.3,1.18,.4,1);position:relative}.morph-inner{width:max-content;max-width:calc(100vw - 2 * var(--gutter));position:absolute;bottom:0;left:50%;transform:translate(-50%)}.morph-content{animation:.32s .12s backwards morph-in}@keyframes morph-in{0%{opacity:0;filter:blur(3px);transform:scale(.97)}}.morph .tray,.morph .arrange-bar,.morph .focus-panel{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0}.corner{right:var(--gutter);bottom:var(--gutter);pointer-events:none;justify-items:end;gap:12px;display:grid;position:absolute}.corner .meta-quiet{color:var(--ink-soft);font-size:12px}.sound-dock{pointer-events:auto;position:relative}.mini-player{border:1px solid var(--line);background:var(--chrome);border-radius:999px;align-items:center;gap:4px;height:50px;padding:0 6px;display:flex;box-shadow:0 6px 16px -10px #4a371e73}.mini-record{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;height:42px;padding:0 4px 0 0;transition:background .2s;display:flex}.mini-record:hover,.mini-record[aria-expanded=true]{background:#4c402d0f}.mini-player .record{width:38px;height:38px}.mini-player .record i{inset:12px}.mini-player.is-playing .record{animation-play-state:running}.mini-text{min-width:96px;margin:0 8px;line-height:1.2;display:grid}.mini-text small{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.mini-text b{font-family:var(--serif);white-space:nowrap;font-size:15px;font-weight:500}.mini-btn{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s,transform .2s cubic-bezier(.3,1.6,.5,1);display:grid}.mini-btn:hover,.mini-btn.is-on{background:#4c402d14}.mini-btn:active{transform:scale(.9)}.mini-btn svg{width:16px;height:16px}.mini-btn.is-play{background:var(--ink);color:#f6f1e7}.mini-btn.is-play svg{width:14px;height:14px}.mini-divider{background:var(--line);width:1px;height:22px;margin:0 2px}.sound-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:4px 12px;font-size:10px;font-weight:600}.playlist{gap:1px;display:grid}.track{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.track:hover{background:#4c402d0d}.track.is-current{background:#ffffffbf}.track-n{width:16px;color:var(--ink-faint);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;display:grid}.track-text{flex:1;line-height:1.3;display:grid}.track-text b{font-size:13.5px;font-weight:500}.track.is-current .track-text b{font-weight:600}.track-text small{color:var(--ink-faint);font-size:11.5px}@media (width<=760px){.corner{bottom:calc(var(--gutter) + 82px);gap:8px}.mini-player{height:auto;box-shadow:none;background:0 0;border:0;padding:0}.mini-player>:not(.mini-record),.mini-player .mini-text{display:none}.mini-record{height:auto;padding:0}.mini-player .record{width:36px;height:36px;box-shadow:0 6px 16px -8px #281e148c}.mini-player .record i{inset:11.5px}}.has-flora{z-index:0;position:relative}.flora-base{vertical-align:baseline;width:0;height:0;display:inline-block}.flora-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flora-layer.is-back{z-index:-1}.flora-stem{fill:none;stroke:#6a8c4a;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:.9s cubic-bezier(.3,.7,.3,1) backwards flora-draw}.flora-stem.is-back{stroke:#4f6c37}.flora-leaf{fill:#7fa257}.flora-pop{transform-box:fill-box;transform-origin:50% 100%;animation:.5s cubic-bezier(.3,1.6,.5,1) backwards flora-pop}.flora-pop.is-leaf{transform-origin:0}.flora-sway{transform-origin:0 0;width:0;height:0;animation:flora-sway var(--sway-time) ease-in-out var(--sway-delay) infinite alternate;position:absolute}.flora-sway svg{position:absolute;overflow:visible}@keyframes flora-draw{0%{stroke-dashoffset:1px}}@keyframes flora-pop{0%{transform:scale(0)}}@keyframes flora-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.bottom-left{align-self:end;gap:8px;display:grid}.credit{color:var(--ink-faint);margin:0;font-size:12px}.credit a,.credit .inline-link{color:var(--ink-soft);font-size:inherit}.credit a:hover,.credit .inline-link:hover{color:var(--accent-ink)}.sheet .credit{border-top:1px solid var(--line);text-align:center;margin-top:16px;padding-top:12px}.feedback-kinds{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.feedback-kind{border:1px solid var(--line);cursor:pointer;background:#fffdf9;border-radius:999px;height:34px;padding:0 16px;font-size:13px;transition:background .2s,border-color .2s,color .2s}.feedback-kind.is-active{background:var(--ink);color:#f6f1e7;border-color:#0000}.feedback-text{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);resize:vertical;background:#fffdf9;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;line-height:1.5}.feedback-text:focus{border-color:#5f7f4399;box-shadow:0 0 0 3px #7fae522e}.feedback-reply{color:var(--ink-faint);margin:8px 0 0;font-size:12px}.admin{padding:32px var(--gutter) 64px;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.admin>*{max-width:1120px;margin-left:auto;margin-right:auto}.admin-head{align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.admin-head .brand{color:var(--ink);text-decoration:none}.admin-title{font-family:var(--serif);color:var(--ink-soft);font-size:24px}.admin-at{color:var(--ink-faint);gap:12px;margin-left:auto;font-size:12px;display:flex}.admin-note{background:var(--glass-strong);border-radius:20px;justify-items:start;gap:16px;padding:24px;display:grid}.admin-note p{color:var(--ink-soft);margin:0}.admin-note .btn-primary{text-decoration:none}.admin-section{margin-bottom:40px}.admin-section h2{font-family:var(--serif);margin:0 0 16px;font-size:22px;font-weight:500}.admin-section h2 small{font-family:var(--sans);color:var(--ink-faint);margin-left:8px;font-size:12px;font-weight:400}.admin-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.admin-tile{background:var(--glass-strong);border:1px solid #fffc;border-radius:16px;align-content:start;gap:4px;padding:16px;display:grid}.admin-tile.is-strong{background:var(--ink);color:#f6f1e7}.admin-tile.is-strong .admin-label{color:#f6f1e7b3}.admin-label{color:var(--ink-faint);font-size:12px}.admin-value{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:32px;line-height:1.1}.admin-hint{color:var(--ink-faint);font-size:11px}.admin-charts,.admin-tables{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.admin-chart,.admin-table{background:var(--glass-strong);border:1px solid #fffc;border-radius:16px;padding:16px}.admin-chart-head,.admin-table-head{color:var(--ink-faint);justify-content:space-between;margin:0 0 12px;font-size:12px;display:flex}.admin-chart-head span,.admin-table-head span:first-child{color:var(--ink-soft);font-weight:600}.admin-bars{align-items:flex-end;gap:2px;height:80px;display:flex}.admin-bars i{background:var(--leaf);border-radius:2px 2px 0 0;flex:1}.admin-bars i.is-zero{background:var(--line)}.admin-chart-axis{color:var(--ink-faint);justify-content:space-between;margin:8px 0 0;font-size:11px;display:flex}.admin-row{justify-content:space-between;gap:12px;padding:4px 8px;font-size:13px;display:flex;position:relative}.admin-row-bar{background:color-mix(in srgb, var(--leaf) 14%, transparent);border-radius:6px;position:absolute;inset:2px auto 2px 0}.admin-row-key,.admin-row-n{position:relative}.admin-row-key{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-row-n{font-variant-numeric:tabular-nums;white-space:nowrap}.admin-row-n small{color:var(--ink-faint)}.admin-empty{color:var(--ink-faint);margin:0;font-size:13px}.admin-feedback{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-feedback li{background:var(--glass-strong);border-radius:16px;padding:16px}.admin-fb-meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;display:flex}.admin-kind{background:var(--line);color:var(--ink-soft);border-radius:999px;padding:2px 8px;font-weight:600}.admin-kind.is-love{color:#a23a4b;background:#fbe0e3}.admin-kind.is-idea{color:var(--leaf-deep);background:#e8f0dc}.admin-kind.is-issue{color:#9a5a2a;background:#fbe8d6}.admin-fb-text{white-space:pre-wrap;margin:0;line-height:1.5}.admin-foot{color:var(--ink-faint);font-size:12px;line-height:1.5}@media (width<=1100px){.bottom{grid-template-columns:1fr;justify-items:center}.bottom-left,.meta,.intro.is-returning .water-line{display:none}}@media (width<=760px){.intro{align-self:start;max-width:none;margin-top:32px}.intro h1{font-size:28px!important}.lede-short{max-width:300px;color:var(--ink-soft);margin:8px 0 0;font-size:13px;line-height:1.5;display:block}.lede,.steps,.eyebrow,.chip,.text-btn{display:none!important}.intro.is-returning .stats{gap:16px;margin-top:12px;padding-top:12px}.stats dd{font-size:18px}.top-right .ghost-btn span:not(.avatar){display:none}.top-right .ghost-btn{padding:0 10px}.top-left,.top-right{gap:8px}.top-left .brand-name{display:none}.top{gap:8px;display:flex}.top-right{margin-left:auto}.mode-name{display:none}.mode-tip{--arrow:73px;width:auto;margin-left:0;position:fixed;top:76px;left:16px;right:16px}.mode-menu{width:auto;margin-left:0;position:fixed;top:76px;left:16px;right:16px}.mode-pill{padding:0 8px 0 4px}.play-note{display:none}.tray{gap:4px;max-width:calc(100vw - 32px);padding:5px}.tool-plant,.action{flex-direction:column;justify-content:center;gap:4px;min-width:56px;height:56px;padding:0 8px}.tool-plant .seed-glyph{border-radius:9px;width:28px;height:28px}.tool-plant .seed-glyph svg{width:21px;height:21px}.action svg{margin:4.5px 0}.tool-plant-text{min-width:0}.tool-plant{grid-template-areas:"glyph chevron""label label";align-content:center;justify-items:center;column-gap:2px;padding:0 6px 0 8px;display:grid}.tool-plant .seed-glyph{grid-area:glyph}.tool-plant .tool-chevron{grid-area:chevron}.tool-plant .tool-chevron svg{width:14px;height:14px}.tool-plant-text{grid-area:label}.tool-plant-text>span,.action-meta{display:none}.tool-plant-text small,.action span{letter-spacing:0;text-transform:none;color:var(--ink-soft);font-size:11px;font-weight:500;line-height:1}.tray-divider{margin:0 2px}.badge{top:8px;left:calc(50% + 4px)}.focus-panel{flex-wrap:wrap}.focus-confirm{justify-content:flex-end;width:100%}.arrange-bar{flex-direction:column;align-items:stretch}.tune-wrap{left:var(--gutter);width:auto}.view-controls button{width:36px;height:36px}.nudge{width:auto;bottom:100px;left:16px;right:16px}.sheet-backdrop{place-items:end stretch;padding:0}.sheet,.sheet.is-wide{border-radius:26px 26px 0 0;width:100%;max-height:88vh}.stat-grid{grid-template-columns:1fr 1fr}.stats-cols,.share-layout{grid-template-columns:1fr}.postcard{justify-self:center;max-width:260px}.chart{gap:3px}}@media (width<=380px){.tool-plant,.action{min-width:52px;padding:0 6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}