:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}[data-theme=mocha]{color-scheme:dark;--ctp-rosewater: #f5e0dc;--ctp-flamingo: #f2cdcd;--ctp-pink: #f5c2e7;--ctp-mauve: #cba6f7;--ctp-red: #f38ba8;--ctp-maroon: #eba0ac;--ctp-peach: #fab387;--ctp-yellow: #f9e2af;--ctp-green: #a6e3a1;--ctp-teal: #94e2d5;--ctp-sky: #89dceb;--ctp-sapphire: #74c7ec;--ctp-blue: #89b4fa;--ctp-lavender: #b4befe;--ctp-text: #cdd6f4;--ctp-subtext1: #bac2de;--ctp-subtext0: #a6adc8;--ctp-overlay2: #9399b2;--ctp-overlay1: #7f849c;--ctp-overlay0: #6c7086;--ctp-surface2: #585b70;--ctp-surface1: #45475a;--ctp-surface0: #313244;--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b;--bg: var(--ctp-base);--panel: var(--ctp-surface0);--panel-border: var(--ctp-surface1);--text: var(--ctp-text);--muted: var(--ctp-subtext0);--accent: var(--ctp-lavender);--accent-contrast: #0b1020;--btn-bg: var(--ctp-surface1);--btn-bg-hover: var(--ctp-surface2)}[data-theme=macchiato]{color-scheme:dark;--ctp-rosewater: #f4dbd6;--ctp-flamingo: #f0c6c6;--ctp-pink: #f5bde6;--ctp-mauve: #c6a0f6;--ctp-red: #ed8796;--ctp-maroon: #ee99a0;--ctp-peach: #f5a97f;--ctp-yellow: #eed49f;--ctp-green: #a6da95;--ctp-teal: #8bd5ca;--ctp-sky: #91d7e3;--ctp-sapphire: #7dc4e4;--ctp-blue: #8aadf4;--ctp-lavender: #b7bdf8;--ctp-text: #cad3f5;--ctp-subtext1: #b8c0e0;--ctp-subtext0: #a5adcb;--ctp-overlay2: #939ab7;--ctp-overlay1: #8087a2;--ctp-overlay0: #6e738d;--ctp-surface2: #5b6078;--ctp-surface1: #494d64;--ctp-surface0: #363a4f;--ctp-base: #24273a;--ctp-mantle: #1e2030;--ctp-crust: #181926;--bg: var(--ctp-base);--panel: var(--ctp-surface0);--panel-border: var(--ctp-surface1);--text: var(--ctp-text);--muted: var(--ctp-subtext0);--accent: var(--ctp-lavender);--accent-contrast: #0b1020;--btn-bg: var(--ctp-surface1);--btn-bg-hover: var(--ctp-surface2)}[data-theme=frappe]{color-scheme:dark;--ctp-rosewater: #f2d5cf;--ctp-flamingo: #eebebe;--ctp-pink: #f4b8e4;--ctp-mauve: #ca9ee6;--ctp-red: #e78284;--ctp-maroon: #ea999c;--ctp-peach: #ef9f76;--ctp-yellow: #e5c890;--ctp-green: #a6d189;--ctp-teal: #81c8be;--ctp-sky: #99d1db;--ctp-sapphire: #85c1dc;--ctp-blue: #8caaee;--ctp-lavender: #babbf1;--ctp-text: #c6d0f5;--ctp-subtext1: #b5bfe2;--ctp-subtext0: #a5adce;--ctp-overlay2: #949cbb;--ctp-overlay1: #838ba7;--ctp-overlay0: #737994;--ctp-surface2: #626880;--ctp-surface1: #51576d;--ctp-surface0: #414559;--ctp-base: #303446;--ctp-mantle: #292c3c;--ctp-crust: #232634;--bg: var(--ctp-base);--panel: var(--ctp-surface0);--panel-border: var(--ctp-surface1);--text: var(--ctp-text);--muted: var(--ctp-subtext0);--accent: var(--ctp-lavender);--accent-contrast: #0b1020;--btn-bg: var(--ctp-surface1);--btn-bg-hover: var(--ctp-surface2)}[data-theme=latte]{color-scheme:light;--ctp-rosewater: #dc8a78;--ctp-flamingo: #dd7878;--ctp-pink: #ea76cb;--ctp-mauve: #8839ef;--ctp-red: #d20f39;--ctp-maroon: #e64553;--ctp-peach: #fe640b;--ctp-yellow: #df8e1d;--ctp-green: #40a02b;--ctp-teal: #179299;--ctp-sky: #04a5e5;--ctp-sapphire: #209fb5;--ctp-blue: #1e66f5;--ctp-lavender: #7287fd;--ctp-text: #4c4f69;--ctp-subtext1: #5c5f77;--ctp-subtext0: #6c6f85;--ctp-overlay2: #7c7f93;--ctp-overlay1: #8c8fa1;--ctp-overlay0: #9ca0b0;--ctp-surface2: #acb0be;--ctp-surface1: #bcc0cc;--ctp-surface0: #ccd0da;--ctp-base: #eff1f5;--ctp-mantle: #e6e9ef;--ctp-crust: #dce0e8;--bg: var(--ctp-base);--panel: #ffffff;--panel-border: var(--ctp-surface0);--text: var(--ctp-text);--muted: var(--ctp-subtext0);--accent: var(--ctp-blue);--accent-contrast: #ffffff;--btn-bg: #ffffff;--btn-bg-hover: var(--ctp-surface0)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{filter:brightness(1.1)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--panel-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--btn-bg);color:var(--text);cursor:pointer;transition:border-color .2s,background-color .2s,filter .2s}button:hover{border-color:var(--accent);background-color:var(--btn-bg-hover)}button:focus,button:focus-visible{outline:2px solid var(--accent)}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:2em}#root{max-width:960px;margin:0 auto;padding:1.5rem}.container{display:flex;flex-direction:column;gap:20px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;letter-spacing:.2px}.hero{font-size:1.1rem;padding:2.25rem;display:grid;gap:.7rem;position:relative;overflow:hidden}.hero-title{margin:0 0 .1rem;font-size:clamp(2rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.01em}.hero:after{content:"";position:absolute;inset:-40% -20% auto;height:60%;background:radial-gradient(60% 80% at 20% 20%,color-mix(in hsl,var(--accent) 45%,transparent) 0%,transparent 70%);pointer-events:none;filter:blur(20px)}.hero-sub{margin:0;color:var(--muted);font-size:1.05rem}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--panel-border);background:var(--btn-bg);color:var(--text);text-decoration:none;font-weight:600}.btn:hover{background:var(--btn-bg-hover)}.btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:color-mix(in hsl,var(--accent) 60%,var(--panel-border));box-shadow:0 1px color-mix(in hsl,var(--accent) 40%,transparent) inset}.story{display:grid;gap:1rem;text-align:left}.timeline-section{text-align:left}.timeline-section h2,.story h2{margin:0 0 .5rem}.story h2{display:inline-flex;align-items:center;gap:8px;font-weight:700}.story-intro p{margin:0}.story-points{list-style:none;margin:0;padding:0;display:grid;gap:8px}.story-points li{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px}.story-outro{margin:.25rem 0 0}.timeline-wrap{position:relative}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:0}.timeline.horizontal{display:flex;overflow-x:auto;padding:8px 20px 10px 12px;scroll-snap-type:x mandatory;scroll-padding-left:12px;scroll-padding-right:20px}.timeline-item{display:grid;grid-template-rows:120px auto;gap:8px;align-items:start;padding:12px;min-width:260px;flex:0 0 260px}.timeline-item.snap{scroll-snap-align:start}.timeline-sep{min-width:8px;width:8px;flex:0 0 8px}.timeline.horizontal>.timeline-item{position:static}.timeline-media{width:100%;height:120px;border-radius:12px;overflow:hidden;border:1px solid var(--panel-border);background:var(--btn-bg-hover);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px color-mix(in hsl,var(--panel-border) 60%,transparent) inset}.timeline-media img{width:100%;height:100%;object-fit:cover;display:block}.ph-img{width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--panel),var(--panel) 10px,var(--btn-bg-hover) 10px,var(--btn-bg-hover) 20px);opacity:.8}.timeline-title{margin:0;font-size:1.05rem}.scroll-hint{position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted);background:color-mix(in hsl,var(--panel) 90%,transparent);border:1px solid var(--panel-border);border-radius:999px;padding:4px 8px;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.scroll-hint.visible{opacity:1;transform:translateY(0)}.scroll-hint .chev{font-weight:700;color:var(--text);opacity:.8}.site-footer{display:flex;justify-content:center;padding-top:8px}.footer-inner{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:6px 10px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem}.muted{color:var(--muted)}.recs{list-style:none;padding:0;margin:0;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:12px}.rec-item{flex:0 0 280px}.rec-link{display:grid;grid-template-rows:140px auto;text-decoration:none;color:inherit}.rec-media{width:100%;height:140px;border-radius:12px;overflow:hidden;border:1px solid var(--panel-border);background:var(--btn-bg-hover)}.rec-media img{width:100%;height:100%;object-fit:cover;display:block}.rec-content{display:grid;gap:6px;margin-top:8px}.rec-title{margin:0;font-size:1.05rem}.rec-features{display:flex;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.rec-chip{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:2px 8px;font-size:.8rem;color:var(--muted)}.lightbox{position:fixed;inset:0;background:color-mix(in hsl,var(--bg) 30%,black 70%);display:none;align-items:center;justify-content:center;z-index:1000}.lightbox.open{display:flex}.lightbox-img{max-width:92vw;max-height:92vh;border-radius:12px;border:1px solid var(--panel-border);box-shadow:0 10px 30px #00000080}.lightbox-close{position:absolute;top:16px;right:16px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:6px 10px;font-weight:700}