:root{--p1-h: 335;--p1-s: 100%;--p1-l: 78%;--phase1-primary: hsl(var(--p1-h), var(--p1-s), var(--p1-l));--phase1-glow: hsla(var(--p1-h), var(--p1-s), var(--p1-l), .4);--phase1-bg: hsl(var(--p1-h), 40%, 5%);--p2-h: 25;--p2-s: 70%;--p2-l: 70%;--phase2-primary: hsl(var(--p2-h), var(--p2-s), var(--p2-l));--phase2-glow: hsla(var(--p2-h), var(--p2-s), var(--p2-l), .5);--p3-h: 345;--p3-s: 50%;--p3-l: 50%;--phase3-primary: hsl(var(--p3-h), var(--p3-s), var(--p3-l));--font-display: "Syncopate", sans-serif;--font-body: "Outfit", sans-serif;--glass-blur: 16px;--glass-border: rgba(255, 255, 255, .12);--glass-bg: rgba(0, 0, 0, .4);--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.33, 1, .68, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;user-select:none;-webkit-user-select:none}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#canvas-container canvas{display:block;width:100%;height:100%}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-overlay>*{pointer-events:auto}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 24px -1px #0003,0 0 1px #ffffff4d inset;transition:all .5s var(--ease-expo)}.premium-glow{box-shadow:0 0 30px var(--phase1-glow)}.hidden{display:none!important}.immersive-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .5s ease-in-out}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen:not(.active){display:none}#preloader{background:#000;z-index:100;transition:opacity 1.5s var(--ease-smooth)}#preloader-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#preloader-particles .particle{position:absolute;width:4px;height:4px;background:#ff649699;border-radius:50%;animation:floatParticle 6s infinite ease-in-out;box-shadow:0 0 6px #ff649666}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-80px) scale(1.5);opacity:.8}}#preloader-content{position:relative;z-index:10;text-align:center;padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;pointer-events:none}.heart-canvas{display:block;margin:0 auto;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 20px rgba(255,45,85,.4));transition:transform .3s var(--ease-smooth)}.preloader-text{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,2.4rem);font-style:italic;color:#ffffffe6;line-height:1.8;font-weight:700;text-transform:uppercase;letter-spacing:.1em;min-height:4.5em}.preloader-text .cursor{display:inline-block;width:2px;height:1.2em;background:#ff96b4cc;margin-left:4px;animation:blink .8s infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.enter-btn{position:relative;margin-top:4rem;padding:20px 60px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff1493,#c71585);border:1px solid rgba(255,255,255,.2);border-radius:100px;cursor:pointer;overflow:hidden;transition:all .3s var(--ease-expo);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);letter-spacing:.2em;text-transform:uppercase;box-shadow:0 10px 30px #ff14934d}.enter-btn:hover{background:#ffffff14;border-color:var(--phase1-primary);transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080,0 0 20px var(--phase1-glow)}.enter-btn .btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,150,180,.15),transparent 60%);animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.premium-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 30px;border-radius:50px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .4s var(--ease-expo);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.premium-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a}.trailer-btn{background:linear-gradient(135deg,#c4456933,#ff6b9d1a)!important;border:1px solid rgba(196,69,105,.4)!important;color:#fff!important;text-shadow:0 0 10px rgba(196,69,105,.5);transition:all .3s var(--ease-smooth)!important}.trailer-btn:hover{background:linear-gradient(135deg,#c4456966,#ff6b9d33)!important;transform:scale(1.02)!important;box-shadow:0 0 25px #c4456966!important}.next-level-btn{background:linear-gradient(90deg,#c445694d,#ff6b9d4d)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 0 30px #c4456933;transition:all .4s var(--ease-expo)!important}.next-level-btn:hover{background:linear-gradient(90deg,#c4456980,#ff6b9d80)!important;transform:scale(1.05) translateY(-5px)!important;box-shadow:0 15px 40px #c4456966;letter-spacing:.3em!important}.red-room-btn{background:transparent!important;border:2px solid #ff0033!important;color:#fff!important;text-shadow:0 0 10px rgba(255,0,51,.5);box-shadow:0 0 15px #ff00334d;transition:all .3s ease!important}.red-room-btn:hover{background:#f033!important;transform:scale(1.1)!important;box-shadow:0 0 30px #f039!important}.red-room-btn.no{border-color:#555!important;color:#888!important;text-shadow:none!important;box-shadow:none!important}.red-room-btn.no:hover{background:#ffffff0d!important;color:#aaa!important;border-color:#777!important}#redroom-overlay{pointer-events:auto!important}.rr-prompt{max-width:600px;width:90%}.rr-buttons button{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#hud{position:absolute;top:0;left:0;width:100%;padding:20px 30px;display:flex;align-items:center;gap:24px;z-index:50;pointer-events:none}#heart-counter{display:flex;align-items:center;gap:8px;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px;border-radius:30px;border:1px solid rgba(255,100,150,.2);font-size:1.1rem;font-weight:600;pointer-events:auto}.heart-icon{font-size:1.3rem;animation:heartPulse 1.2s infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}#heart-count{font-variant-numeric:tabular-nums;min-width:2ch;color:#ff8fbf}#level-indicator{display:flex;align-items:center;gap:6px;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.1);font-size:.9rem}#level-label{opacity:.6;font-weight:300;text-transform:uppercase;font-size:.7rem;letter-spacing:.25em}#level-number{font-weight:600;font-size:1.1rem;color:var(--phase1-primary)}#progress-bar-container{flex:1;max-width:300px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;position:relative}#progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff6b9d,#c44569);border-radius:3px;transition:width .5s var(--ease-smooth);box-shadow:0 0 10px #ff6b9d80}#progress-label{position:absolute;right:0;top:-18px;font-size:.65rem;opacity:.5}#desire-meter{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50}#desire-meter-track{width:8px;height:200px;background:#ffffff0f;border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(255,100,150,.15)}#desire-meter-fill{position:absolute;bottom:0;width:100%;height:0%;background:linear-gradient(to top,#c44569,#ff6b9d,#ff1744);border-radius:4px;transition:height .8s var(--ease-smooth);box-shadow:0 0 15px #ff174466}#desire-label{font-size:1.2rem;animation:firePulse 1.5s infinite}@keyframes firePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.3)}}#phase-transition{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:80;opacity:0;pointer-events:none;transition:opacity .8s var(--ease-smooth)}#phase-transition.visible{opacity:1}#phase-title{font-family:var(--font-script);font-size:clamp(2rem,8vw,5rem);color:#ff8fbf;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 40px rgba(255,143,191,.5);animation:fadeSlideUp 1s var(--ease-smooth)}#phase-subtitle{font-family:var(--font-display);font-style:italic;font-size:clamp(.9rem,2.5vw,1.3rem);color:#fff9;margin-top:var(--space-md);animation:fadeSlideUp 1s .3s var(--ease-smooth) both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#interaction-area{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:20}.interaction-prompt{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,3vw,1.6rem);color:#ffffffb3;text-align:center;padding:var(--space-lg);animation:breathe 3s infinite var(--ease-smooth)}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.clickable-heart{position:absolute;font-size:2rem;cursor:pointer;transition:transform .2s var(--ease-bounce);filter:drop-shadow(0 0 8px rgba(255,100,150,.5));animation:floatHeart 4s infinite ease-in-out}.clickable-heart:hover{transform:scale(1.3)}.clickable-heart.burst{animation:burstHeart .5s forwards}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}@keyframes burstHeart{0%{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:.8}to{transform:scale(0);opacity:0}}.hold-btn{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ff64964d,#8b1a3a33);border:2px solid rgba(255,150,180,.3);cursor:pointer;position:relative;transition:all .3s}.hold-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(255,100,150,.5),transparent);animation:pulseGlow 2s infinite}.hold-btn.holding{background:radial-gradient(circle,#ff649699,#c4456966);border-color:#ff96b4b3;box-shadow:0 0 40px #ff649680;transform:scale(1.1)}.hold-label{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:#fff9;margin-top:var(--space-md);text-align:center}#floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.floating-point{position:absolute;font-size:1.1rem;font-weight:600;color:#ff8fbf;text-shadow:0 0 10px rgba(255,143,191,.5);animation:floatUp 1.2s forwards var(--ease-smooth);pointer-events:none}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.5)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:90;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{position:relative;width:90%;max-width:800px;background:linear-gradient(135deg,#1e000ff2,#0f0008fa);border:1px solid rgba(255,100,150,.2);border-radius:20px;padding:40px;box-shadow:0 25px 80px #0009}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;transition:color .3s}.modal-close:hover{color:#ff8fbf}#movie-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}#movie-player iframe{width:100%;height:100%;border:none}.movie-poster-card{background:linear-gradient(145deg,#280014cc,#14000ae6);border:1px solid rgba(255,100,150,.15);border-radius:16px;padding:20px;cursor:pointer;transition:all .4s var(--ease-smooth);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center}.movie-poster-card:hover{border-color:#ff649680;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #ff649626}.movie-poster-card .poster-emoji{font-size:3rem;margin-bottom:12px}.movie-poster-card .poster-title{font-family:var(--font-display);font-size:1.1rem;color:#fff;margin-bottom:6px}.movie-poster-card .poster-genre{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em}#love-letter{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:25}.letter-content{max-width:600px;font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,2.5vw,1.4rem);color:#ffffffd9;line-height:2;text-align:center}.letter-line{opacity:0;transform:translateY(20px);transition:all .8s var(--ease-smooth)}.letter-line.visible{opacity:1;transform:translateY(0)}.glow-btn{padding:14px 36px;font-family:var(--font-display);font-size:1rem;color:#fff;background:linear-gradient(135deg,#ff6b9d66,#c4456980);border:1px solid rgba(255,150,180,.3);border-radius:50px;cursor:pointer;margin-top:var(--space-lg);transition:all .4s var(--ease-smooth);letter-spacing:.05em}.glow-btn:hover{background:linear-gradient(135deg,#ff6b9d99,#c44569b3);box-shadow:0 0 30px #ff64964d;transform:scale(1.05)}.quiz-notification-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.flashy-notif{background:linear-gradient(135deg,#0f6,#ff1493);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-display);font-size:3.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 20px rgba(0,255,102,.4);animation:flashy-in 1.2s var(--ease-expo) forwards;white-space:nowrap}.glitch-notif{background:#000000f2;border:4px solid #ff0033;padding:20px 40px;color:#f03;font-family:var(--font-display);font-size:2.5rem;font-weight:700;text-transform:uppercase;position:relative;box-shadow:0 0 30px #ff003380;animation:glitch-shake .4s infinite}.glitch-notif:before,.glitch-notif:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding:inherit;background:inherit;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-notif:before{left:3px;text-shadow:-2px 0 #00ffff;animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch-notif:after{left:-3px;text-shadow:2px 0 #ff00ff;animation:glitch-anim-2 2s infinite linear alternate-reverse}@keyframes flashy-in{0%{opacity:0;transform:scale(.5) rotate(-10deg);filter:blur(10px)}30%{opacity:1;transform:scale(1.2) rotate(5deg);filter:blur(0)}to{opacity:0;transform:scale(1.5) rotate(0);filter:blur(5px)}}@keyframes glitch-shake{0%{transform:translate(2px,2px)}25%{transform:translate(-2px,-2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,2px)}to{transform:translate(2px,2px)}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 30% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(15% 0 35% 0)}20%{clip-path:inset(55% 0 15% 0)}40%{clip-path:inset(35% 0 45% 0)}60%{clip-path:inset(75% 0 10% 0)}80%{clip-path:inset(5% 0 65% 0)}to{clip-path:inset(25% 0 25% 0)}}#final-scene{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:70}#final-buttons{display:flex;gap:40px;align-items:center}.final-btn{padding:20px 50px;font-family:var(--font-display);font-size:1.3rem;border-radius:50px;cursor:pointer;transition:all .4s var(--ease-smooth);border:none}.yes-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;box-shadow:0 0 30px #ff6b9d4d}.yes-btn:hover{transform:scale(1.1);box-shadow:0 0 50px #ff6b9d80}.no-btn{background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.15)}.no-btn:hover{transform:scale(.9);opacity:.7}.forever-text{font-family:var(--font-display);text-transform:uppercase;font-weight:700;letter-spacing:.1em;font-size:clamp(2rem,8vw,5rem);color:gold;text-align:center;text-shadow:0 0 60px rgba(255,215,0,.6),0 0 120px rgba(255,215,0,.3);animation:foreverGlow 2s infinite alternate}@keyframes foreverGlow{0%{text-shadow:0 0 40px rgba(255,215,0,.4),0 0 80px rgba(255,215,0,.2)}to{text-shadow:0 0 80px rgba(255,215,0,.8),0 0 160px rgba(255,215,0,.4)}}.fog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 150px at var(--mouse-x, 50%) var(--mouse-y, 50%),transparent 0%,rgba(0,0,0,.95) 100%);pointer-events:none;z-index:15;transition:background .1s}.silhouette-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px}.silhouette{width:100%;height:100%;background:radial-gradient(ellipse,rgba(255,100,150,.15),transparent 70%);border-radius:50% 50% 45% 45%;filter:blur(2px);animation:silhouetteBreathe 4s infinite ease-in-out}@keyframes silhouetteBreathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}.firework{position:fixed;width:6px;height:6px;border-radius:50%;animation:fireworkBurst 1s forwards;pointer-events:none;z-index:300}@keyframes fireworkBurst{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@media (max-width: 768px){#hud{padding:12px 16px;gap:12px;flex-wrap:wrap}#heart-counter{padding:6px 12px;font-size:.95rem}#level-indicator{padding:6px 12px;font-size:.8rem}#progress-bar-container{max-width:150px}#desire-meter{right:10px}#desire-meter-track{height:140px;width:6px}.modal-content{padding:20px;border-radius:16px;width:95%}#final-buttons{flex-direction:column;gap:20px}.final-btn{padding:16px 40px;font-size:1.1rem}.hold-btn{width:90px;height:90px}.movie-poster-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width: 480px){#hud{padding:8px 12px;gap:8px}.preloader-text{font-size:1rem}.enter-btn{padding:14px 32px;font-size:.9rem}#progress-bar-container{max-width:100px}}.movie-poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:700px;width:90%;margin:0 auto}.heart-sync-ring{width:180px;height:180px;border-radius:50%;border:3px solid rgba(255,100,150,.2);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.heart-sync-ring .ring-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,100,150,.4);animation:syncPulse 1.2s infinite}@keyframes syncPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.heart-sync-ring .sync-heart{font-size:3rem;animation:syncBeat 1.2s infinite}@keyframes syncBeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.sync-feedback{position:absolute;bottom:-30px;font-family:var(--font-display);font-style:italic;font-size:.9rem;color:#fff9}.glow-zone{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,100,150,.1),transparent);border:2px dashed rgba(255,100,150,.2);display:flex;align-items:center;justify-content:center;cursor:none;position:relative}.glow-zone .glow-heart{font-size:4rem;transition:filter .3s}.glow-zone.active .glow-heart{filter:drop-shadow(0 0 20px rgba(255,100,150,.8))}.glow-timer{position:absolute;bottom:-40px;font-family:var(--font-display);font-size:1.2rem;color:var(--phase4-primary)}.vision-frame{background:linear-gradient(135deg,#e8a87c1a,#d4a5740d);border:1px solid rgba(232,168,124,.2);border-radius:16px;padding:30px 25px;text-align:center;max-width:280px;cursor:pointer;transition:all .4s var(--ease-smooth)}.vision-frame:hover{border-color:#e8a87c80;transform:scale(1.03);box-shadow:0 10px 40px #e8a87c1a}.vision-frame .frame-icon{font-size:2.5rem;margin-bottom:12px}.vision-frame .frame-text{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:#ffffffb3;line-height:1.6}.vision-frames-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:var(--space-lg)}#score-banner{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:85%;max-width:680px;padding:6px 20px;display:flex;align-items:center;gap:14px;z-index:100;background:#000000a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:0 6px 24px #0006;opacity:1!important;visibility:visible!important}.score-section{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--phase1-primary);min-width:70px}#score-percentage{font-size:.75rem;opacity:.8;margin-left:3px;color:#fff}.progress-section{flex:1}.progress-track{width:100%;height:5px;background:#ffffff14;border-radius:10px;overflow:hidden}#banner-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--phase1-primary),#fff);box-shadow:0 0 10px var(--phase1-glow);transition:width .3s var(--ease-smooth)}.level-section{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;min-width:100px;text-align:right}#music-player{position:fixed;bottom:12px;right:16px;display:flex;align-items:center;gap:5px;padding:5px 12px 5px 8px;z-index:100;background:#000000a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:0 4px 16px #00000059}.mc-btn{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;flex-shrink:0}.mc-btn:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff;transform:scale(1.1)}.mc-play{width:30px;height:30px;border-color:#ff6b9d4d;background:#ff6b9d14;color:#ff6b9de6}.mc-play:hover{background:#ff6b9d33;border-color:#ff6b9d80;color:#ff6b9d}.mc-title{font-family:var(--font-body);font-size:.6rem;color:#ffffff80;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:3px}.mc-play-icon.hidden,.mc-pause-icon.hidden{display:none}#top-nav{position:fixed;top:0;left:0;right:0;z-index:3000;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 80%,transparent 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#top-nav.hidden{display:none!important}.nav-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff12;color:#ffffffd9;font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .25s ease;white-space:nowrap}.nav-btn:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.nav-btn:active{transform:translateY(0);background:#ffffff1a}.nav-btn svg{flex-shrink:0;opacity:.85}.nav-btn:hover svg{opacity:1}.nav-btn.nav-muted{border-color:#ff3c3c59;color:#ff6464bf}.nav-btn.nav-muted svg{opacity:.5}.nav-profile-btn{background:linear-gradient(135deg,#ff6b9d26,#ff6b9d0d);border-color:#ff6b9d40}.nav-profile-btn:hover{background:linear-gradient(135deg,#ff6b9d47,#ff6b9d1a);border-color:#ff6b9d73}.profile-toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-10px);z-index:110;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.4rem;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,107,157,.3);border-radius:12px;opacity:0;transition:all .35s var(--ease-expo)}.profile-toast.toast-visible{transform:translate(-50%) translateY(0);opacity:1}.profile-toast-avatar{font-size:1.8rem}.profile-toast-info{display:flex;flex-direction:column;gap:.15rem}.profile-toast-info strong{font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}.profile-toast-info span{font-family:var(--font-body);font-size:.75rem;color:#fff9}@media (max-width: 600px){.nav-btn span{display:none}.nav-profile-btn span{display:inline;font-size:.65rem}.nav-btn{padding:.4rem;border-radius:6px}#top-nav{padding:.5rem .8rem;gap:.3rem}}#movie-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:55px 0 70px;box-sizing:border-box;gap:.6rem}.ms-header{text-align:center;margin-bottom:.4rem}.ms-title{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.5rem);color:#ff6b9d;margin:0 0 .2rem;text-shadow:0 0 20px rgba(255,107,157,.4);letter-spacing:.08em}.ms-subtitle{font-family:var(--font-body);color:#ffffff73;font-size:.75rem;margin:0}.ms-progress{display:flex;align-items:center;gap:.6rem;margin-top:.4rem;justify-content:center}.ms-progress-text{font-family:var(--font-display);font-size:.7rem;color:#ffffff73;letter-spacing:.1em}.ms-progress-bar{width:100px;height:3px;background:#ffffff1a;border-radius:3px;overflow:hidden}.ms-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#ee5a6f);border-radius:3px;transition:width .4s ease}.ms-stage{display:flex;align-items:center;gap:1.2rem;max-width:820px;width:92%}.ms-nav{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.ms-nav:hover{background:#ffffff24;border-color:#ffffff4d;color:#fff;transform:scale(1.08)}.ms-card{flex:1;border-radius:14px;background:#00000073;border:1px solid rgba(255,255,255,.08);overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ms-trailer{width:100%;aspect-ratio:16 / 9;background:#0a0a0a;position:relative;overflow:hidden}.ms-trailer iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.ms-trailer-gradient{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.ms-info{padding:.7rem 1rem}.ms-meta{display:flex;align-items:center;gap:.6rem}.ms-emoji{font-size:1.6rem}.ms-meta>div{flex:1}.ms-movie-title{font-family:var(--font-display);font-size:1.1rem;color:#fff;margin:0;letter-spacing:.06em}.ms-movie-genre{font-family:var(--font-body);font-size:.75rem;color:#fff6;margin:.1rem 0 0}.ms-year{font-family:var(--font-display);font-size:.7rem;color:#ffffff4d;letter-spacing:.1em;padding:.2rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:5px}.ms-floating-actions{display:flex;gap:.6rem;margin-top:.6rem;justify-content:center;align-items:center}.ms-floating-actions.hidden{display:none!important}.ms-fab{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;border-radius:20px;cursor:pointer;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.03em;transition:all .25s ease;white-space:nowrap}.ms-fab small{font-size:.6rem;opacity:.6;font-weight:400}.ms-fab-reject{background:#ff3c3c1a;border:1px solid rgba(255,60,60,.3);color:#ff7878e6}.ms-fab-reject:hover{background:#ff3c3c38;border-color:#ff3c3c8c;transform:scale(1.04)}.ms-fab-watch{background:linear-gradient(135deg,#ffb43226,#ff8c0014);border:1px solid rgba(255,180,50,.35);color:#ffd264f2}.ms-fab-watch:hover{background:linear-gradient(135deg,#ffb4324d,#ff8c0026);border-color:#ffb43299;transform:scale(1.04);box-shadow:0 3px 12px #ffb43233}.ms-fab-bucket{background:#50dc641a;border:1px solid rgba(80,220,100,.3);color:#78ff8ce6}.ms-fab-bucket:hover{background:#50dc6438;border-color:#50dc648c;transform:scale(1.04)}.ms-decided-badge{text-align:center;padding:.6rem 1.2rem;font-size:.9rem;font-family:var(--font-display);letter-spacing:.08em;border-radius:10px;margin-top:.5rem}.ms-decided-badge.hidden{display:none!important}.ms-decided-bucket{color:#78ff8c;background:#50dc641a;border:1px solid rgba(80,220,100,.2)}.ms-decided-reject{color:#ff7878cc;background:#ff3c3c14;border:1px solid rgba(255,60,60,.15)}.ms-done-btn{margin-top:.8rem;padding:.6rem 2rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#fff;border:1px solid rgba(255,107,157,.4);border-radius:10px;background:linear-gradient(135deg,#ff6b9d33,#ff3c641a);cursor:pointer;transition:all .3s ease}.ms-done-btn:hover{background:linear-gradient(135deg,#ff6b9d59,#ff3c6433);border-color:#ff6b9d99;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b9d33}.ms-done-btn.hidden{display:none!important}.ms-bottom-row{display:flex;gap:.8rem;margin-top:.6rem;align-items:center;justify-content:center}.ms-add-btn{padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(180,130,255,.3);background:linear-gradient(135deg,#9664ff1f,#b482ff0d);color:#c8aaffe6;font-family:var(--font-body);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.ms-add-btn:hover{background:linear-gradient(135deg,#9664ff40,#b482ff1f);border-color:#b482ff8c;transform:scale(1.04);box-shadow:0 3px 12px #9664ff26}.ms-add-modal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50}.ms-add-modal.hidden{display:none!important}.ms-add-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ms-add-form{position:relative;z-index:1;width:90%;max-width:380px;padding:1.4rem;background:#0f0a19f2;border:1px solid rgba(180,130,255,.2);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ms-add-form h3{font-family:var(--font-display);font-size:1rem;color:#fff;margin:0 0 1rem;letter-spacing:.06em;text-align:center}.ms-add-form label{display:block;font-family:var(--font-body);font-size:.68rem;color:#ffffff73;margin-bottom:.25rem;letter-spacing:.04em}.ms-input{width:100%;padding:.5rem .7rem;margin-bottom:.7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:.8rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.ms-input:focus{border-color:#b482ff80}.ms-input::placeholder{color:#fff3}.ms-add-form-actions{display:flex;gap:.6rem;margin-top:.4rem;justify-content:flex-end}@media (max-width: 600px){.ms-stage{gap:.4rem}.ms-nav{width:32px;height:32px}.ms-nav svg{width:18px;height:18px}.ms-info{padding:.5rem .7rem}.ms-floating-actions{flex-wrap:wrap;gap:.4rem}.ms-fab{padding:.3rem .7rem;font-size:.65rem}#movie-slideshow{padding:50px 0 65px}}#activity-hub{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14001ed9,#000000f2 70%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#activity-hub.hidden{display:none}.hub-content{width:90%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem}.hub-header{text-align:center}.hub-title{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#ff6b9d,gold,#ff6b9d);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hubTitleShimmer 4s ease infinite}@keyframes hubTitleShimmer{0%,to{background-position:0% center}50%{background-position:200% center}}.hub-subtitle{font-family:var(--font-body);font-size:clamp(.85rem,2vw,1.1rem);color:#fff9;margin-top:.5rem;letter-spacing:.05em}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;width:100%}.hub-card{position:relative;border-radius:14px;padding:1.1rem 1rem;cursor:pointer;overflow:hidden;background:var(--card-gradient);border:1px solid rgba(255,255,255,.15);transition:transform .3s var(--ease-expo),box-shadow .3s var(--ease-expo);opacity:0}.hub-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;border-radius:16px;transition:background .3s ease}.hub-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 40px #ff6b9d4d,0 0 60px #ff6b9d1a}.hub-card:hover:before{background:#0000001a}.hub-card:active{transform:translateY(-2px) scale(.98)}.hub-card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:var(--card-gradient);opacity:0;filter:blur(12px);transition:opacity .3s ease;z-index:-1}.hub-card:hover .hub-card-glow{opacity:.5}.hub-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.hub-card-emoji{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .3s var(--ease-expo)}.hub-card:hover .hub-card-emoji{transform:scale(1.2) rotate(-5deg)}.hub-card-title{font-family:var(--font-display);font-size:clamp(.65rem,1.3vw,.85rem);font-weight:700;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}.hub-card-desc{font-family:var(--font-body);font-size:clamp(.65rem,1.2vw,.85rem);color:#ffffffbf;line-height:1.4}.hub-card-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);transition:none;z-index:2;pointer-events:none}.hub-card:hover .hub-card-shine{animation:hubCardShine .6s ease forwards}@keyframes hubCardShine{0%{left:-100%}to{left:150%}}@media (max-width: 768px){.hub-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.hub-card{padding:.9rem .8rem}.hub-card-emoji{font-size:1.8rem}.hub-content{gap:1.5rem}}@media (max-width: 400px){.hub-grid{gap:.5rem}.hub-card{padding:.7rem .6rem}.hub-card-emoji{font-size:1.4rem}.hub-card-title{font-size:.7rem}}#knowme-quiz{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:55px 0 70px;box-sizing:border-box;gap:.8rem}.km-header{text-align:center}.km-title{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.5rem);color:#ff6b9d;margin:0 0 .2rem;text-shadow:0 0 20px rgba(255,107,157,.4);letter-spacing:.06em}.km-subtitle{font-family:var(--font-body);color:#ffffff73;font-size:.75rem;margin:0}.km-progress{display:flex;align-items:center;gap:.6rem;margin-top:.4rem;justify-content:center}.km-progress-text{font-family:var(--font-display);font-size:.7rem;color:#ffffff73;letter-spacing:.1em}.km-progress-bar{width:100px;height:3px;background:#ffffff1a;border-radius:3px;overflow:hidden}.km-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#ee5a6f);border-radius:3px;transition:width .4s ease}.km-card{width:90%;max-width:520px;padding:1.5rem;background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.km-card.hidden{display:none!important}.km-question{font-family:var(--font-display);font-size:1rem;color:#fff;margin:0 0 1.2rem;letter-spacing:.04em;text-align:center;line-height:1.5}.km-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.km-option{padding:.65rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fffc;font-family:var(--font-body);font-size:.78rem;cursor:pointer;transition:all .2s ease;text-align:center}.km-option:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.03)}.km-option:disabled{cursor:default;opacity:.7}.km-correct{background:#50dc6433!important;border-color:#50dc6480!important;color:#78ff8c!important;opacity:1!important}.km-wrong{background:#ff3c3c33!important;border-color:#ff3c3c80!important;color:#ff7878e6!important;opacity:1!important}.km-feedback{margin-top:.8rem;padding:.6rem;border-radius:8px;font-family:var(--font-body);font-size:.78rem;text-align:center}.km-feedback.hidden{display:none!important}.km-feedback-correct{color:#78ff8c;background:#50dc6414;border:1px solid rgba(80,220,100,.15)}.km-feedback-wrong{color:#ff7878e6;background:#ff3c3c0f;border:1px solid rgba(255,60,60,.12)}.km-result{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:11}.km-result.hidden{display:none!important}.km-result-card{text-align:center;padding:2rem;background:#0009;border:1px solid rgba(255,107,157,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px}.km-result-title{font-family:var(--font-display);font-size:1.1rem;color:#fff;margin:0 0 .8rem;letter-spacing:.04em;line-height:1.5}.km-result-score{font-family:var(--font-body);font-size:.85rem;color:#ffffff8c;margin:0 0 1.2rem}.km-done-btn{padding:.6rem 2rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#fff;border:1px solid rgba(255,107,157,.4);border-radius:10px;background:linear-gradient(135deg,#ff6b9d33,#ff3c641a);cursor:pointer;transition:all .3s ease}.km-done-btn:hover{background:linear-gradient(135deg,#ff6b9d59,#ff3c6433);border-color:#ff6b9d99;transform:translateY(-2px)}.km-edit-btn{display:inline-block;margin-top:.5rem;padding:.35rem 1rem;font-family:var(--font-body);font-size:.7rem;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s ease}.km-edit-btn:hover{color:#ff6b9d;border-color:#ff6b9d4d;background:#ff6b9d0f}.km-editor{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;align-items:center;justify-content:center}.km-editor.hidden{display:none!important}.km-editor-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.km-editor-panel{position:relative;width:92%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;background:#0f0a14f2;border:1px solid rgba(255,107,157,.15);border-radius:16px;overflow:hidden}.km-editor-header{padding:1rem 1.2rem .6rem;border-bottom:1px solid rgba(255,255,255,.06)}.km-editor-header h3{font-family:var(--font-display);font-size:.95rem;color:#ff6b9d;margin:0 0 .2rem;letter-spacing:.06em}.km-editor-header p{font-family:var(--font-body);font-size:.65rem;color:#ffffff59;margin:0}.km-editor-list{flex:1;overflow-y:auto;padding:.8rem 1.2rem;display:flex;flex-direction:column;gap:.8rem}.km-eq-block{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.7rem .8rem}.km-eq-label{font-family:var(--font-display);font-size:.65rem;color:#ff6b9db3;letter-spacing:.1em;display:block;margin-bottom:.3rem}.km-eq-input{width:100%;padding:.4rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-family:var(--font-body);font-size:.75rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.km-eq-input:focus{border-color:#ff6b9d66}.km-eq-input::placeholder{color:#fff3}.km-eq-question{margin-bottom:.5rem}.km-eq-options{display:flex;flex-direction:column;gap:.3rem}.km-eq-opt-row{display:flex;align-items:center;gap:.4rem}.km-eq-radio{accent-color:#ff6b9d;width:14px;height:14px;cursor:pointer;flex-shrink:0}.km-eq-opt{flex:1}.km-eq-hint{font-family:var(--font-body);font-size:.55rem;color:#fff3;margin:.3rem 0 0;font-style:italic}.km-editor-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.6rem 1.2rem;border-top:1px solid rgba(255,255,255,.06)}.km-editor-cancel{padding:.4rem 1rem;font-family:var(--font-body);font-size:.7rem;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.km-editor-cancel:hover{color:#fff;border-color:#ffffff4d}.km-editor-save{padding:.4rem 1.2rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#ff6b9d40,#ff3c641f);border:1px solid rgba(255,107,157,.4);border-radius:8px;cursor:pointer;transition:all .2s ease}.km-editor-save:hover{background:linear-gradient(135deg,#ff6b9d66,#ff3c6433);border-color:#ff6b9d99;transform:translateY(-1px)}#confession-page{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:10;padding:60px 20px 80px;box-sizing:border-box;overflow-y:auto;gap:.8rem}.conf-envelope{text-align:center;margin-bottom:.3rem}.conf-seal{font-size:2.5rem;margin-bottom:.3rem;filter:drop-shadow(0 0 20px rgba(255,200,50,.4))}.conf-heading{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.8rem);color:gold;margin:0;text-shadow:0 0 30px rgba(255,215,0,.3);letter-spacing:.08em}.conf-from{font-family:var(--font-body);font-size:.78rem;color:#fff6;margin:.3rem 0 0;font-style:italic}.conf-letter{width:90%;max-width:560px}.conf-letter-inner{padding:1.8rem 1.5rem;background:#140a05b3;border:1px solid rgba(255,215,0,.12);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.conf-letter-inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,215,0,.03) 0%,transparent 50%);border-radius:14px;pointer-events:none}.conf-greeting{font-family:var(--font-display);font-size:1rem;color:#ffd700cc;margin:0 0 1rem;letter-spacing:.06em}.conf-body p{font-family:var(--font-body);font-size:.85rem;color:#ffffffbf;line-height:1.7;margin:0 0 .8rem}.conf-body p:last-child{margin-bottom:1.2rem}.conf-body strong{color:#ff6b9d;font-weight:700}.conf-sign{font-family:var(--font-body);font-size:.8rem;color:#ffffff73;margin:0;font-style:italic}.conf-name{font-family:var(--font-display);font-size:1.1rem;color:#ff6b9d;margin:.2rem 0 .8rem;letter-spacing:.06em}.conf-hearts{display:flex;gap:.5rem;justify-content:center;font-size:1.3rem;margin-top:.5rem}.conf-done-btn{margin-top:.6rem;padding:.6rem 2rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#fff;border:1px solid rgba(255,215,0,.35);border-radius:10px;background:linear-gradient(135deg,#ffd70026,#ff8c0014);cursor:pointer;transition:all .3s ease}.conf-done-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ff8c0026);border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 4px 16px #ffd70026}.conf-empty{text-align:center}.conf-empty.hidden{display:none!important}.conf-empty-text{font-family:var(--font-display);font-size:1rem;color:#ffffff59;margin:0 0 .3rem}.conf-empty-hint{font-family:var(--font-body);font-size:.7rem;color:#fff3;margin:0;font-style:italic}.conf-bottom-actions{display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:.4rem}.conf-edit-btn{padding:.5rem 1.4rem;font-family:var(--font-body);font-size:.75rem;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.conf-edit-btn:hover{color:gold;border-color:#ffd7004d;background:#ffd7000f}.conf-editor{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;align-items:center;justify-content:center}.conf-editor.hidden{display:none!important}.conf-editor-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conf-editor-panel{position:relative;width:92%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;background:#0f0a05f2;border:1px solid rgba(255,215,0,.15);border-radius:16px;overflow:hidden}.conf-editor-header{padding:1rem 1.2rem .6rem;border-bottom:1px solid rgba(255,255,255,.06)}.conf-editor-header h3{font-family:var(--font-display);font-size:.95rem;color:gold;margin:0 0 .2rem;letter-spacing:.06em}.conf-editor-header p{font-family:var(--font-body);font-size:.65rem;color:#ffffff59;margin:0}.conf-editor-body{flex:1;overflow-y:auto;padding:.8rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.conf-ed-label{font-family:var(--font-display);font-size:.6rem;color:#ffd70099;letter-spacing:.1em}.conf-ed-input{width:100%;padding:.4rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-family:var(--font-body);font-size:.75rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.conf-ed-input:focus{border-color:#ffd70066}.conf-ed-input::placeholder{color:#fff3}.conf-ed-textarea{width:100%;min-height:160px;padding:.6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:.8rem;line-height:1.7;outline:none;resize:vertical;transition:border-color .2s ease;box-sizing:border-box}.conf-ed-textarea:focus{border-color:#ffd70066}.conf-ed-textarea::placeholder{color:#fff3}.conf-editor-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.6rem 1.2rem;border-top:1px solid rgba(255,255,255,.06)}.conf-ed-cancel{padding:.4rem 1rem;font-family:var(--font-body);font-size:.7rem;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.conf-ed-cancel:hover{color:#fff;border-color:#ffffff4d}.conf-ed-save{padding:.4rem 1.2rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#ffd70033,#ff8c001a);border:1px solid rgba(255,215,0,.4);border-radius:8px;cursor:pointer;transition:all .2s ease}.conf-ed-save:hover{background:linear-gradient(135deg,#ffd70059,#ff8c0033);border-color:#ffd70099;transform:translateY(-1px)}#tellme-module{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:60px 20px 80px;box-sizing:border-box}.tm-header{text-align:center;margin-bottom:1.5rem}.tm-title{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem);color:#ff7eb3;margin:0 0 .4rem;text-shadow:0 0 25px rgba(255,126,179,.5);letter-spacing:.05em}.tm-subtitle{font-family:var(--font-body);font-size:.85rem;color:#ffffff73;font-style:italic;margin:0}.tm-card-container{width:100%;max-width:500px;position:relative;min-height:380px;perspective:1000px}.tm-card{width:100%;background:#140a14d9;border:1px solid rgba(255,126,179,.3);border-radius:20px;padding:2rem 1.5rem;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000080}.tm-card.current{position:relative;z-index:2}.tm-question-number{font-family:var(--font-body);font-size:.75rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;text-align:center}.tm-question-text{font-family:var(--font-display);font-size:1.1rem;color:#fff;text-align:center;margin:0 0 1.5rem;line-height:1.5;min-height:3.3em;display:flex;align-items:center;justify-content:center}.tm-input{width:100%;min-height:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;font-family:var(--font-body);font-size:.95rem;color:#fff;outline:none;resize:none;transition:all .3s ease;box-sizing:border-box}.tm-input:focus{background:#ffffff14;border-color:#ff7eb380;box-shadow:0 0 15px #ff7eb326}.tm-input::placeholder{color:#fff3;font-style:italic}.tm-next-btn{width:100%;margin-top:1.5rem;padding:.9rem;background:linear-gradient(135deg,#ff7eb3,#ff758c);border:none;border-radius:12px;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.1em;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tm-next-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff758c66}.tm-next-btn:active{transform:translateY(0)}.tm-final-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;text-align:center;padding:2rem;box-sizing:border-box}.tm-final-overlay.hidden{display:none!important}.tm-heart-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 30px rgba(255,126,179,.6));animation:pulse 2s infinite ease-in-out}.tm-final-title{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin:0 0 .5rem;line-height:1.4}.tm-final-score{font-family:var(--font-display);font-size:1.2rem;color:#ff7eb3;margin:0 0 2.5rem;letter-spacing:.1em;text-shadow:0 0 15px rgba(255,126,179,.4)}.tm-hold-btn{width:220px;height:220px;border-radius:50%;background:transparent;border:2px solid rgba(255,126,179,.3);color:#fff;font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tm-hold-btn:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ff7eb31a;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease}.tm-hold-btn:active:before{transform:translate(-50%,-50%) scale(1)}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}#music-page{position:fixed;width:100vw;height:100vh;z-index:2000;padding-top:80px;background:radial-gradient(circle at center,#3c143cf2,#000);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;color:#fff}#music-page.hidden{display:none!important}.mp-layout{display:flex;width:90%;max-width:1200px;height:85vh;background:#ffffff08;border:1px solid rgba(255,107,157,.2);border-radius:20px;overflow:hidden;box-shadow:0 0 60px #ff6b9d26;position:relative}.mp-close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.2rem;cursor:pointer;z-index:10;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mp-close-btn:hover{background:#f009;transform:rotate(90deg)}.mp-sidebar{width:40%;background:#0000004d;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:20px}.mp-search-box{background:#ffffff1a;border-radius:30px;padding:10px 15px;display:flex;align-items:center;margin-bottom:20px}.mp-search-icon{opacity:.6;margin-right:10px}.mp-search-input{background:transparent;border:none;color:#fff;width:100%;font-family:var(--font-body);font-size:.9rem;outline:none}.mp-search-input::placeholder{color:#ffffff4d}.mp-song-list-container{flex:1;overflow:hidden;position:relative}.mp-song-list-scroll{display:flex;flex-direction:column;gap:10px}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.mp-song-list-scroll{animation:scrollUp 120s linear infinite}.mp-song-list-scroll:hover{animation-play-state:paused}.mp-song-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.mp-song-item:hover{background:#ffffff1a}.mp-song-icon{font-size:1.2rem;margin-right:15px;opacity:.7}.mp-song-details{flex:1}.mp-song-title{font-family:var(--font-display);font-size:.95rem;color:#fff;margin-bottom:3px}.mp-song-artist{font-family:var(--font-body);font-size:.75rem;color:#ffffff80}.mp-song-play{opacity:0;transform:translate(-10px);transition:all .2s ease;color:#ff6b9d}.mp-song-item:hover .mp-song-play{opacity:1;transform:translate(0)}.mp-song-item.active{background:#ff6b9d33;border-left:3px solid #ff6b9d}.mp-song-item.active .mp-song-title{color:#ff6b9d}.mp-song-item.active .mp-song-play{opacity:1;transform:translate(0)}.mp-player-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;background:transparent}.mp-album-art{width:280px;height:280px;border-radius:50%;background:#000;box-shadow:0 10px 40px #0009;position:relative;margin-bottom:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mp-disc{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(#111 0,#111 2px,#222,#222 4px);position:absolute;top:0;left:0;animation:rotate 10s linear infinite;animation-play-state:paused}.playing .mp-disc{animation-play-state:running}.mp-disc-inner{width:35%;height:35%;background:url(https://source.unsplash.com/random/300x300/?couple,love) center/cover;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid #111}.mp-notes{position:absolute;font-size:2rem;color:#fff9;opacity:0}.playing .mp-notes{animation:floatNotes 2s ease-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes floatNotes{0%{transform:translateY(0) scale(.8);opacity:0}50%{opacity:.8}to{transform:translateY(-50px) scale(1.2);opacity:0}}.mp-track-info{text-align:center;margin-bottom:30px}.mp-title{font-family:var(--font-display);font-size:1.8rem;margin:0 0 5px;color:#fff}.mp-artist{font-family:var(--font-body);font-size:1rem;color:#ffffff80}.mp-progress-container{width:100%;display:flex;align-items:center;gap:15px;margin-bottom:30px}.mp-time{font-family:monospace;font-size:.8rem;opacity:.6}.mp-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden;cursor:pointer}.mp-progress-fill{width:30%;height:100%;background:linear-gradient(90deg,#ff6b9d,gold);border-radius:2px;box-shadow:0 0 10px #ff6b9d80}.mp-controls{display:flex;align-items:center;gap:20px}.mp-ctrl-btn{background:transparent;border:none;font-size:1.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.mp-ctrl-btn:hover{color:#fff;transform:scale(1.1)}.mp-ctrl-btn.big{width:60px;height:60px;background:#fff;border-radius:50%;color:#000;font-size:1.8rem;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #ffffff4d}.mp-ctrl-btn.big:hover{transform:scale(1.05);box-shadow:0 0 25px #ff6b9d99;background:linear-gradient(135deg,#ff6b9d,#f36);color:#fff;border:none}#profile-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background:radial-gradient(ellipse at 50% 0%,#1e0a3c,#0d0515,#050208);color:#f0e6ff;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#profile-page.hidden{display:none}.pp-layout{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.pp-top-actions{position:fixed;top:16px;right:18px;z-index:3100;display:flex;gap:10px;align-items:center}.pp-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;font-size:.95rem;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .25s ease;display:flex;align-items:center;justify-content:center}.pp-close-btn:hover{background:#ff505040;color:#fff;transform:rotate(90deg) scale(1.1)}.pp-edit-toggle{padding:8px 20px;border-radius:24px;border:1px solid rgba(255,107,157,.35);background:#ff6b9d1a;color:#ff8fb5;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .25s ease;letter-spacing:.4px}.pp-logout-btn:hover{background:#ff6b9d38;border-color:#ff6b9d;box-shadow:0 0 20px #ff6b9d26;transform:translateY(-1px)}.pp-logout-btn{padding:8px 20px;border-radius:24px;border:1px solid rgba(255,62,62,.3);background:#ff3e3e1a;color:#ff5050;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .25s ease;letter-spacing:.4px}.pp-logout-btn:hover{background:#ff3e3e40;border-color:#ff3e3e;box-shadow:0 0 20px #ff3e3e33;transform:translateY(-1px)}.pp-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 80px;scrollbar-width:none}.pp-scroll::-webkit-scrollbar{display:none}.pp-header{display:flex;flex-direction:column;align-items:center;padding:40px 24px 28px;position:relative}.pp-header:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,157,.12) 0%,transparent 70%);pointer-events:none}.pp-avatar-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;position:relative}.pp-avatar-ring{width:132px;height:132px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#ff6b9d,gold,#a855f7,#3b82f6,#ff6b9d);animation:ppRingSpin 4s linear infinite;box-shadow:0 0 30px #ff6b9d40,0 0 60px #a855f71f;transition:box-shadow .3s}.pp-avatar-ring:hover{box-shadow:0 0 40px #ff6b9d59,0 0 80px #a855f733}@keyframes ppRingSpin{to{filter:hue-rotate(360deg)}}.pp-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #0d0515}.pp-avatar-emoji{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#1a0a2e,#2d1452);display:flex;align-items:center;justify-content:center;font-size:3.8rem;border:3px solid #0d0515}.pp-photo-upload{margin-top:10px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:#ff8fb5;cursor:pointer;padding:5px 14px;border:1px dashed rgba(255,107,157,.35);border-radius:14px;transition:all .25s;letter-spacing:.3px}.pp-photo-upload:hover{background:#ff6b9d1a;border-color:#ff6b9d}.pp-name{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.5px}.pp-tagline{font-family:Inter,sans-serif;color:#fff6;font-size:.82rem;font-weight:400;margin:6px 0 22px;letter-spacing:.8px}.pp-edit-name,.pp-edit-tagline,.pp-edit-stat,.pp-edit-bio,.pp-edit-interests,.pp-edit-traits,.pp-edit-about-label,.pp-edit-about-value,.pp-edit-fav-label,.pp-edit-fav-value{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f0e6ff;padding:10px 14px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;outline:none;transition:all .25s ease;width:100%;box-sizing:border-box}.pp-edit-name:focus,.pp-edit-tagline:focus,.pp-edit-stat:focus,.pp-edit-bio:focus,.pp-edit-interests:focus,.pp-edit-traits:focus,.pp-edit-about-label:focus,.pp-edit-about-value:focus,.pp-edit-fav-label:focus,.pp-edit-fav-value:focus{border-color:#a855f780;background:#a855f70f;box-shadow:0 0 0 3px #a855f714}.pp-edit-name{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;text-align:center;max-width:320px}.pp-edit-tagline{text-align:center;max-width:300px;margin-top:6px;font-weight:300}.pp-edit-stat{width:70px;text-align:center;font-weight:700;font-size:1.1rem;padding:8px 4px}textarea.pp-edit-bio,textarea.pp-edit-interests,textarea.pp-edit-traits{resize:vertical;min-height:90px;line-height:1.7}.pp-stats{display:flex;align-items:center;gap:0;padding:14px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:50px;width:fit-content}.pp-stat{display:flex;flex-direction:column;align-items:center;padding:0 24px;gap:3px}.pp-stat strong{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#fff}.pp-stat span{font-family:Inter,sans-serif;font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.pp-stat-divider{width:1px;height:24px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12),transparent)}.pp-card{margin:14px 24px 0;padding:24px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:22px;transition:all .3s ease;position:relative;overflow:hidden}.pp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,157,.15),rgba(168,85,247,.15),transparent)}.pp-card:hover{background:#ffffff09;border-color:#ffffff14;transform:translateY(-1px);box-shadow:0 8px 32px #00000026}.pp-card-title{font-family:Outfit,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:2.5px;color:#a855f7a6;margin:0 0 16px;font-weight:600}.pp-bio-lines p{margin:6px 0;font-family:Inter,sans-serif;font-size:.88rem;color:#ffffffb3;line-height:1.65;font-weight:400}.pp-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-about-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.04);transition:all .3s ease}.pp-about-item:hover{background:#a855f70d;border-color:#a855f71f;transform:translateY(-1px)}.pp-about-item-edit{flex-direction:column;align-items:stretch;gap:6px}.pp-about-icon{font-size:1.4rem;flex-shrink:0}.pp-about-detail{display:flex;flex-direction:column;gap:2px}.pp-about-label{font-family:Inter,sans-serif;font-size:.6rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;font-weight:600}.pp-about-value{font-family:Inter,sans-serif;font-size:.85rem;color:#ffffffd9;font-weight:500}.pp-tags{display:flex;flex-wrap:wrap;gap:8px}.pp-tag{padding:8px 18px;border-radius:50px;background:linear-gradient(135deg,#a855f714,#ff6b9d0f);border:1px solid rgba(168,85,247,.12);font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;color:#fffc;transition:all .25s ease;cursor:default}.pp-tag:hover{background:linear-gradient(135deg,#a855f729,#ff6b9d1f);border-color:#a855f740;transform:translateY(-2px);box-shadow:0 4px 16px #a855f71a}.pp-fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pp-fav-item{display:flex;flex-direction:column;align-items:center;padding:20px 12px 16px;background:#ffffff05;border-radius:18px;border:1px solid rgba(255,255,255,.04);text-align:center;transition:all .3s ease;position:relative}.pp-fav-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(168,85,247,.06),transparent 70%);pointer-events:none}.pp-fav-item:hover{background:#a855f70a;border-color:#a855f71f;transform:translateY(-3px);box-shadow:0 6px 24px #0003}.pp-fav-item-edit{gap:6px}.pp-fav-emoji{font-size:1.8rem;margin-bottom:8px;position:relative;z-index:1}.pp-fav-label{font-family:Inter,sans-serif;font-size:.55rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;position:relative;z-index:1}.pp-fav-value{font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;color:#ffffffe6;margin-top:3px;position:relative;z-index:1}.pp-traits{display:flex;flex-direction:column;gap:6px}.pp-trait-row{padding:14px 18px;background:#ffffff05;border-radius:14px;border:1px solid rgba(255,255,255,.04);font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;color:#ffffffb3;transition:all .3s ease;line-height:1.4}.pp-trait-row:hover{background:#a855f70a;transform:translate(6px);border-color:#a855f71a;color:#ffffffd9}.pp-bottom-pad{height:40px}@media (max-width: 768px){.pp-header{padding:30px 16px 20px}.pp-avatar-ring{width:110px;height:110px}.pp-name{font-size:1.6rem}.pp-card{margin:10px 14px 0;padding:18px;border-radius:18px}.pp-about-grid{grid-template-columns:1fr}.pp-fav-grid{grid-template-columns:repeat(2,1fr)}.pp-stats{padding:12px 20px}.pp-stat{padding:0 16px}.pp-top-actions{top:10px;right:12px}}.love-letter-section{width:100%;max-width:1200px;margin:40px auto 100px;position:relative;z-index:10;grid-column:1 / -1;padding:0 20px}.hub-grid+.love-letter-section{margin-top:80px}.ll-layout{display:flex;flex-direction:column;gap:40px}@media (min-width: 768px){.ll-layout{flex-direction:row;align-items:flex-start;gap:60px}}.ll-visual-col{width:100%}@media (min-width: 768px){.ll-visual-col{width:45%;position:sticky;top:100px;height:80vh;display:flex;align-items:center}}.ll-text-col{width:100%}@media (min-width: 768px){.ll-text-col{width:55%;padding-top:20px}}.ll-canvas-container{width:100%;height:500px;position:relative}@media (min-width: 768px){.ll-canvas-container{height:100%;max-height:80vh}}.ll-text{font-family:Playfair Display,serif;font-size:1.25rem;line-height:1.9;color:#e0e0e0;text-shadow:0 2px 4px rgba(0,0,0,.8);margin:0}#message-page{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;background:linear-gradient(135deg,#2a0a1a,#1a0510,#0a0005);color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:80px}.mp-content-wrapper{max-width:800px;margin:0 auto;padding:40px 20px 100px;text-align:center;position:relative;z-index:2}.mp-image-container{margin-bottom:20px;position:relative;width:100%;display:flex;justify-content:center}.mp-3d-container{width:100%;max-width:500px;height:500px;pointer-events:none;z-index:10}.val-title{font-family:Playfair Display,serif;font-size:2.5rem;color:#ff8fa3;margin-bottom:40px;text-shadow:0 0 20px rgba(255,143,163,.5)}#rr-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;justify-content:center;align-items:center;background:#000c}.rr-password-container{text-align:center;background:#140000e6;padding:40px;border:1px solid #ff0033;box-shadow:0 0 30px #ff00334d;border-radius:10px;max-width:400px;width:90%}.rr-title{font-family:Syncopate,sans-serif;color:#f03;font-size:2rem;margin-bottom:10px;text-shadow:0 0 10px rgba(255,0,51,.8)}.rr-subtitle{color:#888;font-size:.9rem;margin-bottom:30px;letter-spacing:2px;text-transform:uppercase}#rr-password-input{background:transparent;border:none;border-bottom:2px solid #555;color:#fff;font-size:1.2rem;text-align:center;padding:10px;margin-bottom:30px;width:100%;font-family:Outfit,sans-serif;transition:all .3s}#rr-password-input:focus{outline:none;border-bottom-color:#f03;box-shadow:0 5px 10px #ff00331a}#rr-enter-btn{background:#f03;color:#000;font-family:Syncopate,sans-serif;font-weight:700;border:none;padding:12px 30px;font-size:1rem;cursor:pointer;transition:all .3s}#rr-enter-btn:hover{background:#fff;box-shadow:0 0 20px #f03}#rr-error-msg{color:#f03;margin-top:15px;font-size:.8rem;min-height:1.2em;opacity:0}#rr-chat-interface{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;display:flex;flex-direction:column;background:linear-gradient(to bottom,transparent 0%,rgba(20,0,0,.8) 100%);pointer-events:none}#rr-chat-history{flex:1;overflow-y:auto;padding:100px 20px 20px;display:flex;flex-direction:column;gap:20px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 100%);pointer-events:auto}.rr-message{max-width:80%;padding:15px 20px;border-radius:15px;font-size:1.1rem;line-height:1.5;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.5)}.rr-message.bot{background:#32000099;border:1px solid rgba(255,0,51,.2);align-self:flex-start;color:#ffd1dc;font-family:Playfair Display,serif}.rr-message.user{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);align-self:flex-end;color:#fff;font-family:Outfit,sans-serif;text-align:right}.rr-message.reaction{align-self:center;background:transparent;border:none;font-style:italic;color:#f03;text-align:center;font-size:1.2rem;text-shadow:0 0 10px rgba(255,0,51,.5)}#rr-interaction-area{min-height:150px;padding:20px;display:flex;flex-direction:column;gap:15px;align-items:center;background:linear-gradient(to top,#0a0000 0%,transparent 100%);pointer-events:auto}.rr-option-btn{background:#1e0000cc;border:1px solid #ff0033;color:#fcc;padding:15px 30px;width:100%;max-width:500px;font-family:Outfit,sans-serif;font-size:1rem;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.rr-option-btn:hover{background:#f03;color:#000;box-shadow:0 0 20px #ff003380;transform:scale(1.02)}.rr-bottom-hud{top:auto!important;bottom:20px!important;transition:all .5s ease-in-out}