.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-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}}.connect-page{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:40px 20px;animation:fadeIn .5s ease;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.particles{position:absolute;inset:0;pointer-events:none;z-index:0}.particle{position:absolute;color:#a855f74d;animation:float 4s ease-in-out infinite}.particle-1{top:10%;left:15%;animation-delay:0s}.particle-2{top:70%;right:20%;animation-delay:1s}.particle-3{bottom:20%;left:10%;animation-delay:2s}.particle-4{top:30%;right:15%;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}.connect-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.connect-header{text-align:center;margin-bottom:20px;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.heart-container{width:120px;height:120px;margin:0 auto 30px;position:relative;display:flex;align-items:center;justify-content:center}.heart-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(168,85,247,.4),transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;filter:blur(20px)}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.heart-icon{width:70px;height:70px;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(168,85,247,.6));animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}.connect-title{font-size:32px;font-weight:700;margin-bottom:12px;color:#fff}.gradient-text{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connect-subtitle{color:#888;font-size:15px;font-weight:400}.code-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;animation:slideUp .6s ease;transition:all .3s ease;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.code-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{to{left:100%}}.code-card:hover{background:#ffffff0d;border-color:#7f00ff4d;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-icon{width:40px;height:40px;background:linear-gradient(135deg,#a855f733,#ec489933);border:1px solid rgba(168,85,247,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a855f7;flex-shrink:0}.code-card-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.code-card-description{font-size:13px;color:#888;margin:0}.code-display-box{background:linear-gradient(135deg,#7f00ff,#b84dff);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 25px #7f00ff66;transition:all .3s ease;position:relative;overflow:hidden}.code-display-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:rotate 4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.code-display-box:hover{transform:scale(1.02);box-shadow:0 12px 35px #7f00ff99}.code-wrapper{flex:1;position:relative}.code-text{font-size:28px;font-weight:700;color:#fff;letter-spacing:4px;display:block;text-align:center;font-family:Courier New,monospace;position:relative;z-index:1}.code-copy-btn{background:#fff3;border:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;position:relative;z-index:1}.code-copy-btn:hover{background:#ffffff4d;transform:scale(1.1) rotate(5deg)}.code-copy-btn:active{transform:scale(.95)}.divider{display:flex;align-items:center;gap:16px;margin:8px 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}.divider-circle{width:32px;height:32px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.divider-text{color:#666;font-weight:600;font-size:14px}.connect-btn{width:100%;padding:16px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.connect-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.connect-btn:hover:before{width:300px;height:300px}.btn-code-input{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;box-shadow:0 6px 18px #7f00ff59}.btn-code-input:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7f00ff99}.btn-primary{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;box-shadow:0 6px 18px #7f00ff59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7f00ff99}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0d;color:#888;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff14;color:#aaa}.btn-logout{background:transparent;color:#666;border:none;font-size:15px}.btn-logout:hover{color:#999}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.code-input-section{animation:slideUp .4s ease}.code-input{width:100%;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:20px;text-align:center;letter-spacing:4px;font-weight:700;font-family:Courier New,monospace;margin-bottom:16px;transition:all .3s ease;text-transform:uppercase}.code-input:focus{outline:none;border-color:#7f00ff;box-shadow:0 0 20px #7f00ff4d;background:#7f00ff1a}.code-input::placeholder{color:#444;letter-spacing:2px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px;color:#ef4444;font-size:14px;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:480px){.connect-page{padding:30px 16px}.connect-title{font-size:28px}.code-text{font-size:24px;letter-spacing:3px}.code-card{padding:20px}.heart-container{width:100px;height:100px}.heart-icon{width:60px;height:60px}}.app-layout{height:100vh;display:flex;flex-direction:column}.app-content{flex:1;overflow-y:auto;padding-bottom:80px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:70px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;padding:0 20px;z-index:1000}.bottom-bar button{background:none;border:none;color:#888;cursor:pointer;padding:12px 24px;border-radius:12px;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-bar button.active,.bottom-bar button:hover{color:var(--primary)}.home-screen{min-height:100vh;padding:0;margin:0;background:var(--bg-dark);overflow-y:auto;overflow-x:hidden}.home-header-new{display:flex;margin-top:0;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding: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;margin:0 20px 16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #7f00ff4d;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;margin:0 20px 24px;width:calc(100% - 40px);display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #ef444466;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:12px;padding:0 20px;margin-bottom:100px;max-width:600px;margin-left:auto;margin-right:auto}.feature-card-new{aspect-ratio:1;border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;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(-6px) scale(1.05);box-shadow:0 12px 30px #0006}.feature-card-new:active{transform:scale(.95)}.feature-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.feature-card-new:hover .feature-icon-wrapper{transform:rotate(360deg) scale(1.15)}.feature-card-title{color:#fff;font-size:12px;font-weight:600;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.feature-card-description{color:#ffffffd9;font-size:9px;text-align:center;margin:0;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.floating-mood-new{position:fixed;bottom:100px;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}.floating-mood-new:hover{transform:scale(1.1);box-shadow:0 8px 30px #7f00ff99}.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000d9!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;animation:fadeInModal .25s ease;padding:20px}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal{position:relative!important;background:linear-gradient(135deg,#1e1e2e,#2a2a3e)!important;border-radius:28px!important;padding:35px!important;max-width:90%!important;width:440px!important;max-height:85vh!important;overflow-y:auto!important;border:2px solid rgba(127,0,255,.3)!important;box-shadow:0 25px 70px #000000b3!important;animation:scaleInModal .4s cubic-bezier(.34,1.56,.64,1);z-index:10000!important}@keyframes scaleInModal{0%{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{color:#fff;font-size:26px;font-weight:700;margin-bottom:10px;text-align:center;line-height:1.3;background:linear-gradient(135deg,#fff,#b84dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-subtitle{color:#aaa;font-size:15px;text-align:center;margin-bottom:28px;line-height:1.6}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:#7f00ff80;border-radius:10px}.modal::-webkit-scrollbar-thumb:hover{background:#7f00ffb3}.btn{width:100%;padding:16px 24px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.btn.primary{background:linear-gradient(135deg,#7f00ff,#b84dff);color:#fff;box-shadow:0 6px 20px #7f00ff66}.btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #7f00ff99}.btn.primary:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.close-modal{width:100%;padding:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.close-modal:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.close-modal:active{transform:scale(.98)}.mood-modal-new,.advice-modal-new,.love-modal-new{max-width:440px;width:90%}.moods-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}.mood-btn-new{background:#ffffff0d;border:2px solid transparent;border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:600;font-size:15px}.mood-btn-new:hover{background:#ffffff1a;transform:translateY(-4px) scale(1.03);box-shadow:0 12px 30px #7f00ff66}.mood-btn-new:active{transform:scale(.98)}.advice-badge{padding:35px;border-radius:24px;text-align:center;margin-bottom:24px;box-shadow:0 10px 35px #0006;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;overflow:hidden}.advice-badge:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent);pointer-events:none}.advice-badge h2{color:#fff;font-size:28px;font-weight:700;margin:0;text-shadow:0 3px 15px rgba(0,0,0,.3);position:relative;z-index:1}.advice-content-new{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:24px;margin-bottom:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.advice-content-new h3{color:#fff;font-size:19px;margin:0 0 14px;font-weight:600}.advice-content-new p{color:#ddd;line-height:1.7;margin:0;font-size:15px}.tip-content-new{background:#7f00ff26;border:1px solid rgba(127,0,255,.4);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;margin-bottom:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tip-icon-new{color:#b84dff;flex-shrink:0;animation:pulseIcon 2s ease-in-out infinite}@keyframes pulseIcon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.tip-content-new p{color:#ccc;line-height:1.6;margin:0;font-size:15px}.love-header-new{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:28px}.love-message-card-new{background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:24px;padding:35px;margin-bottom:20px;box-shadow:0 15px 40px #ec489980;position:relative;overflow:hidden}.love-message-card-new:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:floatGlow 6s ease-in-out infinite}@keyframes floatGlow{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}.love-message-card-new p{color:#fff;font-size:19px;line-height:1.7;text-align:center;margin:0;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}@media(max-width:768px){.features-grid-new{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px}.feature-card-new{padding:10px}.feature-icon-wrapper{width:32px;height:32px}.feature-card-title{font-size:11px}.feature-card-description{font-size:8px}}@media(max-width:480px){.features-grid-new{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px}.user-greeting{font-size:24px}.sos-card-new{padding:16px}.sos-card-icon{width:48px;height:48px}.sos-card-title{font-size:16px}.sos-card-subtitle{font-size:13px}.modal{padding:28px!important;width:95%!important}.modal-title{font-size:23px}.modal-subtitle{font-size:14px}.btn{padding:14px 20px;font-size:15px}.love-message-card-new p{font-size:17px}.mood-btn-new{padding:20px}}@media(min-width:769px){.features-grid-new{grid-template-columns:repeat(4,1fr);max-width:800px}}.challenges-container{padding:20px 20px 100px;max-width:800px;margin:0 auto}.challenges-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid rgba(255,107,157,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.challenges-header{margin-bottom:32px}.challenges-header h1{font-size:28px;margin-bottom:20px;color:#fff}.stats-bar{display:flex;gap:12px;background:var(--card-bg);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.stat-item{flex:1;display:flex;align-items:center;gap:12px}.stat-icon{font-size:32px}.stat-item>div{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.challenges-list{display:flex;flex-direction:column;gap:16px}.challenge-card{background:var(--card-bg);border-radius:20px;padding:24px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.challenge-card:hover{transform:translateY(-2px);border-color:var(--primary)}.challenge-card.completed{opacity:.7;border-color:#4ecdc4;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(78,205,196,.1) 100%)}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.challenge-category{font-size:32px}.challenge-meta{display:flex;gap:12px;font-size:12px;text-transform:capitalize}.challenge-difficulty{font-weight:600}.challenge-time{color:var(--text-secondary)}.challenge-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#fff}.challenge-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.challenge-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.challenge-points{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:gold}.points-icon{font-size:20px}.btn-complete{padding:10px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-complete:hover{transform:scale(1.05);box-shadow:0 4px 20px #ff6b9d66}.btn-complete:disabled{opacity:.6;cursor:not-allowed;transform:scale(1)}.completed-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#4ecdc433;color:#4ecdc4;border-radius:12px;font-weight:600;font-size:14px}.completed-badge svg{width:20px;height:20px}.all-completed-message{text-align:center;padding:40px;background:linear-gradient(135deg,#4ecdc433,#ff6b9d33);border-radius:20px;margin-top:24px}.celebration-icon{font-size:64px;display:block;margin-bottom:16px}.all-completed-message h3{font-size:24px;margin-bottom:8px;color:#fff}.all-completed-message p{color:var(--text-secondary)}@media(max-width:768px){.challenges-container{padding:16px}.stats-bar{flex-direction:column}.challenge-footer{flex-direction:column;gap:12px;align-items:stretch}.btn-complete{width:100%}}.challenges-header-top{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:var(--bg-dark);position:sticky;top:0;z-index:100}.back-btn-challenges{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.back-btn-challenges:hover{background:#ffffff26;transform:translate(-3px)}.challenges-header-top h1{font-size:24px;font-weight:700;color:#fff;margin:0}.partner-name-text{color:#aaa;font-size:14px;text-align:center;margin-bottom:16px}.partner-name-text strong{color:#b84dff;font-weight:600}.stat-item{display:flex;align-items:center;gap:12px}.challenge-header-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.challenge-category-icon{background:#7f00ff26;border:1px solid rgba(127,0,255,.3);border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center}.challenge-meta{display:flex;align-items:center;gap:12px}.challenge-time{display:flex;align-items:center;gap:4px;color:#888;font-size:13px}.completed-badge{display:flex;align-items:center;gap:6px;color:#10b981;font-weight:600;font-size:14px}.all-completed-message{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px;background:#7f00ff1a;border:2px solid rgba(127,0,255,.3);border-radius:20px;margin:20px;text-align:center}.all-completed-message h3{color:#fff;font-size:22px;margin:0}.all-completed-message p{color:#aaa;margin:0;font-size:15px}.progress-info{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.progress-stat{display:flex;align-items:center;gap:8px;background:#7f00ff1a;border:1px solid rgba(127,0,255,.3);padding:10px 16px;border-radius:12px;color:#fff;font-size:14px;font-weight:500}.challenge-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-view{background:#7f00ff26;border:1px solid rgba(127,0,255,.4);color:#b84dff;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-view:hover{background:#7f00ff40;transform:translateY(-2px)}.unlock-next-block{margin:30px 20px;padding:30px;background:linear-gradient(135deg,#7f00ff33,#b84dff33);border:2px solid rgba(127,0,255,.5);border-radius:24px;text-align:center;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #7f00ff66}50%{box-shadow:0 0 40px #7f00ffb3}}.unlock-message{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}.unlock-message h3{color:#fff;font-size:22px;font-weight:700;margin:0}.unlock-message p{color:#aaa;font-size:15px;margin:0}.btn-unlock{background:linear-gradient(135deg,#7f00ff,#b84dff);border:none;color:#fff;padding:16px 32px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #7f00ff66}.btn-unlock:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 35px #7f00ff99}.btn-unlock:active{transform:scale(.98)}.response-modal{max-width:500px;width:90%}.response-input,.response-textarea{width:100%;padding:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;margin-bottom:16px;transition:all .3s ease}.response-input:focus,.response-textarea:focus{outline:none;border-color:#7f00ff;background:#ffffff1f}.response-textarea{resize:vertical;min-height:120px;line-height:1.6}.response-input::placeholder,.response-textarea::placeholder{color:#888}.photo-upload-area{margin:20px 0}.photo-upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;background:#7f00ff1a;border:2px dashed rgba(127,0,255,.4);border-radius:16px;cursor:pointer;transition:all .3s ease}.photo-upload-label:hover{background:#7f00ff26;border-color:#7f00ff99;transform:scale(1.02)}.photo-upload-label span{color:#fff;font-size:16px;font-weight:600}.view-responses-modal{max-width:600px;width:90%;max-height:85vh;overflow-y:auto}.responses-container{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.response-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px}.response-box h3{color:#b84dff;font-size:16px;font-weight:600;margin:0 0 12px}.response-text{color:#fff;font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.response-photo{width:100%;border-radius:12px;box-shadow:0 4px 15px #0000004d}.all-completed-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;background:linear-gradient(135deg,#7f00ff33,#b84dff33);border:2px solid rgba(127,0,255,.5);border-radius:24px;margin:30px 20px;text-align:center;animation:celebrationPulse 1.5s ease-in-out infinite}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.all-completed-message h3{color:#fff;font-size:26px;font-weight:700;margin:0}.all-completed-message p{color:#ddd;font-size:16px;margin:0;line-height:1.6}@media(max-width:768px){.progress-info{gap:12px}.progress-stat{font-size:13px;padding:8px 12px}.challenge-actions{width:100%}.btn-view{flex:1}.unlock-message h3{font-size:20px}.btn-unlock{width:100%;padding:14px 24px}.response-modal,.view-responses-modal{width:95%}.response-box{padding:16px}.photo-upload-label{padding:30px}}@media(max-width:480px){.unlock-next-block{padding:20px;margin:20px 12px}.unlock-message h3{font-size:18px}.unlock-message p{font-size:14px}.all-completed-message{padding:30px 20px;margin:20px 12px}.all-completed-message h3{font-size:22px}.all-completed-message p{font-size:14px}}.spinner{width:48px;height:48px;border:4px solid rgba(127,0,255,.2);border-top-color:#7f00ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.challenges-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px;color:#fff}.challenges-loading p{font-size:16px;color:#aaa}.sos-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.sos-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#16213ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,107,157,.2);position:sticky;top:0;z-index:100}.sos-back{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.sos-back:hover{background:#ff6b9d1a}.sos-back:active{transform:scale(.95)}.sos-title{display:flex;align-items:center;gap:12px;flex:1}.sos-title h1{font-size:20px;font-weight:900;color:#fff;margin:0;letter-spacing:.5px}.sos-title p{font-size:13px;color:#ff6b9d;margin:0;font-weight:600}.sos-categories{display:flex;gap:8px;padding:16px 20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sos-categories::-webkit-scrollbar{display:none}.category-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ff6b9d1a;border:1.5px solid rgba(255,107,157,.3);border-radius:20px;color:#ff6b9d;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.3px}.category-chip:hover{background:#ff6b9d26;border-color:#ff6b9d80;transform:translateY(-1px)}.category-chip.active{background:linear-gradient(135deg,#ff6b9d,#c44569);border-color:#ff6b9d;color:#fff;box-shadow:0 4px 12px #ff6b9d4d}.category-chip:active{transform:scale(.95)}.sos-chat{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.sos-chat::-webkit-scrollbar{width:6px}.sos-chat::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sos-chat::-webkit-scrollbar-thumb{background:#ff6b9d4d;border-radius:10px}.sos-chat::-webkit-scrollbar-thumb:hover{background:#ff6b9d80}.message{display:flex;gap:10px;max-width:85%;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.assistant{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c44569);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ff6b9d4d}.message-bubble{background:#16213ecc;border:1px solid rgba(255,107,157,.2);border-radius:16px;padding:12px 16px;position:relative}.message.user .message-bubble{background:linear-gradient(135deg,#ff6b9d,#c44569);border-color:transparent}.message-bubble p{margin:0;color:#fff;font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message-time{display:block;font-size:11px;color:#fff9;margin-top:6px;text-align:right}.message-bubble.loading{padding:16px 20px}.typing-indicator{display:flex;gap:4px;align-items:center;justify-content:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#ff6b9d;animation:typingBounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.sos-quick-messages{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;scrollbar-width:none;background:#16213e80;border-top:1px solid rgba(255,107,157,.1)}.sos-quick-messages::-webkit-scrollbar{display:none}.quick-message-btn{padding:10px 16px;background:#1a1a2ecc;border:1.5px solid;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.3px}.quick-message-btn:hover{background:#ff6b9d26;transform:translateY(-1px)}.quick-message-btn:active{transform:scale(.95)}.quick-message-btn:disabled{opacity:.5;cursor:not-allowed}.sos-input-container{display:flex;gap:10px;padding:16px 20px;background:#16213ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,107,157,.2)}.sos-input{flex:1;background:#1a1a2ecc;border:1.5px solid rgba(255,107,157,.3);border-radius:24px;padding:12px 20px;color:#fff;font-size:15px;outline:none;transition:all .2s}.sos-input::placeholder{color:#ffffff80}.sos-input:focus{border-color:#ff6b9d;background:#1a1a2ef2;box-shadow:0 0 0 3px #ff6b9d1a}.sos-input:disabled{opacity:.5;cursor:not-allowed}.sos-send-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c44569);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:0 4px 12px #ff6b9d4d}.sos-send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b9d66}.sos-send-btn:active{transform:scale(.95)}.sos-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.sos-header{padding:14px 16px}.sos-title h1{font-size:18px}.sos-title p{font-size:12px}.sos-categories,.sos-quick-messages{padding:12px 16px}.sos-chat{padding:16px}.message{max-width:90%}.sos-input-container{padding:14px 16px}}@media(max-width:480px){.sos-header{padding:12px}.sos-title h1{font-size:16px}.sos-title p{font-size:11px}.category-chip{padding:7px 12px;font-size:12px}.sos-categories,.sos-quick-messages{padding:10px 12px;gap:6px}.sos-chat{padding:12px;gap:12px}.message{max-width:95%}.message-avatar{width:32px;height:32px}.message-bubble{padding:10px 14px;border-radius:14px}.message-bubble p{font-size:14px}.message-time{font-size:10px}.quick-message-btn{padding:8px 14px;font-size:12px}.sos-input-container{padding:12px}.sos-input{padding:10px 16px;font-size:14px}.sos-send-btn{width:44px;height:44px}}*{-webkit-tap-highlight-color:transparent}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f23;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c44569,#ff6b9d)}*{scrollbar-width:thin;scrollbar-color:#FF6B9D rgba(255,255,255,.05)}:root{--primary: #FF6B9D;--secondary: #C44569;--accent: #4ECDC4;--bg-dark: #1A1A2E;--card-bg: #16213E;--text-primary: #FFFFFF;--text-secondary: #B0B0B0}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}