@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Boldonse&family=Space+Grotesk:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .5s ease,color .5s ease;overflow-x:hidden;font-feature-settings:"ss01","ss02"}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:-.022em;line-height:1.05;text-wrap:balance}p{margin:0;text-wrap:pretty}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer;padding:0}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--bg)}:root,[data-theme=literary]{--bg:#fdf6ed;--paper:#ffffff;--paper-deep:#ffe4c8;--fg:#14110e;--fg-soft:#5a4f43;--muted:#998b7b;--rule:rgba(20,17,14,.10);--rule-strong:rgba(20,17,14,.18);--accent:#ff5a36;--accent-soft:#ffbb7c;--accent2:#2d2418;--ink:#0b0907;--font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-body:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-meta:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;--font-impact:"Boldonse","Bricolage Grotesque",ui-sans-serif,sans-serif;--font-serif-accent:"Instrument Serif",Georgia,serif;--display-size:clamp(56px,9vw,140px);--display-tracking:-.035em;--radius:20px;--radius-sm:12px;--radius-pill:999px;--shadow-1:0 1px 0 rgba(255,255,255,.6) inset,0 8px 24px -10px rgba(20,17,14,.15);--shadow-2:0 30px 60px -25px rgba(20,17,14,.25);--shadow-soft:0 1px 2px rgba(20,17,14,.04),0 8px 30px -8px rgba(20,17,14,.10)}[data-theme=academic]{--bg:#f4f4f1;--paper:#ffffff;--paper-deep:#e8e8e3;--fg:#0a0a0a;--fg-soft:#3a3a3a;--muted:#888885;--rule:rgba(0,0,0,.10);--rule-strong:rgba(0,0,0,.20);--accent:#0a0a0a;--accent-soft:#555555;--accent2:#cfcfca;--ink:#000000;--radius:0px;--radius-sm:0px}[data-theme=nature]{--bg:#f1ede2;--paper:#fcf9ef;--paper-deep:#d8d8b4;--fg:#1c2a1c;--fg-soft:#3d4d36;--muted:#7d8b6f;--rule:rgba(28,42,28,.10);--rule-strong:rgba(28,42,28,.22);--accent:#4f7b3a;--accent-soft:#a7c08b;--accent2:#1c2a1c;--ink:#0e150e}[data-theme=cyber]{--bg:#0a0a0f;--paper:#14141d;--paper-deep:#1c1c28;--fg:#f0f2ff;--fg-soft:#a8aac0;--muted:#5e607a;--rule:rgba(240,242,255,.10);--rule-strong:rgba(240,242,255,.22);--accent:#c6ff3d;--accent-soft:#80a5ff;--accent2:#ff4d8d;--ink:#ffffff;--shadow-1:0 0 0 1px var(--rule),0 0 40px -10px rgba(198,255,61,.25);--shadow-2:0 0 0 1px var(--rule),0 30px 80px -25px rgba(198,255,61,.20);--shadow-soft:0 0 0 1px var(--rule)}[data-theme=artist]{--bg:#fff6e6;--paper:#ffffff;--paper-deep:#ffd2c1;--fg:#1a0a0e;--fg-soft:#5a2a36;--muted:#a07a85;--rule:rgba(26,10,14,.10);--rule-strong:rgba(26,10,14,.22);--accent:#ff2d5e;--accent-soft:#ffa3c2;--accent2:#6d3df5;--ink:#0a0205}[data-density=compact]{--pad-scale:.72;--gap-scale:.7}[data-density=cozy]{--pad-scale:1;--gap-scale:1}[data-density=spacious]{--pad-scale:1.4;--gap-scale:1.5}.app{min-height:100vh;position:relative}.wrap{max-width:1320px;margin:0 auto;padding:0 calc(32px * var(--pad-scale, 1))}.wrap-narrow{max-width:920px;margin:0 auto;padding:0 calc(24px * var(--pad-scale, 1))}.eyebrow{font-family:var(--font-meta);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.rule{height:1px;background:var(--rule);border:0;margin:0}.topbar{position:-webkit-sticky;position:sticky;top:12px;z-index:50;justify-content:space-between;padding:10px 14px 10px 18px;background:color-mix(in oklab,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:.5px solid var(--rule);border-radius:var(--radius-pill);max-width:1200px;margin:12px auto 0;box-shadow:var(--shadow-soft)}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{gap:10px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em}.topbar .brand-mark{width:28px;height:28px;background:var(--accent);color:var(--bg);display:grid;place-items:center;border-radius:8px;font-family:var(--font-display);font-size:14px;font-weight:800;transform:rotate(-8deg)}[data-theme=cyber] .topbar .brand-mark{color:var(--ink)}.topbar nav{display:flex;gap:6px;align-items:center;font-family:var(--font-body);font-size:14px;font-weight:500}.topbar nav a{color:var(--fg-soft);padding:8px 14px;border-radius:var(--radius-pill);transition:all .2s;cursor:pointer;white-space:nowrap}.topbar nav a:hover{background:var(--rule);color:var(--fg)}.btn,.topbar nav a.active{background:var(--fg);color:var(--bg)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-ghost{background:var(--paper);color:var(--fg);border:.5px solid var(--rule)}.btn-accent{background:var(--accent);color:var(--bg);font-weight:700}[data-theme=cyber] .btn-accent{color:#0a0a0f}.btn-lg{padding:16px 24px;font-size:15px;border-radius:var(--radius-pill)}.btn-xl{padding:20px 32px;font-size:17px;font-weight:700}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12.5px;font-weight:500;background:var(--paper);border:.5px solid var(--rule);color:var(--fg-soft)}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.chip.solid{background:var(--fg)}.chip.accent,.chip.solid{color:var(--bg);border-color:transparent}.chip.accent{background:var(--accent);font-weight:600}[data-theme=cyber] .chip.accent{color:#0a0a0f}.display{font-family:var(--font-display);font-size:var(--display-size);letter-spacing:var(--display-tracking);padding-bottom:.04em}.display,.profile-name{line-height:1;font-weight:700}.profile-name{font-size:clamp(44px,6.5vw,96px);letter-spacing:-.035em;padding-bottom:.1em}.italic-accent{font-family:var(--font-serif-accent);font-style:italic;font-weight:400;letter-spacing:-.01em}.avatar{width:120px;height:120px;border-radius:50%;background:var(--paper-deep);overflow:hidden;border:3px solid var(--paper);box-shadow:var(--shadow-soft);position:relative;flex-shrink:0}.avatar.xl{width:200px;height:200px;border-width:6px}.avatar.sm{width:48px;height:48px;border-width:2px}.avatar:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(0,0,0,.05) 10px 11px);pointer-events:none}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-14px}.avatar-stack .avatar:first-child{margin-left:0}.card{background:var(--paper);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);border:.5px solid var(--rule);position:relative}.card.flat{box-shadow:none}.card.bold{background:var(--fg)}.card.accent,.card.bold{color:var(--bg);border:0}.card.accent{background:var(--accent)}[data-theme=cyber] .card.accent{color:#0a0a0f}.lift{transition:transform .25s ease,box-shadow .25s ease}.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.imgph{position:relative;background:var(--paper-deep);border-radius:var(--radius-sm);overflow:hidden;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.imgph.round{border-radius:50%}.imgph:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0 12px,color-mix(in oklab,var(--fg) 5%,transparent) 12px 12.5px)}.imgph>span{position:relative;padding:6px 10px;background:var(--paper);border:.5px solid var(--rule);border-radius:var(--radius-pill)}.chapter{position:relative;padding:clamp(40px,8vw,80px) 0;border-top:.5px solid var(--rule)}.chapter:first-child{border-top:0;padding-top:0}.chapter .year-mark{font-family:var(--font-display);font-size:clamp(54px,8.5vw,140px);line-height:.9;color:var(--fg);font-weight:700;letter-spacing:-.04em;background:linear-gradient(180deg,var(--fg) 0,var(--fg-soft) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=cyber] .chapter .year-mark{background:linear-gradient(180deg,var(--accent) 0,var(--accent-soft) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chapter .age{font-family:var(--font-meta);font-size:12px;color:var(--muted);font-weight:500}.chapter h2{font-size:clamp(28px,3.6vw,48px);margin:14px 0 18px;font-weight:700}.chapter .body{font-size:17px;line-height:1.6;color:var(--fg-soft);max-width:56ch}.timeline-rail{position:-webkit-sticky;position:sticky;top:100px;align-self:start;padding:24px 0;font-family:var(--font-meta);font-size:13px;color:var(--muted)}.timeline-rail .yr{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;transition:color .25s,transform .25s;font-weight:500}.timeline-rail .yr .dot{width:8px;height:8px;border-radius:50%;background:var(--rule-strong);transition:all .25s}.timeline-rail .yr.active{color:var(--fg);font-weight:700;transform:translateX(2px)}.timeline-rail .yr.active .dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 25%,transparent)}.audio-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-pill);background:var(--paper);border:.5px solid var(--rule)}.audio-bar .play{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--bg);display:grid;place-items:center;flex-shrink:0}[data-theme=cyber] .audio-bar .play{color:#0a0a0f}.audio-bar .wave{flex:1 1;min-width:0;height:22px;display:flex;gap:2px;align-items:center}.audio-bar .wave i{display:block;width:2px;background:var(--rule-strong);border-radius:1px}.audio-bar .wave i.on{background:var(--accent)}.stats{display:flex;gap:0;align-items:stretch}.stats>div{flex:1 1;padding:16px 18px;position:relative}.stats>div+div{border-left:.5px solid var(--rule)}.stat-num{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-lbl{font-family:var(--font-meta);font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.02em;margin-top:6px;text-transform:uppercase}.stories{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 14px;scrollbar-width:thin}.stories .story{flex:0 0 auto;width:80px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.stories .story-ring{width:72px;height:72px;padding:3px;border-radius:50%;background:conic-gradient(from 220deg,var(--accent),var(--accent-soft),var(--accent2),var(--accent))}.stories .story-img{width:100%;height:100%;border-radius:50%;background:var(--paper-deep);border:2px solid var(--paper);overflow:hidden;position:relative}.stories .story-img:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(0,0,0,.05) 8px 9px)}.stories .story-name{font-size:11.5px;font-weight:500;color:var(--fg-soft)}.tag{font-family:var(--font-meta);font-size:12px;color:var(--fg);font-weight:500;background:var(--paper);border:.5px solid var(--rule);padding:6px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px}.reveal{opacity:1;transform:translateY(8px);transition:transform .6s ease}.reveal.in{transform:translateY(0)}.persona-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--accent);color:var(--bg);font-family:var(--font-body);font-weight:600;font-size:12px}[data-theme=cyber] .persona-pill{color:#0a0a0f}.persona-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bg)}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(200px,auto);grid-gap:16px;gap:16px}.bento>div{background:var(--paper);border-radius:var(--radius);padding:24px;border:.5px solid var(--rule);position:relative;overflow:hidden}.bento .b-2{grid-column:span 2}.bento .b-3{grid-column:span 3}.bento .b-4{grid-column:span 4}.bento .b-6{grid-column:span 6}.bento .b-r2{grid-row:span 2}.bento .icon-bg{position:absolute;right:-30px;bottom:-30px;font-size:180px;color:var(--accent);opacity:.18;font-family:var(--font-display);font-weight:800;line-height:1}@media (max-width:860px){.bento{grid-template-columns:1fr 1fr}.bento>div{grid-column:span 2!important;grid-row:auto!important}}.guestbook-card{background:var(--paper);border:.5px solid var(--rule);border-radius:var(--radius);padding:18px 22px;display:flex;flex-direction:column;gap:10px}.era-sepia{filter:sepia(.35) contrast(.95) saturate(.85)}.era-cyano{filter:hue-rotate(180deg) contrast(1.1) saturate(.7)}.era-bw{filter:grayscale(1) contrast(1.05)}.bubble{max-width:78%;padding:14px 18px;border-radius:20px;font-size:15px;line-height:1.45}.bubble.ai{background:var(--paper);border:.5px solid var(--rule);border-bottom-left-radius:6px}.bubble.me{background:var(--accent);color:var(--bg);border-bottom-right-radius:6px;align-self:flex-end;font-weight:500}[data-theme=cyber] .bubble.me{color:#0a0a0f}.bubble small{display:block;font-family:var(--font-meta);font-size:11px;letter-spacing:.02em;opacity:.55;margin-bottom:6px;font-weight:500}.theme-flash{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;background:var(--accent);transition:opacity .3s ease}.theme-flash.on{opacity:.15}.phone-frame{width:340px;height:690px;border-radius:44px;border:12px solid #1a1a1a;background:var(--bg);box-shadow:0 60px 120px -40px rgba(0,0,0,.4),0 0 0 2px rgba(0,0,0,.05);overflow:hidden;position:relative}.phone-frame:before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:100px;height:28px;border-radius:999px;background:#0a0a0a;z-index:10}.row{align-items:center}.col,.row{display:flex;gap:16px}.col{flex-direction:column}.between{justify-content:space-between}.center{align-items:center}.grow{flex:1 1;min-width:0}.ulink{position:relative;padding-bottom:1px;cursor:pointer;background-image:linear-gradient(currentColor,currentColor);background-size:100% .5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s}.ulink:hover{background-size:0 .5px;background-position:100% 100%}.icb{width:38px;height:38px;border-radius:50%;background:var(--paper);border:.5px solid var(--rule);display:grid;place-items:center;color:var(--fg-soft);transition:all .2s}.icb:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.lg{width:22px;height:22px}.cursor{display:inline-block;width:.55em;height:1em;vertical-align:-.1em;background:currentColor;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.discover-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.emograph{height:60px;width:100%}@media (max-width:760px){.hide-sm{display:none!important}.timeline-rail{display:none}.wrap,.wrap-narrow{padding:0 18px}.topbar{margin-top:8px}}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px rgba(34,197,94,.2)}50%{box-shadow:0 0 0 8px rgba(34,197,94,.05)}}.grad-warm{background:radial-gradient(120% 80% at 0 0,color-mix(in oklab,var(--accent) 20%,transparent),transparent),radial-gradient(80% 80% at 100% 100%,color-mix(in oklab,var(--accent-soft) 30%,transparent),transparent),var(--bg)}.sticker{display:inline-block;transform:rotate(-3deg);background:var(--accent);color:var(--bg);padding:6px 14px;border-radius:6px;font-family:var(--font-impact);font-size:12px;letter-spacing:.01em;font-weight:400;box-shadow:2px 2px 0 var(--fg)}[data-theme=cyber] .sticker{color:#0a0a0f}