*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,sans-serif;background:#08080c;color:#f0f0f5;overflow:hidden}body{display:flex;align-items:center;justify-content:center;position:relative}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.scene{position:relative;z-index:1;width:100%;max-width:680px;padding:48px 32px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.screen{width:100%;opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease;pointer-events:none;position:absolute;padding:48px 32px;left:0;right:0;max-width:680px;margin:0 auto}.screen.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.header-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;opacity:.7}.logo-mark{display:flex;align-items:center;gap:10px}.logo-mark-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;letter-spacing:2px}.day-indicator{font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:2px;color:#6a6a7a;text-transform:uppercase}.start-hero{text-align:center}.start-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:#2dd4bf;text-transform:uppercase;margin-bottom:24px}.start-title{font-family:Fraunces,serif;font-weight:400;font-size:72px;line-height:.95;letter-spacing:-2px;margin-bottom:20px}.start-title em{font-style:italic;background:linear-gradient(120deg,#7c5cfc,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}.start-tagline{font-size:16px;color:#8a8a9a;max-width:440px;margin:0 auto 56px;line-height:1.6}.start-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#f0f0f5;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:18px 44px;border-radius:100px;cursor:pointer;transition:all .4s ease}.start-btn:hover{background:#f0f0f5;color:#08080c;border-color:#f0f0f5;transform:translateY(-1px)}.start-story-preview{margin-top:32px;font-family:Space Grotesk,sans-serif;font-size:11px;color:#6a6a7a;letter-spacing:1.5px;text-transform:uppercase}.start-story-title{font-family:Fraunces,serif;font-weight:300;font-size:18px;color:#b8b8c8;margin-top:4px;letter-spacing:-.3px}.story-meta{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#2dd4bf;text-transform:uppercase;margin-bottom:8px}.story-title{font-family:Fraunces,serif;font-weight:400;font-size:42px;letter-spacing:-1px;margin-bottom:48px;line-height:1.1}.story-body{font-family:Fraunces,serif;font-weight:300;font-size:21px;line-height:1.65;color:#d8d8e0}.story-body p{margin-bottom:24px;opacity:0;transform:translateY(8px);transition:opacity 1s ease,transform 1s ease}.story-body p.visible{opacity:1;transform:translateY(0)}.story-body p.emphasis{font-style:italic;color:#f0f0f5}.continue-btn{margin-top:40px;background:transparent;border:none;color:#8a8a9a;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:12px 0;opacity:0;transition:opacity .8s ease,color .3s ease}.continue-btn.visible{opacity:1}.continue-btn:hover{color:#f0f0f5}.continue-btn:after{content:" →"}.choice-prompt{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:3px;color:#2dd4bf;text-transform:uppercase;margin-bottom:16px;text-align:center}.choice-question{font-family:Fraunces,serif;font-weight:400;font-size:32px;text-align:center;letter-spacing:-.8px;margin-bottom:56px;line-height:1.2}.choices{display:flex;flex-direction:column;gap:14px}.choice{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px 28px;cursor:pointer;transition:all .4s ease;text-align:left;color:#f0f0f5;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;position:relative}.choice:before{content:attr(data-letter);position:absolute;top:24px;left:28px;font-family:Space Grotesk,sans-serif;font-size:11px;color:#6a6a7a;letter-spacing:1px}.choice-text{padding-left:24px;display:block}.choice:hover{background:#7c5cfc14;border-color:#7c5cfc66;transform:translate(4px)}.outcome-meta{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;color:#8a8a9a;text-transform:uppercase;margin-bottom:24px}.outcome-body{font-family:Fraunces,serif;font-weight:300;font-size:20px;line-height:1.7;color:#d8d8e0}.outcome-body p{margin-bottom:22px}.outcome-body p.dialogue{font-style:italic;color:#b8b8c8}.echo-card-wrap{display:flex;flex-direction:column;align-items:center;gap:32px}.echo-card{width:100%;max-width:420px;background:linear-gradient(145deg,#12121a,#0a0a10);border:1px solid rgba(124,92,252,.25);border-radius:20px;padding:48px 40px;position:relative;overflow:hidden}.echo-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(124,92,252,.08) 0%,transparent 50%);pointer-events:none}.echo-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;position:relative}.echo-card-brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;letter-spacing:2px}.echo-card-day{font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:2px;color:#6a6a7a;text-transform:uppercase}.echo-card-label{font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;color:#2dd4bf;text-transform:uppercase;margin-bottom:12px;position:relative}.echo-card-line{font-family:Fraunces,serif;font-style:italic;font-weight:300;font-size:32px;line-height:1.15;letter-spacing:-.8px;background:linear-gradient(120deg,#f0f0f5,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:40px;position:relative}.echo-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);position:relative}.echo-card-story{font-family:Inter,sans-serif;font-size:11px;color:#8a8a9a}.echo-card-streak{display:flex;align-items:center;gap:6px;font-family:Space Grotesk,sans-serif;font-size:11px;color:#f0f0f5;letter-spacing:1px}.streak-dot{width:6px;height:6px;border-radius:50%;background:#2dd4bf}.end-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}.end-text{font-family:Inter,sans-serif;font-size:14px;color:#8a8a9a;text-align:center;max-width:360px;line-height:1.6}.end-text strong{color:#f0f0f5;font-weight:500}.ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#f0f0f5;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;border-radius:100px;cursor:pointer;transition:all .3s ease}.ghost-btn:hover{border-color:#fff6;background:#ffffff0a}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.ancient-toggle{cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#2dd4bf99;margin-top:4px;transition:color .3s}.ancient-toggle:hover{color:#2dd4bf}.ancient-block{display:none;max-width:400px;text-align:left;border-left:2px solid rgba(124,92,252,.4);padding-left:18px;margin:4px 0;font-family:Inter,sans-serif;font-size:13px;color:#8a8a9a;line-height:1.65}.footer-strip{position:fixed;bottom:24px;left:0;right:0;text-align:center;font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:2px;color:#4a4a5a;text-transform:uppercase;z-index:2;pointer-events:none}@media(max-width:600px){.start-title{font-size:52px}.story-title{font-size:32px}.story-body{font-size:18px}.choice-question{font-size:24px}.echo-card-line{font-size:26px}}