@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/fonts/fredoka-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Fredoka", ui-rounded, "Segoe UI Rounded", "Varela Round", system-ui, sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.5rem;--space-2xl: 5.5rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--rule-hair: 1px;--dur-1: .12s;--dur-2: .24s;--dur-3: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root{--desk: oklch(93% .018 85);--desk-raised: oklch(96% .012 90);--leaf: oklch(99% .006 95);--ink: oklch(28% .02 55);--ink-soft: oklch(48% .02 60);--rule: oklch(88% .015 85);--accent: oklch(52% .06 220);--accent-ink: oklch(40% .05 220);--answer: oklch(42% .055 155);--focus-ring: var(--accent-ink);--scrim: oklch(23% .014 60);--fur: oklch(70% .16 58);--error: oklch(48% .14 25);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=day]){--desk: oklch(22% .018 70);--desk-raised: oklch(26% .02 72);--leaf: oklch(25% .016 72);--ink: oklch(92% .015 90);--ink-soft: oklch(72% .02 80);--rule: oklch(34% .015 70);--accent: oklch(72% .06 220);--accent-ink: oklch(82% .05 220);--answer: oklch(74% .06 155);--focus-ring: var(--accent-ink);--scrim: oklch(14% .015 70);--error: oklch(72% .12 25);color-scheme:dark}}:root[data-theme=night]{--desk: oklch(22% .018 70);--desk-raised: oklch(26% .02 72);--leaf: oklch(25% .016 72);--ink: oklch(92% .015 90);--ink-soft: oklch(72% .02 80);--rule: oklch(34% .015 70);--accent: oklch(72% .06 220);--accent-ink: oklch(82% .05 220);--answer: oklch(74% .06 155);--focus-ring: var(--accent-ink);--scrim: oklch(14% .015 70);--error: oklch(72% .12 25);color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--dur-1: 1ms;--dur-2: 1ms;--dur-3: 1ms}}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--desk);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5}::selection{background:var(--accent);color:var(--leaf)}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--accent-ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:var(--space-xs);left:var(--space-xs);z-index:80;padding:var(--space-2xs) var(--space-sm);background:var(--leaf);color:var(--accent-ink);border-radius:var(--radius-md);transform:translateY(-300%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:none}:where(.room-tab,.icon-button,.brand,.site-footer a,.tip-dock-btn,.welcome-kofi):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);height:2.75rem;flex:none;background:var(--desk)}.brand{display:flex;align-items:center;gap:var(--space-2xs);text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);letter-spacing:.01em;border-radius:var(--radius-md);padding:var(--space-2xs)}.brand img{display:block;width:2.5rem;height:2.5rem}.rooms{display:flex;gap:var(--space-2xs);margin-inline:auto}.room-tab{background:none;border:0;border-radius:var(--radius-md);padding:var(--space-2xs) var(--space-sm);font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);color:var(--ink-soft);transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.room-tab:hover{color:var(--ink);background:var(--desk-raised)}.room-tab[aria-selected=true]{color:var(--accent-ink);font-weight:600}.bar-tools{display:flex;align-items:center;gap:var(--space-2xs);margin-left:auto}.icon-button{width:2rem;height:2rem;display:grid;place-items:center;background:none;border:0;border-radius:var(--radius-md);color:var(--ink-soft);transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.icon-button:hover{color:var(--ink);background:var(--desk-raised)}.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}main{flex:1;min-height:0;display:flex;flex-direction:column}main>section{flex:1;min-height:0;outline:none}html[data-view=guide] .rooms{visibility:hidden}html[data-view=guide] #room-pad,html[data-view=guide] #room-calculator{display:none!important}html[data-view=room][data-room=pad] #room-calculator{display:none}html[data-view=room][data-room=pad] #room-pad{display:flex;flex-direction:column}html[data-view=room][data-room=calculator] #room-pad{display:none}html[data-view=room][data-room=calculator] #room-calculator{display:flex;flex-direction:column}html[data-view=room] #room-guide{display:none!important}.corner{position:fixed;right:0;bottom:2.25rem;z-index:40;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);pointer-events:none}.corner .status{pointer-events:auto}.tip-dock{position:fixed;left:0;bottom:2.25rem;z-index:40;padding:var(--space-sm) var(--space-md);pointer-events:none}.tip-dock-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:.4em;padding:.4em .75em;border-radius:999px;background:color-mix(in oklch,var(--accent) 22%,var(--desk-raised));color:var(--accent-ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);text-decoration:none;border:var(--rule-hair) solid color-mix(in oklch,var(--accent) 40%,var(--rule));box-shadow:0 1px color-mix(in oklch,var(--ink) 8%,transparent);transition:transform var(--dur-1) var(--ease-out),filter var(--dur-1) var(--ease-out)}.tip-dock-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.tip-cup{display:grid;place-items:center;line-height:0}.tip-cup .ic{width:1rem;height:1rem}html[data-view=guide] .tip-dock{display:none}.status{margin:0;font-size:var(--text-xs);color:var(--ink-soft);min-height:1.2em}.site-footer{flex:none;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);align-items:baseline;justify-content:center;padding:var(--space-2xs) var(--space-sm);min-height:2rem;font-size:var(--text-xs);color:var(--ink-soft);background:var(--desk)}.site-footer a{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.15em}.site-footer a:hover{text-decoration-color:currentColor;color:var(--ink)}.site-footer .dot{opacity:.45;-webkit-user-select:none;user-select:none}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-content:center;justify-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--desk);text-align:center}.welcome img{width:min(42vw,11rem);height:auto;display:block}.welcome h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);color:var(--ink)}.welcome .invite{margin:0;max-width:22rem;color:var(--ink-soft);font-size:var(--text-base)}.welcome-siblings{margin:0;max-width:26rem;font-size:var(--text-sm);color:var(--ink-soft)}.welcome-siblings a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.15em}.welcome-siblings a:hover{text-decoration-color:currentColor}.welcome-siblings .dot{margin:0 .2em;opacity:.45}.welcome-tip{margin:var(--space-sm) 0 0;font-size:var(--text-sm)}.welcome-kofi{color:var(--accent-ink);font-family:var(--font-display);font-weight:600;text-decoration:underline;text-underline-offset:.18em}.welcome-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xs)}.welcome-go{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);background:var(--accent);color:var(--leaf);font-family:var(--font-display);font-weight:600}.welcome-go:hover{filter:brightness(1.05)}.welcome-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:var(--space-xs) var(--space-sm);color:var(--accent-ink);font-family:var(--font-display);text-decoration:underline;text-underline-offset:.18em}@media(max-width:640px){.brand span{display:none}.site-footer{justify-content:flex-start}.tip-dock-btn span:not(.tip-cup){display:none}.tip-dock-btn{padding:.45em .55em}}.guide{height:100%;overflow:auto;background:var(--leaf);color:var(--ink);scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--ink) 28%,transparent) transparent}.guide::-webkit-scrollbar{width:6px;height:6px}.guide::-webkit-scrollbar-button{display:none;width:0;height:0}.guide::-webkit-scrollbar-track{background:transparent}.guide::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--ink) 22%,transparent);border-radius:999px}.guide::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--ink) 40%,transparent)}.guide-inner{display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,40rem);gap:var(--space-lg);width:min(100%,56rem);margin:0 auto;padding:var(--space-md) var(--space-lg) var(--space-2xl)}.guide-nav{position:sticky;top:var(--space-sm);align-self:start;display:flex;flex-direction:column;gap:var(--space-2xs)}.guide-nav a{color:var(--ink-soft);text-decoration:none;font-size:var(--text-sm);padding:var(--space-2xs) 0}.guide-nav a:hover{color:var(--ink)}.guide-back{font-family:var(--font-display);font-weight:600;color:var(--accent-ink)!important;margin-bottom:var(--space-sm)}.guide-body h1{margin:0 0 var(--space-md);font-family:var(--font-display);font-weight:600;font-size:var(--text-xl)}.guide-body section{margin-bottom:var(--space-xl);scroll-margin-top:var(--space-lg)}.guide-body h2{margin:0 0 var(--space-sm);font-family:var(--font-display);font-weight:600;font-size:var(--text-lg)}.guide-body p{margin:0 0 var(--space-sm);color:var(--ink);max-width:38rem}.guide-body ul{margin:0 0 var(--space-sm);padding-left:1.2rem;max-width:38rem}.guide-body li{margin-bottom:var(--space-2xs)}.guide-body code,.guide-body pre{font-family:var(--font-mono);font-size:.9em;font-variant-numeric:tabular-nums}.guide-body code{background:var(--desk);padding:.1em .35em;border-radius:var(--radius-sm)}.guide-body pre{margin:0 0 var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--desk);border-radius:var(--radius-md);overflow-x:auto;line-height:1.55}.guide-body table{width:100%;max-width:38rem;border-collapse:collapse;font-size:var(--text-sm);margin:0 0 var(--space-sm)}.guide-body th,.guide-body td{text-align:left;padding:var(--space-2xs) var(--space-xs);border-bottom:var(--rule-hair) solid var(--rule);vertical-align:top}.guide-body th{font-family:var(--font-display);font-weight:600;color:var(--ink-soft)}@media(max-width:720px){.guide-inner{grid-template-columns:1fr;padding:var(--space-md) var(--space-md) var(--space-2xl)}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm)}}