*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050508;--bg-2:#0d0d14;--bg-card:#8b5cf60f;--bg-card-hover:#8b5cf61f;--border:#8b5cf638;--border-subtle:#ffffff0f;--purple:#a78bfa;--purple-dark:#7c3aed;--pink:#f472b6;--blue:#60a5fa;--gold:#fbbf24;--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#475569;--radius:20px;--radius-sm:12px;--radius-xs:8px}[data-theme=light]{--bg:linear-gradient(160deg,#f0eaff 0%,#fce4f0 40%,#e8f0ff 100%);--bg-solid:#f4eeff;--bg-2:#ffffff73;--bg-card:#ffffff85;--bg-card-hover:#ffffffb8;--border:#b48cdc47;--border-subtle:#a078c826;--purple:#7c3aed;--purple-dark:#6d28d9;--pink:#db2777;--blue:#2563eb;--gold:#b45309;--text:#1a1030;--text-muted:#4a3f6b;--text-dim:#9d92bb;--glass-blur:blur(30px)saturate(180%)}[data-theme=light] body,[data-theme=light] html{background:#ede7ff linear-gradient(160deg,#f0eaff 0%,#fce4f0 40%,#e8f0ff 100%) fixed}[data-theme=light] .card{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#ffffff8c;border:1px solid #ffffffbf;box-shadow:0 4px 24px #7850c814,inset 0 1px #fffc}[data-theme=light] .card-glow{-webkit-backdrop-filter:blur(30px)saturate(200%);background:#fff9;border:1px solid #fffc;animation:4s ease-in-out infinite glowLight;box-shadow:0 8px 32px #7850c81f,inset 0 1px #ffffffe6}@keyframes glowLight{0%,to{box-shadow:0 8px 32px #7850c81a,inset 0 1px #ffffffe6}50%{box-shadow:0 12px 48px #a855f733,0 0 60px #ec489914,inset 0 1px #ffffffe6}}[data-theme=light] .tab-bar{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#ffffff9e;border-top:1px solid #ffffffd9;box-shadow:0 -4px 24px #7850c814}[data-theme=light] .dream-textarea{color:var(--text);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #b48cdc40}[data-theme=light] .dream-textarea:focus{background:#ffffffd1;border-color:#7c3aed66;box-shadow:0 0 0 3px #7c3aed14}[data-theme=light] .dream-textarea::placeholder{color:#b8acd4}[data-theme=light] .btn-secondary{-webkit-backdrop-filter:blur(20px);color:#4a3f6b;background:#fff9;border:1px solid #fffc;box-shadow:0 2px 12px #7850c814,inset 0 1px #ffffffe6}[data-theme=light] .bg-orb-1{opacity:.8;background:radial-gradient(circle,#a864ff38 0%,#0000 70%)}[data-theme=light] .bg-orb-2{opacity:.7;background:radial-gradient(circle,#ec48992e 0%,#0000 70%)}[data-theme=light] .bg-orb-3{opacity:.6;background:radial-gradient(circle,#6495ff26 0%,#0000 70%)}[data-theme=light] .gradient-text{background:linear-gradient(135deg,#6d28d9 0%,#a855f7 50%,#db2777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .symbol-chip{-webkit-backdrop-filter:blur(16px);color:#3d2f6e;background:#fff9;border:1px solid #b48cdc4d;box-shadow:0 2px 8px #7850c80f,inset 0 1px #fffc}[data-theme=light] .diary-card{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#ffffff85;border:1px solid #ffffffb8;box-shadow:0 2px 16px #7850c80f}[data-theme=light] .diary-card:active{background:#ffffffb3}[data-theme=light] .mic-btn.idle{-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:1.5px solid #a855f74d;box-shadow:0 2px 12px #7850c81a,inset 0 1px #ffffffe6}[data-theme=light] .tab-item.active{color:#7c3aed}[data-theme=light] .tab-item.active svg{filter:drop-shadow(0 0 6px #7c3aed80)}[data-theme=light] .advice-card{background:#7c3aed12!important;border:1px solid #7c3aed33!important}[data-theme=light] .advice-card .advice-title{color:#6d28d9!important}[data-theme=light] .advice-card .advice-text{color:#4a3f6b!important}[data-theme=light] .score-badge-green{color:#065f46!important;background:#0596691f!important;border-color:#0596694d!important}[data-theme=light] .score-badge-purple{color:#4c1d95!important;background:#6d28d91a!important;border-color:#6d28d94d!important}[data-theme=light] .score-badge-pink{color:#831843!important;background:#db27771a!important;border-color:#db27774d!important}[data-theme=light] .stats-best-day{color:#92400e!important}[data-theme=light] .gradient-text-gold{background:linear-gradient(135deg,#92400e 0%,#b45309 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow-x:hidden}.app-container{max-width:430px;min-height:100vh;margin:0 auto;position:relative}.bg-orb{filter:blur(90px);pointer-events:none;z-index:0;opacity:.6;border-radius:50%;position:fixed}.bg-orb-1{background:radial-gradient(circle,#7c3aed40 0%,#0000 70%);width:350px;height:350px;animation:9s ease-in-out infinite orbFloat;top:-80px;right:-80px}.bg-orb-2{background:radial-gradient(circle,#ec48992e 0%,#0000 70%);width:300px;height:300px;animation:12s ease-in-out infinite reverse orbFloat;bottom:120px;left:-80px}.bg-orb-3{background:radial-gradient(circle,#60a5fa1f 0%,#0000 70%);width:200px;height:200px;animation:7s ease-in-out 3s infinite orbFloat;top:40%;right:-40px}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,20px)scale(1.05)}66%{transform:translate(-10px,10px)scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes micRipple{0%{box-shadow:0 0 #f472b680,0 0 #f472b64d}50%{box-shadow:0 0 0 18px #f472b600,0 0 0 36px #f472b600}to{box-shadow:0 0 #f472b600,0 0 #f472b600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes spiralUncoil{0%{opacity:1;border-radius:50%;transform:translate(-50%,-50%)scale(.04)rotate(-600deg)}55%{opacity:1;border-radius:28%;transform:translate(-50%,-50%)scale(1)rotate(-80deg)}78%{opacity:1;border-radius:4%;transform:translate(-50%,-50%)scale(1.35)rotate(0)}to{opacity:0;border-radius:0%;transform:translate(-50%,-50%)scale(1.35)rotate(0)}}@keyframes moonToDark{0%{filter:drop-shadow(0 0 20px #a78bfa80);transform:rotate(0)scale(1)}25%{transform:rotate(-30deg)scale(.6)}50%{opacity:.2;transform:rotate(-180deg)scale(.1)}75%{opacity:.7;transform:rotate(-270deg)scale(.6)}to{filter:drop-shadow(0 0 28px #5a32c8cc);transform:rotate(-360deg)scale(1)}}@keyframes moonToLight{0%{filter:drop-shadow(0 0 20px #fbbf2480);transform:rotate(0)scale(1)}25%{transform:rotate(30deg)scale(.6)}50%{opacity:.2;transform:rotate(180deg)scale(.1)}75%{opacity:.7;transform:rotate(270deg)scale(.6)}to{filter:drop-shadow(0 0 28px #fbbf24e6);transform:rotate(360deg)scale(1)}}@keyframes moonPulseIdle{0%,to{filter:drop-shadow(0 0 20px #a78bfa80);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 32px #a78bfacc);transform:translateY(-6px)scale(1.05)}}@keyframes sunPulseIdle{0%,to{filter:drop-shadow(0 0 20px #fbbf2499);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 36px #fbbf24);transform:translateY(-6px)scale(1.08)}}@keyframes glow{0%,to{box-shadow:0 0 20px #a78bfa4d}50%{box-shadow:0 0 40px #a78bfa99,0 0 80px #f472b633}}@keyframes progressBar{0%{width:0%}to{width:100%}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px)}.card-glow{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);animation:3s ease-in-out infinite glow}.gradient-text{background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 40%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#ec4899 100%);border:none;border-radius:100px;font-size:16px;font-weight:700;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 24px #7c3aed59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #7c3aed80}.btn-primary:active{transform:scale(.97)translateY(0)}.btn-primary:before{content:"";border-radius:inherit;background:linear-gradient(#ffffff26 0%,#0000 60%);position:absolute;inset:0}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(16px);border-radius:100px;font-size:15px;font-weight:600;transition:all .25s}.btn-secondary:active{background:var(--bg-card-hover);transform:scale(.97)}.screen{animation:.4s cubic-bezier(.22,1,.36,1) fadeInUp}.dream-textarea{border:1px solid var(--border-subtle);border-radius:var(--radius);width:100%;color:var(--text);resize:none;background:#ffffff0a;outline:none;font-family:inherit;font-size:16px;line-height:1.6;transition:border-color .3s,background .3s}.dream-textarea:focus{border-color:var(--border);background:#8b5cf60f}.dream-textarea::placeholder{color:var(--text-dim)}.mic-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.mic-btn.idle{background:linear-gradient(135deg,#a78bfa26,#f472b626);border:1.5px solid #a78bfa4d}.mic-btn.recording{background:linear-gradient(135deg,#ec4899,#a855f7);animation:1.5s ease-in-out infinite micRipple;box-shadow:0 0 30px #ec489966}.symbol-chip{color:var(--text);cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.symbol-chip:active{background:#8b5cf633;transform:scale(.97)}.mood-badge{letter-spacing:.3px;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.mood-загадочный{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf666}.mood-мечтательный{color:#93c5fd;background:#60a5fa33;border:1px solid #60a5fa66}.mood-тревожный{color:#fdba74;background:#fb923c33;border:1px solid #fb923c66}.mood-трансформирующий{color:#6ee7b7;background:#34d39933;border:1px solid #34d39966}.mood-вдохновляющий{color:#fde68a;background:#fbbf2433;border:1px solid #fbbf2466}.score-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.tab-bar{border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(30px);width:100%;max-width:430px;padding:10px 8px;padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:100;background:#050508d9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dim);letter-spacing:.4px;text-transform:uppercase;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 16px;font-size:10px;font-weight:500;transition:all .2s;display:flex}.tab-item.active{color:var(--purple)}.tab-item.active svg{filter:drop-shadow(0 0 8px #a78bfa99)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.diary-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;padding:18px;transition:all .25s}.diary-card:active{background:var(--bg-card-hover);transform:scale(.99)}.video-player{border-radius:var(--radius);background:#000;width:100%;overflow:hidden}.onboarding-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.active{background:var(--purple);border-radius:4px;width:24px;box-shadow:0 0 10px #a78bfa99}.loader{border:3px solid var(--border);border-top-color:var(--purple);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.stars-bg{pointer-events:none;z-index:0;position:fixed;inset:0}