@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";
:root{--morning-fog:#f8fafcf2;--milk-light:#fefefed9;--ocean-spray:#f1f5f9e6;--midnight-navy:#0f172acc;--neon-bloom:#3b82f626;--sunset-haze:#fb923c1a;--indigo-shadow:#4f46e514;--mood-red:#ef4444;--mood-red-glow:#ef444433;--warm-ink-90:#3c281ee6;--warm-ink-80:#3c281ecc;--warm-ink-70:#3c281eb3;--warm-ink-60:#3c281e99;--warm-ink-50:#3c281e80;--accent-warm-start:#ff5a5fcc;--accent-warm-end:#ff8c69cc;--accent-warm-bg:#ff5a5f1a;--accent-warm-border:#ff5a5f4d;--accent-warm-text:#ff5a5fe6;--accent-star:#ffb400cc;--cool-ink-90:#142850e6;--cool-ink-80:#142850cc;--cool-ink-70:#142850b3;--cool-bg:#f0f8ff80;--shadow-black-light:#0000001a;--overlay-dark-05:#0000000d;--white-glass-30:#ffffff4d;--white-glass-10:#ffffff1a;--cursor-size:20px;--cursor-size-hover:40px;--warm-highlight:#ffb48c14;--warm-glow:#ffc8640f;--warm-bg-start:#faf5f0f2;--warm-bg-mid:#fffaf5e6;--warm-bg-end:#fff8f0f2;--cool-bg-start:#f5fafffa;--cool-bg-end:#f0f8fff2;--electric-cyan:#00ffff08;--electric-magenta:#ff00ff05;--electric-bg-start:#050a19fa;--electric-bg-end:#0a0f23f2;--accent-warm-gradient:linear-gradient(135deg,var(--accent-warm-start)0%,var(--accent-warm-end)100%);--film-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body{font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.magnetic-element{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.magnetic-element:hover{transform:translateY(-2px)}.glass-surface{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#ffffff40 0%,#ffffff0d 100%);border:1px solid #fff3;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.vellum-card{background:linear-gradient(135deg,#ffffffe6 0%,#f8fafccc 100%);border:1px solid #cbd5e14d;transition:all .4s cubic-bezier(.175,.885,.32,1);box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a}.vellum-card:hover{transform:translateY(-8px)rotateX(2deg);box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a}.indigo-shadow{box-shadow:0 4px 20px #4f46e526,0 1px 3px #4f46e51a}.headline-actor{letter-spacing:-.03em;font-variation-settings:"wght" 200,"slnt" -1;text-shadow:0 4px 20px #0000001a;font-weight:200;line-height:.9}.headline-monologue{letter-spacing:-.02em;font-variation-settings:"wght" 300,"slnt" 0;color:#1e293be6;font-weight:300;line-height:1.1}.dialogue-breath{letter-spacing:.01em;opacity:.85;font-variation-settings:"wght" 300;font-weight:300;line-height:1.6}.stage-direction{letter-spacing:.03em;opacity:.7;font-size:.9em;font-style:italic;font-weight:400}.character-name{letter-spacing:.05em;text-transform:uppercase;opacity:.9;font-size:.875rem;font-weight:500}.scene-title{letter-spacing:-.01em;font-variation-settings:"wght" 600;font-weight:600;line-height:1.2}.body-whisper{letter-spacing:.02em;opacity:.8;font-weight:300;line-height:1.6}.prose-elegant{letter-spacing:.01em;opacity:.9;font-weight:400;line-height:1.7}.label-refined{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:.8125rem;font-weight:500}.button-inscription{letter-spacing:.02em;font-variation-settings:"wght" 500;font-weight:500}.motion-blur{filter:blur();transition:filter .3s}.motion-blur:hover{filter:blur(.5px)}.parallax-breath{transform-style:preserve-3d;animation:8s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:translateZ(0)scale(1)}50%{transform:translateZ(10px)scale(1.02)}}.elastic-drag{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.film-grain:before{content:"";background-image:var(--film-grain);opacity:.03;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.analog-noise{position:relative}.analog-noise:after{content:"";opacity:.4;mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff1a 1px,#0000 1px) 0 0/40px 40px,radial-gradient(circle at 80% 70%,#0000000d 1px,#0000 1px) 0 0/30px 30px;position:absolute;inset:0}.radial-shimmer{position:relative;overflow:hidden}.radial-shimmer:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 40%,#ffffff1a 50%,#0000 60%);width:200%;height:200%;animation:4s linear infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:rotate(0)translate(-50%,-50%)}to{transform:rotate(360deg)translate(-50%,-50%)}}.mood-anchor{color:var(--mood-red);transition:all .3s}.mood-anchor:hover{filter:drop-shadow(0 0 8px var(--mood-red-glow))}.wet-concrete{background:linear-gradient(135deg,#4755691a 0%,#3341550d 100%);box-shadow:inset 0 1px 3px #0000001a}.burnt-edges{position:relative}.burnt-edges:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(45deg,#78350f1a,#b453090d,#5cff111a);position:absolute;inset:-1px}.frosted-breath{-webkit-backdrop-filter:blur(12px)brightness(1.1);backdrop-filter:blur(12px)brightness(1.1);background:linear-gradient(135deg,#ffffff4d 0%,#ffffff1a 100%);border:1px solid #fff3}@media (max-width:768px){.headline-actor{font-size:clamp(3rem,8vw,5rem);line-height:.85}.headline-monologue{line-height:1.05}.dialogue-breath{font-size:clamp(1rem,4vw,1.125rem);line-height:1.5}.vellum-card{transition:all .3s cubic-bezier(.175,.885,.32,1);transform:translateY(0)rotateX(0)}.vellum-card:active{transform:translateY(-2px)scale(.98)}.container{padding-left:1rem;padding-right:1rem}.button-inscription{min-height:48px;font-size:1rem}.film-grain:before{opacity:.02}}@media (max-width:390px){.headline-monologue{font-size:clamp(2rem,7vw,2.5rem)}.prose-elegant{font-size:.875rem;line-height:1.6}.character-name{font-size:.75rem}.stage-direction{font-size:.8em}}@media (max-width:768px) and (orientation:landscape){.vellum-card{padding:1rem 1.5rem}.headline-monologue{font-size:clamp(2.5rem,6vw,3rem)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:20s linear infinite marquee}
.zone-warm{--warm-mist:#f5e8e14d;--sunset-haze:#ffb48c26;--memory-pink:#fff5f0cc;--golden-hour:#ffc86433;--film-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}.warm-surface{background:linear-gradient(135deg,var(--warm-mist)0%,var(--sunset-haze)50%,var(--memory-pink)100%);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border:1px solid #ffdcb426;position:relative;box-shadow:0 8px 32px #ffb48c1a,inset 0 1px #ffffff1a}.warm-surface:before{content:"";background:var(--film-grain);pointer-events:none;mix-blend-mode:overlay;opacity:.4;position:absolute;inset:0}.warm-glass{-webkit-backdrop-filter:blur(40px)saturate(2);backdrop-filter:blur(40px)saturate(2);background:#ffffff14;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.zone-cool{--surgical-white:#f0f8fff2;--swiss-grid:#0032641a;--tension-shadow:#001e3c4d;--brutalist-edge:#142850cc}.cool-surface{background:linear-gradient(180deg,var(--surgical-white)0%,#ebf5ffe6 100%);border:2px solid var(--brutalist-edge);box-shadow:4px 4px 0 var(--tension-shadow),8px 8px 0 #0014281a;position:relative}.cool-surface:after{content:"";pointer-events:none;background-image:linear-gradient(#00326408 1px,#0000 1px),linear-gradient(90deg,#00326408 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.brutalist-card{background:var(--surgical-white);border:3px solid var(--brutalist-edge);transition:all .2s cubic-bezier(.4,0,.2,1);transform:translate(0)}.brutalist-card:hover{box-shadow:6px 6px 0 var(--tension-shadow),12px 12px 0 #0014280d;transform:translate(-2px,-2px)}.zone-electric{--neon-cyan:#0ffc;--neon-magenta:#f0f9;--electric-blue:#0096ffb3;--glitch-green:#32ff6480;--midnight-navy:#0a0f23f2}.electric-surface{background:radial-gradient(circle at 50% 50%,var(--midnight-navy)0%,#050a19fa 100%);border:1px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan),inset 0 0 20px #00ffff1a;position:relative;overflow:hidden}.electric-surface:before{content:"";background:radial-gradient(circle at 20% 80%,var(--neon-magenta)0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--electric-blue)0%,transparent 50%);opacity:.3;animation:4s ease-in-out infinite electricPulse;position:absolute;inset:0}@keyframes electricPulse{0%,to{opacity:.2}50%{opacity:.4}}.neon-text{color:var(--neon-cyan);text-shadow:0 0 5px,0 0 10px,0 0 20px;animation:2s ease-in-out infinite alternate textGlow}@keyframes textGlow{0%{text-shadow:0 0 5px,0 0 10px,0 0 20px}to{text-shadow:0 0 2px,0 0 5px,0 0 10px}}.glitch-effect{animation:3s linear infinite glitch;position:relative}@keyframes glitch{2%,64%{transform:translate(2px)skew(0deg)}4%,60%{transform:translate(-2px)skew(0deg)}62%{transform:translate(0)skew(5deg)}}.cinematic-enter{animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards cinematicEnter}@keyframes cinematicEnter{0%{opacity:0;filter:blur(10px);transform:translateY(40px)scale(.95)}60%{opacity:.8;filter:blur(2px);transform:translateY(5px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.breathe{animation:6s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.02)rotate(.5deg)}}.magnetic-hover{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.magnetic-hover:hover{filter:brightness(1.1)saturate(1.2);transform:translateY(-8px)scale(1.02)}.headline-monologue{letter-spacing:-.02em;text-rendering:optimizeLegibility;font-family:Times,serif;font-weight:700;line-height:1.1}.dialogue-breath{letter-spacing:.05em;word-spacing:.1em;font-family:Inter,sans-serif;font-weight:400;line-height:1.6}.stage-direction{letter-spacing:.1em;opacity:.7;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.85em;font-weight:300}.tension-scroll{scroll-behavior:smooth;overscroll-behavior:contain}.film-grain-overlay{pointer-events:none;background:var(--film-grain);opacity:.03;z-index:9999;mix-blend-mode:overlay;width:100%;height:100%;position:fixed;top:0;left:0}.modern-button{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:16px 32px;font-weight:600;transition:all .3s;box-shadow:0 8px 25px #667eea4d}.modern-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}