:root{--text-scale-xs: .88em;--text-scale-sm: .95em;--text-scale-base: 1em;--text-scale-lg: 1.12em;--text-scale-10: .78em;--text-scale-13: .86em;--nav-label-size: .83rem;--nav-emoji-size: 1.1em;--side-label-size: .66rem;--timer-display-size: 1.05rem;--timer-mode-size: .66rem;--timer-btn-size: .85rem;--bonsai-title-size: .72rem;--bonsai-stage-size: .82rem;--bonsai-age-size: .82rem;--bonsai-hint-size: .7rem;--theme-label-size: .72rem;--theme-select-size: .92rem;--font-body-size: .92rem;--font-title-size: 1rem;--font-section-size: .94rem;--font-subhead-size: .88rem;--letter-spacing-body: .01em;--banner-text-size: .9rem;--footer-text-size: .85rem;--footer-label-size: .72rem;--header-meta-size: .85rem;--header-stat-size: .88rem;--btn-font-size: 1.02rem;--btn-pad-y: .52rem;--btn-pad-x: .95rem;--btn-min-height: 2.55rem;--btn-line-height: 1.25}:root,html[data-theme=drift]{--alabaster-grey: #C9BCC6;--linen: #FFF6EE;--soft-blush: #F5C5CB;--petal-frost: #E39BB0;--azure-mist: #B7CEC8;--light-blue: #7EB9C4;--ink: #4A3F45;--ink-muted: #5a4f56;--accent-text: #9B5A6E;--accent-border: #C47A92;--window-bg: #ffffff;--btn-bg: #ffffff;--surface-soft: #f3eef0;--border-ui: #7a6f76;--body-wash-1: rgba(255, 246, 238, .42);--body-wash-2: rgba(253, 226, 228, .38);--dot-1: rgba(126, 185, 196, .55);--dot-2: rgba(245, 197, 203, .5);--banner-1: #FDE8EA;--banner-2: #FFF6EE;--banner-3: #D7EBEC;--theme-meta: #9B5A6E;--header-ink: #2f262b;--header-muted: #3f353b;--header-hi: #7a3a08;--panel-bg: #fff8f4;--panel-border: #b89aa3;--panel-shadow: #7EB9C4;--panel-fill: #6a8560;--reader-bg: #fffaf6;--reader-ink: #2f262b;--status-ok: #0f6b38;--status-pending: #6b4a00;--status-warn-ink: #7c2d12;--status-warn-bg: #fff4e8;--status-warn-border: #d48a4a;--font-body: "Jersey 25", system-ui, sans-serif;--font-title: "Jersey 25", system-ui, sans-serif;--font-mono: "Courier Prime", "Courier New", Courier, monospace}html[data-theme=terminal]{--alabaster-grey: #2a4632;--linen: #0b120e;--soft-blush: #1a3d24;--petal-frost: #3ddc84;--azure-mist: #1e4d32;--light-blue: #2f9e5f;--ink: #d8ffe6;--ink-muted: #a8e0bc;--accent-text: #b8ffd0;--accent-border: #2f9e5f;--window-bg: #101a14;--btn-bg: #142018;--surface-soft: #0f1812;--border-ui: #3a6648;--body-wash-1: rgba(8, 18, 12, .82);--body-wash-2: rgba(12, 40, 22, .72);--dot-1: rgba(61, 220, 132, .22);--dot-2: rgba(47, 158, 95, .18);--banner-1: #142018;--banner-2: #0f1812;--banner-3: #1a3d24;--theme-meta: #3ddc84;--header-ink: #e8fff0;--header-muted: #c4f0d4;--header-hi: #ffe566;--panel-bg: #142018;--panel-border: #3ddc84;--panel-shadow: #2f9e5f;--panel-fill: #3ddc84;--reader-bg: #0d1510;--reader-ink: #e2ffe9;--status-ok: #45c47a;--status-pending: #ffe566;--status-warn-ink: #ffe0b0;--status-warn-bg: #1a2e18;--status-warn-border: #2f9e5f;--font-body: "IBM Plex Mono", ui-monospace, monospace;--font-title: "Share Tech Mono", ui-monospace, monospace;--font-mono: "IBM Plex Mono", ui-monospace, monospace}html[data-theme=harbor]{--alabaster-grey: #8fa3ae;--linen: #e8f0f2;--soft-blush: #c5dbe0;--petal-frost: #2f6f7e;--azure-mist: #9ec5b2;--light-blue: #3d8ea0;--ink: #15252e;--ink-muted: #3a4f5c;--accent-text: #1e4c5c;--accent-border: #2a5f6c;--window-bg: #f7fbfc;--btn-bg: #f7fbfc;--surface-soft: #e8f1f4;--border-ui: #5f7682;--body-wash-1: rgba(232, 240, 242, .55);--body-wash-2: rgba(158, 197, 178, .35);--dot-1: rgba(61, 142, 160, .35);--dot-2: rgba(47, 111, 126, .22);--banner-1: #d5e8e4;--banner-2: #e8f0f2;--banner-3: #c5dbe0;--theme-meta: #2f6f7e;--header-ink: #f4fbfc;--header-muted: #d0e8ec;--header-hi: #ffd28a;--panel-bg: #f2faf8;--panel-border: #4d7a86;--panel-shadow: #3d8ea0;--panel-fill: #2f6f7e;--reader-bg: #fbfefe;--reader-ink: #15252e;--status-ok: #8ef0b8;--status-pending: #ffe08a;--status-warn-ink: #6b2e12;--status-warn-bg: #fff6ee;--status-warn-border: #c47a50;--font-body: "DM Sans", system-ui, sans-serif;--font-title: "Syne", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}html[data-theme=harbor] .window-header{background:linear-gradient(90deg,#3d8ea0,#2f6f7e,#2a6270)}html[data-theme=harbor] .theme-menu-btn,html[data-theme=harbor] .theme-select,html[data-theme=harbor] #themeSelect.theme-select{border-color:var(--border-ui)}html[data-theme=harbor] .theme-menu-option.is-selected{border-color:var(--petal-frost)}html[data-theme=harbor] .theme-menu-caret{color:var(--ink-muted)}html[data-theme=harbor] .synth-key-lit,html[data-theme=harbor] .synth-key-lit .synth-key-bind{color:#f4fbfc!important}html[data-theme=arcade]{--alabaster-grey: #5a5670;--linen: #1a1830;--soft-blush: #3a2a48;--petal-frost: #ff6b6b;--azure-mist: #2d3a5c;--light-blue: #4fd1c5;--ink: #f5f0ff;--ink-muted: #d2cae8;--accent-text: #ffe08a;--accent-border: #e25555;--window-bg: #242040;--btn-bg: #2a2648;--surface-soft: #1e1b36;--border-ui: #6e6890;--body-wash-1: rgba(20, 18, 40, .78);--body-wash-2: rgba(45, 30, 70, .65);--dot-1: rgba(79, 209, 197, .28);--dot-2: rgba(255, 107, 107, .22);--banner-1: #2d2648;--banner-2: #1a1830;--banner-3: #3a2a48;--theme-meta: #ff6b6b;--header-ink: #fff8ff;--header-muted: #ebe3ff;--header-hi: #ffe08a;--panel-bg: #2a2648;--panel-border: #ff6b6b;--panel-shadow: #4fd1c5;--panel-fill: #4fd1c5;--reader-bg: #1c1834;--reader-ink: #f5f0ff;--status-ok: #7dffc8;--status-pending: #ffe08a;--status-warn-ink: #fff0d0;--status-warn-bg: #3a2848;--status-warn-border: #ff6b6b;--font-body: "Space Mono", ui-monospace, monospace;--font-title: "Orbitron", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace}html[data-theme=poetry]{--alabaster-grey: #9a9893;--linen: #f4f3f0;--soft-blush: #e9e8e4;--petal-frost: #2a2a2a;--azure-mist: #e0dfdb;--light-blue: #4a4a4a;--ink: #1c1c1c;--ink-muted: #4d4d4d;--accent-text: #2a2a2a;--accent-border: #3d3d3d;--window-bg: #faf9f7;--btn-bg: #faf9f7;--surface-soft: #ecebe7;--border-ui: #5c5c5c;--body-wash-1: rgba(244, 243, 240, .78);--body-wash-2: rgba(236, 235, 231, .55);--dot-1: rgba(42, 42, 42, .12);--dot-2: rgba(42, 42, 42, .07);--banner-1: #ecebe7;--banner-2: #f4f3f0;--banner-3: #e6e5e1;--theme-meta: #2a2a2a;--header-ink: #f4f3f0;--header-muted: #d8d7d4;--header-hi: #e8c896;--panel-bg: #f7f6f3;--panel-border: #3d3d3d;--panel-shadow: #9a9893;--panel-fill: #2a2a2a;--reader-bg: #fbfaf8;--reader-ink: #1c1c1c;--status-ok: #8fd9a8;--status-pending: #e8c896;--status-warn-ink: #6b2a10;--status-warn-bg: #f5f0ea;--status-warn-border: #a07048;--font-body: "EB Garamond", "Garamond", "Times New Roman", serif;--font-title: "EB Garamond", "Garamond", "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}html[data-theme=poetry] .window-header{background:linear-gradient(90deg,#3d3d3d,#2a2a2a,#454545)}html[data-theme=poetry] .theme-menu-btn,html[data-theme=poetry] .theme-select,html[data-theme=poetry] #themeSelect.theme-select{border-color:var(--border-ui)}html[data-theme=poetry] .theme-menu-option.is-selected{border-color:var(--petal-frost)}html[data-theme=poetry] .theme-menu-caret{color:var(--ink-muted)}html[data-theme=poetry] .synth-key-lit,html[data-theme=poetry] .synth-key-lit .synth-key-bind{color:#f4f3f0!important}html[data-theme=poetry] .font-retro-title,html[data-theme=poetry] .section-header-title{font-weight:600;letter-spacing:.02em}*{border-radius:0!important;font-family:var(--font-body);font-weight:400;box-sizing:border-box}html{margin:0;padding:0}body{margin:0;background-color:var(--linen);font-size:var(--font-body-size);line-height:1.4;letter-spacing:var(--letter-spacing-body);background-image:linear-gradient(var(--body-wash-1),var(--body-wash-2)),url(/zyanya-bmo-s0cQoh_3NsM-unsplash.jpg);background-size:cover,cover;background-position:center,center;background-attachment:fixed,fixed;background-repeat:no-repeat;color:var(--ink-muted);overflow-x:clip;min-height:100vh;position:relative}#app{display:contents}@supports not (overflow: clip){body{overflow-x:hidden}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(var(--dot-1) 1px,transparent 1px),radial-gradient(var(--dot-2) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.page-shell{display:grid;grid-template-columns:auto minmax(0,56rem) auto;justify-content:center;align-items:start;gap:1rem;width:100%;max-width:78rem;margin:0 auto;padding:1.5rem .75rem 2.5rem;box-sizing:border-box;position:relative;z-index:1}.photo-credit{position:relative;z-index:1;text-align:center;margin:0;padding:.85rem .75rem 1.35rem;font-family:var(--font-body);font-size:var(--footer-text-size)!important;line-height:1.35!important;color:var(--ink-muted);opacity:.85}.photo-credit a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.photo-credit a:hover{color:var(--light-blue)}.bmc-footer-slot:empty{display:none}.bmc-host{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.15rem .75rem .85rem;--bmc-y-deep: #c48a2e;--bmc-y-mid: #e2b04a;--bmc-y-bright: #efc96a;--bmc-y-lite: #f5e0a8;--bmc-y-ink: #2a2214;--bmc-y-edge: #8a6428}.bmc-heading{align-self:stretch;text-align:center;padding:.15rem .25rem 0}.side-nav-right>.bmc-host{width:100%;margin-top:.35rem;padding:.15rem 0 .25rem;align-items:stretch}.side-nav-right>.bmc-host .bmc-heading{text-align:left;padding:.25rem .25rem 0}.side-nav-right>.bmc-host .bmc-btn{width:100%;min-height:2.4rem;padding:.35rem .45rem;gap:.4rem;font-size:.78rem}.side-nav-right>.bmc-host .bmc-btn-text{white-space:normal;text-align:left;line-height:1.15}.side-nav-right>.bmc-host .pixel-coffee{width:1.45rem;height:1.45rem}.bmc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.65rem;padding:.4rem .95rem .4rem .7rem;box-sizing:border-box;background:linear-gradient(165deg,var(--bmc-y-lite) 0%,var(--bmc-y-bright) 34%,var(--bmc-y-mid) 68%,var(--bmc-y-deep) 100%);color:var(--bmc-y-ink);border:2px solid var(--bmc-y-edge);box-shadow:3px 3px 0 var(--bmc-y-edge),inset 0 1px color-mix(in srgb,var(--bmc-y-lite) 70%,transparent);text-decoration:none!important;font-family:var(--font-body);font-size:var(--footer-text-size);font-weight:600;line-height:1.2;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.bmc-btn:hover,.bmc-btn:focus-visible{transform:translate(-1px,-1px);filter:brightness(1.03) saturate(1.04);box-shadow:4px 4px 0 var(--bmc-y-edge),inset 0 1px color-mix(in srgb,var(--bmc-y-lite) 80%,transparent);outline:none;color:var(--bmc-y-ink);background:linear-gradient(165deg,#f7e8b8 0%,var(--bmc-y-bright) 32%,#dfae42 66%,#bc842c 100%)}.bmc-btn:active{transform:translate(1px,1px);filter:brightness(.97);box-shadow:1px 1px 0 var(--bmc-y-edge),inset 0 1px color-mix(in srgb,var(--bmc-y-mid) 45%,var(--bmc-y-deep))}.bmc-btn-text{white-space:nowrap}.pixel-coffee{display:inline-flex;flex-shrink:0;width:1.75rem;height:1.75rem;line-height:0;animation:pixel-coffee-bob 1.8s ease-in-out infinite;transform-origin:center bottom;will-change:transform}.pixel-coffee-svg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}@keyframes pixel-coffee-bob{0%,to{transform:translateY(3px)}50%{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.pixel-coffee{animation:none}}.fun-links{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(100% - 1.5rem,36rem);max-width:100%;margin:0 auto;padding:.55rem .85rem .2rem;box-sizing:border-box;color:var(--ink-muted);font-family:var(--font-body)}.fun-links-label{font-size:var(--footer-label-size);letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--ink-muted);opacity:.85}.webring-strip{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;column-gap:1.75rem;row-gap:.55rem;width:100%}.webring-widget{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0;padding:0;background:none;border:0;box-shadow:none;text-align:center}.webring-widget-head{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0}.webring-widget-title{font-family:var(--font-body);font-size:var(--footer-text-size);font-weight:600;line-height:1.25;letter-spacing:.01em;color:var(--ink);text-decoration:underline;text-underline-offset:2px;max-width:100%}.webring-widget-title:hover{color:var(--light-blue)}.webring-widget-tag{font-family:var(--font-body);font-size:.68rem;letter-spacing:.04em;text-transform:none;color:var(--ink-muted);opacity:.9;line-height:1.2}.webring-nav{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.15rem .55rem;width:auto;margin-top:.05rem}.webring-btn{display:inline;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:var(--ink);font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.01em;line-height:1.3;text-decoration:underline;text-underline-offset:2px;text-align:center;transition:color .1s ease}.webring-btn:hover{color:var(--light-blue);background:none;border-color:transparent;transform:none;box-shadow:none}.webring-btn:active{transform:none;box-shadow:none}.webring-btn:focus-visible{outline:1px solid var(--light-blue);outline-offset:2px}@media(max-width:900px){.fun-links{gap:.45rem;padding:.4rem .75rem .1rem;width:min(100% - 1rem,22rem)}.webring-strip{flex-direction:column;align-items:center;gap:.6rem}.webring-btn{font-size:.8rem}.photo-credit{padding:.55rem .75rem 1.25rem}}.window-header .header-meta{color:var(--header-muted);font-size:var(--header-meta-size);font-weight:600;flex-shrink:0;line-height:1.25}.window-header .header-stat{color:var(--header-ink);font-size:var(--header-stat-size);font-weight:700;flex-shrink:0;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1.25}.window-header .header-stat-hi{color:var(--header-hi);font-size:var(--header-stat-size);font-weight:700;line-height:1.25}.window-header .header-stat-group{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.modal-panel{color:var(--ink)}.modal-message{color:var(--ink);line-height:1.4}.modal-close{background:transparent;border:none;padding:.15rem .35rem;cursor:pointer;color:var(--header-ink);font-size:1em;line-height:1;flex-shrink:0;opacity:.9}.modal-close:hover,.modal-close:focus-visible{opacity:1;outline:2px solid var(--header-ink);outline-offset:2px}.chat-conn-status{color:var(--status-pending);font-weight:600;flex-shrink:0}.chat-conn-status.is-live{color:var(--status-ok)}.chat-conn-status.is-retry{color:var(--status-pending)}.chat-status-banner{color:var(--status-warn-ink);background:var(--status-warn-bg);border-color:var(--status-warn-border)}.chat-feed-shell{position:relative;min-width:0}#chatMessagesContainer{background:var(--surface-soft);border-color:var(--border-ui);color:var(--ink)}.chat-scroll-bottom-btn{position:absolute;right:.65rem;bottom:.65rem;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border:2px solid var(--border-ui);background:var(--window-bg);color:var(--ink);box-shadow:2px 2px 0 var(--light-blue);cursor:pointer;-webkit-user-select:none;user-select:none}.chat-scroll-bottom-btn:hover,.chat-scroll-bottom-btn:focus-visible{background:var(--azure-mist);outline:none;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--light-blue)}.chat-scroll-bottom-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--light-blue)}.chat-scroll-bottom-btn.hidden{display:none!important}.chat-scroll-bottom-icon{display:block;width:.95rem;height:.95rem;pointer-events:none}.chat-message{background:var(--window-bg);border:1px solid var(--alabaster-grey)}.chat-message-time,.chat-meta{color:var(--ink-muted)}.chat-message-body{white-space:pre-wrap;color:var(--ink)}.chat-char-meta{color:var(--ink-muted)}.chat-gif{display:block;max-width:min(100%,280px);max-height:220px;width:auto;height:auto;margin-top:.35rem;border:2px solid var(--alabaster-grey);background:var(--window-bg);object-fit:contain}#chatInput{background:var(--window-bg);color:var(--ink);border-color:var(--border-ui)}#chatInput::placeholder,#suggestInput::placeholder,.giphy-search-input::placeholder{color:var(--ink-muted);opacity:.85}.giphy-picker{border:2px solid var(--alabaster-grey);background:var(--window-bg);padding:.5rem;min-width:0;max-width:100%;box-sizing:border-box}.giphy-picker-header{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;align-items:stretch}.giphy-search-input{flex:1 1 8rem;border:2px solid var(--border-ui);padding:.4rem .5rem;font-size:.8rem;min-width:0;min-height:2.4rem;background:var(--window-bg);color:var(--ink);box-sizing:border-box}.giphy-search-input:focus{outline:none;border-color:var(--petal-frost)}.giphy-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,5.5rem),1fr));gap:.4rem;max-height:min(42vh,16rem);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:7.5rem;background:var(--surface-soft);border:1px solid var(--border-ui);padding:.35rem;color:var(--ink-muted);box-sizing:border-box}.giphy-results>.chat-meta{grid-column:1 / -1}.giphy-result-btn{position:relative;display:block;width:100%;padding:0;margin:0;border:2px solid transparent;background:var(--window-bg);cursor:pointer;aspect-ratio:1 / 1;min-height:5rem;height:auto;overflow:hidden;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.giphy-result-btn:hover,.giphy-result-btn:focus-visible{border-color:var(--petal-frost);outline:none}.giphy-result-btn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;min-width:100%;min-height:100%;pointer-events:none;background:color-mix(in srgb,var(--surface-soft) 70%,var(--ink) 8%)}.giphy-attribution{margin:.35rem 0 0;font-size:10px;color:var(--ink-muted);text-align:right}#giphyToggleBtn:disabled{opacity:.45;cursor:not-allowed}.giphy-btn-wrap{position:relative;display:inline-flex;flex-shrink:0}.giphy-btn-wrap:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:30;min-width:9rem;max-width:14rem;padding:.35rem .5rem;border:2px solid var(--border-ui);background:var(--window-bg);color:var(--ink);font-family:var(--font-mono);font-size:.7rem;line-height:1.35;text-align:center;white-space:normal;box-shadow:2px 2px 0 var(--light-blue);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease}.giphy-btn-wrap:hover:after,.giphy-btn-wrap:focus-within:after{opacity:1;visibility:visible}.giphy-btn-wrap[data-tooltip=""]:after{display:none}.page-center{min-width:0;width:100%}.active-stage{position:relative;min-height:12rem;padding-top:.75rem}.active-stage>.window-box{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.active-stage>.window-box.is-raised{transform:translateY(-1.25rem);box-shadow:6px 14px 0 var(--light-blue)}.side-nav{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:.875rem;z-index:20;padding-top:.25rem;width:11.875rem}.side-nav-track{display:contents}.side-nav-widget{display:flex;flex-direction:column;gap:.35rem;width:100%;margin-top:.15rem}.side-nav-widget .side-nav-label{padding:.25rem .25rem 0}.nav-tab{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.45rem;width:100%;min-height:2.75rem;padding:.55rem .7rem;writing-mode:horizontal-tb;text-orientation:mixed;transform:none;transform-origin:center center;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .2s ease,color .2s ease;will-change:transform;position:relative}.nav-unread-badge{position:absolute;top:.2rem;right:.25rem;min-width:1.15rem;height:1.15rem;padding:0 .28rem;border-radius:999px;background:#93c572;color:#fff;font-size:.7rem!important;font-weight:700;line-height:1.15rem;text-align:center;pointer-events:none;box-shadow:1px 1px 0 var(--azure-mist, #B7CEC8)}.nav-tab-emoji{writing-mode:horizontal-tb;font-size:var(--nav-emoji-size);line-height:1;transform:none;flex-shrink:0}.nav-tab-label{font-size:var(--nav-label-size)!important;line-height:1.2!important;letter-spacing:.04em;white-space:normal;text-align:left;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.side-nav-right .nav-tab:hover:not(.is-active){transform:none;box-shadow:2px 2px 0 var(--light-blue)}.side-nav-left .nav-tab:hover:not(.is-active){transform:none;box-shadow:2px 2px 0 var(--light-blue)}@media(hover:hover)and (pointer:fine){.side-nav-right .nav-tab:hover:not(.is-active){transform:rotate(5deg) translateY(-.35rem);box-shadow:4px 5px 0 var(--petal-frost)}.side-nav-left .nav-tab:hover:not(.is-active){transform:rotate(-5deg) translateY(-.35rem);box-shadow:-4px 5px 0 var(--petal-frost)}}.side-nav-label{font-size:var(--side-label-size)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);opacity:.8;padding:0 .25rem .15rem}.nav-tab.is-active{transform:none;box-shadow:3px 3px 0 var(--light-blue)}.nav-tab.is-active:hover{transform:none}@media(max-width:900px){body{background-attachment:scroll,scroll}.page-shell{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;padding:max(.75rem,env(safe-area-inset-top,0px)) max(.65rem,env(safe-area-inset-right,0px)) max(1.35rem,env(safe-area-inset-bottom,0px)) max(.65rem,env(safe-area-inset-left,0px))}.page-center,.page-center>main{display:contents}.site-header{order:0;width:100%}.site-radio{order:1;width:100%}.site-widgets{order:2;width:100%}.side-nav-left{order:3}.side-nav-right{order:4}.active-stage{order:5;width:100%;padding-top:.35rem;scroll-margin-top:.5rem}.side-nav{position:static;top:auto;z-index:1;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:.35rem;width:100%;max-width:100%;padding:.35rem .4rem .45rem;overflow:hidden;background:color-mix(in srgb,var(--window-bg) 92%,var(--linen));border:2px solid var(--border-ui);box-shadow:2px 2px 0 var(--light-blue)}.side-nav>.side-nav-label{position:static;flex:0 0 auto;width:100%;text-align:left;padding:0 .15rem;white-space:nowrap;background:transparent;box-shadow:none;opacity:.9;line-height:1.2}.side-nav-track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.4rem;width:100%;max-width:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0;margin:0;scrollbar-width:none;-ms-overflow-style:none}.side-nav-track::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.side-nav .nav-tab{flex:0 0 auto;align-self:center;width:auto;min-height:2.4rem!important;max-height:2.6rem;height:2.4rem;min-width:2.4rem;padding:.3rem .6rem!important;box-shadow:2px 2px 0 var(--light-blue);scroll-snap-align:start}.side-nav .nav-tab.is-active{box-shadow:2px 2px 0 var(--light-blue)}.nav-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.nav-tab-emoji{font-size:var(--nav-emoji-size);line-height:1}.side-nav-right .nav-tab:hover:not(.is-active),.side-nav-left .nav-tab:hover:not(.is-active){transform:none}.side-nav-widget{flex:0 0 auto;width:100%;max-width:none;margin:0;gap:.25rem;min-width:0}.side-nav-widget .side-nav-label{text-align:left;width:100%;padding:0 .15rem}.side-nav-widget .bonsai,.side-nav-widget .pomodoro{width:100%;max-width:none}.side-nav-widget .bonsai-stage-wrap{max-width:7.5rem;width:100%;margin-inline:auto}.site-widgets:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:100%;box-sizing:border-box;align-items:start}.site-widgets[hidden]{display:none!important}.site-widgets .side-nav-widget{max-width:none}.site-widgets .pomodoro{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .5rem .7rem}.site-widgets .pomodoro-readout{display:contents}.site-widgets .pomodoro-time{order:1;flex:0 0 auto;font-size:clamp(2.15rem,1.65rem + 3.8vw,2.75rem);letter-spacing:.04em;line-height:1;margin:0}.site-widgets .pomodoro-mode{order:2;flex:1 1 auto;text-align:center;letter-spacing:.1em;line-height:1;margin:0}.site-widgets .pomodoro-actions{order:3;flex:0 0 auto;justify-content:flex-end;align-items:center;width:auto;margin:0}.active-stage>.window-box.is-raised{transform:translateY(-.35rem);box-shadow:4px 8px 0 var(--light-blue)}.pomodoro-actions{justify-content:center}.site-radio{flex-direction:column;align-items:stretch!important}.site-radio-source{width:100%}#bgmSourceSelect{flex:1 1 auto;min-width:0;width:100%;max-width:100%}.site-radio-controls{width:100%;justify-content:space-between}.site-radio-volume{flex:1 1 auto;min-width:0;justify-content:flex-end}.bgm-volume-slider,#bgmVolume{flex:1 1 5rem;width:auto!important;max-width:9rem;min-width:4.5rem}}@media(min-width:641px)and (max-width:900px){.site-widgets:not([hidden]){grid-template-columns:1fr 1fr;gap:.75rem;align-items:stretch}.site-widgets #bonsaiWidget,.site-widgets #pomodoroWidget{width:100%;min-width:0;display:flex;flex-direction:column}.site-widgets .bonsai,.site-widgets .pomodoro{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:center;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:.65rem .6rem .85rem;gap:.45rem}.site-widgets .bonsai{justify-content:flex-start}.site-widgets .pomodoro{justify-content:center}.site-widgets .bonsai-stage-wrap{max-width:7.25rem;width:100%;margin-inline:auto}.site-widgets .pomodoro-readout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:100%}.site-widgets .pomodoro-mode{order:0;flex:0 0 auto;width:100%;text-align:center;letter-spacing:.14em;line-height:1.2;margin:0;font-size:var(--timer-mode-size)}.site-widgets .pomodoro-time{order:1;flex:0 0 auto;width:100%;text-align:center;font-size:clamp(2.25rem,1.85rem + 1.3vw,2.75rem);letter-spacing:.06em;line-height:1.05;margin:0}.site-widgets .pomodoro-actions{order:0;flex:0 0 auto;width:100%;justify-content:center;align-items:center;gap:.75rem;margin:0}.site-widgets .pomodoro-btn{width:1.95rem;height:1.95rem;min-width:1.95rem;min-height:1.95rem!important;flex:0 0 1.95rem}.site-widgets .pomodoro-icon{width:.95rem;height:.95rem}}@media(max-width:640px){.window-header{flex-wrap:wrap;gap:.45rem;padding:.5rem .65rem}.theme-picker{max-width:100%;width:100%;flex-basis:100%}.site-subheading{white-space:normal;text-overflow:unset;overflow:visible}.section-header-title{white-space:normal;overflow:visible;text-overflow:unset;line-height:1.35}.window-header .header-stat-group{flex-wrap:wrap;gap:.4rem .65rem}.banner-container{padding:.75rem .85rem}.banner-text{gap:.35rem .5rem;font-size:var(--banner-text-size);justify-content:flex-start}.active-stage>.window-box.p-4{padding:.7rem!important}.active-stage>.window-box.is-raised{transform:none;box-shadow:3px 3px 0 var(--light-blue)}.chat-feed,#chatMessagesContainer{height:min(48vh,18rem)!important;max-height:18rem}.chat-compose-row{flex-wrap:wrap}.chat-compose-row #chatInput{flex:1 1 100%;min-height:2.65rem}.chat-compose-row .giphy-btn-wrap,.chat-compose-row>.btn-retro{flex:1 1 auto}.giphy-picker{padding:.45rem}.giphy-picker-header{gap:.4rem}.giphy-search-input{flex:1 1 100%;font-size:1rem;min-height:2.75rem}.giphy-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;max-height:min(38dvh,14.5rem);min-height:9rem;padding:.4rem}.giphy-result-btn{min-height:0;aspect-ratio:auto;height:0;padding-bottom:100%}.giphy-result-btn img{position:absolute;top:0;right:0;bottom:0;left:0}.synth-key-bind{display:none}.synth-controls{flex-direction:column;align-items:stretch!important}.synth-wave-row,.synth-record-row{width:100%}.synth-controls select,#synthWaveformSelect{min-width:0;width:100%;flex:1 1 auto}.synth-record-row .btn-retro{flex:1 1 auto}.synth-piano{--synth-white-w: 2.45rem;--synth-black-w: 1.5rem;--synth-white-h: 7rem;--synth-black-h: 4.35rem}.synth-piano-stage{padding:.5rem;justify-content:flex-start}.sol-board-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:.5rem;margin-inline:-.25rem;padding-inline:.25rem}.sol-board{min-width:620px;min-height:480px}canvas.max-w-full,.dino-canvas,.breakout-canvas,#snakeCanvas,#puzzleCanvas{max-width:100%;height:auto;touch-action:none}#breakoutCanvas,.breakout-canvas{touch-action:none;cursor:none}.library-reader-shell{height:min(22rem,55vh);max-height:55vh}.library-reader-text{padding:.75rem .85rem;font-size:16px;line-height:1.5}.puzzle-layout{flex-direction:column;align-items:stretch;gap:.85rem}.puzzle-play-area,.puzzle-reference-panel{flex:1 1 auto;width:100%;min-width:0;max-width:100%;align-items:stretch}.puzzle-hint{max-width:100%}.puzzle-reference-img{max-height:140px}.pixel-canvas-shell{max-width:100%}.pixel-canvas{width:min(100%,384px);height:auto;max-width:100%}.suggest-compose{flex-direction:column;align-items:stretch}.suggest-compose .btn-retro,.suggest-compose select,.suggest-compose input{width:100%}.side-nav .nav-tab{gap:.3rem;padding:.28rem .5rem!important;min-height:2.3rem!important;max-height:2.5rem;height:2.3rem}.side-nav .nav-tab-label{font-size:.78em!important;max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}.site-widgets:not([hidden]){gap:.45rem}.site-widgets .bonsai-stage-wrap{max-width:6.25rem}.modal-panel{max-width:min(100%,22rem)}}@media(max-width:400px){.side-nav .nav-tab-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.side-nav .nav-tab{justify-content:center;min-width:2.55rem;min-height:2.4rem!important;height:2.4rem;max-height:2.4rem;padding:.3rem .45rem!important}.side-nav .nav-tab-emoji{font-size:1.2em}}.window-box{background:var(--window-bg);border:2px solid var(--alabaster-grey);box-shadow:4px 4px 0 var(--light-blue)}.window-header{background:linear-gradient(90deg,var(--soft-blush),var(--petal-frost),var(--light-blue));color:var(--header-ink);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:.65rem;border-bottom:2px solid var(--alabaster-grey);min-width:0;overflow:hidden}.header-brand{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto;overflow:hidden}.font-retro-title{font-family:var(--font-title);font-size:var(--font-title-size);line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--header-ink)}.site-subheading{font-family:var(--font-body);font-size:var(--font-subhead-size);line-height:1.3;letter-spacing:.04em;color:var(--header-muted);opacity:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-retro-body{font-family:var(--font-body)}.section-header-title{font-family:var(--font-title);font-size:var(--font-section-size);line-height:1.35;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;color:var(--header-ink)}.window-header.mb-3,.section.window-box>.window-header{gap:.5rem}.window-box,.page-center,.active-stage,.side-nav,.nav-tab,.banner-text,.pomodoro,.bonsai{min-width:0;max-width:100%}.window-header .header-brand{min-width:0}.text-xs{font-size:var(--text-scale-xs)!important;line-height:1.35!important}.text-sm{font-size:var(--text-scale-sm)!important;line-height:1.35!important}.text-base{font-size:var(--text-scale-base)!important;line-height:1.35!important}.text-lg{font-size:var(--text-scale-lg)!important;line-height:1.35!important}.text-\[10px\]{font-size:var(--text-scale-10)!important}.text-\[13px\]{font-size:var(--text-scale-13)!important}#bgmSourceSelect{min-height:2.75rem;padding:.45rem .75rem;line-height:1.2;vertical-align:middle;box-sizing:border-box;background:var(--surface-soft);color:var(--ink);border-color:var(--border-ui);font-size:var(--font-body-size)!important;font-family:var(--font-body)}.theme-picker{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;flex:0 1 auto;min-width:0;max-width:min(11rem,48%);position:relative;z-index:40}.theme-picker-label{font-family:var(--font-body);font-size:var(--theme-label-size);line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--header-ink);opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-menu{position:relative;width:100%;z-index:41}.theme-menu-btn{display:flex;align-items:center;justify-content:space-between;gap:.45rem;width:100%;min-height:2.55rem;padding:.35rem .45rem;box-sizing:border-box;background:var(--window-bg);color:var(--ink);border:2px solid var(--header-ink);cursor:pointer;font-size:var(--theme-select-size)}.theme-menu-btn:hover,.theme-menu-btn:focus-visible{border-color:var(--petal-frost);outline:none}.theme-menu-caret{font-size:.7em;line-height:1;color:var(--header-ink);opacity:.85}.theme-swatch{--swatch-a: var(--soft-blush);--swatch-b: var(--light-blue);display:inline-flex;width:2.1rem;height:1.15rem;border:1px solid var(--border-ui);box-sizing:border-box;overflow:hidden;flex-shrink:0;box-shadow:1px 1px color-mix(in srgb,var(--header-ink) 18%,transparent)}.theme-swatch-half{flex:1 1 50%;display:block;min-width:0;height:100%}.theme-swatch-a{background:var(--swatch-a)}.theme-swatch-b{background:var(--swatch-b)}.theme-swatch-current{width:2.45rem;height:1.25rem}header.window-box{position:relative;z-index:35;overflow:visible}header.window-box>.window-header{overflow:visible}header.window-box.theme-menu-open{z-index:80}.theme-menu-list{position:absolute;top:calc(100% + 3px);right:0;z-index:90;margin:0;padding:.3rem;list-style:none;display:flex;flex-direction:column;gap:.3rem;min-width:max(100%,9.5rem);background:var(--window-bg);border:2px solid var(--border-ui);box-shadow:3px 3px 0 var(--light-blue)}.theme-menu-list.hidden{display:none}.theme-menu-option{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;min-height:2.35rem;padding:.35rem .5rem;border:2px solid transparent;background:var(--surface-soft);color:var(--ink);cursor:pointer;text-align:left;box-sizing:border-box;font-size:var(--theme-select-size)}.theme-menu-option:hover,.theme-menu-option:focus-visible{border-color:var(--petal-frost);outline:none}.theme-menu-option.is-selected{border-color:var(--header-ink);background:color-mix(in srgb,var(--surface-soft) 70%,var(--soft-blush))}.theme-menu-option-name{font-size:var(--theme-select-size);line-height:1.2;white-space:nowrap;color:var(--ink)}.theme-menu-option .theme-swatch{width:2.2rem;height:1.15rem}.theme-select-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.theme-select,#themeSelect.theme-select{min-height:2.55rem;max-width:100%;width:100%;padding:.35rem .45rem;line-height:1.2;box-sizing:border-box;background:var(--window-bg);color:var(--ink);border:2px solid var(--header-ink);font-family:var(--font-body);font-size:var(--theme-select-size);text-overflow:ellipsis}.dino-canvas{background:#fff}html[data-theme=terminal] .dino-canvas,html[data-theme=arcade] .dino-canvas{background:#111}.window-box.bg-white{background:var(--window-bg)!important}input:focus.focus-theme,select:focus.focus-theme,.focus-theme:focus{outline:none;border-color:var(--petal-frost)!important}.synth-controls{background:var(--surface-soft);border:1px solid var(--border-ui);color:var(--ink)}.synth-controls select{background:var(--window-bg);color:var(--ink);border:1px solid var(--border-ui);min-width:15.5rem;width:max-content;max-width:100%;padding:.35rem .5rem;font:inherit;font-size:inherit}.synth-label{color:var(--ink)}.btn-retro .synth-key-bind{color:var(--ink-muted)}.synth-piano-stage{border:2px solid var(--border-ui);background:#16141a;padding:.75rem;overflow-x:auto}.synth-piano{--synth-white-w: 3rem;--synth-black-w: 1.75rem;--synth-white-h: 8rem;--synth-black-h: 5rem;position:relative;display:inline-block}.synth-piano-whites{display:flex}.synth-key-white{width:var(--synth-white-w);height:var(--synth-white-h);background:#f7f4ef;border:1px solid #1e293b;color:#1e1b1c;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 .25rem .5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.1rem!important;line-height:1.1!important;text-align:center;box-sizing:border-box}.synth-key-white span{display:block;width:100%;text-align:center}.synth-key-white .synth-key-bind{color:#3f3a3c;font-size:.95rem!important;margin-top:.15rem}.synth-piano-blacks{position:absolute;top:0;left:0;width:100%;height:var(--synth-black-h);pointer-events:none}.synth-key-black{position:absolute;top:0;width:var(--synth-black-w);height:var(--synth-black-h);margin-left:calc(var(--synth-black-w) / -2);background:#16141a;border:1px solid #0a0910;color:#f5f0ea;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:2;font-size:.95rem!important;line-height:1.1!important;text-align:center;box-sizing:border-box}.synth-key-white:active{background:#e2ddd6}.synth-key-black:active{background:#2a2630}.synth-key-lit{background:var(--petal-frost)!important;color:#1e1b1c!important}.synth-key-lit .synth-key-bind{color:#1e1b1c!important}.btn-retro{background:var(--btn-bg);border:2px solid var(--alabaster-grey);box-shadow:2px 2px 0 var(--light-blue);padding:var(--btn-pad-y) var(--btn-pad-x);min-height:var(--btn-min-height);font-size:var(--btn-font-size);line-height:var(--btn-line-height);cursor:pointer;transition:all .1s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.btn-retro.text-xs,.btn-retro.text-sm{font-size:var(--btn-font-size)!important;line-height:var(--btn-line-height)!important}@media(min-width:640px){.btn-retro.sm\:text-sm{font-size:var(--btn-font-size)!important;line-height:var(--btn-line-height)!important}}.btn-retro:hover{background:var(--azure-mist);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--light-blue)}.btn-retro:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--light-blue)}.btn-retro-accent{background:var(--petal-frost);color:var(--window-bg);border-color:var(--accent-border);box-shadow:2px 2px 0 var(--light-blue)}.btn-retro-accent:hover{color:var(--ink);background:var(--soft-blush)}.header-user-control{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;border:none;padding:0;height:auto}.bgm-mute-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font-size:1rem;line-height:1;cursor:pointer;min-width:1.25rem}.bgm-mute-btn:hover{opacity:.75}#bgmToggleBtn.is-loading{display:inline-flex;align-items:center;gap:.4rem}.bgm-volume-pct{min-width:2.5rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}.pomodoro{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.7rem;width:100%;box-sizing:border-box;padding:.7rem .5rem .8rem;background:var(--panel-bg);color:var(--ink);border:2px solid var(--panel-border);box-shadow:3px 3px 0 var(--panel-shadow)}.pomodoro.is-focus{background:var(--panel-bg);border-color:var(--petal-frost)}.pomodoro.is-break{background:var(--panel-bg);border-color:var(--light-blue)}.pomodoro.is-running{box-shadow:3px 3px 0 var(--petal-frost)}.pomodoro-readout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem;width:100%;min-width:0;line-height:1}.pomodoro-mode{font-size:var(--timer-mode-size);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);font-weight:600;line-height:1.2;order:0}.pomodoro-time{font-size:clamp(1.85rem,1.55rem + .8vw,2.35rem);font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);letter-spacing:.06em;line-height:1.05;order:1}.pomodoro-actions{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%}.pomodoro-btn{box-sizing:border-box;width:1.95rem;height:1.95rem;min-width:1.95rem;min-height:1.95rem!important;flex:0 0 1.95rem;padding:0!important;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:var(--timer-btn-size)!important;color:var(--ink)}.pomodoro-icon{display:block;width:.95rem;height:.95rem;flex-shrink:0;pointer-events:none}.pomodoro-btn .pomodoro-icon-pause,.pomodoro-btn[data-state=pause] .pomodoro-icon-play{display:none}.pomodoro-btn[data-state=pause] .pomodoro-icon-pause{display:block}.pomodoro-btn.btn-retro-accent{color:var(--window-bg)}.pomodoro-btn.btn-retro-accent:hover{color:var(--ink);background:var(--soft-blush)}.pomodoro-btn.pomodoro-btn-pause{background:var(--soft-blush);border-color:var(--accent-border);color:var(--ink);box-shadow:2px 2px 0 var(--light-blue)}.pomodoro-btn.pomodoro-btn-pause:hover{background:var(--azure-mist);color:var(--ink)}.pomodoro-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--ink) 18%,transparent);overflow:hidden}.pomodoro-progress-fill{height:100%;width:0%;background:var(--petal-frost);transition:width .2s linear}.pomodoro.is-break .pomodoro-progress-fill{background:var(--light-blue)}@media(max-width:900px){.pomodoro-actions{justify-content:center}}.bonsai{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;box-sizing:border-box;padding:.5rem .4rem .65rem;background:var(--panel-bg);color:var(--ink);border:2px solid var(--panel-border);box-shadow:3px 3px 0 var(--panel-shadow)}.bonsai.is-max{border-color:var(--light-blue);box-shadow:3px 3px 0 var(--light-blue)}.bonsai-head{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:.35rem}.bonsai-title{font-size:var(--bonsai-title-size);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.bonsai-stage{font-size:var(--bonsai-stage-size);color:var(--ink);font-weight:600}.bonsai-stage-wrap{position:relative;display:block;width:100%;max-width:7.5rem}.bonsai-canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid var(--panel-border);background:var(--reader-bg);box-sizing:border-box}html[data-theme=harbor] .bonsai-stage-wrap,html[data-theme=poetry] .bonsai-stage-wrap{max-width:8.5rem}html[data-theme=harbor] .bonsai-canvas,html[data-theme=poetry] .bonsai-canvas{border-color:color-mix(in srgb,var(--panel-border) 75%,var(--ink) 25%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--window-bg) 65%,transparent)}.bonsai-plant-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:.35rem;border:none;box-sizing:border-box;background:color-mix(in srgb,var(--reader-bg) 28%,transparent);color:var(--ink);font-family:var(--font-body);font-size:var(--bonsai-stage-size);font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.bonsai-plant-overlay:hover,.bonsai-plant-overlay:focus-visible{background:color-mix(in srgb,var(--reader-bg) 42%,transparent);color:var(--ink);outline:2px solid color-mix(in srgb,var(--panel-border) 70%,transparent);outline-offset:-2px}.bonsai-plant-overlay[hidden]{display:none!important}.bonsai-meta{display:flex;width:100%;align-items:baseline;justify-content:center;gap:.35rem}.bonsai-age{font-size:var(--bonsai-age-size);font-variant-numeric:tabular-nums;color:var(--ink)}.bonsai.is-unplanted .bonsai-progress-fill{width:0!important}.bonsai-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--ink) 18%,transparent);overflow:hidden}.bonsai-progress-fill{height:100%;width:0%;background:var(--panel-fill);transition:width .35s linear}.bonsai.is-max .bonsai-progress-fill{background:var(--light-blue)}.side-nav-widget .bonsai-title{display:none}.side-nav-widget .bonsai-head{justify-content:center}.site-widgets[hidden]{display:none!important}@media(min-width:901px){.site-widgets{display:none!important}}@media(max-width:480px){.site-widgets:not([hidden]){grid-template-columns:1fr}}.text-accent{color:var(--accent-text)}.text-muted{color:var(--ink-muted)}.banner-container{position:relative;overflow:hidden;padding:1rem 1.5rem;background:linear-gradient(90deg,var(--banner-1),var(--banner-2),var(--banner-3));border-bottom:2px solid var(--petal-frost)}.banner-text{position:relative;z-index:1;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .65rem;text-align:center;color:var(--ink);font-family:var(--font-body);font-size:var(--banner-text-size)!important;line-height:1.4;letter-spacing:.02em}.banner-sep{color:var(--petal-frost);opacity:.7}.banner-ornament{color:var(--theme-meta);opacity:.9;font-weight:600;letter-spacing:.04em;-webkit-user-select:none;user-select:none}html[data-theme=drift] .banner-ornament-start:before{content:"~"}html[data-theme=drift] .banner-ornament-end:before{content:"~"}html[data-theme=terminal] .banner-ornament-start:before{content:"//"}html[data-theme=terminal] .banner-ornament-end:before{content:"//"}html[data-theme=harbor] .banner-ornament-start:before{content:"≈"}html[data-theme=harbor] .banner-ornament-end:before{content:"≈"}html[data-theme=arcade] .banner-ornament-start:before{content:"/"}html[data-theme=arcade] .banner-ornament-end:before{content:"/"}html[data-theme=poetry] .banner-ornament-start:before{content:"~"}html[data-theme=poetry] .banner-ornament-end:before{content:"~"}.theme-menu-option[data-theme=drift] .theme-menu-option-name{font-family:"Jersey 25",system-ui,sans-serif}.theme-menu-option[data-theme=terminal] .theme-menu-option-name{font-family:IBM Plex Mono,ui-monospace,monospace}.theme-menu-option[data-theme=harbor] .theme-menu-option-name{font-family:Syne,system-ui,sans-serif;font-weight:600}.theme-menu-option[data-theme=arcade] .theme-menu-option-name{font-family:Orbitron,system-ui,sans-serif;letter-spacing:.04em}.theme-menu-option[data-theme=poetry] .theme-menu-option-name{font-family:EB Garamond,Garamond,Times New Roman,serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--azure-mist);border:1px solid var(--light-blue)}::-webkit-scrollbar-thumb{background:var(--petal-frost);border:1px solid var(--accent-border)}.sol-board{min-width:700px;min-height:550px;overflow-x:auto;background:#ecfdf5;border:2px solid #a7f3d0}html[data-theme=terminal] .sol-board{background:#0c1810;border-color:#2f9e5f}html[data-theme=arcade] .sol-board{background:#12101f;border-color:#5b4f7a}.sol-pile{width:80px;height:112px;border:2px dashed var(--light-blue);position:relative}html[data-theme=terminal] .sol-pile{border-color:#3a6648}html[data-theme=arcade] .sol-pile{border-color:#4a4468}.sol-card{width:80px;height:112px;border:2px solid var(--alabaster-grey);background-color:#fff;position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:4px 5px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:2px 2px 0 var(--light-blue);font-size:22px;line-height:1;transition:transform .1s,opacity .1s;touch-action:none}.sol-card-index{font-size:1.35rem!important;line-height:1!important;font-weight:600}.sol-card-face{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;padding:1px 0}.sol-card-pips{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;width:100%;height:100%;gap:0}.sol-card-pip{display:inline-flex;align-items:center;justify-content:center;width:30%;line-height:1!important;font-size:var(--pip-size, .95rem)!important;height:var(--pip-height, 14px)}.sol-card:active{cursor:grabbing}.sol-card.selected{border-color:var(--petal-frost);box-shadow:0 0 6px var(--soft-blush),2px 2px 0 var(--light-blue);transform:translateY(-4px);z-index:50!important}.sol-card.dragging-source{opacity:.35;pointer-events:none}.sol-card.sol-card-single{position:relative;left:auto;top:auto;z-index:2}.sol-pile-label{pointer-events:none;-webkit-user-select:none;user-select:none;color:#94a3b8}html[data-theme=terminal] .sol-pile-label{color:#3a6648}html[data-theme=arcade] .sol-pile-label{color:#5b4f7a}.sol-pile.drag-over-valid{border-color:var(--light-blue);background-color:var(--azure-mist);box-shadow:inset 0 0 0 2px var(--light-blue)}.sol-pile.drag-over-invalid{border-color:var(--petal-frost);background-color:var(--soft-blush)}.sol-hint-panel{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:.5rem;padding:.5rem .5rem .25rem;border:2px solid #a7f3d0;background:#ecfdf5;width:100%;box-sizing:border-box}html[data-theme=terminal] .sol-hint-panel{border-color:#2f9e5f;background:#101a14}html[data-theme=arcade] .sol-hint-panel{border-color:#5b4f7a;background:#161428}.sol-hint-panel.is-open{display:flex}.sol-hint-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;font-size:.8rem!important;font-weight:400!important;line-height:1.3;color:var(--ink-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sol-hint-trigger:hover{color:var(--ink)}.sol-hint-trigger.is-hidden{display:none}.sol-hint-text{display:none;margin:0;text-align:center;font-size:.8rem!important;font-weight:400!important;line-height:1.35;color:var(--ink-muted);max-width:36rem}.sol-hint-text.is-open{display:block}.sol-card.sol-hint-source,.sol-pile.sol-hint-dest{outline:2px solid var(--petal-frost);outline-offset:2px;box-shadow:0 0 0 3px #e39bb059}.sol-drag-ghost{position:fixed;z-index:9999;pointer-events:none;filter:drop-shadow(4px 6px 8px rgba(0,0,0,.25))}.sol-card-back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Crect width='100' height='140' fill='%23ffffff' rx='6'/%3E%3Crect x='4' y='4' width='92' height='132' fill='none' stroke='%231e40af' stroke-width='3' rx='4'/%3E%3Crect x='9' y='9' width='82' height='122' fill='none' stroke='%231e40af' stroke-width='1' rx='2'/%3E%3Cpattern id='pattern' width='16' height='16' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='16' height='16' fill='%23ffffff'/%3E%3Ccircle cx='4' cy='4' r='2.5' fill='%231e40af'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%231e40af'/%3E%3Cpath d='M-2 8h20M8-2v20' stroke='%231e40af' stroke-width='1'/%3E%3Cpath d='M4 4l8 8M4 12l8-8' stroke='%231e40af' stroke-width='0.5'/%3E%3C/pattern%3E%3Crect x='12' y='12' width='76' height='116' fill='url(%23pattern)' rx='1'/%3E%3Ccircle cx='50' cy='70' r='24' fill='%23ffffff'/%3E%3Ccircle cx='50' cy='70' r='21' fill='none' stroke='%231e40af' stroke-width='1.5'/%3E%3Cpath d='M50 54l4.5 11.5L66 70l-11.5 4.5L50 86l-4.5-11.5L34 70l11.5-4.5Z' fill='%231e40af'/%3E%3Ccircle cx='50' cy='70' r='5' fill='%23ffffff'/%3E%3Ccircle cx='50' cy='70' r='2.5' fill='%231e40af'/%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff;cursor:pointer}.text-red{color:#e11d48}.text-black{color:#334155}.breakout-canvas{background:khaki}html[data-theme=terminal] .breakout-canvas{background:#0b120e}html[data-theme=arcade] .breakout-canvas{background:#12101f}.library-gutenberg-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.library-shelf-nav{display:flex;flex-wrap:wrap;gap:.4rem}.library-list{display:flex;flex-direction:column;gap:.5rem;border:2px solid var(--border-ui);background:var(--surface-soft);padding:.5rem;color:var(--ink)}.library-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-top:.75rem}.library-pager-label{grid-column:2;justify-self:center;text-align:center;color:var(--ink-muted)}.library-pager-prev{grid-column:1;justify-self:start}.library-pager-next{grid-column:3;justify-self:end}.library-pager-side{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:5.5rem}.library-pager-side.is-absent{visibility:hidden;pointer-events:none}.library-pager button:disabled{opacity:.45;cursor:not-allowed}.library-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:var(--window-bg);border:1px solid var(--border-ui);color:var(--ink)}.library-item-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;text-align:left;cursor:pointer;min-width:0;flex:1 1 12rem;color:inherit}.library-item-main:hover .library-item-title{color:var(--accent-text)}.library-item-title{display:block;font-size:1rem;color:var(--ink);line-height:1.2}.library-item-author{display:block;font-size:.8rem;color:var(--ink-muted);margin-top:.15rem}.library-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.library-badge{font-size:.7rem;color:var(--accent-text);border:1px solid var(--petal-frost);background:color-mix(in srgb,var(--petal-frost) 22%,var(--window-bg));padding:.1rem .35rem}.library-reader-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;color:var(--ink)}.library-font-control{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink-muted)}.library-font-btn.is-active,.library-font-btn.btn-retro-accent{color:var(--window-bg)}.library-font-btn:disabled{opacity:.45;cursor:not-allowed}.library-font-loading{display:inline-flex;align-items:center;gap:.35rem;margin-left:.25rem;color:var(--ink);letter-spacing:.04em}.library-font-loading.hidden{display:none}.library-font-loading-blocks{display:inline-block;min-width:3.5ch;font-size:.95rem;line-height:1}.library-font-loading-blocks:before{content:"□ □ □";animation:library-retro-load-frames .75s steps(1,end) infinite}@keyframes library-retro-load-frames{0%{content:"□ □ □"}25%{content:"■ □ □"}50%{content:"■ ■ □"}75%{content:"■ ■ ■"}to{content:"□ □ □"}}.library-font-loading-label{font-size:.75rem;color:var(--ink);font-weight:600}.library-loading{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem .5rem;color:var(--ink)}.library-loading-inline{display:inline-flex;align-items:center;gap:.4rem;padding:0;justify-content:flex-start}.library-loading-label{font-size:.8rem;letter-spacing:.03em;color:var(--ink);font-weight:600}.pixel-sandclock{--sc: var(--ink);display:inline-block;width:16px;height:16px;flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges;background-color:var(--sc);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cg fill='%23000'%3E%3Crect x='2' y='1' width='12' height='2'/%3E%3Crect x='2' y='13' width='12' height='2'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='12' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='11' y='4' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='10' y='5' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='7' y='7' width='2' height='2'/%3E%3Crect x='6' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='5' y='10' width='1' height='1'/%3E%3Crect x='10' y='10' width='1' height='1'/%3E%3Crect x='4' y='11' width='1' height='1'/%3E%3Crect x='11' y='11' width='1' height='1'/%3E%3Crect x='3' y='12' width='1' height='1'/%3E%3Crect x='12' y='12' width='1' height='1'/%3E%3Crect x='4' y='3' width='8' height='1'/%3E%3Crect x='5' y='4' width='6' height='1'/%3E%3Crect x='6' y='5' width='4' height='1'/%3E%3Crect x='7' y='6' width='2' height='1'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cg fill='%23000'%3E%3Crect x='2' y='1' width='12' height='2'/%3E%3Crect x='2' y='13' width='12' height='2'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='12' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='11' y='4' width='1' height='1'/%3E%3Crect x='5' y='5' width='1' height='1'/%3E%3Crect x='10' y='5' width='1' height='1'/%3E%3Crect x='6' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='7' y='7' width='2' height='2'/%3E%3Crect x='6' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='5' y='10' width='1' height='1'/%3E%3Crect x='10' y='10' width='1' height='1'/%3E%3Crect x='4' y='11' width='1' height='1'/%3E%3Crect x='11' y='11' width='1' height='1'/%3E%3Crect x='3' y='12' width='1' height='1'/%3E%3Crect x='12' y='12' width='1' height='1'/%3E%3Crect x='4' y='3' width='8' height='1'/%3E%3Crect x='5' y='4' width='6' height='1'/%3E%3Crect x='6' y='5' width='4' height='1'/%3E%3Crect x='7' y='6' width='2' height='1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:pixel-sandclock-spin 1.25s steps(4) infinite;transform-origin:center center}.pixel-sandclock-sm{width:12px;height:12px}@keyframes pixel-sandclock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.library-goto-form{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--ink-muted)}.library-goto-input{width:4.5rem;border:2px solid var(--border-ui);background:var(--window-bg);color:var(--ink);padding:.2rem .35rem;font-size:.85rem}.library-search-input,#librarySearchInput{background:var(--window-bg);color:var(--ink);border-color:var(--border-ui);min-width:0}.library-search-input::placeholder,#librarySearchInput::placeholder{color:var(--ink-muted);opacity:.9}.library-search-input::-webkit-search-cancel-button,#librarySearchInput::-webkit-search-cancel-button{filter:none}html[data-theme=terminal] .library-search-input::-webkit-search-cancel-button,html[data-theme=terminal] #librarySearchInput::-webkit-search-cancel-button,html[data-theme=arcade] .library-search-input::-webkit-search-cancel-button,html[data-theme=arcade] #librarySearchInput::-webkit-search-cancel-button{filter:invert(1)}.library-reader-shell{position:relative;height:28rem;max-height:60vh;overflow:hidden;border:2px solid var(--border-ui);background:var(--reader-bg);box-sizing:border-box}.library-reader-text{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent;padding:1rem 1.1rem 1.15rem;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:18px;line-height:1.55;color:var(--reader-ink);box-sizing:border-box}.library-reader-text.is-measuring{opacity:0}.library-reader-measure{bottom:auto;height:auto;min-height:100%;overflow:visible;opacity:0;pointer-events:none;z-index:0}.library-reader-paging-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--reader-bg) 92%,var(--reader-ink) 8%);color:var(--reader-ink);z-index:2;pointer-events:none}.library-reader-paging-overlay.hidden{display:none}.library-reader-paging-overlay .library-loading,.library-reader-paging-overlay .library-loading-label,.library-reader-paging-overlay .library-busy-stack,.library-reader-paging-overlay .library-fetch-progress-label{color:var(--reader-ink)}.library-reader-paging-overlay .pixel-sandclock{--sc: var(--reader-ink)}.library-busy-stack{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.5rem;color:var(--ink)}.library-busy-stack .library-loading{padding:0}.library-fetch-progress{width:min(15rem,72vw)}.library-fetch-progress-track{height:12px;border:2px solid var(--border-ui);background:var(--window-bg);box-shadow:2px 2px color-mix(in srgb,var(--border-ui) 55%,transparent);overflow:hidden;image-rendering:pixelated}.library-fetch-progress-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--petal-frost) 0 5px,var(--accent-border) 5px 7px);box-shadow:inset -1px 0 color-mix(in srgb,var(--ink) 15%,transparent);transform-origin:left center}.library-fetch-progress.is-indeterminate .library-fetch-progress-fill{width:32%;animation:library-fetch-indeterminate 1.15s steps(10) infinite}@keyframes library-fetch-indeterminate{0%{transform:translate(-110%)}to{transform:translate(320%)}}.library-fetch-progress-label{display:block;margin-top:.35rem;text-align:center;font-size:.7rem;letter-spacing:.04em;color:var(--ink);font-weight:600}.library-reader-paging-overlay .library-fetch-progress-track{background:color-mix(in srgb,var(--reader-bg) 70%,var(--reader-ink) 8%);border-color:var(--border-ui)}.library-reader-shell+div button:disabled,#libraryGotoBtn:disabled{opacity:.45;cursor:not-allowed}#libraryGotoInput:disabled{opacity:.55;cursor:not-allowed}.pixel-hint{color:var(--ink-muted)}.pixel-toolbar{color:var(--ink)}.pixel-toolbar label{color:var(--ink-muted)}.pixel-toolbar select{background:var(--window-bg);color:var(--ink);border-color:var(--border-ui)}.pixel-palette{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--surface-soft);border:2px solid var(--alabaster-grey)}.pixel-palette-swatch{width:28px;height:28px;padding:0;border:2px solid var(--border-ui);cursor:pointer;box-shadow:2px 2px 0 var(--light-blue);flex-shrink:0}.pixel-palette-swatch.is-selected{outline:2px solid var(--petal-frost);outline-offset:2px;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--petal-frost)}.pixel-palette-swatch.is-eraser{background-image:linear-gradient(135deg,color-mix(in srgb,var(--ink) 12%,var(--window-bg)) 25%,transparent 25%,transparent 50%,color-mix(in srgb,var(--ink) 12%,var(--window-bg)) 50%,color-mix(in srgb,var(--ink) 12%,var(--window-bg)) 75%,transparent 75%,transparent)!important;background-size:8px 8px!important;background-color:var(--surface-soft)!important}.pixel-canvas-shell{display:flex;justify-content:center;padding:12px;background:var(--surface-soft);border:2px solid var(--alabaster-grey);box-shadow:inset 2px 2px color-mix(in srgb,var(--window-bg) 55%,transparent);overflow-x:auto}.pixel-canvas-shell.is-bg-transparent{background-color:var(--surface-soft);background-image:linear-gradient(45deg,color-mix(in srgb,var(--ink) 14%,var(--surface-soft)) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--ink) 14%,var(--surface-soft)) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--ink) 14%,var(--surface-soft)) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--ink) 14%,var(--surface-soft)) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.pixel-canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid var(--border-ui);cursor:crosshair;touch-action:none}.suggest-compose{background:var(--surface-soft);border:2px solid var(--border-ui);color:var(--ink)}.suggest-compose input,.suggest-compose select{background:var(--window-bg);color:var(--ink);border-color:var(--border-ui)}.suggest-toolbar{border-bottom:2px solid var(--alabaster-grey);color:var(--ink)}.suggest-toolbar-title{color:var(--ink)}.suggest-toolbar label{color:var(--ink-muted)}.suggest-toolbar select{background:var(--window-bg);color:var(--ink);border-color:var(--border-ui)}#suggestionsContainer{background:var(--surface-soft);border:2px solid var(--border-ui);color:var(--ink)}.suggest-card{background:var(--window-bg);border:2px solid var(--alabaster-grey);box-shadow:2px 2px 0 var(--light-blue);color:var(--ink)}.suggest-card:hover{transform:translateY(-1px)}.suggest-card-text{color:var(--ink)}.suggest-empty{color:var(--ink-muted)}.suggest-tag{display:inline-block;padding:.125rem .5rem;font-size:var(--text-scale-10);font-weight:700;border:1px solid var(--border-ui);margin-bottom:.25rem;background:var(--surface-soft);color:var(--ink)}.suggest-tag--movie{background:color-mix(in srgb,var(--azure-mist) 70%,var(--window-bg));border-color:var(--light-blue)}.suggest-tag--series{background:color-mix(in srgb,var(--azure-mist) 45%,var(--window-bg));border-color:var(--alabaster-grey)}.suggest-tag--music{background:color-mix(in srgb,var(--soft-blush) 75%,var(--window-bg));border-color:var(--petal-frost)}.suggest-tag--anime{background:color-mix(in srgb,var(--petal-frost) 40%,var(--window-bg));border-color:var(--petal-frost)}.suggest-tag--books{background:color-mix(in srgb,var(--linen) 70%,var(--window-bg));border-color:var(--alabaster-grey)}.puzzle-stage{position:relative}.puzzle-layout{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;align-items:flex-start}.puzzle-play-area{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 300px;min-width:0}.puzzle-hint{margin:0 0 .75rem;max-width:490px}.puzzle-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.55rem;background:color-mix(in srgb,var(--window-bg) 90%,var(--ink) 10%);color:var(--ink);border:2px solid var(--border-ui);min-height:12rem}.puzzle-loading.hidden{display:none}.puzzle-loading-label{font-size:.8rem;letter-spacing:.03em;color:var(--ink);font-weight:600}.puzzle-loading .pixel-sandclock{--sc: var(--ink)}#puzzleNewBtn:disabled{opacity:.55;cursor:not-allowed}.puzzle-canvas{display:block;cursor:pointer;touch-action:manipulation;background:var(--alabaster-grey)}.puzzle-reference-panel{flex:0 1 260px;display:flex;flex-direction:column;gap:.5rem;min-width:200px}.puzzle-reference-label{font-family:var(--font-title);font-size:var(--font-section-size);color:var(--ink-muted);letter-spacing:.04em}.puzzle-reference-frame{padding:6px;background:var(--linen);border:2px solid var(--alabaster-grey);box-shadow:inset 2px 2px #ffffff73}.puzzle-reference-img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain;background:#e8e0da}.puzzle-attribution{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;line-height:1.4;color:var(--ink-muted)}.puzzle-attribution-title{font-weight:600;color:var(--ink)}.puzzle-attribution-artist{font-style:italic}.puzzle-attribution-license a{color:var(--petal-frost);text-decoration:underline}.puzzle-attribution-license a:hover{color:var(--light-blue)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.fixed{position:fixed}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.self-end{align-self:flex-end}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-full{grid-column:1 / -1}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.w-full{width:100%}.w-20{width:5rem}.w-36{width:9rem}.h-auto{height:auto}.h-80{height:20rem}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.max-h-80{max-height:20rem}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.z-50{z-index:50}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-slate-400{border-color:#94a3b8}.border-slate-600{border-color:#475569}.border-slate-700{border-color:#334155}.border-emerald-200{border-color:#a7f3d0}.bg-white{background-color:#fff}.bg-black\/40{background-color:#0006}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-900{background-color:#0f172a}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-950{background-color:#022c22}.bg-red-500{background-color:#ef4444}.bg-\[\#F0E68C\]{background-color:khaki}.text-white{color:#fff}.text-yellow-200{color:#fef08a}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[10px\]{font-size:10px}.text-center{text-align:center}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.break-words{overflow-wrap:break-word;word-break:break-word}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.rotate-180{transform:rotate(180deg)}.rounded-sm{border-radius:.125rem}.inset-shadow{box-shadow:inset 0 2px 4px #0000000f}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-\[\#E39BB0\]:focus{border-color:#e39bb0}@media(min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}