@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:Familjen Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/familjen-grotesk-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:Familjen Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/familjen-grotesk-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:Newsreader;font-style:italic;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-italic-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:Newsreader;font-style:italic;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-italic-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:Newsreader;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-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:Newsreader;font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/newsreader-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-page-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-page: var(--font-page-serif);--font-ui: "Familjen Grotesk", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, "SF Mono", monospace;--font-display: "Familjen Grotesk", "Segoe UI Rounded", ui-rounded, "Varela Round", var(--font-ui);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--page-size: 1.1875rem;--page-leading: 1.72;--page-measure: 42rem;--page-sheet: 48rem;--page-sheet-h: calc(var(--page-sheet) * 297 / 210);--page-pad-y: 2.75rem;--page-pad-x: 3rem;--page-gap: 3rem}:root[data-paper=sans]{--font-page: "Familjen Grotesk", system-ui, sans-serif;--page-leading: 1.66;--page-measure: 40rem;--page-sheet: 48rem;--page-sheet-h: calc(var(--page-sheet) * 297 / 210)}:root[data-paper=typewriter]{--font-page: "DM Mono", ui-monospace, monospace;--page-leading: 1.78;--page-measure: 36rem;--page-sheet: 44rem;--page-sheet-h: calc(var(--page-sheet) * 297 / 210)}:root{--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;--radius-card: 6px;--rule-hair: 1px;--dur-1: .12s;--dur-2: .24s;--dur-3: .4s;--dur-slow: 1.2s;--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[data-theme=night]{--room: oklch(14% .008 300);--room-deep: oklch(9% .007 300);--room-raised: oklch(19% .009 300);--room-bg: linear-gradient(180deg, oklch(15.5% .008 300) 0%, oklch(12% .007 300) 100%);--room-ceil: oklch(15.5% .008 300);--page: oklch(18.5% .007 300);--page-edge: oklch(23% .008 300);--page-bg: linear-gradient(180deg, oklch(19.5% .007 300) 0%, oklch(17.5% .007 300) 100%);--page-floor: oklch(17.5% .007 300);--ink: oklch(90% .008 300);--ink-soft: oklch(72% .008 300);--ink-faint: oklch(61% .007 300);--room-ink: oklch(86% .008 300);--room-ink-soft: oklch(66% .008 300);--nib: oklch(74% .11 18);--nib-lit: oklch(74% .11 18);--rule: oklch(26% .008 300);--rule-on-page: oklch(30% .008 300);--focus-ring: oklch(74% .11 18);--page-shadow: 0 0 0 1px oklch(28% .008 300 / .55);--lift: inset 0 1px 0 oklch(100% 0 0 / .04);--beam-shade: transparent;--pick: oklch(70% .08 18 / .32);color-scheme:dark}:root[data-theme=day]{--room: oklch(94% .004 300);--room-deep: oklch(90% .005 300);--room-bg: linear-gradient(180deg, oklch(95.5% .003 300) 0%, oklch(92.5% .005 300) 100%);--page-bg: linear-gradient(180deg, oklch(99.2% .001 300) 0%, oklch(97.8% .002 300) 100%);--page-floor: oklch(97.8% .002 300);--room-ceil: oklch(95.5% .003 300);--lift: inset 0 1px 0 oklch(100% 0 0 / .85);--room-raised: oklch(98% .002 300);--page: oklch(99% .001 300);--page-edge: oklch(95% .003 300);--ink: oklch(22% .01 300);--ink-soft: oklch(46% .01 300);--ink-faint: oklch(52% .007 300);--room-ink: oklch(28% .01 300);--room-ink-soft: oklch(38% .01 300);--nib: oklch(44% .13 18);--nib-lit: oklch(44% .13 18);--rule: oklch(86% .005 300);--rule-on-page: oklch(90% .003 300);--focus-ring: oklch(44% .13 18);--page-shadow: 0 0 0 1px oklch(84% .004 300);--beam-shade: oklch(55% .006 300 / .04);--pick: oklch(55% .1 18 / .22);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow-x:clip;background:var(--room)}body{font-family:var(--font-ui);color:var(--room-ink);-webkit-font-smoothing:antialiased}html:not([data-theme]) .room,html:not([data-theme]) .corner{visibility:hidden}.room{height:100dvh;background-color:var(--room-ceil, var(--room));background-image:var(--room-bg);display:flex;justify-content:center;align-items:flex-start;padding:var(--space-lg) 0 var(--space-2xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.sheet{position:relative;width:min(100% - 1.5rem,var(--page-sheet));height:auto;flex:none;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.page-stack{position:absolute;top:0;left:0;right:0;z-index:0;pointer-events:none}.page-leaf{width:100%;box-sizing:border-box;background-color:var(--page-floor, var(--page));background-image:var(--page-bg);box-shadow:0 1px 2px #0201050d,0 10px 32px -10px #02010552;border:var(--rule-hair) solid var(--page-edge);position:relative;overflow:hidden}.page-leaf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.028;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}.page-leaf:before{content:attr(data-page);position:absolute;right:var(--page-pad-x);bottom:.85rem;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-faint);letter-spacing:.06em;z-index:1}.beam{display:none}.editor{position:relative;z-index:1}.editor,.editor .cm-editor{height:auto;min-height:0}.editor .cm-editor.cm-focused{outline:none}.editor .cm-scroller{overflow:visible!important;font-family:var(--font-page);line-height:var(--page-leading)}.editor .cm-content{width:100%;max-width:none;box-sizing:border-box;margin:0;padding:var(--page-pad-y) var(--page-pad-x);min-height:calc(var(--page-pad-y) * 2 + 4.5em);color:var(--ink);font-family:var(--font-page);font-size:var(--page-size);font-weight:300;caret-color:var(--nib);background:transparent!important;box-shadow:none!important;border:none!important;position:relative}.editor .cm-content:after{display:none!important}.editor.is-typewriter .cm-content{padding-top:calc(var(--page-pad-y) + 10vh)}.editor .cm-line{padding:0;max-width:var(--page-measure);margin-left:auto;margin-right:auto}.editor .cm-cursor,.editor .cm-dropCursor{border-left:2px solid var(--nib)}.editor .cm-selectionBackground,.editor .cm-content ::selection{background:var(--pick)!important}.cm-page-break{display:block;box-sizing:border-box;margin:0 calc(-1 * var(--page-pad-x));width:calc(100% + (var(--page-pad-x) * 2));max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;z-index:2;background:transparent!important}.cm-page-fill{display:block;width:100%;min-height:0;background:transparent!important}.cm-page-gap{display:block;width:100%;height:var(--page-gap);margin:0;background:transparent!important;box-shadow:none!important;outline:none!important;position:relative}.cm-page-top{display:block;width:100%;background:transparent!important}.cm-page-break-label{display:none}.editor .tx-h1,.editor .tx-h2,.editor .tx-h3,.editor .tx-h4{font-weight:500;line-height:1.24}.tx-h1{font-size:1.72em}.editor .cm-line:has(.tx-h1,.tx-h2,.tx-h3,.tx-h4){padding-top:.45em}.tx-h2{font-size:1.36em}.tx-h3{font-size:1.14em}.tx-h4{font-size:1em;letter-spacing:.01em}.tx-strong{font-weight:600}.tx-em{font-style:italic}.tx-strike{text-decoration:line-through;color:var(--ink-soft)}.tx-quote{color:var(--ink-soft);font-style:italic}.editor .cm-quote{padding-left:1.1rem;box-shadow:inset 2px 0 0 -.5px var(--rule-on-page)}.tx-rule{color:var(--ink-faint);letter-spacing:.3em}.tx-link{color:var(--nib);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.tx-url{color:var(--ink-faint)}.tx-code{font-family:var(--font-mono);font-size:.84em;background:var(--page-edge);border-radius:var(--radius-sm);padding:.1em .32em}.tx-mark{color:var(--ink-faint);font-weight:300}.editor .cm-placeholder{color:var(--ink-faint);pointer-events:none}.cm-rest{opacity:.53;transition:opacity var(--dur-3) var(--ease-out)}.cm-rest .tx-mark,.cm-rest .tx-link,.cm-rest .tx-url,.cm-rest .tx-quote,.cm-rest .tx-strike{color:var(--ink)}@media(prefers-reduced-motion:reduce){.cm-rest{transition:none}}@media(max-width:640px){.sheet{width:100%}.room{padding:var(--space-sm) 0 var(--space-xl)}}@page{size:A4;margin:18mm}@media print{html,body{background:#fff!important;height:auto!important;overflow:visible!important;color:#111!important}.corner,.scrim,.panel-host,.first-run,.beam{display:none!important}.room{display:block!important;height:auto!important;overflow:visible!important;padding:0!important;background:#fff!important}.sheet{width:100%!important;height:auto!important;max-width:none!important;overflow:visible!important}.editor,.editor .cm-editor,.editor .cm-scroller{height:auto!important;overflow:visible!important;min-height:0!important}.editor .cm-content{max-width:none!important;min-height:0!important;padding:0!important;color:#111!important;caret-color:transparent!important;background:#fff!important;box-shadow:none!important}.editor .cm-content:after{display:none!important}.editor .cm-line{max-width:none!important}.cm-page-break{break-after:page;page-break-after:always;margin:0!important;width:100%!important}.cm-page-fill,.cm-page-gap,.cm-page-top{height:0!important;min-height:0!important;background:transparent!important;box-shadow:none!important}.page-stack{display:none!important}.editor .cm-content{background:#fff!important}.cm-page-break-label{display:none!important}.cm-rest{opacity:1!important}.tx-link{color:#111!important}.tx-code{background:transparent!important}}.corner{position:fixed;z-index:40;padding:clamp(.5rem,1.6vh,1rem) clamp(.6rem,1.8vw,1.2rem);display:flex;align-items:center;gap:var(--space-xs)}body.is-writing .corner{opacity:0}.corner{transition:opacity var(--dur-3) var(--ease-out)}.corner:hover,.corner:focus-within{opacity:1}.corner-tl{top:0;left:0;max-width:min(52vw,22rem)}.corner-tr{top:0;right:0}.corner-bl{bottom:0;left:0;max-width:70vw}.corner-br{bottom:0;right:0}.credit{font-size:var(--text-xs);color:var(--room-ink-soft);letter-spacing:.02em;white-space:nowrap;order:-1;margin-right:var(--space-xs)}button{font:inherit;color:inherit;cursor:pointer}.ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic-stroke{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ic-fill{fill:currentColor;stroke:none}.pill,.icon-btn,.ghost,.choice,.menu-item,.light-choice,.shelf-open,.shelf-drop,.linky{background:none;border:0;border-radius:var(--radius-md);transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),opacity var(--dur-1) var(--ease-out)}:where(.pill,.icon-btn,.ghost,.choice,.menu-item,.light-choice,.shelf-open,.shelf-drop,.linky,.slider):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.pill{font-size:var(--text-sm);color:var(--room-ink-soft);padding:var(--space-2xs) var(--space-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill:hover{color:var(--room-ink);background:var(--room-raised)}.pill:active{opacity:.7}.icon-btn{width:2.1rem;height:2.1rem;display:grid;place-items:center;color:var(--room-ink-soft)}.icon-btn svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:var(--room-ink);background:var(--room-raised)}.icon-btn:active{opacity:.7}.ghost{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-sm);color:var(--room-ink);padding:var(--space-2xs) var(--space-sm);border:var(--rule-hair) solid var(--rule);text-decoration:none}a.ghost:hover{color:var(--room-ink)}.ghost .ic{color:var(--room-ink-soft)}.ghost:hover{background:var(--room-raised)}.ghost:active{opacity:.75}.ghost:disabled{opacity:.4;cursor:default}.linky{display:inline-flex;align-items:center;gap:.3em;color:var(--nib-lit);text-decoration:underline;text-underline-offset:.16em;padding:0}.status{font-size:var(--text-xs);color:var(--room-ink-soft);font-variant-numeric:tabular-nums;min-height:1.2em}.status:after{content:attr(data-count);margin-left:var(--space-xs);opacity:.66;font-family:var(--font-mono)}.status:empty:after{margin-left:0}.sound-chip{display:none;align-items:center;padding:2px;color:var(--room-ink-soft);border-radius:var(--radius-sm)}.sound-chip[data-sound=rain],.sound-chip[data-sound=fire]{display:inline-flex}.sound-chip .ic{width:.95rem;height:.95rem}.sound-chip:hover{color:var(--nib-lit)}.pupu{position:relative;width:4.25rem;height:4.25rem;padding:0;border:0;background:none;opacity:.9;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-out);transform-origin:78% 100%}.pupu-pose{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--dur-2) var(--ease-out);pointer-events:none}.pupu-pose.is-shown{opacity:1}.pupu:hover{opacity:1;transform:translateY(-3px) scale(1.06)}.pupu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:50%}.pupu:active{transform:scale(.96)}.pupu.is-curled{transform:translateY(3px) scale(.97)}.pupu.is-asleep{animation:asleep 4.6s var(--ease-in-out) infinite}.pupu.is-breathing{animation:breathe 1.3s var(--ease-in-out)}.pupu.is-stretching{animation:stretch 1.8s var(--ease-out)}.pupu.is-greeting{animation:greeting 1.5s var(--ease-out)}@keyframes asleep{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.022,1.028) translateY(-1px)}}@keyframes breathe{40%{transform:scale(1.045)}}@keyframes stretch{25%{transform:scale(1.06,.95) translate(-5px)}60%{transform:scale(.99,1.02) translate(1px)}}@keyframes greeting{0%{transform:none}14%{transform:translateY(-9px) scale(1.09) rotate(-7deg)}32%{transform:translateY(-4px) scale(1.05) rotate(-4deg)}55%{transform:translateY(-5px) scale(1.06) rotate(3deg)}78%{transform:translateY(-1px) scale(1.02) rotate(1deg)}to{transform:none}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--room-deep);opacity:.72;animation:fade var(--dur-2) var(--ease-out)}.scrim.is-soft{opacity:.22}@keyframes fade{0%{opacity:0}}.panel-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:clamp(.75rem,4vh,2.5rem);pointer-events:none}.panel{pointer-events:auto;width:min(100%,30rem);max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--room-raised);color:var(--room-ink);border:var(--rule-hair) solid var(--rule);border-radius:var(--radius-card);padding:var(--space-md) var(--space-md) var(--space-lg);box-shadow:var(--lift);animation:rise var(--dur-3) var(--ease-out)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.panel--menu{width:min(100%,17.5rem);align-self:start;justify-self:end;margin-top:2.6rem;padding:var(--space-xs)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.panel-head--sub{margin-top:var(--space-lg)}.panel-head h2,.panel-head h3{font-size:var(--text-lg);font-weight:500;margin:0;letter-spacing:-.01em}.panel-head h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);letter-spacing:-.005em;line-height:1.05}.panel-head h3{font-size:var(--text-base);color:var(--room-ink-soft)}.menu-list{display:flex;flex-direction:column}.menu-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);text-align:left}.menu-item .ic{color:var(--room-ink-soft)}.menu-item:hover .ic{color:var(--room-ink)}.menu-item:hover{background:var(--room)}.menu-item:active{opacity:.75}.menu-item kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--room-ink-soft);white-space:nowrap}.shelf-list{display:flex;flex-direction:column;gap:var(--space-xs)}.shelf-row{position:relative;display:flex;align-items:stretch;gap:var(--space-2xs);background:var(--room);border:1px solid var(--rule);border-radius:var(--radius-card);overflow:hidden;transition:border-color var(--dur-2) var(--ease-out)}.shelf-row:before{content:"";width:5px;flex:none;align-self:stretch;background:var(--spine, var(--rule));opacity:.9}.shelf-row:hover{border-color:var(--spine, var(--rule-on-page))}.shelf-row.is-here{border-color:var(--nib-lit)}.shelf-row.is-here .shelf-title{color:var(--nib-lit)}.shelf-open{flex:1;min-width:0;text-align:left;padding:var(--space-xs) var(--space-sm);display:grid;gap:1px}.shelf-title{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-meta{font-size:var(--text-xs);color:var(--room-ink-soft);font-family:var(--font-mono)}.shelf-drop{width:2rem;display:grid;place-items:center;color:var(--room-ink-soft);opacity:0}.shelf-drop svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.shelf-row:hover .shelf-drop,.shelf-drop:focus-visible{opacity:1}.shelf-drop:hover{color:var(--nib-lit)}.undo-slot{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--room-ink-soft)}.set-list{display:flex;flex-direction:column;gap:var(--space-sm)}.set-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;min-height:2.4rem;gap:var(--space-xs) var(--space-sm)}.set-label{font-size:var(--text-sm);color:var(--room-ink-soft)}.set-note{grid-column:2;font-size:var(--text-xs);color:var(--room-ink-soft)}.choices{display:inline-flex;gap:var(--space-2xs);flex-wrap:wrap}.choice{display:grid;gap:.22rem;justify-items:center;min-width:3.8rem;padding:.3rem .45rem .28rem;color:var(--room-ink-soft);border:var(--rule-hair) solid transparent}.choice-name{font-size:var(--text-xs)}.choice .ic{color:var(--room-ink-soft)}.choice .swatch{width:2.3rem;height:1.35rem;border-radius:var(--radius-sm)}.specimen{display:grid;place-items:center;height:1.35rem;font-size:1.2rem;line-height:1}.specimen[data-paper=serif]{font-family:var(--font-page-serif);font-weight:400}.specimen[data-paper=sans]{font-family:var(--font-ui);font-weight:500}.specimen[data-paper=typewriter]{font-family:var(--font-mono);font-size:1rem}.choice:hover{color:var(--room-ink);background:var(--room)}.choice:hover .ic{color:var(--room-ink)}.choice.is-on{color:var(--room-ink);border-color:var(--rule);background:var(--room)}.choice.is-on .ic{color:var(--nib-lit)}.choice:active{opacity:.75}.slider{width:100%;max-width:12rem;accent-color:var(--nib-lit)}.set-msg{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--nib-lit)}.prose{font-size:var(--text-base);line-height:1.62}.prose p{margin:0 0 var(--space-md)}.prose a{color:var(--nib-lit);text-underline-offset:.16em}.prose .warn{padding:var(--space-sm) var(--space-md);border-left:2px solid var(--nib-lit);background:var(--room);border-radius:0 var(--radius-md) var(--radius-md) 0}.muted{color:var(--room-ink-soft);font-size:var(--text-sm)}.mail-obfuscate{font-family:var(--font-mono);font-size:.92em;font-style:italic;color:var(--room-ink-soft);letter-spacing:.01em}.guide-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.guide-table th{text-align:left;font-weight:400;font-size:var(--text-xs);color:var(--room-ink-soft);padding:0 var(--space-xs) var(--space-2xs)}.guide-table td{padding:var(--space-xs);border-top:var(--rule-hair) solid var(--rule);vertical-align:top}.guide-table td:first-child{width:46%}.guide-table code{font-family:var(--font-mono);font-size:.86em;color:var(--room-ink-soft);white-space:pre-wrap;word-break:break-word}.guide-table kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--room-ink);white-space:nowrap}.guide-out{font-family:var(--font-page);color:var(--room-ink)}.guide-out>:first-child{margin-top:0}.guide-out>:last-child{margin-bottom:0}.guide-out p,.guide-out ul,.guide-out ol,.guide-out blockquote{margin:0 0 .3em}.guide-out h1{font-size:1.35em;font-weight:500;margin:0;line-height:1.2}.guide-out h2{font-size:1.12em;font-weight:500;margin:0;line-height:1.2}.guide-out ul,.guide-out ol{padding-left:1.1em}.guide-out blockquote{margin-left:0;padding-left:.8em;border-left:2px solid var(--rule);color:var(--room-ink-soft);font-style:italic}.guide-out code{font-family:var(--font-mono);color:var(--room-ink);background:var(--room);padding:.08em .3em;border-radius:var(--radius-sm)}.guide-out a{color:var(--nib-lit);text-underline-offset:.16em}.guide-out hr{border:0;border-top:1px solid var(--rule);margin:.5em 0}.guide-out del{color:var(--room-ink-soft)}.guide-list{margin:0;font-size:var(--text-sm)}.guide-list dt{color:var(--room-ink);margin-top:var(--space-sm)}.guide-list dt:first-child{margin-top:0}.guide-list dd{margin:.15rem 0 0;color:var(--room-ink-soft);line-height:1.55}.first-run{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:var(--space-md);font-family:var(--font-ui);opacity:0;transition:opacity var(--dur-3) var(--ease-out),background var(--dur-3) var(--ease-out),color var(--dur-3) var(--ease-out)}.first-run[data-look=night]{background:#0a080c;color:#d2d0d5}.first-run[data-look=day]{background:#ebeaed;color:#2e2d32}.first-run.is-in{opacity:1}.first-run-inner{text-align:center;max-width:24rem}.first-run-cat{position:relative;width:7rem;height:7rem;margin:0 auto var(--space-md);opacity:0;transform:translateY(14px) scale(.94);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.first-run-cat.is-up{opacity:1;transform:none}.first-run-cat.is-yawning{animation:yawning 1.1s var(--ease-in-out)}.first-run-cat.is-tilting{animation:noticing 1s var(--ease-out)}@keyframes noticing{35%{transform:rotate(-5deg) translateY(-4px)}70%{transform:rotate(2deg)}}@keyframes yawning{45%{transform:scale(1.06,1.04) translateY(-3px)}}.first-run-ask,.first-run-choices,.first-run-note{opacity:0;transform:translateY(6px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.first-run-ask.is-up,.first-run-choices.is-up,.first-run-note.is-up{opacity:1;transform:none}.first-run-note.is-up{opacity:.55}.first-run-choices.is-chosen{opacity:.35;pointer-events:none}.first-run-ask{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.08;margin:0 0 var(--space-lg);overflow-wrap:anywhere}.first-run-choices{display:flex;gap:var(--space-md);justify-content:center}.light-choice{display:grid;gap:var(--space-xs);justify-items:center;padding:var(--space-sm);color:inherit;font-size:var(--text-sm)}.light-choice:hover .swatch{transform:scale(1.06)}.light-choice:active{opacity:.8}.light-name{white-space:nowrap}.swatch{position:relative;width:4.5rem;height:3.25rem;border-radius:var(--radius-md);display:block;overflow:hidden;transition:transform var(--dur-2) var(--ease-out)}.swatch:after{content:"";position:absolute;left:22%;right:22%;bottom:0;top:34%;border-radius:1px 1px 0 0}.swatch-night{background:#0a080c;box-shadow:inset 0 0 0 1px #29282c}.swatch-night:after{background:#131215}.swatch-day{background:#ebeaed;box-shadow:inset 0 0 0 1px #b8b7ba}.swatch-day:after{background:#fcfcfc;box-shadow:0 0 0 1px #cbcacc}.first-run-note{margin:var(--space-xl) 0 0;font-size:var(--text-xs)}@media(prefers-reduced-motion:reduce){.pupu,.pupu-pose,.swatch,.corner,.first-run-cat,.first-run-ask,.first-run-choices,.first-run-note{transition:none}.first-run-cat{animation:none}.pupu:hover{transform:none}.pupu.is-breathing,.pupu.is-stretching,.pupu.is-greeting,.pupu.is-asleep,.panel,.scrim{animation:none}}@media(max-width:640px){.pupu{width:3.1rem;height:3.1rem}.set-row{grid-template-columns:minmax(0,1fr)}.set-note{grid-column:1}.panel--menu{justify-self:center;align-self:end;margin:0 0 var(--space-md);width:100%}}
