:root,html[data-palette=light],[data-theme=light]{--on-page-bg:#f3f0e8;--on-page-bg-nav:#f3f0e8;--on-ink:#0a0a0a;--on-ink-muted:#0a0a0a94;--on-ink-faint:#0a0a0a5c;--on-hairline:#0a0a0a14;--on-hairline-strong:#0a0a0a24;--on-surface:#0a0a0a;--on-surface-deep:#050505;--on-surface-text:#f0eee6;--on-surface-text-soft:#f0eee699;--on-page-glow-a:#ffffff8c;--on-page-glow-b:#0a0a0a06;--on-page-ambient-a:#6e96d224;--on-page-ambient-b:#d2825a1a;--on-page-ambient-c:#ffffff47;--on-control-bg:#ffffff8c;--on-control-border:#0a0a0a1f;--on-control-border-hover:#0a0a0a52;--on-inline-code-bg:#ede9dc;--on-aside-bg:#0a0a0a0a;--on-aside-border:#0a0a0a2e;--on-aside-text:#0a0a0a;--on-backdrop:#0a0a0a6b}html[data-palette=dark],[data-theme=dark]{--on-page-bg:#0c0c0c;--on-page-bg-nav:#0c0c0c;--on-ink:#f0eee6;--on-ink-muted:#f0eee694;--on-ink-faint:#f0eee65c;--on-hairline:#f0eee614;--on-hairline-strong:#f0eee624;--on-surface:#0a0a0a;--on-surface-deep:#050505;--on-surface-text:#f0eee6;--on-surface-text-soft:#f0eee699;--on-page-glow-a:#ffffff0a;--on-page-glow-b:#0003;--on-page-ambient-a:#5a82c81a;--on-page-ambient-b:#c86e4614;--on-page-ambient-c:#ffffff08;--on-control-bg:#0a0a0a59;--on-control-border:#f0eee629;--on-control-border-hover:#f0eee657;--on-inline-code-bg:#1a1a1a;--on-aside-bg:#f0eee60a;--on-aside-border:#f0eee62e;--on-aside-text:#f0eee6;--on-backdrop:#0000009e}:root{--on-font-sans:"Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--on-font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--on-radius-sm:4px;--on-radius-md:8px;--on-radius-lg:14px;--on-ease-out:cubic-bezier(.16, 1, .3, 1);--page-bg:var(--on-page-bg);--ink:var(--on-ink);--ink-muted:var(--on-ink-muted);--ink-faint:var(--on-ink-faint);--page-glow-a:var(--on-page-glow-a);--page-glow-b:var(--on-page-glow-b);--font-sans:var(--on-font-sans);--font-mono:var(--on-font-mono);--ease-out:var(--on-ease-out);--notch:#050505;--notch-text:#f0eee6;--notch-text-soft:#f0eee699;--notch-text-faint:#f0eee66b;--notch-line:#f0eee614;--notch-line-strong:#f0eee624;--stage-w:min(520px, calc(100vw - 24px));--stage-h:min(340px, max(280px, 55dvh));--accent:#0a84ff;--notch-pill-w:clamp(150px, 22vw, 200px);--notch-pill-h:clamp(26px, 3vw, 30px);--notch-carousel-w:clamp(240px, 46vw, 340px);--compact-radius:14px;--stage-radius:clamp(28px, 4.5vw, 48px);--ease-spring:cubic-bezier(.32, .72, 0, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-feature-settings:"ss01", "ss03";color:var(--ink);background:var(--page-bg);background-image:radial-gradient(at 20% 0%, var(--page-glow-a) 0, transparent 55%), radial-gradient(at 80% 100%, var(--page-glow-b) 0, transparent 60%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh}html[data-palette=light]{color-scheme:light}html[data-palette=dark]{color-scheme:dark}.nook-host[data-palette=light]{--notch:#f5f2ea;--notch-text:#0a0a0a;--notch-text-soft:#0a0a0a94;--notch-text-faint:#0a0a0a6b;--notch-line:#0a0a0a14;--notch-line-strong:#0a0a0a24}.nook-host[data-palette=dark]{--notch:#050505;--notch-text:#f0eee6;--notch-text-soft:#f0eee699;--notch-text-faint:#f0eee66b;--notch-line:#f0eee614;--notch-line-strong:#f0eee624}.nook-host[data-surface=translucent] .stage,.nook-host[data-surface=translucent] .notch-carousel{-webkit-backdrop-filter:blur(18px)saturate(140%)}.nook-host[data-surface=translucent][data-palette=dark] .stage,.nook-host[data-surface=translucent][data-palette=dark] .notch-carousel{background:#050505b8}.nook-host[data-surface=translucent][data-palette=light] .stage,.nook-host[data-surface=translucent][data-palette=light] .notch-carousel{background:#f5f2eab8}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{isolation:isolate;min-height:100dvh;padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));padding-bottom:max(0px, env(safe-area-inset-bottom));display:block;position:relative}.page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 55% at 18% 0,#6e96d224 0,#0000 70%),radial-gradient(70% 50% at 82% 8%,#d2825a1a 0,#0000 65%),radial-gradient(90% 60% at 50% 0,#ffffff47 0,#0000 72%);position:absolute;inset:0}html[data-palette=dark] .page:before{background:radial-gradient(80% 55% at 18% 0,#5a82c81a 0,#0000 70%),radial-gradient(70% 50% at 82% 8%,#c86e4614 0,#0000 65%),radial-gradient(90% 60% at 50% 0,#ffffff08 0,#0000 72%)}.nook-host{z-index:1;width:var(--stage-w);transition:padding-top .46s var(--ease-spring);margin:0 auto;position:relative}.nook-host.is-interactive.is-expanded,.nook-host.is-interactive.is-open,.nook-host.is-interactive.is-pinned{z-index:10}.mobile-notice{z-index:2;backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #0a0a0a1a;border-radius:10px;align-items:flex-start;gap:10px;width:min(520px,100vw - 24px);margin:12px auto 0;padding:10px 12px;display:none;position:relative}.mobile-notice.is-visible{display:flex}html[data-palette=dark] .mobile-notice{background:#0a0a0a59;border-color:#f0eee61f}.mobile-notice__text{color:var(--ink-muted);flex:1;margin:0;font-size:12px;line-height:1.45}.mobile-notice__dismiss{width:32px;height:32px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:-4px -4px -4px 0;padding:0;display:inline-flex}.screen-hero{z-index:1;text-align:left;opacity:0;width:fit-content;max-width:min(560px,100vw - 48px);transition:opacity .42s var(--ease-out), transform .42s var(--ease-out);margin-inline:auto;padding:clamp(28px,7vh,72px) 12px 0;position:relative;transform:translateY(10px)}.screen-hero__title{letter-spacing:-.038em;color:var(--ink);margin:0 0 clamp(10px,1.2vw,16px);font-size:clamp(30px,5.2vw,52px);font-weight:600;line-height:1.04}.screen-hero__subtitle{max-width:44ch;color:var(--ink-muted);margin:0 0 clamp(24px,3vh,32px);font-size:clamp(13px,1.2vw,15px);line-height:1.5}.screen-hero__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-btn{letter-spacing:-.01em;color:var(--ink);background:0 0;border:1px solid #0a0a0a1f;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}html[data-palette=dark] .hero-btn{border-color:#f0eee629}.hero-btn:hover{border-color:#0a0a0a52}html[data-palette=dark] .hero-btn:hover{border-color:#f0eee657}.hero-btn__icon{flex:0 0 15px}.page:has(.nook-host.is-interactive) .screen-hero{opacity:1;transform:translateY(0)}.nook-trigger{z-index:2;width:min(var(--notch-carousel-w), 100%);max-width:100%;height:var(--notch-pill-h);outline:none;margin:0 auto;position:relative}.nook-trigger:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.nook-host.is-interactive:not(.is-expanded):not(.is-open) .nook-trigger:before{pointer-events:auto;cursor:default}.notch-carousel{z-index:1;background:var(--notch);width:100%;height:100%;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out), border-radius .46s var(--ease-spring), box-shadow .32s ease;border-radius:0 0 7px 7px;position:relative;overflow:hidden}.notch-carousel__viewport{width:100%;height:100%;position:relative}.notch-carousel__line{letter-spacing:.01em;text-align:center;color:var(--notch-text-soft);white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .42s var(--ease-out), transform .42s var(--ease-out);justify-content:center;align-items:center;margin:0;padding:0 14px;font-size:clamp(10px,1.35vw,12px);font-weight:500;line-height:1.2;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(5px)}.notch-carousel__line.is-active{opacity:1;transform:translateY(0)}.nook-host.is-interactive:not(.is-expanded):not(.is-open) .notch-carousel{opacity:1;pointer-events:auto}.nook-host.is-interactive.is-expanded .notch-carousel,.nook-host.is-interactive.is-open .notch-carousel{opacity:0;pointer-events:none}.nook-host.is-interactive .nook-trigger{transition:width .46s var(--ease-spring), height .46s var(--ease-spring)}.nook-host.is-interactive:not(.is-expanded):not(.is-open) .nook-trigger{width:min(var(--notch-carousel-w), 100%);height:var(--notch-pill-h)}.nook-host.is-interactive.is-expanded .nook-trigger,.nook-host.is-interactive.is-open .nook-trigger{width:var(--stage-w);height:var(--stage-h);pointer-events:none}.nook-host.is-interactive.is-expanded .stage,.nook-host.is-interactive.is-open .stage{pointer-events:auto}.stage{z-index:0;background:var(--notch);border-radius:0 0 var(--stage-radius) var(--stage-radius);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform-origin:50% 0;clip-path:inset(0 round 0 0 var(--compact-radius) var(--compact-radius));transition:opacity .28s ease, clip-path .46s var(--ease-spring), border-radius .46s var(--ease-spring), box-shadow .32s ease;position:absolute;inset:0}.nook-host.is-interactive .stage{visibility:visible;transition:opacity .28s ease, clip-path .46s var(--ease-spring), box-shadow .32s ease, z-index 0s linear .46s}.nook-host.is-interactive:not(.is-expanded):not(.is-open) .stage{z-index:0;opacity:0;clip-path:inset(0 round 0 0 var(--compact-radius) var(--compact-radius));box-shadow:none;pointer-events:none}.nook-host.is-interactive.is-expanded .stage,.nook-host.is-interactive.is-open .stage{z-index:2;transition:opacity .28s ease, clip-path .46s var(--ease-spring), border-radius .46s var(--ease-spring), box-shadow .32s ease, z-index 0s linear 0s;opacity:1;clip-path:inset(0 round 0 0 var(--stage-radius) var(--stage-radius));pointer-events:auto;box-shadow:0 24px 50px #0a0a0a47,0 60px 120px #0a0a0a24}.stage__content{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.stage__body{z-index:1;min-height:0;color:var(--notch-text);opacity:0;transition:opacity .28s ease, transform .42s var(--ease-out);flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;position:relative;transform:translateY(4px)}.nook-host.is-interactive .stage__body{animation:none}.nook-host.is-interactive:not(.is-expanded):not(.is-open) .stage__body{opacity:0;pointer-events:none;transform:translateY(8px)}.nook-host.is-interactive.is-expanded .stage__body,.nook-host.is-interactive.is-open .stage__body{opacity:1;pointer-events:auto;transform:translateY(0)}.surface-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bar{flex:none;align-items:center;gap:8px;height:24px;display:flex}.bar__date{color:var(--notch-text-soft);white-space:nowrap;flex:none;align-items:center;font-size:11px;font-weight:400;line-height:1;display:inline-flex}.bar__date-label{font:inherit;color:inherit}.bar__spacer{flex:1;min-width:0}.bar__trailing{flex:none;align-items:center;gap:4px;display:flex}.bar__icon{width:24px;height:24px;color:var(--notch-text-faint);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.bar__icon-lock-closed{display:none}.bar__icon.is-active{color:var(--accent)}.bar__icon.is-active .bar__icon-lock-open{display:none}.bar__icon.is-active .bar__icon-lock-closed{display:block}.bar__icon--settings{pointer-events:none;cursor:default}.is-hidden{display:none!important}.home-surface{-webkit-overflow-scrolling:touch;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(8px,2dvh,16px) 0;display:flex;overflow:hidden auto}.placeholder-home{text-align:center;flex-direction:column;align-items:center;gap:clamp(6px,1.5dvh,10px);width:100%;padding:clamp(12px,4dvh,32px) 12px;display:flex}.placeholder-home__icon{color:var(--notch-text-soft)}.placeholder-home__title{color:var(--notch-text);margin:0;font-size:14px;font-weight:500}.placeholder-home__body{max-width:28ch;color:var(--notch-text-faint);margin:0;font-size:11px;line-height:1.45}.version{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;opacity:0;transition:opacity .6s var(--ease-out);margin:0;font-size:11px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.page:has(.nook-host.is-interactive) .version{opacity:1}@media (prefers-reduced-motion:reduce){.stage,.stage__body,.screen-hero,.notch-carousel,.version{opacity:1;transition:none;animation:none;transform:none}.stage{width:var(--stage-w);clip-path:inset(0 round 0 0 var(--stage-radius) var(--stage-radius))}.notch-carousel{display:none}.page:has(.nook-host.is-interactive:not(.is-expanded):not(.is-open)) .screen-hero{opacity:1}.nook-host.is-interactive.is-expanded .nook-trigger,.nook-host.is-interactive.is-open .nook-trigger,.nook-host.is-interactive.is-expanded .stage,.nook-host.is-interactive.is-open .stage{width:var(--stage-w);height:var(--stage-h);clip-path:inset(0 round 0 0 var(--stage-radius) var(--stage-radius))}}@media (width<=520px){:root{--notch-carousel-w:min(100%, calc(100vw - 24px));--stage-h:min(340px, max(260px, 62dvh))}.mobile-notice{width:min(100%,100vw - 24px)}.screen-hero__subtitle{max-width:none}.notch-carousel__line{white-space:normal;font-size:10.5px}.placeholder-home{padding:12px 12px 16px}.placeholder-home__icon{width:22px;height:22px}.hero-btn{min-height:44px;padding:10px 16px}}@media (hover:none){.bar__icon{width:44px;height:44px}.bar{height:44px}}@media (height<=480px){:root{--stage-h:min(340px, max(240px, 72dvh))}.placeholder-home{gap:6px;padding:10px 12px 14px}.placeholder-home__body{font-size:10.5px;line-height:1.4}.version{display:none}}
