@font-face{font-family:DWFairfield;src:url(/fonts/DWFairfield.woff2) format("woff2");font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:DWFairfieldNarrow;src:url(/fonts/DWFairfield-Narrow.woff2) format("woff2");font-display:swap}:root{--charcoal: #2c2c2a;--cream: #fcf7e8;--ink-soft: #4a4a46;--rust: #bf7538;--mustard: #f6cc60;--mint: #bfcdc0;--red: #a8462b;--green: #50ad33;--ctared: #fe3636;--sage: #babd8d;--olive: #5f6338;--leaf: #4a4e2d;--silver-light: #bfc9c1;--silver-dark: #7a8f85;--disp: "DWFairfield", "Barlow Condensed", "Impact", sans-serif;--dispn: "DWFairfieldNarrow", "DWFairfield", "Bebas Neue", sans-serif;--body: "DM Sans", "Nunito Sans", "Segoe UI", system-ui, sans-serif;--fs-title: 2.6rem;--fs-heading: 1.7rem;--fs-body: 1.05rem;--fs-small: .9rem;--fw-reg: 500;--fw-bold: 700;--lh-body: 1.5;--lh-display: .9;--radius: 12px;--radius-sm: 9px;--border: 3px solid var(--charcoal);--line-w: 2px;--wander: .7px;--sidebar-w: 248px;--content-max: 920px;--home-max: 1100px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 40px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--body);font-size:var(--fs-body);font-weight:var(--fw-reg);line-height:var(--lh-body);background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.17 0 0 0 0 0.16 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat}a{color:var(--charcoal);font-weight:var(--fw-bold)}b,strong{font-weight:var(--fw-bold)}h1,h2,h3{margin:0}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cream),0 0 0 5px var(--rust)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--leaf);color:var(--cream);border-right:var(--border)}.sidebar-inner{position:sticky;top:0;height:100vh;padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-5);overflow:hidden}.sidebar-head,.nav-footer{flex:none}.sidebar-head{display:flex;flex-direction:column;gap:var(--s-2)}.brand{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-2);text-decoration:none;color:var(--cream)}.brand img{width:44px;height:44px;object-fit:contain}.brand .wordmark{font-family:var(--disp);font-size:1.35rem;line-height:1;text-transform:uppercase;letter-spacing:.02em;font-weight:var(--fw-reg);min-width:0;overflow-wrap:anywhere}.brand .wordmark small{display:block;font-family:var(--body);font-weight:var(--fw-bold);font-size:.66rem;line-height:1.25;letter-spacing:.1em;opacity:.75;margin-top:var(--s-1)}.nav{display:flex;flex-direction:column;gap:var(--s-1);flex:1;min-height:0;overflow-y:auto;padding:0 6px;margin:0 -6px;scrollbar-width:thin;scrollbar-color:rgba(252,247,232,.3) transparent}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#fcf7e84d;border-radius:999px}.nav::-webkit-scrollbar-track{background:transparent}.nav-group{margin-top:var(--s-4)}.nav a,.nav-footer a{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--cream);font-weight:var(--fw-bold);font-size:var(--fs-body);position:relative;z-index:0;transition:transform .12s ease}.stage-icon{width:22px;height:22px;object-fit:contain;flex:none}.spotify-mark{width:1.05em;height:1.05em;object-fit:contain;vertical-align:-.18em;margin-left:.35em;flex:none}.nav a .count{margin-left:auto;font-size:var(--fs-small);background:var(--sage);color:var(--charcoal);border-radius:999px;padding:0 var(--s-2);min-width:24px;text-align:center}.nav a:hover,.nav-footer a:hover{background:#fcf7e81a}.nav a.active,.nav-footer a.active{color:var(--charcoal);--fill: var(--sage)}.nav a.cta:not(.active){--fill: var(--mustard);color:var(--charcoal)}.nav a.cta:not(.active) .wobble{display:block}.nav a.queue-empty,.bottombar a.queue-empty,.more-sheet .panel a.queue-empty{opacity:.6}.nav a.queue-empty:hover,.bottombar a.queue-empty:hover,.more-sheet .panel a.queue-empty:hover{opacity:1}.nav a:not(.active) .wobble,.nav-footer a:not(.active) .wobble,.bottombar a .wobble,.bottombar button .wobble{display:none}.nav-footer{position:relative;--line: rgba(252, 247, 232, .2);padding-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-1)}.nav-footer .who{padding:var(--s-2) var(--s-3) 0;font-size:var(--fs-small);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out{font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-body);text-align:left;background:none;border:none;color:var(--cream);opacity:.75;padding:var(--s-2) var(--s-3);cursor:pointer;border-radius:var(--radius-sm)}.sign-out:hover{opacity:1;background:#fcf7e81a}.main{padding:var(--s-6) var(--s-6) calc(2 * var(--s-6));min-width:0;display:flex;flex-direction:column}.main>*{flex:1 0 auto}.content{width:100%;max-width:var(--content-max);margin:0 auto}.content.wide{max-width:var(--home-max)}.check{display:flex;align-items:flex-start;gap:var(--s-3);cursor:pointer}.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--leaf);cursor:pointer}.check span{font-weight:var(--fw-bold)}.check small{display:block;font-weight:var(--fw-reg);font-size:var(--fs-small);color:var(--ink-soft);margin-top:var(--s-1);max-width:52ch}.prefs-save{align-items:center;gap:var(--s-3);margin-top:var(--s-4)}.page-head{margin-bottom:var(--s-5)}.eyebrow{font-weight:var(--fw-bold);font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin-bottom:var(--s-1)}.page-head h1{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:var(--fs-title);line-height:var(--lh-display)}.page-head .lede{font-size:var(--fs-body);margin:var(--s-3) 0 0;max-width:680px;color:var(--ink-soft)}.page-head .lede+.lede{margin-top:var(--s-1)}.wobble{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);z-index:-1;pointer-events:none;overflow:visible;display:block}.wobble.front{z-index:1}.wobble path{fill:var(--fill, transparent);stroke:var(--line, var(--charcoal));stroke-width:var(--line-w);stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:var(--dash, none)}.wobble.front path{fill:none}.card,.fold,.empty,.garden-panel,.buzz-block,.buzz-dialog,.garden-sheet .panel,.more-sheet .panel,.modal-panel{--line-w: 3px}.card>:not(svg),.fold>:not(svg),.empty>:not(svg),.garden-panel>:not(svg),.buzz-block>:not(svg),.buzz-dialog>:not(svg),.garden-sheet .panel>:not(svg),.more-sheet .panel>:not(svg),.modal-panel>:not(svg){--line-w: 2px}.wobble.rule{inset:auto;left:var(--s-1);right:var(--s-1);width:calc(100% - 2 * var(--s-1));height:8px;z-index:auto}.wobble.rule.bottom{bottom:-4px}.wobble.rule.top{top:-4px}.wobble.rule path{fill:none}.card{position:relative;z-index:0;margin:0 0 var(--s-5);border-radius:var(--radius);--fill: var(--cream)}.card.sage{--fill: var(--sage)}.card.olive{color:var(--cream);--fill: var(--olive)}.card.leaf{color:var(--cream);--fill: var(--leaf)}.card.mustard{--fill: var(--mustard)}.cardbar{position:relative;padding:var(--s-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.cardbar h2,.cardbar h3{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:var(--fs-heading);line-height:1;flex:1 1 auto;min-width:12ch;overflow-wrap:anywhere}.cardbar .sub{font-size:var(--fs-small);opacity:.75;margin-top:var(--s-1);font-family:var(--body);text-transform:none;display:block;font-weight:var(--fw-reg)}.cardbody{padding:var(--s-4)}.cardbody p{margin:0 0 var(--s-3)}.cardbody p:last-child{margin-bottom:0}.cardfoot{padding:0 var(--s-4) var(--s-4);display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}.cardfoot .spacer{flex:1}.cardbody .cardfoot{padding:var(--s-3) 0 0}.meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-3);margin:0 0 var(--s-3)}.meta .lab{font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-small);letter-spacing:.1em;color:var(--ink-soft);margin:0 0 var(--s-1)}.meta .val{font-size:var(--fs-body);line-height:1.35;overflow-wrap:anywhere}.meta .val a{font-weight:var(--fw-bold)}.btn{font-family:var(--body);font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-body);letter-spacing:.02em;border:none;background:none;color:var(--charcoal);padding:var(--s-3) var(--s-4);cursor:pointer;position:relative;z-index:0;transition:transform .12s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap;--fill: var(--mustard);min-width:12rem;justify-content:center;flex-shrink:0}.btn:hover:not(:disabled){transform:scale(1.06)}.btn:active:not(:disabled){transform:scale(1.02) translate(2px,2px)}.btn:disabled{opacity:.45;cursor:default}.btn.go{color:var(--charcoal);--fill: var(--green)}.btn.ghost,.btn.danger{--fill: transparent;--line: rgba(44, 44, 42, .25)}.btn.sage{--fill: var(--sage)}.btn.danger{color:var(--red);--line: rgba(168, 70, 43, .35)}.card.olive .btn.ghost,.card.leaf .btn.ghost{color:var(--cream)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);font-weight:var(--fw-bold);font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase;padding:var(--s-1) var(--s-2);color:var(--charcoal);position:relative;z-index:0;white-space:nowrap;--fill: var(--sage)}.chip.mustard{--fill: var(--mustard)}.chip.cream{--fill: var(--cream)}.chip.green{color:var(--charcoal);--fill: var(--green)}.chip.red{color:var(--cream);--fill: var(--red)}.chip.olive{color:var(--cream);--fill: var(--olive)}.empty{position:relative;z-index:0;padding:var(--s-4);border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3);--fill: var(--sage)}.empty p{margin:0;max-width:520px;font-size:var(--fs-body)}.empty.error{--fill: var(--red)}.stale-banner{margin:0 0 var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);background:#a8462b1f;color:var(--charcoal);font-size:var(--fs-small)}.buzz-row{display:flex;align-items:flex-end;gap:var(--s-4)}.buzz-row img{width:96px;height:96px;object-fit:contain;flex:0 0 auto}.bubble{position:relative;z-index:0;padding:var(--s-3) var(--s-4);font-size:var(--fs-body);line-height:1.35;max-width:440px;--fill: var(--mustard)}.field{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-3)}.field label{font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-small);letter-spacing:.1em;opacity:.75}.fieldbox{position:relative;z-index:0;--fill: #fff}.field input,.field textarea{display:block;border:0;border-radius:var(--radius-sm);background:transparent;padding:var(--s-3) var(--s-4);font-size:var(--fs-body);width:100%}.field textarea{min-height:120px;max-height:480px;resize:vertical;field-sizing:content}.field .hint{font-size:var(--fs-small);color:var(--ink-soft)}.field .error{font-size:var(--fs-small);color:var(--red);font-weight:var(--fw-bold)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.inline-form{display:flex;gap:var(--s-2);align-items:flex-end}.inline-form .field{flex:1;margin-bottom:0}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.muted{color:var(--ink-soft);font-size:var(--fs-small)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-999px;left:0;z-index:200;padding:var(--s-2) var(--s-4);background:var(--cream);color:var(--charcoal);font-weight:var(--fw-bold);border-radius:var(--radius-sm);text-decoration:none}.skip-link:focus{top:var(--s-2);left:var(--s-2)}.text-link{font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-body);background:none;border:none;padding:0;color:var(--olive);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-link:disabled,.text-link[aria-disabled=true]{opacity:.45;cursor:default}.note{font-size:var(--fs-small);color:var(--ink-soft);margin:var(--s-2) 0 0}.toast{position:fixed;right:28px;bottom:28px;z-index:50;padding:var(--s-3) var(--s-4);font-weight:var(--fw-bold);color:var(--charcoal);--fill: var(--mustard)}.toast.bad{color:var(--cream);--fill: var(--red)}.toast-action{margin-left:var(--s-2);font:inherit;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-body);background:none;border:none;border-bottom:2px solid currentColor;color:inherit;cursor:pointer;padding:0 0 1px}.fold{margin:0 0 var(--s-5);position:relative;z-index:0;border-radius:var(--radius);--fill: rgba(186, 189, 141, .28);--line: rgba(44, 44, 42, .3);--marker: 30px}.fold summary{cursor:pointer;padding:var(--s-3) var(--s-4);font-weight:var(--fw-bold);list-style:none;display:flex;align-items:center;gap:var(--s-2)}.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"";flex:none;width:var(--marker);height:var(--marker);background:url(/assets/hint-bulb.png) center / contain no-repeat}.fold-ask summary:before{background-image:url(/assets/nav-help.png)}.fold .fold-body{padding:0 var(--s-4) var(--s-4) calc(var(--s-4) + var(--marker) + var(--s-2));color:var(--ink-soft)}.fold .fold-body p,.fold .fold-body li{margin:0 0 var(--s-2)}.fold .fold-body ol{padding-left:var(--s-4);margin:0}@media (prefers-reduced-motion: reduce){.btn,.nav a{transition:none}}.phrase-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}.phrase-row .phrase-text{font-weight:var(--fw-bold);flex:1 1 240px;overflow-wrap:anywhere}.phrase-row .phrase-actions{display:flex;gap:var(--s-2);flex-wrap:nowrap}.phrase-box{display:block;width:100%;text-align:left;font-family:monospace;font-size:.95rem;font-weight:var(--fw-bold);line-height:1.5;padding:var(--s-3) var(--s-4);margin:0 0 var(--s-3);background:none;border:none;cursor:pointer;color:inherit;position:relative;z-index:0;--fill: var(--sage)}.phrase-box:hover,.phrase-box:focus-visible{--fill: var(--mustard)}.phrase-box .copy-flag{display:block;margin-top:var(--s-2);font-family:var(--body);font-weight:var(--fw-bold);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.list-tools{display:flex;align-items:center;gap:var(--s-2);margin:0 0 var(--s-5);flex-wrap:wrap}.pick{position:relative;z-index:0;display:inline-block;--fill: #fff}.fieldbox:focus-within,.pick:focus-within{--line: var(--rust)}.fieldbox :focus-visible,.pick :focus-visible{outline:none}.list-tools label{font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em}.list-tools input{border:0;border-radius:var(--radius-sm);background:transparent;padding:var(--s-2) var(--s-3);font-weight:var(--fw-bold);font-size:var(--fs-body);width:12rem}.list-tools select{border:0;border-radius:var(--radius-sm);background:transparent;padding:var(--s-2) var(--s-3);font-weight:var(--fw-bold);font-size:var(--fs-body)}.spotify{position:relative;z-index:0;border-radius:var(--radius);margin:0 0 var(--s-3);--fill: var(--charcoal)}.spotify iframe{display:block;width:100%;height:80px;border:0;border-radius:var(--radius)}.steps{list-style:none;padding:0;margin:0 0 var(--s-5);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s-3)}.steps li{position:relative;z-index:0;padding:var(--s-3) var(--s-4) var(--s-3) calc(var(--s-4) + 30px + var(--s-2));border-radius:var(--radius);font-weight:var(--fw-reg);--fill: var(--cream)}.steps .num{position:absolute;z-index:0;left:var(--s-4);top:var(--s-3);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:var(--fs-body);--fill: var(--mustard)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2c2c2a8c;display:flex;align-items:center;justify-content:center;padding:var(--s-4)}.modal-panel{position:relative;z-index:0;background:var(--cream);border-radius:var(--radius);padding:var(--s-5);max-width:560px;width:100%;max-height:calc(100dvh - var(--s-6) * 2);overflow-y:auto;--fill: var(--cream)}.modal-panel:focus-visible{outline:none}.modal-panel h2{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:var(--fs-title);margin:0 0 var(--s-3)}.modal-actions{display:flex;justify-content:space-between;gap:var(--s-3)}.quickstart-dots{display:flex;gap:var(--s-2);margin-bottom:var(--s-2)}.quickstart-dots button{width:12px;height:12px;padding:0;border-radius:999px;border:2px solid var(--charcoal);background:var(--cream);cursor:pointer}.quickstart-dots button.on{background:var(--mustard)}.quickstart-count{font-size:var(--fs-small);color:var(--ink-soft);margin:0 0 var(--s-3)}.quickstart-step-label{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:var(--fs-heading);margin:0 0 var(--s-2)}.quickstart-step-body{font-size:var(--fs-body);min-height:4.5em;margin:0 0 var(--s-4)}.quickstart-skip{display:block;margin:var(--s-3) auto 0}.home-grid{display:flex;flex-direction:column;gap:var(--s-5)}.beta-note{position:relative;z-index:0;display:flex;align-items:center;gap:var(--s-2);margin-top:auto;padding:var(--s-3) var(--s-4);color:var(--cream);font-size:var(--fs-small);line-height:1.45;--fill: var(--red)}.beta-note p{margin:0;flex:1}.beta-note a{color:var(--cream);font-weight:var(--fw-bold)}.streak{display:inline-flex}.streak-hit{display:inline-flex;align-items:center;gap:var(--s-1);cursor:default;-webkit-user-select:none;user-select:none}.streak-hit img{height:22px;width:auto;flex:none}.streak-n{font-weight:var(--fw-bold);line-height:1;font-variant-numeric:tabular-nums;color:var(--charcoal)}.streak-nav{padding:0 var(--s-3)}.streak-nav .streak-n{color:var(--cream);font-size:var(--fs-small)}.streak-nav img{height:18px}.nextup h2.big{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:var(--fs-title);line-height:.9;margin:0 0 var(--s-3)}.nextup .line{font-size:var(--fs-body);max-width:640px;margin:0 0 var(--s-3)}.flag-box{flex-basis:100%;grid-column:1 / -1;margin-top:var(--s-2)}.obs-picks{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin:var(--s-3) 0 var(--s-2)}.obs-pick{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.obs-pick .lab{font-size:var(--fs-small);color:var(--ink-soft)}.obs-pick.is-locked .lab{opacity:.55}.obs-pick.is-locked .pick,.obs-pick select:disabled{opacity:.5;filter:saturate(.4);cursor:not-allowed}.obs-pick .pick,.obs-pick select{display:block;width:100%;max-width:100%}@media (max-width: 640px){.obs-picks{grid-template-columns:1fr}}.obs-specmix{display:flex;align-items:flex-start;gap:var(--s-2);margin-top:var(--s-3);cursor:pointer;font-size:var(--fs-body)}.obs-specmix input{width:24px;height:24px;flex:0 0 auto;margin:0;accent-color:var(--olive, #5a6b3b);cursor:pointer}.garden-page .page-head{margin-bottom:var(--s-3)}.main:has(>.garden-host:not([hidden])){height:100dvh;overflow:hidden;padding-bottom:var(--s-4)}.content.wide.garden-host{max-width:none}.garden-host{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.garden-host[hidden]{display:none}.garden-page{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.garden-stage{position:relative;padding-left:248px;flex:1 1 0;min-height:0}.garden-hud{position:absolute;left:0;top:0;width:232px;height:min(100%,520px);display:grid;grid-template-rows:minmax(0,2fr) minmax(0,2fr) minmax(0,1fr);gap:var(--s-3)}.garden-hud>*{min-width:0}.garden-hud{pointer-events:none}.buzz-block,.buzz-dialog,.garden-do .btn{pointer-events:auto}.buzz-block{position:relative;z-index:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--s-4);--fill: var(--sage);background:radial-gradient(circle at 50% 42%,#fcf7e8bf,#fcf7e800 68%) no-repeat;background-clip:content-box}.buzz-block img{max-width:100%;max-height:100%;object-fit:contain}.buzz-dialog{position:relative;z-index:0;min-height:0;overflow:visible;padding:var(--s-3) var(--s-4);--fill: var(--cream)}.say-scroll{height:100%;overflow:auto}.buzz-dialog .say-greet{margin:0 0 var(--s-2);font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--red)}.buzz-dialog .say-title{margin:0 0 var(--s-1);font-weight:var(--fw-bold);font-size:var(--fs-body);line-height:1.2}.buzz-dialog .say-body{margin:0;font-size:var(--fs-body);line-height:1.4;color:var(--ink-soft)}.garden-do{display:flex;align-items:center;min-height:0}.garden-do .btn{width:100%;min-width:0}.garden-panel{position:relative;z-index:0;width:100%;height:100%;--fill: var(--cream)}.garden-panel iframe{display:block;width:100%;height:100%;border:0;border-radius:var(--radius);background:var(--cream)}.garden-corner{position:absolute;left:10px;bottom:10px;display:flex;align-items:stretch;gap:var(--s-2)}.garden-score{position:relative;z-index:0;display:flex;gap:var(--s-2);align-items:center;font-weight:var(--fw-bold);font-size:var(--fs-body);color:var(--charcoal);padding:var(--s-1) var(--s-2);--fill: rgba(252, 247, 232, .92)}.trophy{width:26px;height:26px;color:var(--charcoal)}.garden-help{position:relative;z-index:0;width:34px;font:var(--fw-bold) var(--fs-body)/1 var(--body);color:var(--charcoal);background:none;border:0;cursor:pointer;--fill: rgba(252, 247, 232, .92)}.garden-help:hover{--fill: var(--cream)}.garden-help:active{transform:translate(1px,1px)}.garden-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:var(--s-4);background:#2c2c2a73}.garden-sheet .panel{position:relative;z-index:0;width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;--fill: var(--cream)}.garden-sheet .sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-2) var(--s-3) var(--s-4);position:relative}.garden-sheet .sheet-bar h2{margin:0;font-size:var(--fs-heading)}.garden-sheet .sheet-x{flex:none;width:32px;height:32px;font:var(--fw-bold) var(--fs-body)/1 var(--body);color:var(--charcoal);background:none;border:0;cursor:pointer}.garden-sheet .sheet-body{overflow-y:auto;padding:var(--s-4);font-size:var(--fs-body);line-height:1.5}.garden-sheet .sheet-body p{margin:0 0 var(--s-3)}.garden-sheet .sheet-body p:last-child{margin-bottom:0}.plant-key{margin:0 0 var(--s-3);display:grid;grid-template-columns:max-content 1fr;gap:var(--s-2) var(--s-3)}.plant-key>div{display:contents}.plant-key dt{font-weight:var(--fw-bold)}.plant-key dd{margin:0;color:var(--ink-soft)}.garden-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:var(--s-2)}.garden-zoom button{position:relative;z-index:0;width:34px;height:34px;font:var(--fw-bold) var(--fs-body)/1 var(--body);color:var(--charcoal);background:none;border:0;cursor:pointer;--fill: rgba(252, 247, 232, .92)}.garden-zoom button:hover:not(:disabled){--fill: var(--cream)}.garden-zoom button:active:not(:disabled){transform:translate(1px,1px)}.garden-zoom button:disabled{opacity:.4;cursor:default}@media (orientation: portrait) and (max-width: 860px){.main:has(>.garden-host:not([hidden])){padding:var(--s-2) var(--s-2) 62px}.garden-page .page-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.garden-stage{padding-left:0}.garden-hud{position:absolute;left:var(--s-3);right:var(--s-3);top:auto;bottom:var(--s-3);width:auto;height:auto;z-index:2;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:var(--s-2);align-items:stretch}.buzz-block{grid-column:1;grid-row:1;width:84px;padding:var(--s-1)}.buzz-dialog{grid-column:2;grid-row:1}.garden-do{grid-column:1 / -1;grid-row:2}.buzz-dialog{padding:var(--s-3)}.say-scroll{max-height:22dvh}.garden-corner{top:10px;bottom:auto}.garden-zoom{top:10px;bottom:auto;flex-direction:row}}@media (min-width: 901px){.streak-home{display:none}}@media (min-width: 901px) and (max-height: 860px){.sidebar-inner{padding-top:var(--s-4);padding-bottom:var(--s-4);gap:var(--s-4)}.nav-group{margin-top:var(--s-2)}.nav a,.nav-footer a,.sign-out{padding-top:5px;padding-bottom:5px}.brand img{width:38px;height:38px}.nav-footer .who{line-height:1.3;padding-top:var(--s-1)}.streak-nav img{height:16px}}.bottombar{display:none}@media (max-width: 900px){:root{--fs-title: 2.2rem}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:var(--s-4) var(--s-4) 110px}.bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--leaf);padding:var(--s-2) var(--s-1) calc(var(--s-2) + env(safe-area-inset-bottom));justify-content:space-between}.bottombar a,.bottombar button{color:var(--cream);text-decoration:none;font-weight:var(--fw-bold);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:0;padding:var(--s-2) var(--s-1);border-radius:var(--radius-sm);text-align:center;white-space:nowrap;min-width:0;background:none;border:none;font-family:inherit;cursor:pointer}.bottombar a.active,.bottombar button.active{background:var(--sage);color:var(--charcoal)}.bottombar a .count,.bottombar button .count{display:inline-block;margin-left:var(--s-1);font-size:var(--fs-small);background:var(--mustard);color:var(--charcoal);border-radius:999px;padding:0 var(--s-2)}.field-row{grid-template-columns:1fr}.inline-form,.list-tools{flex-direction:column;align-items:stretch}.list-tools label{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1)}.list-tools .fieldbox,.list-tools .pick,.list-tools input,.list-tools select{width:100%}.list-tools .spacer{display:none}.garden-panel{width:100%;min-height:0}.toast{left:18px;right:18px;bottom:90px}.cardfoot,.phrase-row .phrase-actions,.row:has(>.btn){display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.phrase-row .phrase-actions{flex:1 1 100%}.cardfoot .spacer{display:none}.cardfoot .muted{grid-column:1 / -1}.cardfoot .btn,.phrase-row .phrase-actions .btn,.row:has(>.btn)>.btn{min-width:0;padding-left:var(--s-1);padding-right:var(--s-1);letter-spacing:0}.row.one-per-row,.cardfoot.one-per-row{grid-template-columns:1fr}.cardfoot .row.one-per-row{grid-column:1 / -1}}.more-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#2c2c2a8c;display:flex;align-items:flex-end}.more-sheet .panel{position:relative;z-index:0;width:100%;--fill: var(--cream);margin-bottom:-12px}.more-sheet .panel-scroll{max-height:82vh;overflow-y:auto;padding:var(--s-4) var(--s-4) calc(var(--s-3) + 12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s-3)}.more-heading{margin:0;font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:var(--fs-heading)}@media (orientation: landscape) and (max-height: 500px){.more-sheet .panel-scroll{max-height:92vh;scrollbar-width:thin;scrollbar-color:rgba(44,44,42,.4) transparent}.more-sheet .panel-scroll::-webkit-scrollbar{width:8px}.more-sheet .panel-scroll::-webkit-scrollbar-thumb{background:#2c2c2a66;border-radius:999px}}.more-close{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;min-height:49px;margin-top:var(--s-2);padding:var(--s-3) var(--s-4);font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--charcoal);background:none;border:none;cursor:pointer;--fill: var(--sage)}.more-sheet .panel a{position:relative;z-index:0;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);font-weight:var(--fw-bold);text-decoration:none;--fill: #fff}.more-sheet .panel a.wide{justify-content:center;--fill: var(--mustard)}.more-group-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.more-group-row a .count,.more-sheet .panel a .count{margin-left:auto;font-size:var(--fs-small);background:var(--sage);color:var(--charcoal);border-radius:999px;padding:0 var(--s-2);min-width:22px;text-align:center}.more-sheet .panel .sign-out{color:var(--charcoal);opacity:.65;text-align:center}.gate-note .sign-out{color:var(--charcoal);opacity:.65;padding-left:0}@media (orientation: landscape) and (max-height: 560px){.main:has(>.garden-host:not([hidden])){padding:var(--s-2) var(--s-3) 62px}.garden-page .page-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trophy{width:20px;height:20px}.garden-zoom button{width:28px;height:28px}.garden-stage{padding-left:160px}.garden-hud{width:150px;gap:var(--s-2)}.buzz-dialog{padding:var(--s-2) var(--s-3)}.buzz-dialog .say-greet{display:none}.garden-do .btn{padding:var(--s-2) var(--s-1);letter-spacing:0;white-space:normal}}.mgmt-next-title{font-size:1.6rem;line-height:1.25;margin:0 0 .5rem}.mgmt-next-body{margin:0 0 1rem;max-width:54ch;color:var(--ink-2, #4a4a4a)}.mgmt-next-note{margin:0;font-size:.9rem;color:var(--ink-2, #4a4a4a)}.mgmt-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:1rem 0}.mgmt-count{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem;border:1px solid var(--line, #e2ddd3);border-radius:10px;background:var(--card, #fff);text-decoration:none;color:inherit}.mgmt-count:hover{border-color:var(--mustard, #d9a520)}.mgmt-count-n{font-size:1.7rem;font-weight:700;line-height:1}.mgmt-count-l{font-size:.85rem;color:var(--ink-2, #4a4a4a)}.mgmt-news-kicker{margin:0 0 .25rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2, #4a4a4a)}.mgmt-news-title{margin:0 0 .5rem;font-size:1.05rem}.mgmt-news-body{margin:0;max-width:62ch;white-space:pre-line;color:var(--ink-2, #4a4a4a)}.mgmt-playlist-link{font-weight:600}.mgmt-confirm-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.mgmt-blueprint-progress{margin:.75rem 0 0;font-size:.95rem}.mgmt-blueprint-q{display:block;margin-bottom:.5rem}.mgmt-blueprint-n{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2, #4a4a4a);margin-bottom:.2rem}.mgmt-blueprint-prompt{display:block;font-size:1.05rem;font-weight:600;line-height:1.35;max-width:54ch}.mgmt-blueprint-input{width:100%;margin-top:.5rem;padding:.6rem .7rem;border:1px solid var(--line, #e2ddd3);border-radius:8px;font:inherit;line-height:1.5;background:var(--card, #fff);color:inherit;resize:vertical}.mgmt-blueprint-input:focus-visible{outline:2px solid var(--mustard, #d9a520);outline-offset:1px}.mgmt-blueprint-section{margin:2rem 0 .75rem;font-size:1.1rem;line-height:1.3;max-width:54ch}.mgmt-blueprint-rules{margin:.4rem 0 .9rem;padding-left:1.2rem;font-size:.95rem;line-height:1.5;color:var(--ink-2, #4a4a4a);max-width:60ch}.mgmt-blueprint-rules li+li{margin-top:.4rem}.mgmt-soon{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}.mgmt-soon-buzz{width:140px;height:auto;flex:none}@media (max-width: 560px){.mgmt-soon-buzz{width:96px}}.mgmt-impersonating{position:sticky;top:0;z-index:60;grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:#7a2e2e;color:#fff;font-size:.92rem;line-height:1.35}.mgmt-impersonating strong{font-weight:700}.mgmt-impersonating button{flex:none;border:1px solid rgba(255,255,255,.6);background:transparent;color:inherit;font:inherit;font-weight:600;padding:.2rem .7rem;border-radius:6px;cursor:pointer}.mgmt-impersonating button:hover{background:#ffffff26}.mgmt-admin-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}