:root{--bg:#fef2f6;--bg-soft:#fff8fb;--card:#fffbfd;--card-elevated:#fff;--text-primary:#4a0a1c;--text-secondary:#9b7585;--text-muted:#c4a8b2;--cta:#c43057;--cta-hover:#e85c7a;--cta-soft:#c430571a;--border:#f0c0d0;--border-strong:#e0a0b8;--soft-hover:#f8d8e4;--bg-overlay:#4a0a1c8c;--card-shadow:#c430571a;--card-shadow-lg:#c4305729;--glow:#c4305747;--glow-strong:#c4305773;--star-color:gold;--success:#10b981;--danger:#ef4444;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--font-handwriting:"Dancing Script", cursive;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-round:50%;--transition-instant:.1s ease;--transition-fast:.2s ease;--transition-normal:.35s ease;--transition-slow:.6s ease;--transition-dramatic:1s cubic-bezier(.4, 0, .2, 1);--mood-romantic-color:#c43057;--mood-happy-color:#e07018;--mood-sad-color:#4b72c2;--mood-dreamy-color:#7c3aed;--mood-cozy-color:#b86b20;--mood-playful-color:#d97706}[data-mood=romantic]{--bg:#fef2f6;--bg-soft:#fff8fb;--card:#fffbfd;--text-primary:#4a0a1c;--text-secondary:#9b7585;--text-muted:#c4a8b2;--cta:#c43057;--cta-hover:#e85c7a;--cta-soft:#c430571a;--border:#f0c0d0;--border-strong:#e0a0b8;--soft-hover:#f8d8e4;--bg-overlay:#4a0a1c8c;--card-shadow:#c430571a;--card-shadow-lg:#c430572e;--glow:#c4305747;--glow-strong:#c430577a}[data-mood=happy]{--bg:#fff6ee;--bg-soft:#fffaf5;--card:#fffdf9;--text-primary:#5a2800;--text-secondary:#a07050;--text-muted:#c8a882;--cta:#d96b14;--cta-hover:#f08842;--cta-soft:#d96b141a;--border:#f5d5b0;--border-strong:#e8c090;--soft-hover:#fae5c8;--bg-overlay:#5a28008c;--card-shadow:#d96b141a;--card-shadow-lg:#d96b142e;--glow:#d96b1447;--glow-strong:#d96b147a}[data-mood=sad]{--bg:#ebf0fa;--bg-soft:#f2f6fd;--card:#f7faff;--text-primary:#1a2b4e;--text-secondary:#6878a0;--text-muted:#9baac8;--cta:#4b72c2;--cta-hover:#6b90de;--cta-soft:#4b72c21a;--border:#c5d5ec;--border-strong:#a8c0e0;--soft-hover:#d8e5f5;--bg-overlay:#1a2b4e8c;--card-shadow:#4b72c21f;--card-shadow-lg:#4b72c233;--glow:#4b72c247;--glow-strong:#4b72c27a}[data-mood=dreamy]{--bg:#f4eeff;--bg-soft:#faf6ff;--card:#fcf9ff;--text-primary:#2d1055;--text-secondary:#8060aa;--text-muted:#b89dd4;--cta:#7c3aed;--cta-hover:#9b5cf8;--cta-soft:#7c3aed1a;--border:#dbbffa;--border-strong:#c89df5;--soft-hover:#ecd9ff;--bg-overlay:#2d105594;--card-shadow:#7c3aed1a;--card-shadow-lg:#7c3aed2e;--glow:#7c3aed47;--glow-strong:#7c3aed7a}[data-mood=cozy]{--bg:#fdf5e8;--bg-soft:#fffaf2;--card:#fffcf7;--text-primary:#3c1a00;--text-secondary:#9a7045;--text-muted:#c8a870;--cta:#b86b20;--cta-hover:#d8894e;--cta-soft:#b86b201a;--border:#edd0a0;--border-strong:#ddb870;--soft-hover:#f5e2c0;--bg-overlay:#3c1a008c;--card-shadow:#b86b201a;--card-shadow-lg:#b86b202e;--glow:#b86b2047;--glow-strong:#b86b207a}[data-mood=playful]{--bg:#fffce8;--bg-soft:#fffef5;--card:#fffff5;--text-primary:#3d2000;--text-secondary:#9a7820;--text-muted:#caa840;--cta:#d97706;--cta-hover:#f59e0b;--cta-soft:#d977061a;--border:#f0dc98;--border-strong:#e0c860;--soft-hover:#faf0c0;--bg-overlay:#3d20008c;--card-shadow:#d977061a;--card-shadow-lg:#d977062e;--glow:#d9770647;--glow-strong:#d977067a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow), color .4s ease;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-normal);line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition-normal);font-weight:600;line-height:1.2}a{color:var(--cta);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--cta-hover)}button{cursor:pointer;font-family:var(--font-body);transition:all var(--transition-normal);border:none}input,textarea,select{font-family:var(--font-body);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:var(--card);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-slow);outline:none;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--cta);box-shadow:0 0 0 3px var(--cta-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:100px}img{max-width:100%;display:block}.card{background:var(--card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 1px 3px #0000000a, 0 4px 16px var(--card-shadow), inset 0 1px 0 #ffffffd9;padding:var(--space-lg);transition:background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-fast)}.card:hover{box-shadow:0 2px 6px #0000000f, 0 8px 28px var(--card-shadow-lg), inset 0 1px 0 #ffffffe6}.card-elevated{background:var(--card-elevated);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 2px 6px #0000000f, 0 12px 40px var(--card-shadow-lg), inset 0 1px 0 #fff;padding:var(--space-lg);transition:border-color var(--transition-slow), box-shadow var(--transition-normal)}.btn-primary{background:linear-gradient(135deg, var(--cta) 0%, var(--cta-hover) 100%);color:#fff;padding:10px var(--space-lg);border-radius:var(--radius-sm);letter-spacing:.025em;box-shadow:0 2px 14px var(--glow);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-slow);text-shadow:0 1px 2px #00000026;border:none;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 24px var(--glow-strong);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px var(--glow);transform:translateY(0)}.btn-secondary{color:var(--cta);padding:9px var(--space-lg);border-radius:var(--radius-sm);border:1.5px solid var(--cta);letter-spacing:.02em;transition:all var(--transition-fast), background var(--transition-slow), color var(--transition-slow);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:linear-gradient(135deg, var(--cta) 0%, var(--cta-hover) 100%);color:#fff;box-shadow:0 4px 18px var(--glow);text-shadow:0 1px 2px #00000026;border-color:#0000;transform:translateY(-1px)}.btn-ghost{background:var(--cta-soft);color:var(--cta);padding:8px var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:none;align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--soft-hover);transform:translateY(-1px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.text-display{font-family:var(--font-display)}.text-handwriting{font-family:var(--font-handwriting)}.gradient-text{background:linear-gradient(135deg, var(--text-primary), var(--cta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:linear-gradient(to right, transparent, var(--border-strong), transparent);height:1px;margin:var(--space-lg) 0}.floating-hearts{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-heart{position:absolute;bottom:0}.auth-page{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container{text-align:center;width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl);z-index:1;position:relative}.auth-title{margin-bottom:var(--space-sm);font-size:3rem}.auth-subtitle{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.6rem}.auth-tagline{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:.9rem}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.input-group{text-align:left}.input-group label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.85rem;font-weight:500;display:block}.auth-error{color:var(--cta);text-align:center;font-size:.85rem}.auth-btn{width:100%;padding:var(--space-md);margin-top:var(--space-sm);font-size:1rem}.auth-switch{color:var(--text-secondary);margin-top:var(--space-lg);background:0 0;font-size:.85rem}.auth-switch:hover{color:var(--cta)}.auth-back{color:var(--text-secondary);margin-top:var(--space-sm);opacity:.7;background:0 0;font-size:.8rem;transition:opacity .2s,color .2s}.auth-back:hover{opacity:1;color:var(--cta)}.setup-page{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.setup-container{text-align:center;width:100%;max-width:480px;padding:var(--space-2xl) var(--space-xl)}.setup-container h2{margin-bottom:var(--space-sm);font-size:1.6rem}.setup-tagline{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:.9rem}.setup-choices{gap:var(--space-md);flex-direction:column;display:flex}.setup-choice-btn{align-items:center;gap:var(--space-xs);padding:var(--space-lg);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--card);flex-direction:column;display:flex}.setup-choice-btn:hover{border-color:var(--cta);box-shadow:0 4px 20px var(--card-shadow)}.choice-emoji{font-size:2rem}.choice-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.2rem;font-weight:600}.choice-desc{color:var(--text-secondary);font-size:.85rem}.setup-form{gap:var(--space-md);text-align:left;flex-direction:column;display:flex}.invite-code-display{font-family:var(--font-body);letter-spacing:.3em;color:var(--cta);padding:var(--space-lg);background:var(--bg);border-radius:var(--radius-md);margin:var(--space-lg) 0;-webkit-user-select:all;user-select:all;font-size:2rem;font-weight:700}.setup-hint{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.85rem}.setup-choice-mine{background:linear-gradient(135deg, var(--card) 0%, #ab272d0d 100%);border-color:#ab272d59}.mine-worlds{gap:var(--space-md);text-align:left;flex-direction:column;display:flex}.mine-worlds-hint{text-align:center;color:var(--text-secondary);margin-bottom:.3rem;font-size:.9rem}.mine-worlds-list{flex-direction:column;gap:.6rem;display:flex}.mine-world-card{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--card);cursor:pointer;text-align:left;align-items:center;gap:.9rem;width:100%;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.mine-world-card:hover{border-color:var(--cta);box-shadow:0 4px 16px var(--card-shadow)}.mine-world-icon{flex-shrink:0;font-size:1.8rem}.mine-world-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.mine-world-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:600}.mine-world-meta{color:var(--text-secondary);font-size:.78rem}.mine-world-arrow{color:var(--text-secondary);flex-shrink:0;font-size:1.1rem}.setup-mobile-bar{display:none}@media (width<=640px){.setup-mobile-bar{z-index:200;border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0)) 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #00000014}.setup-mobile-bar-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:flex}.setup-mobile-bar-avatar{font-size:1.3rem}.setup-mobile-bar-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.setup-mobile-bar-signout{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s;display:flex}.setup-mobile-bar-signout:active{color:var(--cta);border-color:var(--cta)}.setup-page{padding-bottom:70px}}.mood-ambience{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.mood-ambience-layer{position:absolute;inset:0}.particle-layer{position:absolute;inset:0;overflow:hidden}.mood-particle{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px #0000001a);will-change:transform, opacity;display:block;position:absolute;bottom:0}.rain-layer{position:absolute;inset:0;overflow:hidden}.raindrop{will-change:transform;background:linear-gradient(#0000 0%,#6494e68c 40%,#82aaf0b3 70%,#0000 100%);border-radius:2px;animation:linear infinite rainFall;position:absolute;top:-24px}@keyframes rainFall{0%{opacity:0;transform:translateY(0)skew(-8deg)}5%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(calc(100vh + 30px))skew(-8deg)}}.butterfly-flap{transform-origin:50%;animation:.38s ease-in-out infinite alternate butterflyWing}@keyframes butterflyWing{0%{transform:scaleX(1)}to{transform:scaleX(.18)}}.happy-sun{pointer-events:none;filter:blur(10px);background:radial-gradient(circle,#ffe6508c 0%,#ffc83240 40%,#ffa01e14 70%,#0000 100%);border-radius:50%;width:340px;height:340px;animation:4s ease-in-out infinite sunPulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}@keyframes sunPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.18)}}.dreamy-nebula{pointer-events:none;background:radial-gradient(60% 40% at 20% 30%,#7c3aed2e 0%,#0000 70%),radial-gradient(50% 35% at 80% 60%,#a764ff24 0%,#0000 65%),radial-gradient(40% 30% at 50% 80%,#4f46e51f 0%,#0000 60%);animation:12s ease-in-out infinite alternate nebulaShift;position:absolute;inset:0}@keyframes nebulaShift{0%{opacity:.5;filter:blur(28px);transform:scale(1)rotate(0)}50%{opacity:.9;filter:blur(22px);transform:scale(1.06)rotate(1.5deg)}to{opacity:.6;filter:blur(30px);transform:scale(.96)rotate(-1deg)}}.ember{will-change:transform, opacity;pointer-events:none;background:radial-gradient(circle,#ffd580 0%,#ff8c00 50%,#ff4500 100%);border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #ff8c00b3,0 0 12px 4px #ff450059}.mood-float-msg{z-index:90;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(1.5);border:1.5px solid var(--border);font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-align:center;max-width:calc(100vw - 48px);box-shadow:0 4px 20px var(--glow), 0 1px 0 #ffffffe6 inset;background:#ffffffd1;border-radius:999px;padding:11px 26px;font-size:.95rem;font-style:italic;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@media (width<=640px){.mood-float-msg{padding:9px 20px;font-size:.87rem;bottom:80px}}.music-bar{z-index:60;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#fffffff2;height:48px;display:flex;position:fixed;bottom:0;left:0;right:0}.music-bar.playing{border-top-color:var(--cta-hover)}.music-toggle{padding:var(--space-xs);background:0 0;font-size:1.2rem}.music-mini{align-items:center;gap:var(--space-sm);flex:1;display:flex}.music-ctrl{background:0 0;padding:2px 4px;font-size:.9rem}.music-ctrl:hover{transform:scale(1.2)}.music-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.music-empty{color:var(--text-secondary);font-size:.8rem}.music-panel{bottom:48px;right:var(--space-md);z-index:61;gap:var(--space-md);flex-direction:column;width:320px;max-height:400px;display:flex;position:fixed;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header h3{font-family:var(--font-display);font-size:1.1rem}.panel-header button{color:var(--text-secondary);background:0 0;font-size:1.2rem}.upload-audio-btn{text-align:center;cursor:pointer;font-size:.85rem;display:block}.upload-audio-btn.uploading{opacity:.6;pointer-events:none}.track-list{gap:var(--space-xs);flex-direction:column;max-height:250px;display:flex;overflow-y:auto}.track-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);display:flex}.track-item:hover{background:var(--bg)}.track-item.active{color:var(--cta);background:#ab272d0f}.track-index{text-align:center;width:24px;color:var(--text-secondary);font-size:.8rem}.track-item.active .track-index{color:var(--cta)}.track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.track-delete{color:var(--text-secondary);opacity:0;background:0 0;padding:0 4px;font-size:1.1rem}.track-item:hover .track-delete{opacity:1}.track-delete:hover{color:var(--cta)}.panel-empty{text-align:center;color:var(--text-secondary);padding:var(--space-lg);font-size:.85rem}@media (width<=640px){.music-bar{z-index:190;bottom:64px}.music-panel{width:auto;bottom:112px;left:0;right:0}}.bottom-nav{display:none}@media (width<=640px){.bottom-nav{z-index:200;-webkit-backdrop-filter:blur(20px)saturate(1.8);border-top:1px solid var(--border);box-shadow:0 -1px 0 var(--border), 0 -8px 32px var(--card-shadow);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom,0);transition:background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-slow);background:#ffffffd1;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{color:var(--text-secondary);white-space:nowrap;letter-spacing:.02em;transition:color var(--transition-fast), transform var(--transition-fast);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:54px;padding:9px 13px 11px;font-size:.62rem;font-weight:600;text-decoration:none;display:flex;position:relative}.bottom-nav-item.active:before{content:"";background:linear-gradient(90deg, transparent, var(--cta), transparent);height:2.5px;transition:background var(--transition-slow);border-radius:0 0 99px 99px;position:absolute;top:0;left:20%;right:20%}.bottom-nav-item.active{color:var(--cta);transition:color var(--transition-slow)}.bottom-nav-item.active .bottom-nav-icon{filter:drop-shadow(0 2px 6px var(--glow));transform:scale(1.2)translateY(-2px)}.bottom-nav-icon{transition:transform var(--transition-fast), filter var(--transition-fast);font-size:1.4rem;line-height:1;display:block}.bottom-nav-label{text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.bottom-nav-signout{border:none;border-left:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;flex-shrink:0;margin-left:auto}.bottom-nav-signout:hover,.bottom-nav-signout:active{color:var(--cta)}}.world-layout{background-color:var(--bg);min-height:100vh;transition:background-color var(--transition-slow);flex-direction:column;display:flex;position:relative}.world-header{padding:.85rem var(--space-lg);z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border), 0 4px 24px var(--card-shadow);transition:background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-slow);background:#ffffffc7;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.world-name{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--cta) 100%);-webkit-text-fill-color:transparent;transition:background var(--transition-slow);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700}.header-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.mood-active-btn{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;transition:box-shadow .3s ease, transform var(--transition-fast);text-shadow:0 1px 3px #00000038;border:none;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:.875rem;font-weight:700;display:flex}.mood-active-btn:hover{transform:scale(1.04)}.mood-active-emoji{filter:drop-shadow(0 1px 3px #00000026);font-size:1.1rem;line-height:1}.mood-chevron{opacity:.85;font-size:.75rem;transition:transform .25s;display:inline-block}.mood-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000a, 0 12px 40px var(--card-shadow-lg);z-index:300;min-width:168px;transition:background var(--transition-slow), border-color var(--transition-slow);flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.mood-option:hover{background:var(--soft-hover);transform:translate(3px)}.mood-option.active{color:#fff;text-shadow:0 1px 2px #0000002e;font-weight:700}.mood-option-check{font-size:.8rem;font-weight:800}.header-btn{background:var(--cta-soft);border-radius:var(--radius-sm);opacity:.75;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:7px;font-size:1.2rem;line-height:1;display:flex}.header-btn:hover{opacity:1;background:var(--soft-hover);transform:scale(1.08)}.world-nav{padding:8px var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:background var(--transition-slow), border-color var(--transition-slow);background:#fff9;justify-content:center;gap:2px;display:flex;overflow-x:auto}.world-nav::-webkit-scrollbar{display:none}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:6px 14px;font-size:.72rem;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--cta);background:linear-gradient(135deg, var(--cta-soft), #ffffff1a);box-shadow:0 1px 6px var(--card-shadow);font-weight:700}.nav-icon{font-size:1.25rem;line-height:1}.nav-label{letter-spacing:.01em}@media (width<=640px){.world-header{padding:.65rem var(--space-md);gap:var(--space-xs)}.world-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:1.05rem;overflow:hidden}.mood-active-btn{padding:6px 10px;font-size:.8rem}.mood-active-label{display:none}.header-btn{padding:6px;font-size:1.05rem}.world-nav{display:none}.world-main{padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-md) + 72px)}}@media (width<=380px){.world-name{max-width:100px;font-size:.9rem}}.world-header{padding:var(--space-md) var(--space-lg);background:var(--card);border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 16px #ab272d0f}.world-name{font-family:var(--font-display);color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary), var(--cta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem}.header-right{align-items:center;gap:var(--space-md);display:flex}.mood-switcher{position:relative}.mood-active-btn{color:#fff;cursor:pointer;white-space:nowrap;text-shadow:0 1px 3px #0003;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:box-shadow .3s;display:flex}.mood-active-emoji{font-size:1.1rem;line-height:1}.mood-active-label{font-family:var(--font-display);letter-spacing:.02em;font-size:.9rem}.mood-chevron{opacity:.85;font-size:.8rem;display:inline-block}.mood-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;flex-direction:column;gap:2px;min-width:150px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #3e1d1d26}.mood-option{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.mood-option.active{color:#fff;text-shadow:0 1px 2px #0003}.mood-option-emoji{flex-shrink:0;font-size:1.15rem;line-height:1}.mood-option-text{flex:1}.mood-option-check{opacity:.9;font-size:.85rem;font-weight:700}.mood-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);opacity:.5;transition:all var(--transition-fast);background:0 0;font-size:1.1rem}.mood-btn.active{opacity:1;background:var(--bg);transform:scale(1.1)}.mood-btn:hover{opacity:.8}.header-btn{padding:var(--space-xs);opacity:.6;background:0 0;font-size:1.2rem}.header-btn:hover{opacity:1}.world-nav{justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--card);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.nav-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg);color:var(--text-primary)}.nav-item.active{color:var(--cta);background:linear-gradient(135deg,#ab272d14,#e26d6d0f);font-weight:600}.nav-icon{font-size:1.3rem}.nav-label{font-weight:500}.world-main{padding:var(--space-lg);z-index:1;flex:1;width:100%;max-width:960px;margin:0 auto;position:relative}@media (width<=640px){.world-header{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.world-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:1rem;overflow:hidden}.mood-active-btn{padding:5px 9px;font-size:.78rem}.mood-active-label{display:none}.header-btn{padding:4px;font-size:1rem}.world-nav{display:none}.world-main{padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-md) + 70px)}}@media (width<=380px){.world-name{max-width:100px;font-size:.9rem}}.home-page{gap:var(--space-xl);padding-bottom:var(--space-2xl);flex-direction:column;display:flex}.timer-section{text-align:center;padding:var(--space-2xl) var(--space-lg) var(--space-xl);position:relative}.timer-label{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:var(--space-xl);letter-spacing:.01em;transition:color var(--transition-slow);font-size:1.5rem;font-style:italic;font-weight:400}.timer-grid{margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.timer-unit{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:74px;transition:background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-fast);box-shadow:0 1px 3px #0000000a, 0 4px 16px var(--card-shadow), inset 0 1px 0 #ffffffe6;flex-direction:column;align-items:center;padding:18px 22px 14px;display:flex;position:relative;overflow:hidden}.timer-unit:before{content:"";background:linear-gradient(90deg, transparent, var(--cta), transparent);opacity:.5;height:3px;transition:opacity var(--transition-normal), background var(--transition-slow);position:absolute;top:0;left:0;right:0}.timer-unit:hover{box-shadow:0 2px 8px #0000000f, 0 12px 36px var(--card-shadow-lg);transform:translateY(-4px)}.timer-unit:hover:before{opacity:1}.timer-value{font-family:var(--font-display);color:var(--cta);letter-spacing:-.02em;transition:color var(--transition-slow);font-size:2.4rem;font-weight:700;line-height:1}.timer-unit-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.12em;transition:color var(--transition-slow);margin-top:6px;font-size:.68rem;font-weight:600}.timer-total{font-family:var(--font-display);color:var(--text-secondary);transition:color var(--transition-slow);font-size:1.1rem;font-style:italic}.stats-section{text-align:center}.stats-title{font-family:var(--font-display);margin-bottom:var(--space-lg);color:var(--text-primary);transition:color var(--transition-slow);font-size:1.4rem;font-weight:600}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-card{padding:var(--space-lg) var(--space-md) var(--space-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;transition:background var(--transition-slow), border-color var(--transition-slow), box-shadow var(--transition-normal), transform var(--transition-fast);box-shadow:0 1px 3px #0000000a, 0 4px 16px var(--card-shadow), inset 0 1px 0 #ffffffe6;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff59 0%,#0000 60%);position:absolute;inset:0}.stat-card:hover{box-shadow:0 4px 12px #00000014, 0 16px 48px var(--card-shadow-lg);transform:translateY(-5px)scale(1.02)}.stat-emoji{filter:drop-shadow(0 2px 6px var(--glow));font-size:2rem;line-height:1}.stat-value{font-family:var(--font-display);color:var(--cta);letter-spacing:-.02em;transition:color var(--transition-slow);font-size:2.2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;transition:color var(--transition-slow);font-size:.72rem;font-weight:600}.milestones-section{text-align:center}.milestones-title{font-family:var(--font-display);margin-bottom:var(--space-md);color:var(--text-primary);transition:color var(--transition-slow);font-size:1.3rem;font-weight:600}.milestones-list{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.milestone-badge{background:linear-gradient(135deg, var(--card), var(--bg-soft));border:1.5px solid var(--border);color:var(--text-primary);box-shadow:0 2px 8px var(--card-shadow);transition:background var(--transition-slow), border-color var(--transition-slow), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;padding:8px 20px;font-size:.88rem;font-weight:600}.milestone-badge:hover{box-shadow:0 4px 16px var(--glow);transform:translateY(-2px)scale(1.04)}@media (width<=640px){.timer-section{padding:var(--space-xl) var(--space-sm) var(--space-lg)}.timer-label{margin-bottom:var(--space-lg);font-size:1.15rem}.timer-grid{gap:8px}.timer-unit{min-width:58px;padding:12px 14px 10px}.timer-value{font-size:1.65rem}.timer-unit-label{font-size:.6rem}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=380px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.letter-overlay{background:var(--bg-overlay);z-index:100;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.letter-viewer-container{width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.viewer-envelope{border-radius:var(--radius-md);background:linear-gradient(135deg,linen,#fff5ee);width:280px;height:190px;margin:0 auto;position:relative;box-shadow:0 10px 40px #00000026}.viewer-envelope-flap{clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top;z-index:2;background:linear-gradient(135deg,#f5e6d3,#edd9c0);height:50%;transition:transform .6s;position:absolute;top:0;left:0;right:0}.viewer-envelope.opening .viewer-envelope-flap{transform:rotateX(180deg)}.viewer-envelope-body{justify-content:center;align-items:center;height:65%;font-size:2.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.letter-paper{border-radius:var(--radius-md);padding:var(--space-2xl);background:#fffef5 repeating-linear-gradient(#0000,#0000 31px,#eac3b44d 31px 32px);min-height:400px;position:relative;box-shadow:0 10px 40px #0000001f}.letter-paper:before{content:"";background:#ab272d26;width:1.5px;position:absolute;top:0;bottom:0;left:40px}.letter-paper-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.letter-paper-title{font-family:var(--font-handwriting);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.6rem}.letter-paper-from{color:var(--text-secondary);font-size:.85rem}.letter-paper-body{font-family:var(--font-handwriting);color:var(--text-primary);white-space:pre-wrap;min-height:150px;padding-left:20px;font-size:1.15rem;line-height:2}.typewriter-cursor{color:var(--cta);animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.letter-paper-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.letter-date{color:var(--text-secondary);font-size:.8rem;font-style:italic}.letter-actions{gap:var(--space-md);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.btn-delete{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);background:0 0;font-size:.85rem}.btn-delete:hover{color:var(--cta)}@media (width<=640px){.letter-paper{padding:var(--space-lg)}.letter-paper:before{left:20px}}.letters-page{gap:var(--space-lg);flex-direction:column;display:flex}.letters-header{justify-content:space-between;align-items:center;display:flex}.letters-header h2{font-family:var(--font-display);font-size:1.5rem}.compose-letter{gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.letter-title-input{font-family:var(--font-handwriting);border:none;border-bottom:1.5px solid var(--border);padding:var(--space-sm) 0;border-radius:0;font-size:1.2rem}.letter-body-input{font-family:var(--font-handwriting);background:repeating-linear-gradient(transparent, transparent 31px, var(--border) 31px, var(--border) 32px);border:none;min-height:200px;padding-top:8px;font-size:1.1rem;line-height:1.8}.envelopes-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.envelope{cursor:pointer;border-radius:var(--radius-md);aspect-ratio:1.5;box-shadow:0 3px 15px var(--card-shadow);transition:box-shadow var(--transition-normal);background:linear-gradient(135deg,linen,#fff5ee);position:relative;overflow:hidden}.envelope:hover{box-shadow:0 8px 30px var(--glow)}.envelope-flap{clip-path:polygon(0 0,50% 100%,100% 0);z-index:2;background:linear-gradient(135deg,#f5e6d3,#edd9c0);height:40%;position:absolute;top:0;left:0;right:0}.envelope-body{height:65%;padding:var(--space-md);justify-content:flex-end;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.envelope-title{font-family:var(--font-handwriting);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.envelope-from{color:var(--text-secondary);font-size:.75rem}.envelope-seal{z-index:3;filter:drop-shadow(0 2px 4px #0000001a);font-size:1.5rem;position:absolute;top:35%;left:50%;transform:translate(-50%)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);grid-column:1/-1}@media (width<=640px){.letters-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.envelopes-grid{grid-template-columns:1fr}.letter-body-input{min-height:150px}}.gallery-page{gap:var(--space-lg);flex-direction:column;display:flex}.gallery-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.gallery-header h2{font-family:var(--font-display);font-size:1.5rem}.gallery-actions{gap:var(--space-sm);display:flex}.upload-btn.uploading{opacity:.6;pointer-events:none}.caption-input-row{max-width:400px}.gallery-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.gallery-item{border-radius:var(--radius-md);aspect-ratio:1;cursor:pointer;box-shadow:0 2px 12px var(--card-shadow);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.05)}.gallery-caption{padding:var(--space-sm) var(--space-md);color:#fff;background:linear-gradient(#0000,#0009);font-size:.8rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.photo-viewer{z-index:100;padding:var(--space-md);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-viewer-content{text-align:center;max-width:90vw;max-height:85vh}.photo-viewer-content img{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:70vh}.viewer-caption{color:#fff;font-family:var(--font-handwriting);margin-top:var(--space-md);font-size:1.2rem}.viewer-actions{gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;display:flex}.viewer-actions .btn-secondary{color:#fff;border-color:#ffffff4d}.slideshow-overlay{z-index:100;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.slideshow-content{text-align:center}.slideshow-content img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:80vh}.slideshow-caption{color:#fff;font-family:var(--font-handwriting);margin-top:var(--space-lg);opacity:.9;font-size:1.4rem}.slideshow-close{top:var(--space-lg);right:var(--space-lg);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-round);z-index:101;background:#ffffff1a;font-size:1.5rem;position:fixed}.slideshow-close:hover{background:#fff3}@media (width<=640px){.gallery-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}}.notes-page{gap:var(--space-lg);flex-direction:column;display:flex}.notes-header h2{font-family:var(--font-display);font-size:1.5rem}.note-compose{gap:var(--space-md);align-items:flex-end;display:flex}.note-compose textarea{font-family:var(--font-handwriting);flex:1;min-height:80px;font-size:1rem}.notes-wall{gap:var(--space-lg);padding:var(--space-lg) 0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.sticky-note{padding:var(--space-lg) var(--space-md) var(--space-md);cursor:default;border-radius:2px;flex-direction:column;justify-content:space-between;min-height:150px;display:flex;position:relative;box-shadow:2px 3px 12px #0000001a,0 0 0 1px #00000008}.note-pin{filter:drop-shadow(0 1px 2px #0003);font-size:1.2rem;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.note-text{font-family:var(--font-handwriting);color:var(--text-primary);word-break:break-word;flex:1;font-size:1rem;line-height:1.6}.note-footer{margin-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.note-author{color:#3e1d1d80;font-size:.75rem;font-style:italic}.note-delete{color:#3e1d1d4d;background:0 0;padding:0 4px;font-size:1.2rem;line-height:1}.note-delete:hover{color:var(--cta)}@media (width<=640px){.note-compose{flex-direction:column}.notes-wall{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}.galaxy-page{gap:var(--space-lg);flex-direction:column;min-height:70vh;display:flex}.galaxy-header{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.galaxy-header h2{font-family:var(--font-display);flex:1;font-size:1.5rem}.galaxy-legend{gap:var(--space-md);color:var(--text-secondary);font-size:.8rem;display:flex}.legend-item{text-transform:capitalize}.add-star-form{gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.galaxy-container{aspect-ratio:16/10;border-radius:var(--radius-lg);background:#0a0a1a;width:100%;min-height:400px;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000004d}.galaxy-fullscreen{aspect-ratio:unset;min-height:unset;z-index:9999;border-radius:0;width:100vw;height:100vh;position:fixed;inset:0}.galaxy-container:fullscreen{aspect-ratio:unset;min-height:unset;z-index:9999;border-radius:0;width:100vw;height:100vh;position:fixed;inset:0}.galaxy-canvas{width:100%;height:100%;position:absolute;inset:0}.galaxy-fs-close{z-index:10010;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:1.2rem;right:1.2rem}.galaxy-fs-close:hover{background:#ffffff47;transform:scale(1.1)}.galaxy-stars{position:absolute;inset:0}.galaxy-star{filter:drop-shadow(0 0 6px #ffd70099);z-index:2;background:0 0;padding:0;line-height:1;position:absolute;transform:translate(-50%,-50%)}.galaxy-star:hover{filter:drop-shadow(0 0 15px #ffd700e6)}.galaxy-empty{color:#ffffff80;text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;inset:0}.star-modal-overlay{z-index:100;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a1acc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.star-modal{width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.star-modal-header{margin-bottom:var(--space-md)}.star-modal-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.star-modal-header h3{font-family:var(--font-display);margin-top:var(--space-xs);font-size:1.4rem}.star-modal-image{border-radius:var(--radius-sm);width:100%;margin-bottom:var(--space-md)}.star-modal-content{font-family:var(--font-handwriting);color:var(--text-primary);white-space:pre-wrap;margin-bottom:var(--space-md);font-size:1.05rem;line-height:1.8}.star-modal-date{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.8rem}.star-modal-memory-date{color:var(--cta);margin-bottom:var(--space-md);font-size:.85rem;font-weight:600}@media (width<=640px){.galaxy-container{aspect-ratio:1;min-height:300px}.galaxy-header{flex-direction:column;align-items:flex-start}}.hidden-page{gap:var(--space-lg);flex-direction:column;display:flex}.hidden-header{justify-content:space-between;align-items:center;display:flex}.hidden-header h2{font-family:var(--font-display);font-size:1.5rem}.hidden-form{gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.unlock-type-section{gap:var(--space-sm);flex-direction:column;display:flex}.unlock-type-section label{color:var(--text-secondary);font-size:.85rem}.unlock-options{gap:var(--space-sm);display:flex}.unlock-option{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text-primary);font-size:.9rem}.unlock-option.active{border-color:var(--cta);color:var(--cta);background:#ab272d0d}.hidden-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.hidden-card{padding:var(--space-lg);border-radius:var(--radius-md);min-height:180px}.hidden-card.locked{border:1.5px dashed var(--border);background:linear-gradient(135deg,#f0e6e0,#ebe0d8)}.hidden-card.unlocked{background:var(--card);box-shadow:0 4px 20px var(--card-shadow);border:1.5px solid var(--border)}.locked-state{text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.lock-icon{font-size:2rem}.lock-hint{color:var(--text-secondary);font-size:.85rem}.unlock-input-row{gap:var(--space-sm);width:100%;margin-top:var(--space-sm);display:flex}.unlock-input-row input{text-align:center;flex:1}.unlock-input-row input.error{border-color:var(--cta);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.unlocked-badge{color:var(--cta-hover);margin-bottom:var(--space-sm);font-size:.75rem;display:block}.hidden-card h4{font-family:var(--font-display);margin-bottom:var(--space-sm);font-size:1.2rem}.hidden-content{font-family:var(--font-handwriting);color:var(--text-primary);white-space:pre-wrap;font-size:1rem;line-height:1.6}.reveal-from{color:var(--text-secondary);margin-top:var(--space-md);font-size:.8rem;font-style:italic;display:block}.reveal-animation{text-align:center}.reveal-emoji{margin-bottom:var(--space-md);font-size:3rem;display:block}@media (width<=640px){.hidden-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.hidden-grid{grid-template-columns:1fr}.unlock-options{flex-wrap:wrap}}.dates-page{gap:var(--space-lg);flex-direction:column;display:flex}.dates-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.dates-header h2{font-family:var(--font-display);font-size:1.5rem}.dates-header-actions{align-items:center;gap:var(--space-md);display:flex}.notification-bell{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.3rem;position:relative}.notif-count{background:var(--cta);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.notif-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);width:220px;box-shadow:0 8px 30px var(--card-shadow);padding:var(--space-md);z-index:50;display:none;position:absolute;top:100%;right:0}.notification-bell:hover .notif-dropdown{display:block}.notif-dropdown h4{color:var(--cta);margin-bottom:var(--space-sm);font-size:.85rem}.notif-item{padding:var(--space-xs) 0;border-bottom:1px solid var(--border);flex-direction:column;gap:2px;font-size:.82rem;display:flex}.notif-item:last-child{border-bottom:none}.notif-item strong{color:var(--text-primary)}.notif-item span{color:var(--cta);font-size:.75rem}.date-form{gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.category-picker{gap:var(--space-sm);flex-wrap:wrap;display:flex}.cat-btn{border:1.5px solid var(--border);color:var(--text-primary);background:0 0;border-radius:99px;padding:.35rem .75rem;font-size:.78rem;transition:all .15s}.cat-btn.active{background:var(--cat-color);border-color:var(--cat-color);color:#fff}.dates-section{margin-top:var(--space-md)}.section-title{font-family:var(--font-display);margin-bottom:var(--space-md);color:var(--text-secondary);font-size:1.15rem}.dates-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.date-card{background:var(--card);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:0 2px 12px var(--card-shadow);border-left:4px solid var(--cat-color);gap:var(--space-sm);flex-direction:column;display:flex}.date-card.past{opacity:.7}.date-card-top{justify-content:space-between;align-items:center;display:flex}.date-category{color:var(--cat-color);font-size:.72rem;font-weight:600}.date-countdown{color:var(--cta);background:#ab272d14;border-radius:99px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.date-card h4{font-family:var(--font-display);font-size:1.1rem}.date-datetime{color:var(--text-secondary);font-size:.82rem}.date-desc{color:var(--text-secondary);font-size:.85rem}.date-actions{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.btn-sm{cursor:pointer;border:none;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.btn-edit{color:#7c3aed;background:#7c3aed1f}.btn-del{color:#dc2626;background:#dc26261a}@media (width<=640px){.dates-header{flex-direction:column;align-items:flex-start}.dates-grid{grid-template-columns:1fr}.notif-dropdown{width:200px;left:0;right:auto}.category-picker{gap:var(--space-xs)}}.settings-page{gap:var(--space-lg);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.settings-title{font-family:var(--font-display);margin-bottom:var(--space-sm);font-size:1.5rem}.settings-form{gap:var(--space-md);flex-direction:column;display:flex}.settings-msg{color:var(--cta);font-size:.88rem;font-weight:500}.settings-share{gap:var(--space-md);flex-direction:column;display:flex}.settings-share h3{font-family:var(--font-display)}.share-subtitle{color:var(--text-secondary);font-size:.88rem}.share-btn{width:100%}.invite-details{gap:var(--space-sm);flex-direction:column;display:flex;overflow:hidden}.invite-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg);border-radius:var(--radius-sm);display:flex}.invite-label{color:var(--text-secondary);min-width:100px;font-size:.78rem}.invite-value{letter-spacing:.1em;flex:1;font-family:monospace;font-size:1rem;font-weight:700}.btn-copy{cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem}.settings-info{gap:var(--space-sm);flex-direction:column;display:flex}.settings-info h3{font-family:var(--font-display);margin-bottom:var(--space-xs)}.info-row{padding:var(--space-xs) 0;border-bottom:1px solid var(--border);justify-content:space-between;font-size:.88rem;display:flex}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-secondary)}.info-row span:last-child{font-weight:600}.proposal-overlay{z-index:10000;background:radial-gradient(#1a0a1e 0%,#0a0a1a 60%,#000 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.proposal-viewer{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ambient-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-particle{opacity:0;filter:blur(1px);font-size:1.2rem;position:absolute}.proposal-close-x{color:#fff9;cursor:pointer;z-index:50;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.proposal-close-x:hover{color:#fff;background:#fff3}.proposal-intro{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.intro-ring{filter:drop-shadow(0 0 30px #ffd70080);font-size:5rem;display:block}.intro-text{font-family:var(--font-display,"Cormorant Garamond", serif);color:#ffffffb3;letter-spacing:.1em;font-size:1.5rem;font-style:italic}.proposal-question-phase{text-align:center;flex-direction:column;align-items:center;gap:3rem;max-width:700px;padding:2rem;display:flex}.proposal-big-question{font-family:var(--font-display,"Cormorant Garamond", serif);color:#fff;text-shadow:0 0 40px #ff6b8a66;font-size:clamp(2rem,6vw,4rem);font-weight:600;line-height:1.3}.question-cursor{color:#ff6b8acc;font-weight:300}.proposal-buttons{justify-content:center;align-items:center;gap:2rem;width:100%;min-height:80px;display:flex;position:relative}.proposal-yes-btn{font-size:1.4rem;font-family:var(--font-display,"Cormorant Garamond", serif);color:#fff;cursor:pointer;letter-spacing:.05em;z-index:10;background:linear-gradient(135deg,#ff6b8a 0%,#ab272d 100%);border:none;border-radius:50px;padding:1rem 3rem;font-weight:700;transition:transform .2s}.proposal-yes-btn:hover{transform:scale(1.05)}.proposal-no-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;z-index:10;-webkit-user-select:none;user-select:none;background:#ffffff14;border:2px solid #ffffff4d;border-radius:50px;padding:.8rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:500;transition:background .2s}.proposal-no-btn:hover{background:#ffffff1f}.proposal-celebration{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.celebration-glow{pointer-events:none;background:radial-gradient(circle,#ff6b8a4d 0%,#0000 70%);position:absolute;inset:0}.confetti-piece,.celebration-heart{pointer-events:none;position:absolute}.celebration-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative}.celebration-ring{filter:drop-shadow(0 0 40px #ffd70099);font-size:5rem;display:block}.celebration-title{font-family:var(--font-display,"Cormorant Garamond", serif);color:#fff;text-shadow:0 0 60px #ff6b8a80;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700}.celebration-message{font-family:var(--font-handwriting,"Dancing Script", cursive);color:#ffffffd9;max-width:500px;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.6}.celebration-close-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;padding:.8rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s}.celebration-close-btn:hover{background:#fff3;border-color:#ffffff80}@media (width<=600px){.proposal-buttons{flex-direction:column;gap:1.2rem}.proposal-yes-btn{padding:.9rem 2.5rem;font-size:1.2rem}.intro-ring,.celebration-ring{font-size:3.5rem}}.proposal-page{max-width:900px;margin:0 auto;padding:1rem}.proposal-header{text-align:center;margin-bottom:2rem}.proposal-header h2{font-family:var(--font-display);margin-bottom:.3rem;font-size:2rem}.proposal-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.proposal-form{margin-bottom:2rem;padding:1.5rem;overflow:hidden}.form-group{margin-bottom:1.2rem}.form-group label{margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.question-toggle{gap:.5rem;margin-bottom:.8rem;display:flex}.toggle-btn{border:2px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.5rem;font-size:.85rem;transition:all .2s}.toggle-btn.active{border-color:var(--accent);color:var(--accent);background:#ab272d1a}.proposal-select,.proposal-input,.proposal-textarea{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:.7rem;font-family:inherit;font-size:.95rem}.proposal-select:focus,.proposal-input:focus,.proposal-textarea:focus{border-color:var(--accent);outline:none}.behavior-options{flex-direction:column;gap:.5rem;display:flex}.behavior-card{border:2px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;padding:.8rem;transition:all .2s;display:flex}.behavior-card.selected{border-color:var(--accent);background:#ab272d14}.behavior-card input[type=radio]{display:none}.behavior-label{font-size:.95rem;font-weight:600}.behavior-desc{color:var(--text-secondary);margin-top:.2rem;font-size:.8rem}.proposals-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.proposal-card{background:var(--bg-card);text-align:center;border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:transform .2s}.proposal-card:hover{transform:translateY(-3px)}.proposal-card.answered{background:linear-gradient(135deg, var(--bg-card) 0%, #4caf500d 100%);border-color:#4caf50}.proposal-card-emoji{margin-bottom:.5rem;font-size:2.5rem}.proposal-card-question{font-family:var(--font-display);margin-bottom:.8rem;font-size:1.1rem;line-height:1.4}.proposal-card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;display:flex}.proposal-status.yes{color:#4caf50;font-weight:600}.proposal-status.waiting{color:#ff9800}.proposal-card-actions{justify-content:center;gap:.5rem;display:flex}.btn-sm{padding:.4rem .8rem!important;font-size:.8rem!important}.empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:3rem 1rem}.empty-icon{margin-bottom:.5rem;font-size:3rem;display:block}@media (width<=640px){.proposal-header h2{font-size:1.5rem}.proposals-grid{grid-template-columns:1fr}.question-toggle{flex-direction:column}.proposal-card-actions{flex-wrap:wrap}}.gender-options{gap:.6rem;display:flex}.gender-card{border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:.7rem .5rem;transition:all .2s;display:flex}.gender-card.selected{border-color:var(--accent);background:#ab272d14}.gender-card input[type=radio]{display:none}.gender-label{font-size:.9rem;font-weight:500}.shared-letter-page{max-width:800px;margin:0 auto;padding:1rem}.shared-letter-header{text-align:center;margin-bottom:2rem}.shared-letter-header h2{font-family:var(--font-display);margin-bottom:.3rem;font-size:2rem}.shared-letter-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.shared-compose{margin-bottom:2rem;padding:1.5rem;overflow:hidden}.shared-input,.shared-textarea{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;margin-bottom:.8rem;padding:.7rem;font-family:inherit;font-size:.95rem}.shared-input:focus,.shared-textarea:focus{border-color:var(--accent);outline:none}.shared-image-section{margin-bottom:1rem}.shared-image-upload{border:2px dashed var(--border);cursor:pointer;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;padding:1.5rem;transition:border-color .2s;display:flex}.shared-image-upload:hover{border-color:var(--accent)}.shared-image-preview{max-width:300px;display:inline-block;position:relative}.shared-image-preview img{border-radius:12px;width:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex;position:absolute;top:8px;right:8px}.shared-letters-list{flex-direction:column;gap:1rem;display:flex}.shared-letter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:1rem;padding:1.2rem;transition:transform .2s;display:flex}.shared-letter-card:hover{transform:translateY(-2px)}.shared-card-icon{flex-shrink:0;font-size:2rem}.shared-card-content{flex:1;min-width:0}.shared-card-content h3{font-family:var(--font-display);margin-bottom:.3rem;font-size:1.1rem}.shared-card-preview{color:var(--text-secondary);margin-bottom:.3rem;font-size:.85rem;line-height:1.4}.shared-has-image{color:var(--accent);font-size:.8rem}.shared-card-date{color:var(--text-secondary);margin-top:.3rem;font-size:.75rem}.shared-card-actions{flex-direction:column;flex-shrink:0;gap:.4rem;display:flex}@media (width<=600px){.shared-letter-card{flex-direction:column;align-items:stretch}.shared-card-actions{flex-flow:wrap}}.public-letter-wrapper{background:radial-gradient(#1a0a1e 0%,#0a0a1a 60%,#000 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.arabic-text{text-align:right;direction:rtl;line-height:2.2;font-family:Aref Ruqaa,cursive!important}.public-letter-loading,.public-letter-error{text-align:center;color:#fffc}.public-letter-loading p,.public-letter-error p{color:#fff9;margin-top:1rem;font-size:1.1rem}.public-letter-error h2{color:#ffffffd9;margin-top:1rem;font-family:Cormorant Garamond,serif;font-size:1.8rem}.public-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.public-ambient-heart{filter:blur(1px);font-size:1.3rem;position:absolute}.public-envelope{z-index:1;width:280px;height:200px;position:relative}.public-envelope-flap{clip-path:polygon(0 0,50% 100%,100% 0);z-index:2;transform-origin:top;background:linear-gradient(135deg,#d4a574,#c4956a);height:50%;transition:transform .8s;position:absolute;top:0;left:0;right:0}.public-envelope.opening .public-envelope-flap{transform:rotateX(180deg)}.public-envelope-body{background:linear-gradient(135deg,#e8c9a0,#d4a574);border-radius:0 0 12px 12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:65%;display:flex;position:absolute;bottom:0;left:0;right:0}.public-envelope-icon{font-size:2.5rem}.public-envelope-label{color:#5a3e2b;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic}.public-letter-paper{z-index:1;color:#3a2a1a;background:linear-gradient(#fdf8f0 0%,#f5ece0 100%);border-radius:4px;width:100%;max-width:600px;padding:2.5rem 2rem;position:relative;box-shadow:0 10px 40px #0000004d,inset 0 0 60px #d2b48c26}.public-letter-paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 31px,#b4a08c26 31px 32px);border-radius:4px;position:absolute;inset:0}.public-paper-header{text-align:center;border-bottom:1px solid #b4a08c4d;margin-bottom:1.5rem;padding-bottom:1rem}.public-paper-title{color:#2a1a0a;margin-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600}.public-paper-from{color:#7a5a3a;font-family:Dancing Script,cursive;font-size:1.1rem}.public-paper-world{color:#9a7a5a;margin-top:.3rem;font-size:.8rem;font-style:italic}.public-paper-image{text-align:center;max-width:400px;margin:1.5rem auto}.public-paper-image img{border-radius:10px;width:100%;box-shadow:0 4px 16px #00000026}.public-paper-body{white-space:pre-wrap;word-break:break-word;z-index:1;min-height:100px;font-family:Cormorant Garamond,serif;font-size:1.15rem;line-height:2;position:relative}.public-cursor{color:#ab272d99;font-weight:300}.public-paper-footer{text-align:center;border-top:1px solid #b4a08c4d;margin-top:2rem;padding-top:1rem}.public-paper-date{color:#9a7a5a;font-size:.85rem;font-style:italic}.public-paper-branding{color:#b09a7a;margin-top:.5rem;font-size:.75rem}@media (width<=600px){.public-letter-wrapper{padding:1rem}.public-letter-paper{padding:1.5rem 1.2rem}.public-paper-title{font-size:1.4rem}.public-paper-body{font-size:1rem}}.public-proposal-loading,.public-proposal-error{color:#fffc;text-align:center;background:radial-gradient(#1a0a1e 0%,#0a0a1a 60%,#000 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:100vh;padding:2rem;font-family:Cormorant Garamond,serif;display:flex}.public-proposal-loading p,.public-proposal-error p{color:#ffffff80;font-family:Inter,sans-serif;font-size:1.1rem}.public-proposal-error h2{color:#ffffffd9;font-size:1.8rem}.admin-shell{color:#e8e0ff;background:#0d0d1a;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex}.admin-sidebar{background:#13132a;border-right:1px solid #2a2a4a;flex-direction:column;flex-shrink:0;gap:.5rem;width:220px;padding:1.5rem 1rem;display:flex}.admin-logo{color:#c084fc;border-bottom:1px solid #2a2a4a;margin-bottom:.5rem;padding:.5rem .75rem 1.25rem;font-size:1.15rem;font-weight:700}.admin-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.admin-nav-link{color:#b0aac8;border-radius:8px;padding:.6rem .75rem;font-size:.92rem;text-decoration:none;transition:background .15s,color .15s;display:block}.admin-nav-link:hover{color:#e8e0ff;background:#1e1e3a}.admin-nav-link.active{color:#c084fc;background:#2d1b69;font-weight:600}.admin-logout-btn{color:#b0aac8;cursor:pointer;text-align:left;background:0 0;border:1px solid #3a3a5a;border-radius:8px;margin-top:auto;padding:.6rem .75rem;font-size:.88rem;transition:border-color .15s,color .15s}.admin-logout-btn:hover{color:#c084fc;border-color:#c084fc}.admin-main{flex:1;padding:2rem;overflow-y:auto}.admin-page-title{color:#c084fc;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-stat-card{text-align:center;background:#13132a;border:1px solid #2a2a4a;border-radius:12px;padding:1.25rem 1rem}.admin-stat-card .stat-value{color:#c084fc;font-size:2rem;font-weight:700}.admin-stat-card .stat-label{color:#7a7a9a;margin-top:.25rem;font-size:.8rem}.admin-table-wrapper{background:#13132a;border:1px solid #2a2a4a;border-radius:12px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{text-align:left;color:#7a7a9a;text-transform:uppercase;letter-spacing:.05em;background:#1e1e3a;border-bottom:1px solid #2a2a4a;padding:.75rem 1rem;font-size:.78rem;font-weight:600}.admin-table td{color:#c8c0e0;vertical-align:middle;border-bottom:1px solid #1a1a2e;padding:.75rem 1rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#1a1a30}.admin-btn{cursor:pointer;border:none;border-radius:6px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:opacity .15s}.admin-btn:hover{opacity:.85}.admin-btn-primary{color:#fff;background:#7c3aed}.admin-btn-danger{color:#fca5a5;background:#7f1d1d}.admin-btn-view{color:#93c5fd;background:#1e3a5f}.admin-badge{border-radius:99px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.admin-badge-admin{color:#c084fc;background:#4c1d95}.admin-badge-user{color:#86efac;background:#1a2a1a}.admin-loading{color:#7a7a9a;padding:2rem 0}.admin-error{color:#fca5a5;background:#2a0a0a;border-radius:8px;padding:1rem}.admin-back-link{color:#7a7a9a;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.88rem;text-decoration:none;transition:color .15s;display:inline-flex}.admin-back-link:hover{color:#c084fc}.admin-section-heading{color:#9a90c0;border-bottom:1px solid #2a2a4a;margin:1.5rem 0 .75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.admin-img-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.admin-img-grid img{aspect-ratio:1;object-fit:cover;border:1px solid #2a2a4a;border-radius:8px;width:100%}@media (width<=640px){.admin-sidebar{width:180px}.admin-main{padding:1rem}}.landing-page{background:var(--bg);text-align:left;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.landing-bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.35;border-radius:50%;animation:14s ease-in-out infinite alternate orbDrift;position:absolute}.orb-1{background:radial-gradient(circle,#ff6b8a80,#0000 70%);width:500px;height:500px;animation-duration:18s;top:-150px;right:-100px}.orb-2{background:radial-gradient(circle,#c084fc73,#0000 70%);width:400px;height:400px;animation-duration:22s;animation-delay:-6s;bottom:10%;left:-80px}.orb-3{background:radial-gradient(circle,#ffb7b266,#0000 70%);width:300px;height:300px;animation-duration:16s;animation-delay:-10s;top:40%;left:45%}@keyframes orbDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.05)}to{transform:translate(-20px,30px)scale(.97)}}.landing-hero,.landing-features,.landing-steps,.landing-cta,.landing-footer{z-index:1;position:relative}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:100%;max-width:1200px;min-height:90vh;margin:0 auto;padding:5rem 6vw 4rem;display:grid}.hero-badge{color:var(--cta);letter-spacing:.02em;background:linear-gradient(135deg,#ff6b8a26,#c084fc26);border:1px solid #ff6b8a4d;border-radius:999px;align-items:center;gap:6px;margin-bottom:1.5rem;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:700;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg,#ff6b8a,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-btn-primary{color:#fff;cursor:pointer;letter-spacing:.01em;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#c43057 0%,#f472a0 100%);border:none;border-radius:999px;padding:14px 28px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 28px #c4305761}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px #c4305780}.hero-btn-secondary{color:var(--text-primary);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.hero-btn-secondary:hover{border-color:var(--cta);color:var(--cta);background:#ab272d0a}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-galaxy-preview{background:radial-gradient(circle,#ff6b8a1f 0%,#c084fc14 50%,#0000 75%);border-radius:50%;width:340px;height:340px;position:relative}.floating-emoji{left:var(--x);top:var(--y);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 8px #00000026);font-size:1.6rem;display:block;position:absolute;transform:translate(-50%,-50%)}.hero-center-icon{filter:drop-shadow(0 4px 20px #ff6b8a66);font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.landing-features{width:100%;max-width:1200px;margin:0 auto;padding:5rem 6vw}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);cursor:default;padding:2rem 1.75rem;transition:box-shadow .25s,transform .25s;box-shadow:0 2px 16px #ab272d0d}.feature-icon{margin-bottom:1rem;font-size:2.25rem;display:block}.feature-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.landing-steps{background:linear-gradient(135deg,#ff6b8a0a 0%,#c084fc0a 100%);padding:5rem 6vw}.landing-steps .section-header{max-width:1200px;margin:0 auto 3rem}.steps-list{flex-direction:column;gap:2rem;max-width:700px;margin:0 auto;display:flex}.step-item{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:flex-start;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 2px 12px #ab272d0d}.step-num{font-family:var(--font-display);background:linear-gradient(135deg,#ab272d,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:48px;font-size:2rem;font-weight:700;line-height:1}.step-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.landing-cta{width:100%;max-width:1200px;margin:0 auto;padding:5rem 6vw}.cta-card{border-radius:calc(var(--radius-lg) + 8px);text-align:center;background:linear-gradient(135deg,#fff0f3 0%,#f8f0ff 100%);border:1px solid #ff6b8a40;padding:4rem 3rem;box-shadow:0 8px 40px #ff6b8a1f}.cta-emoji{filter:drop-shadow(0 4px 12px #ff6b8a4d);margin-bottom:1.25rem;font-size:3.5rem;display:inline-block}.cta-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700}.cta-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}.cta-btn{color:#fff;cursor:pointer;letter-spacing:.01em;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#c43057 0%,#f472a0 100%);border:none;border-radius:999px;padding:15px 36px;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 32px #c430576b}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 48px #c430578c}.landing-trust{z-index:1;padding:2.5rem 6vw 3rem;position:relative}.trust-list{flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;max-width:860px;margin:0 auto;padding:0;list-style:none;display:flex}.trust-item{color:var(--text-secondary);font-size:.92rem;font-family:var(--font-body);align-items:center;gap:.5rem;display:flex}.trust-icon{font-size:1.05rem}.landing-faq{z-index:1;padding:4rem 6vw 4.5rem;position:relative}.faq-list{flex-direction:column;gap:1.5rem;max-width:760px;margin:2rem auto 0;display:flex}.faq-item{background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px;padding:1.25rem 1.6rem}.faq-q{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:1.02rem;font-weight:600}.faq-a{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.7}.landing-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:2rem 6vw;display:flex}.footer-brand{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700}.footer-links{gap:1.5rem;display:flex}.footer-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--cta)}.footer-copy{color:var(--text-secondary);font-size:.85rem}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.landing-hero{text-align:center;grid-template-columns:1fr;gap:2rem;min-height:auto;padding:3.5rem 5vw 2rem}.hero-subtitle,.hero-badge{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-galaxy-preview{width:260px;height:260px}.hero-center-icon{font-size:3rem}.floating-emoji{font-size:1.2rem}.features-grid{grid-template-columns:1fr}.landing-features,.landing-steps,.landing-cta{padding:3.5rem 5vw}.cta-card{padding:2.5rem 1.5rem}.step-item{flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.landing-footer{text-align:center;justify-content:center}}