html,body,#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{background:#000;height:100vh}.logo{width:300px;max-width:80%}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:linear-gradient(135deg,#1a1a1a,#2c2c2c)}.input{padding:14px;border-radius:999px;border:none;outline:none;font-size:15px;width:100%}.page{animation:fadeSlide .4s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input{width:260px;padding:14px;border-radius:12px;border:none;outline:none;font-size:15px}.text{color:#aaa;text-align:center;max-width:260px}.moods{display:flex;flex-direction:column;gap:15px;width:260px}.mood-btn{background:#1e1e1e;color:#fff;border:none;padding:14px;border-radius:14px;font-size:16px;cursor:pointer;transition:all .25s ease}.mood-btn span{margin-right:8px}.mood-btn:hover{background:#2a2a2a;transform:translateY(-2px)}.app-layout{height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;justify-content:center;align-items:center}.screen{text-align:center}.bottom-bar{height:65px;background:#0f0f0f;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #222}.bottom-bar button{background:none;border:none;color:#888;cursor:pointer;transition:all .25s ease}.bottom-bar svg{width:26px;height:26px}.bottom-bar button:hover{color:#fff;transform:translateY(-3px) scale(1.1)}.bottom-bar button:active{transform:scale(.95)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .25s ease}.modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:24px;padding:30px;max-width:90%;width:340px;border:1px solid #333;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-title{color:#fff;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.mood-btn{background:#1e1e1e;color:#fff;border:1px solid #2a2a2a;padding:16px;border-radius:16px;font-size:16px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:12px}.mood-btn span:first-child{font-size:24px}.mood-btn:hover{background:#2a2a2a;border-color:#7f00ff;transform:translate(5px)}.close-modal{margin-top:15px;width:100%;background:#2a2a2a;color:#aaa;border:none;padding:12px;border-radius:12px;cursor:pointer;transition:all .25s ease}.advice-card{background:linear-gradient(135deg,#7f00ff,#b84dff);padding:25px;border-radius:20px;margin-top:20px;max-width:320px;animation:slideUp .4s ease}.advice-card h3{color:#fff;font-size:18px;margin-bottom:12px}.advice-card p{color:#ffffffe6;line-height:1.6}.mood-trigger{display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;padding:16px 24px;min-width:280px}.mood-trigger .mood-emoji{font-size:24px;animation:float 2s ease-in-out infinite}.mood-display{margin:20px 0}.mood-badge{padding:30px 40px;border-radius:24px;text-align:center;box-shadow:0 10px 40px #0000004d;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.mood-emoji-large{font-size:64px;display:block;margin-bottom:15px;animation:bounce 1s ease}.mood-name{color:#fff;font-size:24px;font-weight:600;margin:0}.advice-card{background:linear-gradient(135deg,#7f00ff,#b84dff);padding:25px;border-radius:20px;max-width:320px;margin:20px 0;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.advice-card h3{color:#fff;font-size:18px;margin-bottom:12px;font-weight:600}.advice-card p{color:#fffffff2;line-height:1.6;margin:0}.tip-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:18px;border-radius:16px;max-width:320px;display:flex;align-items:center;gap:12px;animation:slideUp .6s ease}.tip-card p{color:#ccc;line-height:1.5;margin:0;font-size:14px}.btn.small-btn{padding:10px 20px;font-size:14px;margin-top:15px}.mood-btn .mood-text{font-weight:500}.home-screen{padding:20px;display:flex;flex-direction:column;gap:15px;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.home-screen::-webkit-scrollbar{width:0px;display:none}.home-screen{-ms-overflow-style:none;scrollbar-width:none}.home-screen .title{text-align:left;font-size:32px;margin-bottom:10px}.other-features{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.placeholder-text{color:#666;font-size:16px;text-align:center}.modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:24px;padding:30px;max-width:90%;width:360px;border:1px solid #333;box-shadow:0 20px 60px #00000080;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.home-screen{padding:20px;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto}.home-header{text-align:left;margin-bottom:10px}.home-header .title{font-size:32px;margin-bottom:5px}.subtitle{color:#888;font-size:16px}.mood-section{width:100%}.mood-compact-btn{width:100%;background:linear-gradient(135deg,#7f00ff,#b84dff);border:none;border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #7f00ff4d}.mood-compact-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7f00ff80}.mood-compact-btn:active{transform:scale(.98)}.mood-icon{font-size:36px;animation:float 2s ease-in-out infinite}.mood-text-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.mood-label{color:#fff;font-size:18px;font-weight:600}.mood-sublabel{color:#fffc;font-size:14px}.sos-button{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ef444466;color:#fff;font-size:18px;font-weight:600;position:relative;animation:pulse 2s ease-in-out infinite}.sos-button:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ef444499}.sos-button:active{transform:scale(.98)}.sos-subtitle{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:12px;color:#888;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;padding-bottom:80px}.feature-card{background:#fff;border-radius:20px;padding:25px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a;min-height:160px}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0003}.feature-card:active{transform:scale(.95)}.feature-card h3{color:#fff;font-size:16px;font-weight:600;text-align:center;margin:0}.feature-card p{color:#ffffffe6;font-size:13px;text-align:center;margin:0;line-height:1.4}.floating-mood{position:fixed;bottom:90px;right:20px;background:linear-gradient(135deg,#7f00ff,#b84dff);width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #7f00ff66;transition:all .3s ease;z-index:100;animation:slideInRight .5s ease}.floating-mood:hover{transform:scale(1.1);box-shadow:0 8px 30px #7f00ff99}.floating-emoji{font-size:28px}.floating-label{position:absolute;bottom:-25px;font-size:10px;color:#fff;background:#000000b3;padding:3px 8px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .3s ease}.floating-mood:hover .floating-label{opacity:1}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .25s ease}.modal{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:24px;padding:30px;max-width:90%;width:360px;max-height:85vh;overflow-y:auto;border:1px solid #333;box-shadow:0 20px 60px #00000080;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.modal-subtitle{color:#888;font-size:14px;text-align:center;margin-bottom:25px}.moods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mood-btn{background:#1e1e1e;color:#fff;border:1px solid #2a2a2a;padding:18px 20px;border-radius:16px;font-size:16px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:15px;text-align:left}.mood-btn .mood-emoji{font-size:28px;flex-shrink:0}.mood-btn .mood-name-text{font-weight:500}.mood-btn:hover{background:#2a2a2a;transform:translate(5px);box-shadow:0 5px 20px #7f00ff4d}.mood-btn:active{transform:scale(.98)}.close-modal{width:100%;background:#2a2a2a;color:#aaa;border:none;padding:14px;border-radius:12px;cursor:pointer;transition:all .25s ease;font-size:15px}.close-modal:hover{background:#333;color:#fff}.advice-modal{max-width:90%;width:360px}.mood-badge-modal{padding:30px;border-radius:20px;text-align:center;margin-bottom:25px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(.95)}75%{transform:scale(1.02)}}.mood-emoji-big{font-size:64px;display:block;margin-bottom:10px}.mood-name-big{color:#fff;font-size:26px;font-weight:600;margin:0}.advice-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:15px}.advice-content h3{color:#fff;font-size:18px;margin-bottom:12px;font-weight:600}.advice-content p{color:#ccc;line-height:1.6;margin:0}.tip-content{background:#7f00ff1a;border:1px solid rgba(127,0,255,.3);border-radius:14px;padding:15px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.tip-icon{font-size:24px;flex-shrink:0}.tip-content p{color:#bbb;line-height:1.5;margin:0;font-size:14px}.sos-modal{max-width:90%;width:380px}.sos-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:25px}.sos-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sos-option{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:16px;padding:18px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .25s ease;text-align:left}.sos-option:hover{background:#2a2a2a;border-color:#ef4444;transform:translate(5px)}.sos-emoji{font-size:32px;flex-shrink:0}.sos-option strong{color:#fff;font-size:16px;display:block;margin-bottom:4px}.sos-option p{color:#888;font-size:14px;margin:0}.breathing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.breathing-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#7f00ff,#b84dff);display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:transform 1s ease}.breathing-circle.inhale,.breathing-circle.hold{transform:scale(1.2)}.breathing-circle.exhale{transform:scale(.8)}.breath-count{font-size:72px;color:#fff;font-weight:700}.breath-text{color:#fff;font-size:24px;margin-bottom:10px}.breath-cycle{color:#888;font-size:16px}.tips-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.tip-item{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px}.tip-number{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.tip-item p{color:#ccc;font-size:15px;margin:0;font-style:italic}.sos-reminder{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:15px;margin-bottom:20px;color:#ccc;font-size:14px;line-height:1.5}.sos-reminder strong{color:#fff}.pause-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pause-btn{background:#1e1e1e;border:1px solid #2a2a2a;color:#fff;padding:18px;border-radius:14px;font-size:18px;cursor:pointer;transition:all .25s ease}.pause-btn:hover{background:#2a2a2a;border-color:#7f00ff;transform:scale(1.02)}.pause-text{color:#ccc;text-align:center;line-height:1.8;margin-bottom:25px;font-size:16px}.pause-timer{font-size:48px;color:#fff;text-align:center;margin:30px 0;font-weight:700}.reconciliation-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.reconciliation-item{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:14px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:all .25s ease}.reconciliation-item:hover{background:#2a2a2a;border-color:#10b981;transform:translate(5px)}.reconciliation-item p{color:#ccc;font-size:15px;margin:0;line-height:1.5}.copy-icon{font-size:20px;flex-shrink:0}.love-modal{max-width:90%;width:360px}.love-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.love-message-card{background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:20px;padding:30px;margin-bottom:25px;box-shadow:0 10px 30px #ec48994d}.love-message-text{color:#fff;font-size:18px;line-height:1.6;text-align:center;margin:0;font-weight:500}.love-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.challenge-modal{max-width:90%;width:360px}.challenge-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:25px}.challenge-points{background:#8b5cf633;color:#a78bfa;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600}.challenge-card{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;padding:30px;text-align:center;margin-bottom:25px;box-shadow:0 10px 30px #8b5cf64d}.challenge-emoji{font-size:64px;display:block;margin-bottom:20px}.challenge-text{color:#fff;font-size:18px;line-height:1.6;margin:0 0 15px;font-weight:500}.challenge-reward{background:#fff3;color:#fff;padding:8px 16px;border-radius:999px;display:inline-block;font-weight:600}.challenge-completed{text-align:center;padding:30px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:16px;margin-bottom:20px}.check-icon{font-size:64px;display:block;margin-bottom:15px}.challenge-completed p{color:#ccc;font-size:16px;margin:8px 0}.challenge-next{color:#888;font-size:14px}.btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.feature-modal{text-align:center}.feature-modal .modal-title{margin-bottom:15px}.feature-modal .modal-subtitle{margin-bottom:30px}.auth-page{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:25px}.auth-icon-container{display:flex;justify-content:center;animation:bounce 1s ease}.auth-description{color:#888;text-align:center;font-size:15px;margin-top:-15px}.auth-form{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:14px 16px;transition:border-color .3s ease}.input-group:focus-within{border-color:#7f00ff}.input-group .input{background:transparent;border:none;outline:none;color:#fff;font-size:15px;width:100%;padding:0}.input-group .input::placeholder{color:#666}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:12px;font-size:14px;text-align:center;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.link-text{color:#888;font-size:14px;text-align:center}.link{color:#b84dff;cursor:pointer;font-weight:600;transition:color .3s ease}.link:hover{color:#d084ff;text-decoration:underline}.btn-link{background:none;border:none;color:#888;font-size:15px;cursor:pointer;padding:12px;transition:color .3s ease;text-align:center}.btn-link:hover{color:#b84dff}.connect-container{max-width:420px}.code-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:25px;display:flex;flex-direction:column;gap:15px}.section-title{color:#fff;font-size:18px;font-weight:600;text-align:center;margin:0}.section-description{color:#888;font-size:14px;text-align:center;margin:-5px 0 5px}.code-display{background:linear-gradient(135deg,#7f00ff,#b84dff);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 8px 25px #7f00ff4d;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 8px 25px #7f00ff4d}50%{box-shadow:0 8px 35px #7f00ff80}}.code-text{color:#fff;font-size:28px;font-weight:700;letter-spacing:4px;font-family:Courier New,monospace}.copy-btn{background:#fff3;border:none;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.copy-btn:hover{background:#ffffff4d;transform:scale(1.1)}.copy-btn:active{transform:scale(.95)}.code-input{text-align:center;font-size:24px;letter-spacing:4px;font-weight:600;text-transform:uppercase;font-family:Courier New,monospace}.btn.primary,.btn.omit,.btn.secondary{display:flex;align-items:center;justify-content:center;gap:10px}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(-10px)}75%{transform:translateY(-15px)}}@media(max-width:480px){.code-text{font-size:24px;letter-spacing:3px}.auth-container{gap:20px}.code-section{padding:20px}}.install-button{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;border:none;border-radius:999px;padding:12px 24px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #7f00ff66;transition:all .3s ease;z-index:1000;animation:slideInDown .5s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.install-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7f00ff99}.install-button:active{transform:scale(.95)}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-icon-container{margin-bottom:20px;display:flex;justify-content:center}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px;text-align:center}.link-text{text-align:center;color:#888;font-size:14px;margin-top:20px}.link{color:#b84dff;cursor:pointer;text-decoration:underline}.link:hover{color:#a033ff}.code-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:20px}.subtitle{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.text-small{font-size:14px;color:#888;margin-bottom:16px}.code-display{display:flex;align-items:center;gap:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:12px}.code-value{flex:1;font-size:24px;font-weight:700;color:#b84dff;letter-spacing:2px;text-align:center}.icon-btn{background:#ffffff1a;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:#fff3;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.home-page{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.home-content{width:100%;max-width:600px;position:relative;z-index:10;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;margin-bottom:60px}.logo-container{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;height:120px}.logo-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(184,77,255,.3) 0%,transparent 70%);border-radius:50%;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}.logo-heart{position:relative;z-index:2;color:#b84dff;filter:drop-shadow(0 0 30px rgba(184,77,255,.6));animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-sparkle{position:absolute;color:#fff;opacity:0;animation:logoSparkle 3s ease-in-out infinite}.logo-sparkle-1{top:15%;right:10%;animation-delay:0s}.logo-sparkle-2{bottom:20%;left:15%;animation-delay:1.5s}@keyframes logoSparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:.8;transform:scale(1) rotate(180deg)}}.home-title{font-size:56px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-1px}.title-highlight{background:linear-gradient(135deg,#7f00ff,#b84dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-description{font-size:18px;color:#999;line-height:1.6;max-width:450px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:50px}.feature-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 20px;text-align:center;transition:all .3s ease;cursor:default}.feature-card:hover{background:#ffffff0d;border-color:#b84dff66;transform:translateY(-5px)}.feature-icon{width:56px;height:56px;margin:0 auto 16px;background:#b84dff26;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#b84dff;transition:all .3s ease}.feature-card:hover .feature-icon{background:#b84dff40;transform:scale(1.1)}.feature-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.feature-text{font-size:14px;color:#888;line-height:1.5}.cta-section{text-align:center}.cta-button{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;border:none;border-radius:50px;padding:20px 48px;font-size:18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 10px 40px #7f00ff80;transition:all .3s ease;margin-bottom:16px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #7f00ffb3}.cta-button:active{transform:translateY(-1px)}.cta-subtitle{font-size:14px;color:#666}.bg-gradient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;animation:float 20s ease-in-out infinite}.gradient-1{width:500px;height:500px;background:radial-gradient(circle,#7f00ff,transparent);top:-250px;left:-250px;animation-delay:0s}.gradient-2{width:400px;height:400px;background:radial-gradient(circle,#b84dff,transparent);bottom:-200px;right:-200px;animation-delay:5s}.gradient-3{width:350px;height:350px;background:radial-gradient(circle,#e100ff,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}@media(max-width:768px){.home-title{font-size:42px}.home-description{font-size:16px}.features-grid{grid-template-columns:1fr;gap:16px}.cta-button{padding:18px 40px;font-size:16px}}@media(max-width:480px){.home-title{font-size:36px}.logo-heart{width:60px;height:60px}.cta-button{width:100%;justify-content:center}}.auth-page{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:20px}.auth-content{width:100%;max-width:420px;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heart-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:32px;height:140px}.heart-container.small{height:80px;margin-bottom:24px}.heart-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(184,77,255,.4) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}}.heart-icon{position:relative;z-index:2;color:#b84dff;filter:drop-shadow(0 0 15px rgba(184,77,255,.4));animation:heartBeat 3s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}5%{transform:scale(1.03)}10%{transform:scale(1)}}.sparkle{position:absolute;color:#fff;opacity:0;animation:sparkle 4s ease-in-out infinite}.sparkle-1{top:10%;left:20%;animation-delay:0s}.sparkle-2{top:30%;right:15%;animation-delay:1.5s}.sparkle-3{bottom:20%;left:25%;animation-delay:3s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}40%{opacity:.6;transform:scale(1) rotate(120deg)}60%{opacity:.6;transform:scale(1) rotate(180deg)}}.auth-title{font-size:32px;font-weight:700;color:#fff;text-align:center;margin-bottom:12px}.auth-subtitle{font-size:16px;color:#888;text-align:center;margin-bottom:40px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:18px;color:#666;pointer-events:none;z-index:2}.password-toggle{position:absolute;right:18px;background:none;border:none;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:2}.password-toggle:hover{color:#b84dff}.auth-input{width:100%;padding:18px 18px 18px 52px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:16px;transition:all .3s ease;outline:none}.auth-input::placeholder{color:#666}.auth-input:focus{border-color:#b84dff;background:#ffffff14;box-shadow:0 0 0 4px #b84dff1a}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-buttons{display:flex;flex-direction:column;gap:12px}.auth-btn{width:100%;padding:18px 24px;font-size:16px;font-weight:600;border-radius:16px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;outline:none}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;box-shadow:0 8px 24px #7f00ff66}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #7f00ff99}.primary-btn:active:not(:disabled){transform:translateY(0)}.secondary-btn{background:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.1)}.secondary-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.google-btn{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.15)}.google-btn:hover:not(:disabled){background:#ffffff1f;border-color:#b84dff;transform:translateY(-2px)}.tertiary-btn{background:transparent;color:#888;border:none;padding:14px 24px}.tertiary-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.logout-btn{background:#ef44441a;color:#ef4444;border:2px solid rgba(239,68,68,.2);margin-top:24px}.logout-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444466;transform:translateY(-2px)}.auth-error{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px;color:#ef4444;font-size:14px;text-align:center;margin-bottom:16px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.auth-footer{text-align:center;color:#666;font-size:14px;margin-top:24px}.auth-link{color:#b84dff;cursor:pointer;font-weight:600;transition:color .3s ease}.auth-link:hover{color:#a033ff;text-decoration:underline}.code-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:20px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.code-card:hover{border-color:#b84dff4d;background:#ffffff0d}.code-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px;text-align:center}.code-description{font-size:14px;color:#888;margin-bottom:20px;text-align:center}.code-display-box{display:flex;align-items:center;gap:12px;background:#0006;border:2px solid rgba(184,77,255,.3);border-radius:16px;padding:20px;margin-bottom:16px;width:100%;max-width:320px}.code-text{flex:1;font-size:28px;font-weight:700;color:#b84dff;letter-spacing:4px;text-align:center;text-shadow:0 0 20px rgba(184,77,255,.5)}.code-copy-btn{background:#b84dff33;border:2px solid rgba(184,77,255,.4);border-radius:12px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#b84dff}.code-copy-btn:hover{background:#b84dff4d;border-color:#b84dff99;transform:scale(1.05)}.code-copy-btn:active{transform:scale(.95)}.code-input{text-align:center;font-size:20px;font-weight:600;letter-spacing:2px;text-transform:uppercase;max-width:320px;margin:0 auto}@media(max-width:480px){.auth-title{font-size:28px}.auth-subtitle{font-size:14px}.auth-btn{padding:16px 20px;font-size:15px}.code-text{font-size:24px;letter-spacing:3px}}.app-layout{display:flex;flex-direction:column;height:100vh;background:#0a0a0a}.app-content{flex:1;display:flex;justify-content:center;align-items:center;color:#fff;overflow-y:auto}.screen{text-align:center;padding:20px;display:flex;flex-direction:column;gap:25px;align-items:center}.bottom-bar{height:70px;background:linear-gradient(to top,#0f0f0f,#1a1a1a);display:flex;justify-content:space-around;align-items:center;border-top:1px solid #2a2a2a;padding:0 20px}.bottom-bar button{background:none;border:none;color:#555;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:12px;border-radius:16px}.bottom-bar button:hover{color:#888;background:#ffffff0d}.bottom-bar button.active{color:#b84dff}.bottom-bar button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:linear-gradient(90deg,#7f00ff,#b84dff);border-radius:999px;animation:slideIn .3s ease}@keyframes slideIn{0%{width:0;opacity:0}to{width:20px;opacity:1}}.bottom-bar button:active{transform:scale(.9)}.home-screen{padding:20px;max-width:600px;margin:0 auto}.home-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);animation:fadeInDown .5s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-info{display:flex;flex-direction:column;gap:8px}.user-greeting{color:#fff;font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#b84dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.partner-status{display:flex;align-items:center;gap:8px;color:#10b981;font-size:14px;font-weight:500}.partner-status.disconnected{color:#888}.points-badge{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;padding:12px 20px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;box-shadow:0 4px 15px #7f00ff66;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mood-card-new{background:linear-gradient(135deg,#7f00ff,#b84dff);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #7f00ff4d;margin-bottom:16px;animation:slideInLeft .5s ease;position:relative;overflow:hidden}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.mood-card-new:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.mood-card-new:hover:before{left:100%;top:100%}.mood-card-new:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #7f00ff80}.mood-card-new:active{transform:scale(.98)}.mood-card-icon{background:#fff3;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.mood-card-new:hover .mood-card-icon{transform:rotate(10deg) scale(1.1)}.mood-card-content{flex:1;text-align:left}.mood-card-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.mood-card-subtitle{color:#fffc;font-size:14px;margin:0}.sos-card-new{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;padding:20px;width:100%;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #ef444466;margin-bottom:24px;animation:slideInRight .5s ease,pulse 2s ease-in-out infinite;position:relative;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{box-shadow:0 6px 20px #ef444466}50%{box-shadow:0 6px 30px #ef4444b3}}.sos-card-new:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #ef444499}.sos-card-new:active{transform:scale(.98)}.sos-card-icon{background:#fff3;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:transform .3s ease}.sos-card-new:hover .sos-card-icon{transform:rotate(-10deg) scale(1.1);animation:shake .5s ease}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.sos-card-content{flex:1;text-align:left}.sos-card-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.sos-card-subtitle{color:#ffffffe6;font-size:14px;margin:0}.features-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:80px}.feature-card-new{aspect-ratio:1;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0003;position:relative;overflow:hidden;animation:zoomIn .5s ease backwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.5) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.feature-card-new:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0}.feature-card-new:hover:before{opacity:1;left:100%;top:100%}.feature-card-new:hover{transform:translateY(-10px) scale(1.05) rotate(-2deg);box-shadow:0 20px 40px #0006}.feature-card-new:active{transform:scale(.95)}.feature-icon-wrapper{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.feature-card-new:hover .feature-icon-wrapper{transform:rotate(360deg) scale(1.2)}.feature-card-title{color:#fff;font-size:14px;font-weight:600;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.3}.feature-card-description{color:#ffffffe6;font-size:11px;text-align:center;margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media(max-width:768px){.features-grid-new{grid-template-columns:repeat(3,1fr);gap:12px}.feature-card-title{font-size:12px}.feature-card-description{font-size:10px}}@media(max-width:480px){.features-grid-new{grid-template-columns:repeat(2,1fr)}.user-greeting{font-size:24px}}.floating-mood-new{position:fixed;bottom:90px;right:20px;background:linear-gradient(135deg,#7f00ff,#b84dff);padding:12px 20px;border-radius:999px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px #7f00ff66;transition:all .3s ease;z-index:100;animation:slideInRight .5s ease;color:#fff;font-size:14px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.floating-mood-new:hover{transform:scale(1.1);box-shadow:0 8px 30px #7f00ff99}.mood-modal-new{max-width:400px}.moods-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.mood-btn-new{background:#1e1e1e;border:2px solid transparent;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500}.mood-btn-new:hover{background:#2a2a2a;transform:translateY(-4px);box-shadow:0 8px 25px #7f00ff4d}.advice-modal-new{max-width:400px}.advice-badge{padding:30px;border-radius:20px;text-align:center;margin-bottom:20px;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;align-items:center;gap:12px}.advice-badge h2{color:#fff;font-size:26px;font-weight:700;margin:0}.advice-content-new{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:15px}.advice-content-new h3{color:#fff;font-size:18px;margin:0 0 12px;font-weight:600}.advice-content-new p{color:#ccc;line-height:1.6;margin:0}.tip-content-new{background:#7f00ff1a;border:1px solid rgba(127,0,255,.3);border-radius:14px;padding:15px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.tip-icon-new{color:#b84dff;flex-shrink:0}.tip-content-new p{color:#bbb;line-height:1.5;margin:0;font-size:14px}.love-modal-new{max-width:400px}.love-header-new{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:25px}.love-message-card-new{background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:20px;padding:30px;margin-bottom:20px;box-shadow:0 10px 30px #ec48994d}.love-message-card-new p{color:#fff;font-size:18px;line-height:1.6;text-align:center;margin:0;font-weight:500}.challenge-header-new{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{background-color:#000;color:#fff}.container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.logo{width:150px;max-width:80%}.buttons{display:flex;flex-direction:column;gap:18px;width:260px}.btn{padding:14px 0;border-radius:999px;font-size:16px;cursor:pointer;transition:all .25s ease;border:none}.btn.primary{background:#fff;color:#000;box-shadow:0 6px 18px #ffffff40}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffffff73}.btn.primary:active{transform:translateY(2px);box-shadow:0 4px 12px #fff3}.btn.omit{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;box-shadow:0 6px 18px #b74dff59}.btn.omit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #b74dff99}.btn.omit:active{transform:translateY(2px);box-shadow:0 4px 14px #b74dff59}.title{color:#fff;font-size:28px;font-weight:600;letter-spacing:1px;margin-top:-10px}