@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box}body{color:#fff;background:#05070d;margin:0;font-family:Space Grotesk,Rajdhani,system-ui,sans-serif}.app{min-height:100vh;position:relative;overflow:hidden}.scene-wrap{position:fixed;inset:0}.timeline-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#080e1bf0,#03070fe0),radial-gradient(circle at 0 0,#55d6ff57,#0000 36%),radial-gradient(circle at 100% 100%,#c084fc38,#0000 42%);border:1px solid #55d6ff80;border-radius:24px;width:min(420px,100vw - 32px);max-height:min(520px,100vh - 32px);padding:20px;transition:opacity .42s,transform .42s cubic-bezier(.2,.8,.2,1);position:fixed;top:50%;right:28px;overflow:auto;transform:translate(28px,-44%)scale(.96);box-shadow:0 28px 100px #00000094,0 0 48px #55d6ff2e}.timeline-card.is-visible{opacity:1;transform:translateY(-50%)scale(1)}.timeline-card:before{content:"";pointer-events:none;border:1px solid #7df9ff24;border-radius:18px;position:absolute;inset:10px}.timeline-card__hud{color:#7df9ff;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-family:Rajdhani,Space Grotesk,system-ui,sans-serif;font-weight:800;display:flex}.timeline-progress{background:#55d6ff14;border:1px solid #55d6ff47;border-radius:999px;height:7px;margin-bottom:18px;overflow:hidden}.timeline-progress span{border-radius:inherit;background:linear-gradient(90deg,#55d6ff,#7df9ff,#c084fc);height:100%;transition:width .18s ease-out;display:block;box-shadow:0 0 18px #55d6ffd9}@media (width<=700px){.timeline-card{width:auto;max-height:62vh;padding:20px;inset:auto 16px 96px;transform:translateY(28px)scale(.96)}.timeline-card.is-visible{transform:translateY(0)scale(1)}}.window-kicker,.window-role{color:#55d6ff;text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.76rem;font-weight:800}.timeline-card h1{letter-spacing:.02em;margin:10px 0 8px;font-family:Rajdhani,Space Grotesk,system-ui,sans-serif;font-size:clamp(1.9rem,3vw,2.7rem);line-height:.95}.timeline-card p,.timeline-card li{color:#d1dcf0;line-height:1.55}.timeline-summary{margin-bottom:0}.music-credit{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ad6,#05070db8);border:1px solid #55d6ff57;border-radius:999px;align-items:center;gap:10px;max-width:min(420px,100vw - 36px);padding:10px 12px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 38px #00000057}.music-player{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:absolute}.music-toggle{color:#fff7c2;cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#fff7c224;border:1px solid #fff7c26b;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}.music-credit a{color:#dff8ff;font-size:.82rem;font-weight:700;text-decoration:none}.music-credit a:hover,.music-credit a:focus-visible{color:#55d6ff;text-decoration:underline}@media (width<=700px){.music-credit{border-radius:18px;justify-content:center;bottom:16px;left:16px;right:16px}}