:root{color-scheme:dark;--bg:#070b12;--panel:rgba(16,24,34,.72);--text:#e9f0f7;--muted:#a7b6c7;--accent:#4fd1c5;--accent-2:#7aa2ff;--glow:rgba(79,209,197,.6)}*{box-sizing:border-box}body{margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:48px 24px 80px;position:relative;z-index:1}.bg{position:fixed;inset:0;background:#070b12;overflow:hidden;z-index:0}.bg-image{position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(7,11,18,.9),rgba(7,11,18,.55)),url(/figs/aurora.jpg);background-size:cover;background-position:50%;filter:saturate(1.1) contrast(1.05);opacity:.9}.aurora{position:absolute;inset:-20% -10% auto -10%;height:60vh;background:linear-gradient(120deg,rgba(79,209,197,.25),rgba(122,162,255,.12),transparent 70%);filter:blur(30px);animation:drift 14s ease-in-out infinite;opacity:.8}.aurora-2{inset:auto -10% -30% -10%;height:60vh;background:linear-gradient(260deg,rgba(122,162,255,.2),rgba(79,209,197,.1),transparent 70%);animation:drift 18s ease-in-out infinite reverse}.stars{position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.25) 1px,transparent 0);background-size:120px 120px;opacity:.2;animation:twinkle 10s ease-in-out infinite}.page{min-height:100svh;display:flex;align-items:center}.hero{display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch}.hero-card{padding:32px;border-radius:24px;border:1px solid hsla(0,0%,100%,.08);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(4,8,16,.45);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:-120px 40% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(79,209,197,.35),transparent 70%);opacity:.6;pointer-events:none}.hero-card h1{font-size:clamp(32px,4vw,44px);margin:0;letter-spacing:-.02em}.hero-subtitle{font-size:16px;color:var(--muted);line-height:1.7;margin:0}.hero-badge{align-self:flex-start;padding:6px 12px;border-radius:999px;background:rgba(79,209,197,.15);color:#bff5ee;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;flex-direction:column;gap:12px}.hero-user{font-size:14px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(233,240,247,.6)}.hero-aside{display:flex;flex-direction:column;gap:24px}.hero-orbit{position:relative;border-radius:20px;padding:32px;border:1px solid hsla(0,0%,100%,.08);background:rgba(13,18,26,.7);min-height:220px;overflow:hidden}.orbit-ring{position:absolute;inset:30px;border:1px dashed rgba(79,209,197,.3);border-radius:50%;animation:spin 18s linear infinite}.ring-2{inset:60px;border-color:rgba(122,162,255,.3);animation-duration:26s}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--glow);animation:orbit 12s linear infinite;top:24px;left:50%}.hero-log{padding:24px;border-radius:20px;border:1px solid hsla(0,0%,100%,.08);background:rgba(10,16,24,.72);font-size:14px;color:var(--muted)}.hero-log-title{color:#d7e3f3;margin-bottom:12px;font-weight:600}.hero-log ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}.hero-log li{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px}.hero-log span{color:#7aa2ff;font-weight:600}.panel{background:var(--panel);border-radius:16px;padding:20px;border:1px solid hsla(0,0%,100%,.08)}.journey-stage{min-height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.journey-center-copy{text-align:center}.journey-subpanel,.timeline{width:min(760px,100%)}.timeline{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:22px;padding-right:6px;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 90%,transparent)}.timeline-round{display:grid;grid-gap:12px;gap:12px;padding-bottom:18px;border-bottom:1px dashed hsla(0,0%,100%,.08);justify-items:center}.timeline-meta{font-size:12px;color:var(--muted)}.timeline-meta,.timeline-section-label{letter-spacing:.08em;text-transform:uppercase;text-align:center}.timeline-section-label{font-size:11px;color:var(--accent-2);margin-bottom:8px}.timeline-event{background:linear-gradient(180deg,rgba(16,24,34,.82),rgba(10,16,24,.62));border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:18px 18px 16px;box-shadow:0 18px 42px rgba(3,8,16,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(680px,100%);text-align:center;position:relative;isolation:isolate}.timeline-event:before{content:"";position:absolute;inset:-16px 12%;border-radius:999px;background:radial-gradient(circle,rgba(122,162,255,.16),rgba(79,209,197,.12) 38%,transparent 72%);filter:blur(22px);opacity:.68;z-index:-1;pointer-events:none}.timeline-event-title{font-weight:600;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 14px rgba(122,162,255,.18)}.timeline-event-summary{color:#dce6f2;line-height:1.6;text-wrap:balance;text-shadow:0 0 18px rgba(233,240,247,.08)}.timeline-event-detail{margin-top:10px;color:var(--muted);font-size:13px;opacity:.78}.timeline-dialogue{display:grid;grid-gap:10px;gap:10px;width:min(680px,100%)}.timeline-decisions{width:min(680px,100%);opacity:0}.timeline-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.timeline-decision-card{border-radius:14px;padding:14px;background:rgba(18,28,40,.72);border:1px solid hsla(0,0%,100%,.08);text-align:left}.timeline-decision-reason{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}.dialogue-bubble{border-radius:14px;padding:12px 14px;background:rgba(18,28,40,.72);border:1px solid hsla(0,0%,100%,.08);max-width:80%;opacity:0;will-change:transform,opacity;text-align:left}.dialogue-bubble.bubble-a{align-self:flex-start;box-shadow:0 12px 28px rgba(6,16,26,.22)}.dialogue-bubble.bubble-b{align-self:flex-end;background:rgba(23,30,44,.82);box-shadow:0 12px 28px rgba(8,12,22,.26)}.dialogue-speaker{font-size:12px;color:var(--accent-2);margin-bottom:6px}.timeline-summary{font-size:13px;color:var(--muted);padding-left:4px;letter-spacing:.02em;width:min(620px,100%);text-align:center;margin:14px auto 0}.reveal{opacity:0;transform:translateY(6px);animation:reveal .6s ease forwards}.cinematic-reveal{opacity:0;transform:translateY(18px) scale(.985);animation:cinematicReveal 3.1s cubic-bezier(.2,.7,.2,1) forwards}.summary-reveal{animation:summaryReveal 2.2s ease forwards}.bubble-a-enter{transform:translateX(-16px) translateY(4px);animation:bubbleAEnter .82s cubic-bezier(.2,.7,.2,1) forwards}.bubble-b-enter{transform:translateX(16px) translateY(4px);animation:bubbleBEnter .82s cubic-bezier(.2,.7,.2,1) forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes cinematicReveal{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(16px)}20%{opacity:.78;filter:blur(8px)}55%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);box-shadow:0 0 0 rgba(79,209,197,0),0 22px 48px rgba(3,8,16,.34)}to{opacity:.5;transform:translateY(-16px) scale(1);filter:blur(1.5px);box-shadow:0 0 26px rgba(122,162,255,.12),0 20px 42px rgba(3,8,16,.28)}}@keyframes summaryReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:.74;transform:translateY(0)}}@keyframes bubbleAEnter{0%{opacity:0;transform:translateX(-16px) translateY(4px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes bubbleBEnter{0%{opacity:0;transform:translateX(16px) translateY(4px)}to{opacity:1;transform:translateX(0) translateY(0)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:none;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#071018;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button.glow{box-shadow:0 12px 32px rgba(79,209,197,.35)}.button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 18px 36px rgba(79,209,197,.4)}.skip-link{position:absolute;left:-999px;top:8px;padding:8px 12px;background:#fff;color:#0b0f14;border-radius:8px;z-index:1000}.skip-link:focus{left:16px}.muted{color:var(--muted)}@keyframes drift{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-20px) translateX(40px) scale(1.05)}}@keyframes twinkle{0%,to{opacity:.18}50%{opacity:.32}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbit{0%{transform:translate(-50%) rotate(0deg) translateX(80px)}to{transform:translate(-50%) rotate(1turn) translateX(80px)}}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-orbit{min-height:180px}}@media (prefers-reduced-motion:reduce){.aurora,.bubble-a-enter,.bubble-b-enter,.cinematic-reveal,.orbit-dot,.orbit-ring,.stars,.summary-reveal{animation:none!important}.button{transition:none}.cinematic-reveal,.dialogue-bubble,.timeline,.timeline-summary{opacity:1;transform:none;filter:none}}