@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";:root{--primary-red:#ff4b4b;--primary-red-hover:#e03e3e;--primary-cyan:#00e5ff;--primary-cyan-hover:#00b8cc;--bg-main:#f0f4f8;--bg-primary:#f0f4f8;--bg-card:#fff;--bg-card-alt:#ffffffd9;--text-main:#111;--text-primary:#111;--text-muted:#64748b;--text-secondary:#475569;--text-light:#64748b;--border-color:#00000014;--progress-bg:#0000000f;--shadow-glass:0 8px 32px 0 #1f26870f;--shadow-glass-sm:0 4px 16px 0 #1f26870a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:var(--shadow-glass-sm);--shadow-lg:var(--shadow-glass);--shadow-neon-cyan:0 0 15px #00e5ff66;--shadow-neon-red:0 0 20px #ff4b4b66;--transition-all:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-lg:1.5rem;--border-radius-md:1rem;--border-radius-sm:.5rem;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-pixel:"Silkscreen", "Press Start 2P", monospace}[data-theme=dark]{--bg-main:#0b0e14;--bg-primary:#0b0e14;--bg-card:#161a22;--bg-card-alt:#1e232e;--text-main:#fff;--text-primary:#fff;--text-muted:#94a3b8;--text-secondary:#cbd5e1;--text-light:#94a3b8;--border-color:#ffffff1f;--progress-bg:#ffffff14;--shadow-glass:0 8px 32px 0 #00000073;--shadow-glass-sm:0 4px 16px 0 #0000004d;--shadow-md:var(--shadow-glass-sm);--shadow-lg:var(--shadow-glass)}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(40px);z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#eb234b33 0%,#ba1a1a1a 40%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:14s ease-in-out infinite alternate floatOrbRed;position:fixed;top:-120px;left:-120px}body:after{content:"";filter:blur(40px);z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#00c3ff33 0%,#0ea5e91a 40%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:18s ease-in-out infinite alternate floatOrbBlue;position:fixed;bottom:-120px;right:-120px}[data-theme=dark] body:before{background:radial-gradient(circle,#eb234b38 0%,#ba1a1a1f 45%,#0000 70%)}[data-theme=dark] body:after{background:radial-gradient(circle,#00c3ff2e 0%,#0284c71a 45%,#0000 70%)}@keyframes floatOrbRed{0%{transform:translate(0,0)scale(1)}30%{transform:translate(80px,60px)scale(1.15)}65%{transform:translate(120px,120px)scale(.9)}to{transform:translate(50px,140px)scale(1.1)}}@keyframes floatOrbBlue{0%{transform:translate(0,0)scale(1)}35%{transform:translate(-70px,-80px)scale(1.12)}70%{transform:translate(-130px,-50px)scale(.92)}to{transform:translate(-80px,-120px)scale(1.18)}}.segmented-filter-tabs{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;scrollbar-width:none;width:100%;transition:var(--transition-all);background:#ffffffd1;border:1.5px solid #ffffffe6;border-radius:18px;gap:8px;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fffc,0 6px 18px #0000000a}.segmented-filter-tabs::-webkit-scrollbar{display:none}[data-theme=dark] .segmented-filter-tabs{background:#161a22d1;border-color:#ffffff1a;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 6px #ffffff08,0 6px 18px #00000040}.segmented-filter-tabs.grid-3{grid-template-columns:repeat(3,1fr);display:grid}.segmented-filter-tabs.grid-4{grid-template-columns:repeat(4,1fr);display:grid}.segmented-filter-tab{cursor:pointer;color:var(--text-secondary,#64748b);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:13px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:.7rem .5rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.segmented-filter-tab:hover{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff73;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .segmented-filter-tab:hover{color:#fff;background:#ffffff0f;box-shadow:0 2px 8px #0003}.segmented-filter-tab.active{text-shadow:0 1px 2px #0000004d;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:linear-gradient(135deg,#e11d48 0%,#b71c1c 100%)!important;border:1px solid #fff6!important;font-weight:800!important;box-shadow:inset 1px 1px 3px #ffffff80,inset -2px -2px 5px #00000040,0 6px 18px #ba121559,0 2px 6px #0000001a!important}[data-theme=dark] .segmented-filter-tab.active{background:linear-gradient(135deg,#be123c 0%,#991b1b 100%)!important;border:1px solid #ffffff40!important;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 5px #00000073,0 6px 20px #ba121573!important}.segmented-tab-badge{color:inherit;background:#00000014;border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:700}.segmented-filter-tab.active .segmented-tab-badge{color:#fff;background:#ffffff40}*{box-sizing:border-box;margin:0;padding:0}button{font-family:var(--font-family)}.xp-reward-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:999999;opacity:0;visibility:hidden;box-sizing:border-box;background:#0f172ab8;justify-content:center;align-items:center;padding:1rem;transition:opacity .32s cubic-bezier(.16,1,.3,1),visibility .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.xp-reward-modal-overlay.show{opacity:1;visibility:visible}.xp-reward-modal-content{-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#ffffffe0;border:1.5px solid #fffffff2;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:340px;padding:2.2rem 1.6rem 1.8rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:relative;overflow:hidden;transform:scale(.82)translateY(24px);box-shadow:0 24px 60px #0f172a47,0 10px 24px #ff8c001f,-6px -6px 20px #fffffff2,inset 1px 1px 2px #fffffff2}[data-theme=dark] .xp-reward-modal-content{background:#121620eb;border:1.5px solid #ffffff1f;box-shadow:0 28px 70px #000c,0 8px 30px #ff8c0038,inset 1px 1px 2px #ffffff1a}.xp-reward-modal-overlay.show .xp-reward-modal-content{transform:scale(1)translateY(0)}.xp-reward-modal-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ff8c004d 0%,#ffd7001f 50%,#0000 75%);width:240px;height:180px;animation:5s ease-in-out infinite alternate rewardLightPulse;position:absolute;top:-90px;left:50%;transform:translate(-50%)}@keyframes rewardLightPulse{0%{opacity:.6;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.xp-reward-close-btn{-webkit-backdrop-filter:blur(10px);color:#64748b;cursor:pointer;z-index:10;background:#ffffffb3;border:1.5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1rem;right:1rem;box-shadow:3px 4px 10px #00000014,-2px -2px 6px #fffffff2,inset 1px 1px 2px #fffc}[data-theme=dark] .xp-reward-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff24;box-shadow:3px 4px 10px #0006,-2px -2px 6px #ffffff08,inset 1px 1px 2px #ffffff14}.xp-reward-close-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d;transform:rotate(90deg)scale(1.1)}.xp-reward-close-btn:active{transform:rotate(90deg)scale(.92);box-shadow:inset 2px 2px 5px #00000040}.xp-reward-pill-badge{color:#d97706;letter-spacing:.6px;text-transform:uppercase;z-index:2;background:linear-gradient(135deg,#ff8c0024 0%,#ffd70014 100%);border:1px solid #ff8c004d;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.32rem .9rem;font-size:.72rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 2px 8px #ff8c001a}[data-theme=dark] .xp-reward-pill-badge{color:#fbbf24;background:linear-gradient(135deg,#ffa50033 0%,#ffd7001a 100%);border-color:#ffb40059}.xp-pill-badge-icon{font-size:.88rem;animation:3.5s ease-in-out infinite badgeWiggle}@keyframes badgeWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)scale(1.1)}30%{transform:rotate(10deg)scale(1.1)}45%{transform:rotate(0)}}.xp-reward-pod-container{z-index:2;justify-content:center;align-items:center;width:104px;height:104px;margin:0 auto 1.15rem;display:flex;position:relative}.xp-reward-sunburst{pointer-events:none;filter:blur(1px);background:conic-gradient(#ffc10700 0deg,#ff980038 30deg,#ffc10700 60deg,#ff980038 90deg,#ffc10700 120deg,#ff980038 150deg,#ffc10700 180deg,#ff980038 210deg,#ffc10700 240deg,#ff980038 270deg,#ffc10700 300deg,#ff980038 330deg,#ffc10700 360deg);border-radius:50%;animation:14s linear infinite sunburstSpin;position:absolute;inset:-14px}@keyframes sunburstSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xp-reward-pod-halo{pointer-events:none;background:radial-gradient(circle,#ffb40059 0%,#ff8c0000 70%);border-radius:50%;animation:2.8s ease-in-out infinite alternate haloBreathe;position:absolute;inset:-4px}@keyframes haloBreathe{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.12)}}.xp-reward-icon-wrapper{z-index:3;background:linear-gradient(135deg,#ffd54f 0%,#ff9800 50%,#f57c00 100%);border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;animation:3s ease-in-out infinite alternate podFloat;display:flex;position:relative;box-shadow:0 12px 24px #f57c006b,0 4px 10px #0000001a,inset 2px 2px 4px #ffffffa6,inset -3px -3px 6px #bf360c80}@keyframes podFloat{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-4px)rotate(2deg)}}.xp-star-pulse{color:#fff;filter:drop-shadow(0 2px 6px #b4460066);font-size:3.4rem;animation:1.8s ease-in-out infinite alternate starPulse}@keyframes starPulse{0%{filter:drop-shadow(0 2px 4px #b446004d);transform:scale(.95)}to{filter:drop-shadow(0 0 16px #fffffff2)drop-shadow(0 0 24px #ffd700cc);transform:scale(1.1)}}.xp-sparkle-dot{pointer-events:none;z-index:4;border-radius:50%;position:absolute}.xp-sparkle-dot.dot-1{background:gold;width:7px;height:7px;animation:2.2s ease-in-out infinite sparkleTwinkle;top:8px;right:12px;box-shadow:0 0 8px gold}.xp-sparkle-dot.dot-2{background:#fff;width:5px;height:5px;animation:1.8s ease-in-out .7s infinite sparkleTwinkle;bottom:12px;left:10px;box-shadow:0 0 6px #fff}.xp-sparkle-dot.dot-3{background:#ff9800;width:6px;height:6px;animation:2.5s ease-in-out 1.2s infinite sparkleTwinkle;top:48px;left:-2px;box-shadow:0 0 6px #ff9800}@keyframes sparkleTwinkle{0%,to{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}.xp-reward-title{background:linear-gradient(135deg,#ff6f00 0%,#e65100 50%,#bf360c 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;z-index:2;filter:drop-shadow(0 2px 4px #ff6f0033);-webkit-background-clip:text;margin:0 0 .25rem;font-size:2.8rem;font-weight:900;animation:.45s cubic-bezier(.175,.885,.32,1.275) backwards titlePop}@keyframes titlePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .xp-reward-title{background:linear-gradient(135deg,#ffd54f 0%,#ffa726 50%,#ff7043 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #ffa7264d);-webkit-background-clip:text}.xp-reward-subtitle{color:var(--text-main,#1e293b);letter-spacing:.2px;z-index:2;margin:0 0 1.25rem;font-size:1.05rem;font-weight:800}[data-theme=dark] .xp-reward-subtitle{color:#f1f5f9}.xp-reward-motivational{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);z-index:2;background:#ffffffa6;border:1px solid #ffffffd9;border-radius:20px;width:100%;margin-bottom:1.5rem;padding:.9rem 1.15rem;transition:all .3s;box-shadow:inset 3px 3px 7px #a3b1c647,inset -3px -3px 7px #fffffff2,0 2px 6px #00000008}[data-theme=dark] .xp-reward-motivational{background:#0a0e168c;border:1px solid #ffffff14;box-shadow:inset 3px 3px 8px #00000080,inset -2px -2px 6px #ffffff08}.xp-reward-motivational p{color:var(--text-main,#334155);margin:0;font-size:.88rem;font-weight:600;line-height:1.45}[data-theme=dark] .xp-reward-motivational p{color:#cbd5e1}.xp-reward-btn-awesome{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.2px;z-index:2;background:linear-gradient(135deg,#ffb300 0%,#ff8f00 50%,#f57c00 100%);border:1.5px solid #ffffff59;border-radius:999px;width:100%;padding:14px 28px;font-size:1.02rem;font-weight:800;transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 20px #f57c006b,0 3px 8px #00000014,inset 1px 1px 2px #ffffff8c}.xp-reward-btn-awesome:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);width:60%;height:100%;animation:3.2s infinite btnShimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes btnShimmer{0%{left:-100%}35%,to{left:160%}}.xp-reward-btn-awesome:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f57c008c,0 4px 10px #0000001f,inset 1px 1px 2px #ffffffb3}.xp-reward-btn-awesome:active{transform:translateY(1px)scale(.98);box-shadow:0 4px 12px #f57c0066,inset 2px 2px 6px #b43c0073}.navi-hp-float-toast{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#12161feb;border:1px solid #ff2e9359;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;animation:.35s cubic-bezier(.175,.885,.32,1.275) hpToastSlideIn;display:flex;position:fixed;bottom:84px;right:18px;box-shadow:0 8px 24px #00000073,0 0 16px #ff2e9340,inset 1px 1px 2px #ffffff26}[data-theme=light] .navi-hp-float-toast{background:#fffffff2;border-color:#ff2e9366;box-shadow:0 8px 24px #0000001f,0 0 16px #ff2e9333,inset 1px 1px 2px #fff}.hp-float-icon-box{color:#fff;background:linear-gradient(135deg,#ff2e93 0%,#e11d48 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;box-shadow:0 4px 10px #e11d4866}.hp-pulse-anim{animation:1s infinite alternate heartPulseQuick}@keyframes heartPulseQuick{0%{transform:scale(.9)}to{transform:scale(1.15)}}.hp-float-info{flex-direction:column;display:flex}.hp-float-val{color:#ff2e93;letter-spacing:.3px;font-size:.82rem;font-weight:850;line-height:1.2}.hp-float-label{color:#94a3b8;font-size:.68rem;font-weight:600}[data-theme=light] .hp-float-label{color:#64748b}@keyframes hpToastSlideIn{0%{opacity:0;transform:translateY(20px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.navi-toast-container{z-index:9999999;pointer-events:none;flex-direction:column;gap:10px;width:calc(100% - 32px);max-width:440px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.navi-toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);background:#fff;border:1px solid #0000000f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.35s cubic-bezier(.16,1,.3,1) forwards naviToastSlideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a29,0 4px 12px #00000014}[data-theme=dark] .navi-toast-item{background:#1e293b;border-color:#ffffff1a;box-shadow:0 20px 42px #000000a6,0 0 0 1px #ffffff14}@keyframes naviToastSlideDown{0%{opacity:0;transform:translateY(-20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.toast-success .toast-icon-wrap{color:#10b981;background:#10b98124}.toast-error .toast-icon-wrap{color:#ef4444;background:#ef444424}.toast-warning .toast-icon-wrap{color:#f59e0b;background:#f59e0b24}.toast-info .toast-icon-wrap{color:#0ea5e9;background:#0ea5e924}.toast-body{flex:1;min-width:0;padding-right:6px}.toast-title{color:#0f172a;letter-spacing:-.2px;margin-bottom:2px;font-size:.92rem;font-weight:800}[data-theme=dark] .toast-title{color:#f8fafc}.toast-message{color:#475569;word-break:break-word;font-size:.84rem;line-height:1.45}[data-theme=dark] .toast-message{color:#94a3b8}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1rem;transition:all .2s;display:flex}.toast-close-btn:hover{color:#0f172a;background:#0000000f}[data-theme=dark] .toast-close-btn:hover{color:#fff;background:#ffffff14}.toast-progress-bar{width:100%;height:3px;animation:linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .toast-progress-bar{background:linear-gradient(90deg,#0ea5e9,#0284c7)}@keyframes toastProgress{0%{width:100%}to{width:0%}}.navi-confirm-overlay{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0f172ab8;justify-content:center;align-items:center;padding:1.25rem;animation:.22s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.navi-confirm-card{box-sizing:border-box;text-align:center;background:#fff;border-radius:28px;width:100%;max-width:410px;padding:2.2rem 1.8rem 1.8rem;animation:.32s cubic-bezier(.16,1,.3,1) confirmCardPop;position:relative;box-shadow:0 25px 60px #00000040}[data-theme=dark] .navi-confirm-card{background:#1e293b;border:1px solid #ffffff14;box-shadow:0 25px 60px #000000b3}@keyframes confirmCardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-icon-orb{justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:flex;position:relative}.confirm-icon-pulse{border-radius:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite confirmPulse;position:absolute}.orb-danger .confirm-icon-pulse{background:#ef444440}.orb-warning .confirm-icon-pulse{background:#f59e0b40}@keyframes confirmPulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:0;transform:scale(1.35)}}.confirm-icon-inner{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.85rem;display:flex;position:relative}.orb-danger .confirm-icon-inner{background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);box-shadow:0 8px 20px #d3121561}.orb-warning .confirm-icon-inner{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 20px #f59e0b61}.confirm-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 .5rem;font-size:1.38rem;font-weight:850}[data-theme=dark] .confirm-title{color:#f8fafc}.confirm-message{color:#475569;margin:0 0 1.25rem;font-size:.92rem;line-height:1.55}[data-theme=dark] .confirm-message{color:#94a3b8}.confirm-impact-box{text-align:left;background:#ef44440f;border:1px solid #ef444433;border-radius:16px;margin-bottom:1.5rem;padding:12px 14px}[data-theme=dark] .confirm-impact-box{background:#ef44441f;border-color:#ef444447}.impact-header{color:#dc2626;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:5px;font-size:.8rem;font-weight:800;display:flex}[data-theme=dark] .impact-header{color:#fca5a5}.impact-icon{font-size:.95rem}.impact-text{color:#64748b;font-size:.84rem;line-height:1.5}[data-theme=dark] .impact-text{color:#cbd5e1}.confirm-actions{gap:10px;display:flex}.confirm-btn-cancel{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:9999px;flex:1;padding:12px 16px;font-size:.92rem;font-weight:700;transition:all .2s}[data-theme=dark] .confirm-btn-cancel{color:#e2e8f0;border-color:#475569}.confirm-btn-cancel:hover{color:#0f172a;background:#0000000d}[data-theme=dark] .confirm-btn-cancel:hover{color:#fff;background:#ffffff14}.confirm-btn-action{color:#fff;cursor:pointer;border:none;border-radius:9999px;flex:1.25;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.confirm-btn-action.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);box-shadow:0 8px 20px #d3121559}.confirm-btn-action.btn-danger:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 24px #d3121573}.confirm-btn-action.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 20px #f59e0b59}.confirm-btn-action:active{transform:translateY(0)}.navi-loading-overlay{-webkit-backdrop-filter:blur(10px);z-index:99999999;background:#0f172ac7;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out loadingFadeIn;display:flex;position:fixed;inset:0}.navi-loading-screen-full{box-sizing:border-box;background:radial-gradient(circle,#7e0507 0%,#450a0a 60%,#200405 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.navi-loading-box{text-align:center;flex-direction:column;align-items:center;max-width:340px;display:flex}.loading-logo-wrapper{justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:1.5rem;display:flex;position:relative}.loading-orbit-ring{border-radius:50%;position:absolute}.loading-orbit-ring.ring-outer{border:2px dashed #f59e0b73;width:110px;height:110px;animation:8s linear infinite orbitRotateClockwise}.loading-orbit-ring.ring-inner{border:2.5px solid #ef4444;border-color:#ef4444 gold #0000 #0000;width:92px;height:92px;animation:1.8s cubic-bezier(.68,-.55,.27,1.55) infinite orbitRotateCounter}@keyframes orbitRotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitRotateCounter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-logo-glow{background:radial-gradient(circle,#ef444473 0%,#f59e0b40 50%,#0000 80%);border-radius:50%;width:76px;height:76px;animation:2.4s ease-in-out infinite logoGlowPulse;position:absolute}@keyframes logoGlowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:.9;transform:scale(1.3)}}.loading-logo-img{object-fit:contain;filter:drop-shadow(0 6px 14px #00000073);width:72px;height:72px;animation:3s ease-in-out infinite logoFloatAnimation;position:relative}@keyframes logoFloatAnimation{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}}.loading-text-title{color:#fff;letter-spacing:-.2px;text-shadow:0 2px 10px #00000080;margin-bottom:.4rem;font-size:1.15rem;font-weight:800}.loading-subtext{color:#ffffffbf;justify-content:center;align-items:center;font-size:.82rem;font-weight:500;display:flex}.loading-dots .dot{opacity:0;animation:1.4s infinite dotBlink}.loading-dots .dot:first-child{animation-delay:.2s}.loading-dots .dot:nth-child(2){animation-delay:.4s}.loading-dots .dot:nth-child(3){animation-delay:.6s}@keyframes dotBlink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.spotlight-tour-overlay{pointer-events:none;z-index:999999;width:100%;height:100%;position:absolute;top:0;left:0}.spotlight-hole-ring{pointer-events:auto;border:2px solid #ff4b4b;transition:all .35s cubic-bezier(.16,1,.3,1);animation:2.4s ease-in-out infinite spotlightBorderPulse;position:absolute;box-shadow:0 0 0 9999px #0a0e17c7,0 0 24px #ff4b4b73,inset 0 0 12px #ff4b4b33}@keyframes spotlightBorderPulse{0%,to{border-color:#ff4b4b;box-shadow:0 0 0 9999px #0a0e17c7,0 0 20px #ff4b4b66}50%{border-color:#ffa4a4;box-shadow:0 0 0 9999px #0a0e17c7,0 0 32px #ff4b4ba6}}.spotlight-tooltip-card{pointer-events:auto;z-index:1000000;color:#0f172a;box-sizing:border-box;background:#fff;border-radius:20px;width:min(320px,100vw - 32px);padding:1.15rem 1.25rem;transition:top .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 24px 50px -10px #00000059,0 0 0 1px #0000000f}[data-theme=dark] .spotlight-tooltip-card{color:#fff;background:#181e29;border:1px solid #ffffff1f;box-shadow:0 24px 50px -10px #000000b3,0 0 0 1px #ffffff14}.tour-card-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.tour-step-badge{text-transform:uppercase;letter-spacing:.6px;color:#ba1215;background:#ba121514;border-radius:6px;padding:.2rem .55rem;font-size:.7rem;font-weight:800}[data-theme=dark] .tour-step-badge{color:#ffa4a4;background:#ff4b4b26}.tour-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.tour-close-btn:hover{color:#0f172a;background:#0000000d}[data-theme=dark] .tour-close-btn:hover{color:#fff;background:#ffffff1a}.tour-card-body{margin-bottom:1rem}.tour-card-title{color:inherit;align-items:center;gap:.4rem;margin:0 0 .4rem;font-size:1.05rem;font-weight:800;line-height:1.3;display:flex}.tour-card-desc{color:#475569;margin:0;font-size:.82rem;line-height:1.55}[data-theme=dark] .tour-card-desc{color:#cbd5e1}.tour-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}[data-theme=dark] .tour-card-footer{border-top-color:#ffffff14}.tour-dots-indicator{align-items:center;gap:5px;display:flex}.tour-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;transition:all .25s}[data-theme=dark] .tour-dot{background:#fff3}.tour-dot.passed{background:#ef4444}.tour-dot.active{background:#ba1215;border-radius:999px;width:16px}[data-theme=dark] .tour-dot.active{background:#ff4b4b}.tour-btn-group{align-items:center;gap:.5rem;display:flex}.tour-skip-text-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem .6rem;font-size:.78rem;font-weight:600;transition:all .2s}.tour-skip-text-btn:hover{color:#0f172a;background:#0000000a}[data-theme=dark] .tour-skip-text-btn{color:#94a3b8}[data-theme=dark] .tour-skip-text-btn:hover{color:#fff;background:#ffffff0f}.tour-nav-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.tour-nav-btn.secondary{color:#334155;background:#0000000f;border:1px solid #0000000f;width:32px;height:32px;padding:0}[data-theme=dark] .tour-nav-btn.secondary{color:#e2e8f0;background:#ffffff14;border-color:#ffffff1a}.tour-nav-btn.secondary:hover{background:#0000001a}[data-theme=dark] .tour-nav-btn.secondary:hover{background:#ffffff29}.tour-nav-btn.primary{color:#fff;background:linear-gradient(135deg,#ba1215 0%,#ef4444 100%);border:none;box-shadow:0 4px 12px #ba12154d}.tour-nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ba121566}.tour-nav-btn.primary:active{transform:scale(.96)}.app-professional-footer{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;margin-top:.5rem;margin-bottom:0;padding:.5rem .5rem .25rem;display:flex;position:relative}.app-footer-divider{opacity:.75;justify-content:center;align-items:center;gap:.65rem;width:100%;max-width:320px;margin-bottom:.85rem;display:flex}.app-footer-divider-line{background:linear-gradient(90deg,#0000,#00000014 40%,#0000001f);flex:1;height:1px}.app-footer-divider-line:last-child{background:linear-gradient(90deg,#0000001f,#00000014 60%,#0000)}[data-theme=dark] .app-footer-divider-line{background:linear-gradient(90deg,#0000,#ffffff14 40%,#ffffff26)}[data-theme=dark] .app-footer-divider-line:last-child{background:linear-gradient(90deg,#ffffff26,#ffffff14 60%,#0000)}.app-footer-divider-gem{background:#d31215;border-radius:50%;width:5px;height:5px;transform:rotate(45deg);box-shadow:0 0 6px #d3121566}[data-theme=dark] .app-footer-divider-gem{background:#ef4444;box-shadow:0 0 8px #ef444480}.app-footer-content{text-align:center;flex-direction:column;align-items:center;gap:.55rem;width:100%;display:flex}.app-footer-meta{letter-spacing:.6px;color:var(--text-muted,#64748b);align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.app-footer-brand-title{color:var(--text-main,#0f172a);letter-spacing:.8px;font-weight:800}[data-theme=dark] .app-footer-brand-title{color:#f8fafc}.app-footer-dot-sep{color:var(--border-color,#cbd5e1);font-size:.65rem}.app-footer-version-tag{color:var(--text-secondary,#64748b);letter-spacing:.3px;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0;font-size:.7rem;font-weight:600;display:inline-flex}[data-theme=dark] .app-footer-version-tag{color:#94a3b8;background:0 0;border:none}.app-footer-status-indicator{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite appFooterStatusPulse;display:inline-block;box-shadow:0 0 6px #10b981}@keyframes appFooterStatusPulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.app-footer-creator-row{color:var(--text-muted,#64748b);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .45rem;font-size:.74rem;font-weight:500;display:flex}.app-footer-creator-label{color:var(--text-muted,#64748b);font-size:.72rem}[data-theme=dark] .app-footer-creator-label{color:#94a3b8}.app-footer-author-pill{color:#c13584;letter-spacing:.2px;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;padding:0;font-size:.74rem;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}[data-theme=dark] .app-footer-author-pill{color:#f472b6;box-shadow:none;background:0 0;border:none}.app-footer-ig-icon{color:#e1306c;flex-shrink:0;font-size:.82rem;transition:transform .2s}[data-theme=dark] .app-footer-ig-icon{color:#f472b6}.app-footer-author-name{line-height:1}.app-footer-ext-icon{opacity:.7;font-size:.65rem;transition:transform .2s,opacity .2s}.app-footer-author-pill:hover{color:#9b1a62;text-underline-offset:3px;box-shadow:none;background:0 0;text-decoration:underline}[data-theme=dark] .app-footer-author-pill:hover{color:#fdf2f8;box-shadow:none;background:0 0}.app-footer-author-pill:hover .app-footer-ig-icon{transform:scale(1.15)}.app-footer-author-pill:hover .app-footer-ext-icon{opacity:1;transform:translate(1px,-1px)}.app-footer-author-pill:active{opacity:.8}.app-footer-copyright-row{margin-top:.1rem}.app-footer-copyright-text{color:var(--text-muted,#94a3b8);letter-spacing:.2px;margin:0;font-size:.68rem;line-height:1.4}.app-footer-copyright-text strong{color:var(--text-secondary,#64748b);font-weight:700}[data-theme=dark] .app-footer-copyright-text{color:#64748b}[data-theme=dark] .app-footer-copyright-text strong{color:#94a3b8}.pwa-install-modal-overlay{animation:.25s ease-out forwards pwaOverlayFadeIn;-webkit-backdrop-filter:blur(16px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0a0e1ac2!important;justify-content:center!important;align-items:center!important;padding:1.25rem 1rem!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes pwaOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.pwa-install-modal-card{scrollbar-width:thin;scrollbar-color:#00000026 transparent;animation:.32s cubic-bezier(.175,.885,.32,1.25) forwards pwaCardPopIn;box-sizing:border-box!important;text-align:center!important;-webkit-backdrop-filter:blur(28px)saturate(180%)!important;color:#0f172a!important;background:#fffffff2!important;border:1.5px solid #fffffff2!important;border-radius:28px!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:410px!important;max-height:90vh!important;padding:1.8rem 1.4rem 1.4rem!important;display:flex!important;position:relative!important;overflow-y:auto!important;box-shadow:0 24px 60px #00000038,0 8px 26px #e11d4826,inset 1px 1px 2px #fff!important}@keyframes pwaCardPopIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pwa-modal-close-btn{cursor:pointer!important;color:#64748b!important;z-index:20!important;background:#0000000d!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;font-size:1.15rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important;top:1rem!important;right:1rem!important;box-shadow:inset 1px 1px 2px #fffc!important}.pwa-modal-close-btn:hover{color:#e11d48!important;background:#e11d481f!important;transform:rotate(90deg)scale(1.08)!important}.pwa-modal-close-btn:active{transform:rotate(90deg)scale(.92)!important}.pwa-modal-header{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-bottom:.95rem!important;display:flex!important}.pwa-modal-hero-pod{background:linear-gradient(135deg,#ef444429 0%,#f59e0b38 100%)!important;border:1.5px solid #f59e0b66!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:68px!important;height:68px!important;margin:0 auto .75rem!important;animation:2.4s ease-in-out infinite alternate pwaHeroPulse!important;display:flex!important;position:relative!important;box-shadow:0 0 24px #ef444452,inset 1px 1px 3px #ffffffe6!important}@keyframes pwaHeroPulse{0%{transform:scale(.98);box-shadow:0 0 16px #ef444440}to{transform:scale(1.06);box-shadow:0 0 32px #f59e0b80,0 0 45px #ef44444d}}.pwa-modal-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000026);width:44px;height:44px}.pwa-modal-badge-row{justify-content:center;margin-bottom:.35rem;display:flex}.pwa-official-badge{letter-spacing:.4px;color:#059669;text-transform:uppercase;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.62rem;font-weight:850;display:inline-flex}.pwa-modal-title{letter-spacing:-.2px!important;text-transform:uppercase!important;background:linear-gradient(135deg,#dc2626 0%,#ea580c 50%,#d97706 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;margin:0 0 .3rem!important;font-size:1.35rem!important;font-weight:900!important}.pwa-modal-subtitle{color:#64748b!important;max-width:320px!important;margin:0!important;font-size:.78rem!important;font-weight:500!important;line-height:1.38!important}.pwa-benefits-card{box-sizing:border-box!important;text-align:left!important;background:#f8fafceb!important;border:1.5px solid #e2e8f0e6!important;border-radius:18px!important;flex-direction:column!important;gap:.75rem!important;width:100%!important;margin-bottom:1.25rem!important;padding:.85rem 1rem!important;display:flex!important;box-shadow:2px 3px 10px #a3b1c62e,-2px -2px 6px #fff,inset 1px 1px 2px #fffc!important}.pwa-benefit-item{align-items:center;gap:.75rem;display:flex}.pwa-benefit-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.pwa-benefit-icon-box.fast{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.pwa-benefit-icon-box.mobile{color:#0284c7;background:#0284c71f;border:1px solid #0284c740}.pwa-benefit-icon-box.secure{color:#059669;background:#10b98124;border:1px solid #10b9814d}.pwa-benefit-text{flex-direction:column;min-width:0;display:flex}.pwa-benefit-text strong{color:#0f172a;margin-bottom:.1rem;font-size:.82rem;font-weight:850;line-height:1.2}.pwa-benefit-text span{color:#64748b;font-size:.72rem;line-height:1.3}.pwa-ios-guide-box{text-align:left!important;box-sizing:border-box!important;background:#f8fafceb!important;border:1.5px solid #e2e8f0e6!important;border-radius:18px!important;flex-direction:column!important;gap:.65rem!important;width:100%!important;margin-bottom:1.25rem!important;padding:.9rem 1rem!important;display:flex!important;box-shadow:2px 3px 10px #a3b1c62e,-2px -2px 6px #fff,inset 1px 1px 2px #fffc!important}.pwa-guide-headline{color:#dc2626;text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:850}.pwa-ios-step{background:#fffc;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.pwa-step-num{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:900;display:flex}.pwa-step-desc{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.76rem;line-height:1.35;display:flex}.pwa-inline-icon{font-size:1rem}.pwa-inline-icon.share{color:#0284c7}.pwa-inline-icon.add{color:#059669}.pwa-modal-actions{flex-direction:column;gap:.55rem;width:100%;display:flex}.pwa-modal-install-btn{color:#fff!important;letter-spacing:.5px!important;cursor:pointer!important;text-transform:uppercase!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%)!important;border:1.5px solid #ffffff59!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.55rem!important;width:100%!important;padding:.85rem 1.4rem!important;font-size:.92rem!important;font-weight:900!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;display:flex!important;box-shadow:0 10px 24px #ef44446b,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0003!important}.pwa-modal-install-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px #ef44448c,inset 1px 1px 2px #ffffffb3!important}.pwa-modal-install-btn:active{transform:scale(.97)!important;box-shadow:inset 3px 3px 8px #0000004d!important}.pwa-action-icon{font-size:1.15rem}.pwa-modal-dismiss-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.35rem .5rem;font-size:.82rem;font-weight:700;transition:all .2s}.pwa-modal-dismiss-btn:hover{color:#0f172a;text-decoration:underline}.login-page-wrapper{box-sizing:border-box;background:var(--bg-main,#f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;width:100%;height:100dvh;max-height:100dvh;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}[data-theme=dark] .login-page-wrapper{background:#0b0f19}.login-ambient-orb{pointer-events:none;filter:blur(80px);opacity:.45;z-index:0;border-radius:50%;animation:14s ease-in-out infinite alternate loginOrbFloat;position:absolute}.orb-top-left{background:radial-gradient(circle,#d3121559 0%,#7e05071f 60%,#0000 80%);width:320px;height:320px;top:-80px;left:-80px}.orb-bottom-right{background:radial-gradient(circle,#d9770638 0%,#d3121526 50%,#0000 80%);width:340px;height:340px;animation-delay:-7s;bottom:-100px;right:-80px}.orb-center-float{background:radial-gradient(circle,#dc26262e 0%,#d977061a 50%,#0000 75%);width:260px;height:260px;animation:16s ease-in-out infinite alternate-reverse loginOrbFloat;top:45%;left:60%}@keyframes loginOrbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,18px)scale(1.06)}to{transform:translate(-18px,28px)scale(.96)}}.login-ambient-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ambient-particle{pointer-events:none;filter:blur(1px);background:#dc262666;border-radius:50%;animation:14s linear infinite particleRise;position:absolute}.ambient-particle.p-1{width:5px;height:5px;animation-duration:18s;animation-delay:0s;left:12%}.ambient-particle.p-2{width:4px;height:4px;animation-duration:14s;animation-delay:-3s;left:28%}.ambient-particle.p-3{width:6px;height:6px;animation-duration:20s;animation-delay:-7s;left:65%}.ambient-particle.p-4{width:5px;height:5px;animation-duration:16s;animation-delay:-11s;left:82%}.ambient-particle.p-5{width:4px;height:4px;animation-duration:22s;animation-delay:-5s;left:45%}@keyframes particleRise{0%{opacity:0;transform:translateY(105vh)scale(.6)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-5vh)scale(1.1)}}.topo-login-container{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:410px;height:100%;max-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.topo-login-card{background:#fff;border-radius:32px;flex-direction:column;height:100%;max-height:100dvh;animation:.45s cubic-bezier(.16,1,.3,1) topoCardFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #0000001f,0 4px 16px #0000000a,0 0 0 1px #0000000a}[data-theme=dark] .topo-login-card{background:#111827;box-shadow:0 25px 60px -12px #000000b3,0 0 0 1px #ffffff14}@keyframes topoCardFadeUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.topo-header.abstract-header{background:linear-gradient(#7e0507 0%,#b91c1c 60%,#d31215 100%);flex-shrink:0;width:100%;height:255px;position:relative;overflow:hidden}[data-theme=dark] .topo-header.abstract-header{background:linear-gradient(#4d0204 0%,#350001 100%)}.abstract-canvas-gradient{z-index:1;background:linear-gradient(#7e0507 0%,#d31215 100%);width:100%;height:100%;position:absolute;top:0;left:0}.abstract-geometric-grid{pointer-events:none;z-index:2;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.16'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.28'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;animation:32s linear infinite geometricPatternDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#000000b3 50%,#0003 85%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#000000b3 50%,#0003 85%,#0000 100%)}@keyframes geometricPatternDrift{0%{background-position:0 0}to{background-position:96px 96px}}.abstract-ambient-aura{pointer-events:none;z-index:3;background:radial-gradient(65% 55% at 30% 25%,#ffffff38 0%,#0000 65%),radial-gradient(55% 45% at 75% 35%,#ffc8c82e 0%,#0000 60%);width:140%;height:100%;animation:7s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:-20%}@keyframes ambientLightPulse{0%{opacity:.45;filter:blur(8px);transform:translateY(0)scale(.97)}50%{opacity:.9;filter:blur(12px);transform:translateY(-6px)scale(1.04)}to{opacity:.55;filter:blur(10px);transform:translateY(3px)scale(1)}}.topo-center-logo-wrapper{z-index:5;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 1rem;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.topo-logo-halo{filter:blur(12px);background:radial-gradient(circle,#ffffff73 0%,#ffffff0d 55%,#0000 70%);border-radius:50%;width:96px;height:96px;animation:3.8s ease-in-out infinite topoLogoPulse;position:absolute;top:8px}@keyframes topoLogoPulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.85;transform:scale(1.15)}}.topo-logo-standalone{z-index:2;justify-content:center;align-items:center;animation:4.2s ease-in-out infinite topoLogoFloat;display:flex;position:relative}@keyframes topoLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.topo-logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000059);width:66px;max-width:66px;height:66px;max-height:66px;display:block}.topo-brand-text-group{text-align:center;flex-direction:column;align-items:center;margin-top:8px;display:flex}.topo-brand-app-title{letter-spacing:2px;color:#fff;text-shadow:0 2px 8px #00000073;margin:0;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:1.28rem;font-weight:900;animation:4s ease-in-out infinite brandTitlePulse}@keyframes brandTitlePulse{0%,to{opacity:.96;transform:scale(1)}50%{opacity:1;text-shadow:0 0 14px #ffffffb3,0 2px 8px #00000073;transform:scale(1.02)}}.topo-brand-app-subtitle{letter-spacing:1.6px;color:#ffffffe0;text-transform:uppercase;text-shadow:0 1px 4px #00000059;margin-top:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:700;animation:4s ease-in-out infinite subtitleTextPulse}@keyframes subtitleTextPulse{0%,to{opacity:.82;letter-spacing:1.6px}50%{opacity:1;letter-spacing:1.8px;text-shadow:0 0 8px #ffffff73}}.topo-wave-divider{z-index:4;pointer-events:none;width:100%;height:42px;position:absolute;bottom:-1px;left:0}.topo-wave-svg{width:100%;height:100%;display:block}.topo-wave-fill{fill:#fff;transition:fill .3s}[data-theme=dark] .topo-wave-fill{fill:#111827}.topo-body{z-index:5;background:#fff;flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:.75rem 1.6rem .55rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .topo-body{background:#111827}@keyframes topoFadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topo-title-wrapper{flex-direction:column;align-items:flex-start;margin-bottom:.45rem;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both topoFadeSlideUp;display:inline-flex}.topo-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 3px;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:1.55rem;font-weight:850;line-height:1.1}[data-theme=dark] .topo-title{color:#f8fafc}.topo-title-underline{background:linear-gradient(90deg,#d31215 0%,#ef4444 100%);border-radius:9999px;width:44px;height:3.5px;animation:.75s cubic-bezier(.16,1,.3,1) .15s both titleUnderlineExpand;position:relative;overflow:hidden}.topo-title-underline:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:100%;height:100%;animation:3s ease-in-out infinite underlineGlowWave;position:absolute;top:0;left:-100%}@keyframes underlineGlowWave{0%,25%{left:-100%}75%,to{left:100%}}@keyframes titleUnderlineExpand{0%{opacity:0;width:0}to{opacity:1;width:44px}}.topo-form{flex-direction:column;display:flex}.topo-field-group{margin-bottom:.85rem}.anim-field-email{animation:.5s cubic-bezier(.16,1,.3,1) .14s both topoFadeSlideUp}.anim-field-password{animation:.5s cubic-bezier(.16,1,.3,1) .22s both topoFadeSlideUp}.topo-field-label{color:#334155;letter-spacing:-.1px;margin-bottom:.35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:750;display:block}[data-theme=dark] .topo-field-label{color:#e2e8f0}.topo-field-row{border-bottom:1.5px solid #e2e8f0;align-items:center;padding-bottom:.4rem;transition:all .25s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .topo-field-row{border-bottom-color:#2d3748}.topo-field-row:focus-within{border-bottom-color:#d31215;box-shadow:0 1px #d31215}.topo-field-icon{color:#d31215;flex-shrink:0;font-size:1.12rem;animation:3.2s ease-in-out infinite alternate iconAmbientBob}@keyframes iconAmbientBob{0%{color:#ba1215;transform:translateY(0)scale(1)}50%{color:#ef4444;filter:drop-shadow(0 2px 5px #ef44444d);transform:translateY(-2px)scale(1.08)}to{color:#ba1215;transform:translateY(0)scale(1)}}.topo-field-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#ef4444,#ba1215,#0000);width:50%;height:2px;animation:4s ease-in-out infinite fieldShimmerSweep;position:absolute;bottom:0;left:-100%}.anim-field-password .topo-field-shimmer{animation-delay:2s}@keyframes fieldShimmerSweep{0%,30%{opacity:0;left:-100%}50%{opacity:.9}70%,to{opacity:0;left:120%}}.topo-field-divider{background:#cbd5e1;flex-shrink:0;width:1px;height:15px;margin:0 9px}[data-theme=dark] .topo-field-divider{background:#475569}.topo-field-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:500;line-height:1.35}[data-theme=dark] .topo-field-input{color:#f8fafc}.topo-field-input::placeholder{color:#94a3b8;font-size:.88rem;font-weight:400}.topo-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.15rem;transition:color .2s;display:flex}.topo-eye-btn:hover{color:#d31215}.topo-options-row{justify-content:space-between;align-items:center;gap:12px;margin-top:.35rem;margin-bottom:1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) .28s both topoFadeSlideUp;display:flex}.topo-remember-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.topo-remember-native{opacity:0;pointer-events:none;position:absolute}.topo-remember-box{box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}[data-theme=dark] .topo-remember-box{background:#1e293b;border-color:#475569}.topo-check-svg{opacity:0;width:11px;height:11px;transition:all .2s;transform:scale(.6)}.topo-remember-native:checked+.topo-remember-box{background:#d31215;border-color:#d31215;animation:3s ease-in-out infinite checkGlowPulse;box-shadow:0 2px 6px #d3121559}@keyframes checkGlowPulse{0%,to{box-shadow:0 0 #d3121559}50%{box-shadow:0 0 0 4px #d3121524}}.topo-remember-native:checked+.topo-remember-box .topo-check-svg{opacity:1;transform:scale(1)}.topo-remember-text{color:#475569;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:650}[data-theme=dark] .topo-remember-text{color:#94a3b8}.topo-forgot-link{color:#d31215;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none;transition:opacity .2s;animation:3.5s ease-in-out infinite linkAmbientBreath}@keyframes linkAmbientBreath{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;color:#ef4444;transform:scale(1.02)}}.topo-forgot-link:hover{text-decoration:underline}.topo-submit-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#d31215 50%,#b91c1c 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:11px 20px;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:.96rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) .36s both topoFadeSlideUp,3.5s ease-in-out .8s infinite btnBreathPulse;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #d3121552}@keyframes btnBreathPulse{0%,to{transform:scale(1);box-shadow:0 8px 20px #d3121552}50%{transform:scale(1.015);box-shadow:0 12px 26px #d312157a,0 0 14px #ef444440}}.topo-submit-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;animation:4.2s ease-in-out 1.2s infinite btnShimmerSweep;position:absolute;top:0;left:-130%;transform:skew(-25deg)}@keyframes btnShimmerSweep{0%,60%{left:-130%}to{left:160%}}.topo-submit-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 12px 24px #d3121566}.topo-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #d3121540}.topo-submit-btn:disabled{opacity:.75;cursor:not-allowed;animation:none}.topo-btn-loading{align-items:center;gap:8px;display:inline-flex}.topo-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite topoSpin}@keyframes topoSpin{to{transform:rotate(360deg)}}.topo-footer-row{justify-content:center;align-items:center;gap:6px;margin-top:.45rem;animation:.5s cubic-bezier(.16,1,.3,1) .44s both topoFadeSlideUp;display:flex}.topo-footer-text{color:#64748b;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:500}[data-theme=dark] .topo-footer-text{color:#94a3b8}.topo-signup-btn{color:#d31215;cursor:pointer;background:0 0;border:none;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:800;text-decoration:none;transition:opacity .2s;animation:2.8s ease-in-out infinite signupGlowPulse}@keyframes signupGlowPulse{0%,to{color:#d31215;transform:scale(1)}50%{color:#ef4444;text-shadow:0 0 8px #ef444459;transform:scale(1.04)}}.topo-signup-btn:hover{text-decoration:underline}.topo-pwa-install-row{justify-content:center;margin-top:.45rem;animation:.5s cubic-bezier(.16,1,.3,1) .52s both topoFadeSlideUp;display:flex}.topo-pwa-install-btn{color:#d31215;cursor:pointer;background:#d312150a;border:1px solid #d3121538;border-radius:9999px;align-items:center;gap:7px;padding:5px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:750;transition:all .2s;animation:3.2s ease-in-out infinite pwaAmbientFloat;display:inline-flex;box-shadow:0 2px 8px #d312150f}@keyframes pwaAmbientFloat{0%,to{transform:translateY(0);box-shadow:0 2px 8px #d312150f}50%{border-color:#d3121561;transform:translateY(-2px);box-shadow:0 6px 14px #d3121529}}[data-theme=dark] .topo-pwa-install-btn{color:#f87171;background:#ef44441f;border-color:#ef44444d}.topo-pwa-install-btn:hover{background:#d3121514;border-color:#d31215;transform:translateY(-1px)}.topo-pwa-install-btn .pwa-icon{font-size:.95rem;animation:3.2s ease-in-out infinite downloadBounce}@keyframes downloadBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3.5px)}60%{transform:translateY(-1.5px)}}.login-embedded-footer{border-top:1px solid #0000000d;width:100%;margin-top:.45rem;padding:.35rem .2rem 0;font-family:Plus Jakarta Sans,sans-serif;animation:.5s cubic-bezier(.16,1,.3,1) .6s both topoFadeSlideUp}.login-embedded-footer .app-footer-content{gap:.25rem}.login-embedded-footer .app-footer-meta{font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem}.login-embedded-footer .app-footer-brand-title{font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:800}.login-embedded-footer .app-footer-creator-row{gap:.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem}.login-embedded-footer .app-footer-author-pill{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;animation:3.2s ease-in-out infinite authorLinkBreath}@keyframes authorLinkBreath{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.login-embedded-footer .app-footer-copyright-text{font-family:Plus Jakarta Sans,sans-serif;font-size:.62rem;line-height:1.25}[data-theme=dark] .login-embedded-footer{border-top-color:#ffffff0f}.login-error-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out loginModalBackdropFade;display:flex;position:fixed;inset:0}@keyframes loginModalBackdropFade{0%{opacity:0}to{opacity:1}}.login-error-modal-card{text-align:center;box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;align-items:center;width:90%;max-width:340px;padding:2rem 1.6rem 1.5rem;animation:.32s cubic-bezier(.16,1,.3,1) loginModalCardBounce;display:flex;position:relative;box-shadow:0 25px 60px -10px #00000040,0 8px 24px -5px #d3121526,0 0 0 1px #0000000d}[data-theme=dark] .login-error-modal-card{background:#1e293b;box-shadow:0 25px 60px -10px #000000a6,0 0 0 1px #ffffff14}@keyframes loginModalCardBounce{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.error-modal-close-btn{color:#64748b;cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}[data-theme=dark] .error-modal-close-btn{color:#94a3b8;background:#ffffff14}.error-modal-close-btn:hover{color:#d31215;background:#d312151a}.error-modal-icon-container{justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.1rem;display:flex;position:relative}.error-modal-icon-pulse{background:#ef444429;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite errorPulse;position:absolute}@keyframes errorPulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.error-modal-icon-box{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.65rem;display:flex;position:relative;box-shadow:0 8px 20px #d3121559}.error-modal-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 .45rem;font-size:1.28rem;font-weight:850;line-height:1.25}[data-theme=dark] .error-modal-title{color:#f8fafc}.error-modal-desc{color:#64748b;margin:0 0 1.35rem;padding:0 .3rem;font-size:.86rem;font-weight:500;line-height:1.5}[data-theme=dark] .error-modal-desc{color:#94a3b8}.error-modal-actions{flex-direction:column;gap:9px;width:100%;display:flex}.error-modal-btn-retry{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:.94rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 18px #d3121547}.error-modal-btn-retry:hover{filter:brightness(1.04);transform:translateY(-1.5px);box-shadow:0 8px 22px #d3121561}.error-modal-btn-retry:active{transform:translateY(0)}.error-modal-btn-retry .btn-icon{font-size:1.05rem}.error-modal-btn-forgot{color:#d31215;cursor:pointer;white-space:nowrap;background:#d312150a;border:1.5px solid #d312153d;border-radius:9999px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 18px;font-size:.9rem;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=dark] .error-modal-btn-forgot{color:#f87171;background:#ef44441a;border-color:#ef44444d}.error-modal-btn-forgot:hover{background:#d3121514;border-color:#d31215;transform:translateY(-1px)}.error-modal-btn-forgot .btn-icon{font-size:1rem}.forgot-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out loginModalBackdropFade;display:flex;position:fixed;inset:0}.forgot-modal-card{box-sizing:border-box;background:#fff;border-radius:28px;width:100%;max-width:400px;padding:2.2rem 2rem;animation:.32s cubic-bezier(.16,1,.3,1) loginModalCardBounce;position:relative;box-shadow:0 25px 60px #00000040}[data-theme=dark] .forgot-modal-card{background:#1e293b;border:1px solid #ffffff14;box-shadow:0 25px 60px #000000a6}.forgot-modal-close{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.forgot-icon-header{justify-content:center;margin-bottom:1.1rem;display:flex}.forgot-key-circle{color:#d31215;background:#d312151a;border:1px solid #d3121533;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.65rem;display:flex;box-shadow:0 8px 18px #d3121526}.forgot-modal-title{color:#0f172a;text-align:center;margin:0 0 .45rem;font-size:1.35rem;font-weight:850}[data-theme=dark] .forgot-modal-title{color:#f8fafc}.forgot-modal-desc{color:#64748b;text-align:center;margin:0 0 1.45rem;font-size:.88rem;line-height:1.5}[data-theme=dark] .forgot-modal-desc{color:#94a3b8}.forgot-send-btn{margin-top:.5rem}.forgot-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;width:100%;margin-top:.5rem;padding:10px;font-size:.88rem;font-weight:650;transition:all .2s}.forgot-cancel-btn:hover{color:#0f172a;background:#0000000a}.forgot-success-content{text-align:center;flex-direction:column;align-items:center;animation:.35s cubic-bezier(.16,1,.3,1) both topoFadeSlideUp;display:flex}.forgot-success-icon-box{color:#10b981;background:#10b9811f;border:2px solid #10b98140;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:.25rem auto 1.1rem;display:flex;position:relative}.forgot-success-icon-pulse{pointer-events:none;border:2px solid #10b98159;border-radius:50%;animation:2s cubic-bezier(.24,0,.38,1) infinite forgotSuccessPulse;position:absolute;inset:-6px}@keyframes forgotSuccessPulse{0%{opacity:.85;transform:scale(.95)}50%{opacity:0;transform:scale(1.18)}to{opacity:.85;transform:scale(.95)}}.forgot-success-icon{z-index:1;font-size:2.25rem}.forgot-email-badge{box-sizing:border-box;background:#d312150f;border:1.5px solid #d312152e;border-radius:14px;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:1.1rem;padding:.65rem 1.1rem;display:inline-flex}[data-theme=dark] .forgot-email-badge{background:#d312151f;border-color:#d312154d}.forgot-email-icon{color:#d31215;flex-shrink:0;font-size:1.15rem}.forgot-email-text{color:#0f172a;word-break:break-all;font-family:Plus Jakarta Sans,monospace,sans-serif;font-size:.92rem;font-weight:750}[data-theme=dark] .forgot-email-text{color:#f8fafc}.forgot-notice-box{text-align:left;box-sizing:border-box;background:#3b82f614;border:1px solid #3b82f633;border-radius:14px;align-items:flex-start;gap:10px;width:100%;margin-bottom:1.35rem;padding:.85rem 1rem;display:flex}[data-theme=dark] .forgot-notice-box{background:#3b82f61f;border-color:#3b82f647}.forgot-notice-icon{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:1.2rem}[data-theme=dark] .forgot-notice-icon{color:#60a5fa}.forgot-notice-box p{color:#334155;margin:0;font-size:.8rem;line-height:1.45}[data-theme=dark] .forgot-notice-box p{color:#cbd5e1}.forgot-notice-box strong{color:#1e293b;font-weight:750}[data-theme=dark] .forgot-notice-box strong{color:#fff}.forgot-done-btn{border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;height:48px;margin-top:.25rem;font-size:.92rem;font-weight:750;display:flex;box-shadow:0 10px 24px #d3121547}.aktivasi-header-nav{z-index:10;position:absolute;top:14px;left:14px}.aktivasi-stepper-modern{justify-content:center;align-items:center;gap:10px;margin-bottom:1.15rem;padding:0 .5rem;animation:.5s cubic-bezier(.16,1,.3,1) 80ms both topoFadeSlideUp;display:flex}.aktivasi-step-item{opacity:.55;align-items:center;gap:7px;transition:all .25s;display:flex}.aktivasi-step-item.active{opacity:1}.aktivasi-step-item.completed{opacity:.9}.step-circle{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.74rem;font-weight:800;transition:all .25s;display:flex}[data-theme=dark] .step-circle{color:#94a3b8;background:#334155}.aktivasi-step-item.active .step-circle{color:#fff;background:#d31215;animation:2.4s ease-in-out infinite activeStepPulse;box-shadow:0 3px 8px #d3121559}@keyframes activeStepPulse{0%,to{box-shadow:0 0 #d3121573}50%{box-shadow:0 0 0 6px #d3121500}}.aktivasi-step-item.completed .step-circle{color:#fff;background:#10b981}.step-label{color:#334155;white-space:nowrap;font-size:.78rem;font-weight:750}[data-theme=dark] .step-label{color:#e2e8f0}.aktivasi-step-line{background:#e2e8f0;border-radius:9999px;flex:1;max-width:32px;height:2px}[data-theme=dark] .aktivasi-step-line{background:#334155}.aktivasi-verified-card,.verified-member-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:16px;align-items:center;gap:12px;margin-bottom:1rem;padding:10px 14px;animation:.5s cubic-bezier(.16,1,.3,1) .1s both topoFadeSlideUp;display:flex;box-shadow:0 2px 8px #10b98114}[data-theme=dark] .aktivasi-verified-card,[data-theme=dark] .verified-member-card{background:#10b9811a;border-color:#10b9814d}.verified-card-icon{color:#16a34a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.45rem;animation:3s ease-in-out infinite alternate verifiedCheckGlow;display:flex}@keyframes verifiedCheckGlow{0%{filter:drop-shadow(0 0 #16a34a00);transform:scale(1)}to{filter:drop-shadow(0 0 5px #16a34a66);transform:scale(1.08)}}.verified-card-info{flex-direction:column;gap:1px;display:flex}.verified-card-tag{color:#16a34a;letter-spacing:.5px;font-size:.64rem;font-weight:850}.verified-card-name{color:#0f172a;font-size:.9rem;font-weight:850;line-height:1.25}[data-theme=dark] .verified-card-name{color:#f8fafc}.verified-card-nta{color:#64748b;font-size:.72rem;font-weight:600}.aktivasi-back-btn-modern{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:9999px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:.65rem;padding:10px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}[data-theme=dark] .aktivasi-back-btn-modern{color:#94a3b8;border-color:#334155}.aktivasi-back-btn-modern:hover{color:#0f172a;background:#0000000a;border-color:#94a3b8}.gender-select-modal-backdrop{-webkit-backdrop-filter:blur(10px);background:#0f172ab8;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0;z-index:999999!important}.gender-select-modal-card{text-align:center;box-sizing:border-box;border-radius:28px;width:92%;max-width:375px;padding:1.8rem 1.5rem 1.4rem;animation:.35s cubic-bezier(.16,1,.3,1) modalCardPop;position:relative;box-shadow:0 25px 60px -10px #00000040,0 8px 24px -5px #d3121526,0 0 0 1px #0000000a;background:#fff!important}[data-theme=dark] .gender-select-modal-card{box-shadow:0 25px 60px -10px #000000b3,0 0 0 1px #ffffff14;background:#1e293b!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardPop{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.gender-modal-header{flex-direction:column;align-items:center;margin-bottom:1.2rem;display:flex}.gender-modal-badge{color:#d31215;letter-spacing:.3px;background:#d3121514;border:1px solid #d3121533;border-radius:9999px;align-items:center;gap:6px;margin-bottom:.65rem;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}[data-theme=dark] .gender-modal-badge{color:#f87171;background:#ef444426;border-color:#ef44444d}.gender-modal-badge-icon{color:#d31215;font-size:.85rem}[data-theme=dark] .gender-modal-badge-icon{color:#f87171}.gender-modal-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 .35rem;font-size:1.35rem;font-weight:850}[data-theme=dark] .gender-modal-title{color:#f8fafc}.gender-modal-subtitle{color:#64748b;margin:0;padding:0 .4rem;font-size:.82rem;font-weight:500;line-height:1.45}[data-theme=dark] .gender-modal-subtitle{color:#94a3b8}.gender-cards-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.35rem;display:grid}.gender-option-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;outline:none;flex-direction:column;align-items:center;padding:1.1rem .65rem .95rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}[data-theme=dark] .gender-option-card{background:#0f172a;border-color:#334155}.gender-option-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.gender-option-card.selected{background:#fff5f5;border-color:#d31215;transform:translateY(-1.5px);box-shadow:0 8px 22px #d3121529}[data-theme=dark] .gender-option-card.selected{background:#dc26261f;border-color:#ef4444;box-shadow:0 8px 22px #dc262640}.gender-card-indicator{position:absolute;top:9px;right:9px}.gender-card-radio{background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;transition:all .2s;display:flex}[data-theme=dark] .gender-card-radio{background:#1e293b;border-color:#475569}.gender-option-card.selected .gender-card-radio{border-color:#d31215}[data-theme=dark] .gender-option-card.selected .gender-card-radio{border-color:#ef4444}.gender-card-dot{background:#d31215;border-radius:50%;width:8px;height:8px;animation:.2s cubic-bezier(.16,1,.3,1) dotScaleIn}[data-theme=dark] .gender-card-dot{background:#ef4444}@keyframes dotScaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.gender-avatar-preview-box{background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #0000000a;border-radius:18px;justify-content:center;align-items:center;width:90px;height:110px;margin-bottom:.75rem;padding:6px;transition:all .25s;display:flex;box-shadow:inset 0 1px 2px #fffc}[data-theme=dark] .gender-avatar-preview-box{background:linear-gradient(#1e293b 0%,#0f172a 100%);border-color:#ffffff0f}.gender-option-card.selected .gender-avatar-preview-box{background:linear-gradient(#fff 0%,#fee2e2 100%);border-color:#d3121526}[data-theme=dark] .gender-option-card.selected .gender-avatar-preview-box{background:linear-gradient(#2d1517 0%,#1a0d0e 100%);border-color:#ef44444d}.gender-avatar-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000026);width:100%;height:100%;transition:transform .25s}.gender-option-card:hover .gender-avatar-img,.gender-option-card.selected .gender-avatar-img{transform:scale(1.05)}.gender-card-info{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.gender-card-title{color:#0f172a;font-size:.88rem;font-weight:850;line-height:1.25;display:block}[data-theme=dark] .gender-card-title{color:#f8fafc}.gender-option-card.selected .gender-card-title{color:#d31215}[data-theme=dark] .gender-option-card.selected .gender-card-title{color:#f87171}.gender-card-desc{color:#64748b;font-size:.68rem;font-weight:600;line-height:1.25;display:block}[data-theme=dark] .gender-card-desc{color:#94a3b8}.gender-modal-actions{flex-direction:column;gap:8px;width:100%;display:flex}.gender-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12.5px 20px;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px #d3121552}.gender-submit-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1.5px);box-shadow:0 10px 24px #d312156b}.gender-submit-btn:active:not(:disabled){transform:translateY(0)}.gender-submit-btn:disabled{opacity:.65;cursor:not-allowed}.gender-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;width:100%;padding:9px 14px;font-size:.84rem;font-weight:650;transition:all .2s;display:inline-block}[data-theme=dark] .gender-cancel-btn{color:#94a3b8}.gender-cancel-btn:hover{color:#0f172a;background:#0000000a}[data-theme=dark] .gender-cancel-btn:hover{color:#f8fafc;background:#ffffff0f}@media (width<=480px){.login-page-wrapper{align-items:stretch;height:100dvh;max-height:100dvh;padding:0;overflow:hidden!important}.topo-login-container{justify-content:flex-start;max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden!important}.topo-login-card{height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0;overflow:hidden!important}.topo-header.abstract-header{flex-shrink:0;height:255px!important}.topo-body{flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:.7rem 1.45rem .5rem;display:flex;overflow:hidden!important}.topo-title-wrapper{margin-bottom:.45rem}.topo-title{font-size:1.55rem}.topo-field-group{margin-bottom:.85rem}.topo-field-label{margin-bottom:.3rem;font-size:.78rem}.topo-field-row{padding-bottom:.38rem}.topo-options-row{margin-top:.35rem;margin-bottom:1.2rem}.topo-submit-btn{padding:11.5px 20px;font-size:.96rem}.topo-footer-row{margin-top:.6rem}.topo-pwa-install-row{margin-top:.45rem}.topo-pwa-install-btn{padding:5px 14px;font-size:.72rem}.login-embedded-footer{margin-top:.5rem;padding-top:.35rem}}.login-page-wrapper.da-scrollable-page{-webkit-overflow-scrolling:touch;background:var(--bg-main,#fff);flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;display:flex!important;overflow-y:auto!important}.topo-login-container.da-scrollable-container{justify-content:flex-start!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.topo-login-card.da-scrollable-card{width:100%!important;max-width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;overflow:visible!important}@media (width>=640px){.login-page-wrapper.da-scrollable-page{background:var(--bg-main,#f1f5f9);align-items:center!important;padding:2rem 1rem!important}.topo-login-container.da-scrollable-container{max-width:420px!important}.topo-login-card.da-scrollable-card{border-radius:32px!important;min-height:auto!important;margin:1.25rem auto!important;box-shadow:0 20px 50px -10px #0000001f,0 4px 16px #0000000a,0 0 0 1px #0000000a!important}}.topo-body.da-scrollable-body{flex:1 0 auto!important;height:auto!important;max-height:none!important;padding:1.25rem 1.45rem 2.5rem!important;overflow:visible!important}.da-title-wrapper{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both topoFadeSlideUp;display:inline-flex}.da-subtitle{color:#64748b;letter-spacing:-.1px;margin:.45rem 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.84rem;font-weight:600;line-height:1.4}[data-theme=dark] .da-subtitle{color:#94a3b8}.anim-da-field-token{animation:.5s cubic-bezier(.16,1,.3,1) .12s both topoFadeSlideUp}.anim-da-field-nama{animation:.5s cubic-bezier(.16,1,.3,1) .18s both topoFadeSlideUp}.anim-da-field-email{animation:.5s cubic-bezier(.16,1,.3,1) .24s both topoFadeSlideUp}.anim-da-field-password{animation:.5s cubic-bezier(.16,1,.3,1) .3s both topoFadeSlideUp}.anim-da-field-confirm{animation:.5s cubic-bezier(.16,1,.3,1) .36s both topoFadeSlideUp}.anim-da-submit{animation:.5s cubic-bezier(.16,1,.3,1) .42s both topoFadeSlideUp}.anim-da-footer{animation:.5s cubic-bezier(.16,1,.3,1) .48s both topoFadeSlideUp}.anim-da-field-token .topo-field-shimmer{animation-delay:.5s}.anim-da-field-nama .topo-field-shimmer{animation-delay:1.5s}.anim-da-field-email .topo-field-shimmer{animation-delay:2.5s}.anim-da-field-password .topo-field-shimmer{animation-delay:3.5s}.anim-da-field-confirm .topo-field-shimmer{animation-delay:4.5s}.da-field-group{margin-bottom:1.15rem}.da-field-help{color:#64748b;margin-top:.35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.74rem;font-weight:550;line-height:1.35;display:block}[data-theme=dark] .da-field-help{color:#94a3b8}.da-submit-btn{border-radius:16px!important;height:50px!important;margin-top:1.25rem!important;font-size:.98rem!important;font-weight:800!important;box-shadow:0 10px 24px #d3121547!important}.da-pw-strength-box{background:#00000006;border:1px solid #0000000f;border-radius:14px;margin-top:.65rem;padding:.75rem .85rem;animation:.3s cubic-bezier(.16,1,.3,1) both topoFadeSlideUp}[data-theme=dark] .da-pw-strength-box{background:#ffffff09;border-color:#ffffff14}.da-pw-strength-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.da-pw-strength-title{color:#64748b;font-size:.76rem;font-weight:700}[data-theme=dark] .da-pw-strength-title{color:#94a3b8}.da-pw-strength-badge{background:#00000005;border:1px solid;border-radius:999px;align-items:center;padding:2px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.da-pw-meter-track{gap:5px;height:4px;margin-bottom:.5rem;display:flex}.da-pw-meter-segment{background:#e2e8f0;border-radius:999px;flex:1;height:100%;transition:background-color .25s}[data-theme=dark] .da-pw-meter-segment{background:#334155}.da-pw-strength-msg{color:#475569;margin:0 0 .55rem;font-size:.74rem;font-weight:550;line-height:1.35}[data-theme=dark] .da-pw-strength-msg{color:#cbd5e1}.da-pw-hints-list{border-top:1px dashed #e2e8f0;grid-template-columns:1fr 1fr;gap:5px 8px;padding-top:.5rem;display:grid}[data-theme=dark] .da-pw-hints-list{border-top-color:#334155}.da-pw-hint-item{color:#94a3b8;align-items:center;gap:5px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.da-pw-hint-item.valid{color:#10b981}[data-theme=dark] .da-pw-hint-item.valid{color:#34d399}.da-pw-hint-bullet{width:12px;font-size:.75rem;font-weight:800;display:inline-block}.da-match-feedback{border-radius:12px;align-items:center;gap:7px;margin-top:.55rem;padding:.55rem .85rem;font-size:.76rem;font-weight:650;line-height:1.35;animation:.25s cubic-bezier(.16,1,.3,1) both topoFadeSlideUp;display:flex}.da-match-feedback.match{color:#059669;background:#10b9811a;border:1px solid #10b98140}[data-theme=dark] .da-match-feedback.match{color:#34d399;background:#10b98126;border-color:#10b98159}.da-match-feedback.mismatch{color:#dc2626;background:#ef444417;border:1px solid #ef444438}[data-theme=dark] .da-match-feedback.mismatch{color:#f87171;background:#ef444424;border-color:#ef444452}.da-match-icon{flex-shrink:0;font-size:1.05rem}.bottom-nav{background:var(--bg-card);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-color);z-index:1000;width:calc(100% - 2.5rem);max-width:500px;box-shadow:var(--shadow-lg);transition:var(--transition-all);border-radius:2rem;padding:0 .5rem;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}body.hide-bottom-nav .bottom-nav,body.hide-bottom-nav .sfh-fab,body.hide-bottom-nav .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.navi-air-page) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.navi-air-page) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.navi-air-page) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.frame-modal-overlay) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.frame-modal-overlay) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.frame-modal-overlay) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.streak-modal-overlay) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.streak-modal-overlay) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.streak-modal-overlay) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.profile-qr-modal-overlay) .bottom-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.profile-qr-modal-overlay) .sfh-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.profile-qr-modal-overlay) .fab-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}[data-theme=dark] .bottom-nav{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex;position:relative}.nav-item{color:var(--text-muted);width:20%;height:100%;transition:var(--transition-all);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}[data-theme=dark] .nav-item{color:var(--text-muted)}.nav-item.placeholder{pointer-events:none;opacity:0}.nav-item:hover{color:var(--text-main)}.nav-icon-wrapper{width:44px;height:44px;transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-item.active .nav-icon-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff4b4b1f!important;border:1px solid #ff4b4b4d!important;box-shadow:0 0 15px #ff4b4b33!important}.nav-item.active .nav-icon{stroke-width:2.5px;color:var(--primary-red)!important}.nav-item.active .nav-label{color:var(--text-main);font-weight:800}[data-theme=dark] .nav-item.active .nav-label{color:var(--text-main)}.nav-icon{transition:var(--transition-all);font-size:1.25rem}.nav-logo-icon{object-fit:contain;filter:grayscale()opacity(.55);width:24px;height:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover .nav-logo-icon{filter:grayscale(40%)opacity(.85);transform:scale(1.05)}.nav-item.active .nav-logo-icon{drop-shadow:0 2px 8px #ba181b66;transform:scale(1.12);filter:none!important;opacity:1!important}.nav-label{text-transform:uppercase;letter-spacing:.5px;margin-top:.35rem;font-size:.55rem;font-weight:700}.fab-container{z-index:1001;justify-content:center;align-items:center;display:flex;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.fab-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#b31f24d9;border:1px solid #ffffff40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,box-shadow .2s;animation:2s ease-in-out infinite red-pulse-halo-light;display:flex;box-shadow:0 8px 32px #b31f2440}.fab-backdrop-dismiss{z-index:998;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes red-pulse-halo-light{0%,to{box-shadow:0 8px 32px #b31f2440,0 0 #b31f2466}50%{box-shadow:0 8px 32px #b31f2440,0 0 0 10px #b31f2400}}[data-theme=dark] .fab-button{animation:2s ease-in-out infinite red-pulse-halo-dark;box-shadow:0 8px 32px #00000059}@keyframes red-pulse-halo-dark{0%,to{box-shadow:0 8px 32px #00000059,0 0 #b31f2480}50%{box-shadow:0 8px 32px #00000059,0 0 0 10px #b31f2400}}.fab-button:hover{background:#c6181be6;transform:scale(1.05);box-shadow:0 12px 36px #b31f2466}[data-theme=dark] .fab-button:hover{box-shadow:0 12px 36px #00000080}.fab-button:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff1a}.fab-icon{margin-bottom:2px;font-size:1.25rem}.fab-label{letter-spacing:.5px;font-size:.6rem;font-weight:800}.fab-menu{pointer-events:none;z-index:1002;width:100%;height:100%;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.fab-menu-item{color:#fff;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:scale(.5)translate(0);box-shadow:0 4px 14px #00000040}.fab-menu-item.fab-sos{background:linear-gradient(135deg,#ff9800,#f44336);top:10px;left:-20px}.fab-menu-item.fab-laporan{background:linear-gradient(135deg,#2196f3,#3f51b5);top:10px;right:-20px}.fab-menu-icon{margin-bottom:2px;font-size:1.2rem}.fab-menu-label{letter-spacing:.3px;font-size:.55rem;font-weight:700}.fab-container.open .fab-button{background:#c6181bf2;animation:none;box-shadow:0 4px 16px #b31f2499}.fab-container.open .fab-icon{transition:transform .3s;transform:rotate(90deg)}.fab-container.open .fab-label{display:none}.fab-container.open .fab-menu-item{opacity:1;pointer-events:auto}.fab-container.open .fab-sos{transform:scale(1)translate(-32px,-45px)}.fab-container.open .fab-laporan{transform:scale(1)translate(32px,-45px)}.fab-menu-item:hover{filter:brightness(1.1);box-shadow:0 6px 16px #0000004d}.fab-container.open .fab-sos:active{transform:translate(-32px,-45px)scale(.92)}.fab-container.open .fab-laporan:active{transform:translate(32px,-45px)scale(.92)}.sfh-alert-badge{z-index:10;background:#ff3b30;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #0000004d}.badge-count{color:#fff;font-size:.8rem;font-weight:700}.pulse-ring{z-index:-1;border:2px solid #ff3b30;border-radius:50%;width:100%;height:100%;animation:1.5s ease-out infinite radar-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radar-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.sos-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.sos-modal-wrapper{z-index:10;width:100%;max-width:380px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.sos-modal-content{-webkit-backdrop-filter:blur(28px);background:#ffffffeb;border:1.5px solid #fffffff2;border-radius:28px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:14px 14px 35px #ef44442e,-10px -10px 25px #fffffff2,inset 1px 1px 2px #ffffffe6}[data-theme=dark] .sos-modal-content{background:#181216e6;border:1.5px solid #ef44444d;box-shadow:14px 14px 40px #000c,-6px -6px 20px #ef444414,inset 1px 1px 2px #ffffff1a}.sos-modal-header-clean{text-align:center;flex-direction:column;align-items:center;padding:2.25rem 1.5rem 1rem;display:flex;position:relative}.sos-icon-beacon-container{justify-content:center;align-items:center;width:86px;height:86px;margin:0 auto .85rem;display:flex;position:relative}.sos-beacon-ripple{pointer-events:none;border:2px solid #ef4444b3;border-radius:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;animation:2.4s cubic-bezier(0,.2,.8,1) infinite sosRadarWave;position:absolute;top:50%;left:50%}.sos-beacon-ripple.ripple-2{animation-delay:1.2s}@keyframes sosRadarWave{0%{opacity:.9;transform:scale(.8)}70%{opacity:.35}to{opacity:0;transform:scale(2.2)}}.sos-icon-ring{z-index:2;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:relative;box-shadow:4px 4px 12px #ef444426,-3px -3px 8px #fff9}[data-theme=dark] .sos-icon-ring{box-shadow:4px 4px 14px #00000080,-2px -2px 6px #ffffff08}.sos-icon-pulse{background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;animation:1.6s ease-in-out infinite sosHeartbeat;display:flex;box-shadow:0 0 20px #ef444499,inset 1px 1px 2px #fff6}@keyframes sosHeartbeat{0%,to{transform:scale(1);box-shadow:0 0 15px #ef444480}50%{transform:scale(1.08);box-shadow:0 0 28px #ef4444d9}}.sos-status-badge{letter-spacing:.6px;text-transform:uppercase;color:#dc2626;background:#ef44441f;border:1px solid #ef444459;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:.5rem;padding:.25rem .8rem;font-size:.7rem;font-weight:850;display:inline-flex;box-shadow:0 0 10px #ef444426}[data-theme=dark] .sos-status-badge{color:#ff5a5a;background:#ef44442e;border:1px solid #ef444473;box-shadow:0 0 12px #ef44444d}.sos-live-beacon{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite alternate beaconBlink;box-shadow:0 0 8px #ef4444}@keyframes beaconBlink{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.sos-modal-header-clean h2{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:900;line-height:1.25}[data-theme=dark] .sos-modal-header-clean h2{color:#fff}.sos-modal-body-clean{text-align:center;flex-direction:column;gap:.95rem;padding:0 1.5rem 1.4rem;display:flex}.sos-calm-box{text-align:left;background:#ef44440f;border:1px solid #ef44441f;border-left:3.5px solid #ef4444;border-radius:12px;padding:.75rem .95rem}[data-theme=dark] .sos-calm-box{background:#ef44441f;border-color:#ef444440 #ef444440 #ef444440 #ef4444}.sos-calm-heading{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:850;display:block}[data-theme=dark] .sos-calm-heading{color:#fff}.sos-calm-text{color:#475569;margin:0;font-size:.82rem;font-weight:500;line-height:1.45}[data-theme=dark] .sos-calm-text{color:#cbd5e1}.sos-location-pill{text-align:left;background:#f1f5f9d9;border:1px solid #ef444440;border-radius:16px;align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex;box-shadow:inset 2.5px 2.5px 6px #cbd5e1,inset -2.5px -2.5px 6px #fff}[data-theme=dark] .sos-location-pill{background:#100c12d9;border:1px solid #ef444459;box-shadow:inset 3px 3px 6px #060507,inset -2px -2px 5px #261d24}.sos-location-icon-small{color:#ef4444;background:#ef444426;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:2.2s ease-in-out infinite gpsIconBreathing;display:flex;box-shadow:0 0 10px #ef444433}@keyframes gpsIconBreathing{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sos-compass-nav{animation:3s ease-in-out infinite alternate compassRotateSoft}@keyframes compassRotateSoft{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.sos-location-details-small{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sos-location-meta-row{align-items:center;gap:.4rem;display:flex}.location-label{color:#ef4444;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:850}.sos-live-gps-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite alternate livePingPulse;box-shadow:0 0 6px #10b981}@keyframes livePingPulse{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.location-coords{color:#0f172a;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.92rem;font-weight:750;overflow:hidden}[data-theme=dark] .location-coords{color:#fff}.sos-sub-text{color:#64748b;margin:0;font-size:.8rem;font-weight:500;line-height:1.45}[data-theme=dark] .sos-sub-text{color:#94a3b8}.sos-modal-footer-clean{padding:0 1.5rem 1.8rem}.sos-close-btn-neo{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:1.5px solid #ffffff4d;border-radius:16px;width:100%;padding:.95rem 1.2rem;font-size:.95rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);animation:2.5s ease-in-out infinite btnPulseAttention;box-shadow:0 10px 24px #ef444473,inset 1px 1px 2px #ffffff73,inset -1px -1px 2px #0003;color:#fff!important}@keyframes btnPulseAttention{0%,to{box-shadow:0 8px 22px #ef444466,inset 1px 1px 2px #ffffff73}50%{box-shadow:0 12px 28px #ef4444a6,inset 1px 1px 2px #fff9}}.sos-close-btn-neo:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ef444499,inset 1px 1px 2px #fff9}.sos-close-btn-neo:active{transform:scale(.97)!important;box-shadow:inset 4px 4px 8px #00000059!important}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.evolution-overlay{-webkit-backdrop-filter:blur(14px);z-index:999999;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.evolution-card{scrollbar-width:thin;text-align:center;box-sizing:border-box;width:100%;max-width:380px;max-height:calc(100vh - 40px);color:var(--text-main,#0f172a);background:#fff;border:1.5px solid #e2e8f0e6;border-radius:26px;padding:1.6rem 1.4rem 1.35rem;animation:.26s cubic-bezier(.16,1,.3,1) forwards popUpModal;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a59,0 10px 25px -5px #0f172a33}[data-theme=dark] .evolution-card{color:#f1f5f9;background:#181d28;border-color:#ffffff1f;box-shadow:0 25px 50px -12px #000000d9,0 10px 25px -5px #00000080}@keyframes popUpModal{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.evolution-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#0000000d;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .evolution-close-btn{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1a}.evolution-close-btn:hover{color:#ef4444;background:#ef444426;transform:rotate(90deg)}.evolution-pill-badge{text-transform:uppercase;letter-spacing:.6px;color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:.3rem;margin-bottom:.45rem;padding:.22rem .7rem;font-size:.68rem;font-weight:800;display:inline-flex}[data-theme=dark] .evolution-pill-badge{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b59}.evolution-title{background:linear-gradient(135deg,#ff6f00 0%,#d84315 100%);-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;margin:0 0 .85rem;font-size:1.25rem;font-weight:900;line-height:1.25}[data-theme=dark] .evolution-title{background:linear-gradient(135deg,#ffb300 0%,#ff7043 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.evolution-image-container{justify-content:center;align-items:center;width:105px;height:105px;margin:0 auto 1.15rem;display:flex;position:relative}.evolution-sunburst{z-index:0;pointer-events:none;background:repeating-conic-gradient(#ffd70038 0deg 15deg,#0000 15deg 30deg);border-radius:50%;width:180%;height:180%;animation:12s linear infinite rotateSunburst;position:absolute;top:-40%;left:-40%}[data-theme=dark] .evolution-sunburst{background:repeating-conic-gradient(#ffd7002e 0deg 15deg,#0000 15deg 30deg)}@keyframes rotateSunburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.evolution-image{object-fit:contain;z-index:2;filter:drop-shadow(0 8px 16px #00000040);width:100%;height:100%;animation:3s ease-in-out infinite floatEvo;position:relative}@keyframes floatEvo{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.evolution-badge-wrapper{z-index:2;background:linear-gradient(135deg,gold 0%,#ff8c00 100%);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;animation:2.5s ease-in-out infinite alternate pulseBadge;display:flex;position:relative;box-shadow:0 10px 22px #ff8c0073,inset 2px 2px 5px #ffffffb3,inset -2px -2px 6px #c8640080}@keyframes pulseBadge{0%{filter:drop-shadow(0 0 8px #ffd70066);transform:scale(1)}to{filter:drop-shadow(0 0 18px #ffd700b3);transform:scale(1.06)}}.evolution-badge-icon{color:#fff;font-size:2.8rem}.evolution-info{box-sizing:border-box;background:#00000008;border:1px solid #0000000f;border-radius:16px;margin-bottom:1.15rem;padding:.85rem 1rem}[data-theme=dark] .evolution-info{background:#ffffff0a;border-color:#ffffff14}.evolution-subtitle-evo{color:#d97706;margin:0 0 .35rem;font-size:.82rem;font-weight:800}[data-theme=dark] .evolution-subtitle-evo{color:#fbbf24}.evolution-rank-name{color:var(--text-main,#0f172a);letter-spacing:-.2px;margin:0 0 .35rem;font-size:1.12rem;font-weight:800}[data-theme=dark] .evolution-rank-name{color:#fff}.evolution-motivational{color:var(--text-muted,#64748b);margin:0;font-size:.78rem;font-weight:500;line-height:1.45}[data-theme=dark] .evolution-motivational{color:#94a3b8}.evolution-btn-awesome{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;width:100%;padding:.82rem 1.25rem;font-size:.88rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #10b98159}.evolution-btn-awesome:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.evolution-btn-awesome:active{transform:translateY(0)}@media (width<=480px){.evolution-card{border-radius:22px;max-height:calc(100vh - 30px);padding:1.4rem 1.2rem 1.2rem}.evolution-title{font-size:1.15rem}.evolution-image-container{width:95px;height:95px;margin-bottom:.9rem}.evolution-badge-wrapper{width:72px;height:72px}.evolution-badge-icon{font-size:2.4rem}}.pwa-install-banner{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:99999;box-sizing:border-box;background:#ffffffeb;border:1.5px solid #fffffff2;border-radius:20px;width:calc(100% - 2rem);max-width:580px;padding:.85rem 1rem;animation:.4s cubic-bezier(.16,1,.3,1) slideDownBanner;position:fixed;top:1rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 36px #8b000029,0 4px 12px #00000014,inset 0 1px 1px #ffffffe6}[data-theme=dark] .pwa-install-banner{background:#1a1216e6;border-color:#ff4b4b4d;box-shadow:0 16px 40px #000000b3,0 4px 16px #b31f2440,inset 0 1px 1px #ffffff1a}@keyframes slideDownBanner{0%{opacity:0;transform:translate(-50%,-25px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.pwa-banner-glow{pointer-events:none;background:radial-gradient(circle,#ef444440 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;right:-20px}.pwa-banner-content{z-index:2;align-items:center;gap:.85rem;display:flex;position:relative}.pwa-logo-box{background:#fff;border:1px solid #0000000f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;display:flex;position:relative;box-shadow:0 4px 12px #00000014}[data-theme=dark] .pwa-logo-box{background:#1f2430;border-color:#ffffff1a}.pwa-banner-logo{object-fit:contain;width:100%;height:100%}.pwa-verified-mini-badge{color:#fff;background:#10b981;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-3px;right:-3px}.pwa-banner-info{flex:1;min-width:0}.pwa-banner-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.pwa-banner-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:.92rem;font-weight:850}[data-theme=dark] .pwa-banner-title{color:#fff}.pwa-safety-pill{color:#059669;letter-spacing:.3px;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:.25rem;padding:1px 6px;font-size:.62rem;font-weight:800;display:inline-flex}[data-theme=dark] .pwa-safety-pill{color:#34d399;background:#10b98133;border-color:#10b98166}.pwa-banner-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.74rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}[data-theme=dark] .pwa-banner-desc{color:#94a3b8}.pwa-banner-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.pwa-install-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);border:1px solid #ffffff59;border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .85rem;font-size:.78rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #b91c1c59}.pwa-install-btn:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 6px 18px #b91c1c80}.pwa-install-btn:active{transform:scale(.96)}.pwa-btn-icon{font-size:.95rem}.pwa-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:1px solid #0000000f;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}[data-theme=dark] .pwa-close-btn{color:#cbd5e1;background:#ffffff14;border-color:#ffffff1a}.pwa-close-btn:hover{color:#ef4444;background:#ef444426}.ios-pwa-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.ios-pwa-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:1.15rem;width:100%;max-width:390px;padding:1.75rem 1.5rem 1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;box-shadow:0 24px 60px #00000040}[data-theme=dark] .ios-pwa-modal-card{background:#161a22;border-color:#ffffff1f;box-shadow:0 24px 60px #000000d9}.ios-pwa-close-btn{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .ios-pwa-close-btn{color:#cbd5e1;background:#ffffff14}.ios-pwa-header{text-align:center}.ios-pwa-icon-circle{color:#b91c1c;background:#b91c1c1a;border:1px solid #b91c1c33;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .75rem;display:flex}.ios-pwa-header h3{color:#0f172a;margin:0 0 .35rem;font-size:1.15rem;font-weight:850}[data-theme=dark] .ios-pwa-header h3{color:#fff}.ios-pwa-header p{color:#64748b;margin:0;font-size:.82rem}[data-theme=dark] .ios-pwa-header p{color:#94a3b8}.ios-pwa-steps{flex-direction:column;gap:.75rem;display:flex}.ios-step-item{background:#f1f5f9bf;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}[data-theme=dark] .ios-step-item{background:#1e293b80;border-color:#ffffff14}.ios-step-number{color:#fff;background:#b91c1c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:850;display:flex}.ios-step-text{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.82rem;line-height:1.4;display:flex}[data-theme=dark] .ios-step-text{color:#e2e8f0}.ios-step-icon{color:#0284c7;font-size:1.05rem}.ios-pwa-guarantee{color:#047857;background:#10b98114;border:1px solid #10b98133;border-radius:12px;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;font-size:.72rem;line-height:1.4;display:flex}[data-theme=dark] .ios-pwa-guarantee{color:#34d399;background:#10b98126;border-color:#10b9814d}.ios-pwa-gotit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b91c1c 0%,#dc2626 100%);border:none;border-radius:14px;padding:.85rem;font-size:.9rem;font-weight:850;transition:all .2s;box-shadow:0 4px 15px #b91c1c59}.ios-pwa-gotit-btn:hover{filter:brightness(1.1)}.perm-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:999999;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.perm-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0f2;border-radius:26px;flex-direction:column;gap:1rem;width:100%;max-width:440px;max-height:90vh;padding:1.5rem 1.35rem 1.35rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 50px -12px #0f172a59,0 10px 25px -5px #0f172a33}[data-theme=dark] .perm-modal-card{background:#161a22;border-color:#ffffff1f;box-shadow:0 24px 60px #000000d9}.perm-modal-close{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .perm-modal-close{color:#cbd5e1;background:#ffffff14}.perm-modal-close:hover{color:#ef4444;background:#ef444426}.perm-modal-header{text-align:center}.perm-shield-icon-pod{color:#b91c1c;background:#b91c1c1a;border:1px solid #b91c1c33;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .75rem;display:flex;position:relative}.perm-shield-icon{font-size:1.75rem}.perm-shield-mini-check{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;font-size:1.1rem;position:absolute;bottom:-4px;right:-4px}.perm-modal-title{color:#0f172a;letter-spacing:-.2px;margin:0 0 .25rem;font-size:1.15rem;font-weight:850}[data-theme=dark] .perm-modal-title{color:#fff}.perm-modal-subtitle{color:#059669;margin:0;font-size:.76rem;font-weight:600}[data-theme=dark] .perm-modal-subtitle{color:#34d399}.perm-tab-switcher{background:#f1f5f9d9;border:1px solid #e2e8f0cc;border-radius:12px;gap:.35rem;padding:4px;display:flex}[data-theme=dark] .perm-tab-switcher{background:#1e232e;border-color:#ffffff14}.perm-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.5rem .75rem;font-size:.78rem;font-weight:750;transition:all .2s}[data-theme=dark] .perm-tab-btn{color:#94a3b8}.perm-tab-btn.active{color:#b91c1c;background:#fff;box-shadow:0 2px 8px #00000014}[data-theme=dark] .perm-tab-btn.active{color:#fff;background:#2d3748}.perm-modal-body{flex-direction:column;gap:.85rem;display:flex}.perm-status-overview{background:#00000008;border-radius:10px;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.72rem;display:flex}[data-theme=dark] .perm-status-overview{background:#ffffff0a}.perm-overview-label{color:#64748b;font-weight:600}.perm-overview-badge{border-radius:6px;padding:2px 6px;font-weight:800}.perm-overview-badge.granted{color:#059669;background:#10b98126}.perm-overview-badge.pending{color:#d97706;background:#f59e0b26}.perm-list{flex-direction:column;gap:.65rem;display:flex}.perm-item{box-sizing:border-box;background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}[data-theme=dark] .perm-item{background:#1e293b59;border-color:#ffffff0f}.perm-item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.perm-item-icon-box.mic{color:#ef4444;background:#ef44441f}.perm-item-icon-box.geo{color:#3b82f6;background:#3b82f61f}.perm-item-icon-box.cam{color:#10b981;background:#10b9811f}.perm-item-icon-box.notif{color:#f59e0b;background:#f59e0b1f}.perm-item-info{flex:1;min-width:0}.perm-item-name-row{align-items:center;gap:.4rem;margin-bottom:.15rem;display:flex}.perm-name{color:#0f172a;font-size:.82rem;font-weight:800}[data-theme=dark] .perm-name{color:#fff}.perm-badge{text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:800}.perm-badge.granted{color:#059669;background:#10b98126}.perm-badge.denied{color:#dc2626;background:#ef444426}.perm-badge.prompt{color:#64748b;background:#64748b26}.perm-desc{color:#64748b;margin:0;font-size:.72rem;line-height:1.35}[data-theme=dark] .perm-desc{color:#94a3b8}.perm-grant-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#b91c1c;border:none;border-radius:8px;align-self:center;padding:.35rem .65rem;font-size:.72rem;font-weight:800;transition:all .2s}.perm-grant-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.perm-grant-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:14px;width:100%;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 4px 14px #10b98159}.perm-grant-all-btn:hover{filter:brightness(1.08)}.security-body{gap:.95rem}.security-highlight-card{text-align:center;background:#10b98114;border:1.5px solid #10b98140;border-radius:18px;padding:1.15rem}[data-theme=dark] .security-highlight-card{background:#10b9811f;border-color:#10b98159}.security-icon-circle{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .65rem;display:flex}.security-title{color:#065f46;margin:0 0 .35rem;font-size:.95rem;font-weight:850}[data-theme=dark] .security-title{color:#6ee7b7}.security-desc{color:#047857;margin:0;font-size:.74rem;line-height:1.45}[data-theme=dark] .security-desc{color:#a7f3d0}.security-points-grid{flex-direction:column;gap:.65rem;display:flex}.security-point-item{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}[data-theme=dark] .security-point-item{background:#1e293b66;border-color:#ffffff0f}.point-check-icon{color:#059669;background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.85rem;display:flex}.point-text{flex:1}.point-text strong{color:#0f172a;margin-bottom:.15rem;font-size:.8rem;display:block}[data-theme=dark] .point-text strong{color:#fff}.point-text p{color:#64748b;margin:0;font-size:.72rem;line-height:1.35}[data-theme=dark] .point-text p{color:#94a3b8}.perm-modal-footer{margin-top:.25rem}.perm-footer-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#0f172a;border:none;border-radius:14px;width:100%;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s}[data-theme=dark] .perm-footer-btn{background:#334155}.perm-footer-btn:hover{filter:brightness(1.15)}.main-layout{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:100%;margin:0;padding:1.5rem 1.5rem 95px}body.hide-bottom-nav .main-content{height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.scan-page-wrapper) .main-content{height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.navi-air-page) .main-content{height:auto!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden auto!important}body:has(.scan-page-wrapper){height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body:has(.scan-page-wrapper) .main-layout{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body.hide-bottom-nav:after{display:none!important}body:has(.navi-air-page):after{display:none!important}body:has(.scan-page-wrapper):after{display:none!important}.page-container{animation:.3s ease-in-out fadeIn}.page-container h2{color:var(--primary-navy);margin-bottom:.5rem;font-size:1.75rem}[data-theme=dark] .page-container h2{color:var(--text-main)}.page-container p{color:var(--text-muted)}.theme-toggle{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-all);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;display:flex}.theme-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0);box-shadow:inset 0 2px 6px #0000000d}.theme-toggle .icon{transition:var(--transition-all);font-size:1.25rem}.sun-icon{color:#f59e0b}.moon-icon{color:var(--primary-navy)}[data-theme=dark] .moon-icon{color:var(--text-main)}.frame-modal-overlay{animation:.25s ease-out streakModalFadeIn;-webkit-backdrop-filter:blur(16px)!important;z-index:999999!important;box-sizing:border-box!important;background:#0a0e1ac7!important;justify-content:center!important;align-items:center!important;padding:1.25rem 1rem!important;display:flex!important;position:fixed!important;inset:0!important}.frame-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;scrollbar-width:thin;scrollbar-color:#00000026 transparent;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;width:100%;max-width:420px;max-height:90vh;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000040,0 8px 26px #f59e0b33,inset 1px 1px 2px #fff}[data-theme=dark] .frame-modal-card{color:#f8fafc;scrollbar-color:#fff3 transparent;background:#120e18f2;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #f59e0b40,inset 1px 1px 2px #ffffff1a}.frame-modal-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .frame-modal-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.frame-modal-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.frame-modal-header{margin-bottom:.5rem}.frame-modal-award-circle{background:linear-gradient(135deg,gold 0%,#f59e0b 45%,#d31215 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto .85rem;animation:2s infinite alternate awardCirclePulse;display:flex;box-shadow:0 10px 24px #f59e0b73,inset 0 2px 4px #fff9}@keyframes awardCirclePulse{0%{transform:scale(.96);box-shadow:0 8px 20px #f59e0b59}to{transform:scale(1.05);box-shadow:0 14px 32px #f59e0ba6}}.frame-modal-award-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000059);font-size:2rem}.frame-modal-title{letter-spacing:-.3px;background:linear-gradient(135deg,#f59e0b 0%,#d31215 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:900}.frame-modal-subtitle{color:#64748b;margin:.35rem 0 1rem;font-size:.78rem;font-weight:700}[data-theme=dark] .frame-modal-subtitle{color:#94a3b8}.frame-status-card{text-align:left;background:#fff7edd9;border:1px solid #fed7aacc;border-radius:18px;margin-bottom:1.15rem;padding:.85rem 1rem}[data-theme=dark] .frame-status-card{background:#241410a6;border-color:#9a341259}.frames-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;margin-bottom:1.25rem;display:grid}.frame-grid-item{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;padding:.95rem .6rem .85rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 10px #0000000a}[data-theme=dark] .frame-grid-item{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 4px 12px #00000040}.frame-grid-item.unlocked:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 18px #f59e0b40}[data-theme=dark] .frame-grid-item.unlocked:hover{border-color:#f59e0b;box-shadow:0 8px 22px #f59e0b59}.frame-grid-item:active{transform:scale(.96)}.frame-grid-item.selected{background:#ecfdf5e6;border-color:#10b981!important;box-shadow:0 6px 18px #10b9814d!important}[data-theme=dark] .frame-grid-item.selected{background:#064e3b59;border-color:#10b981!important;box-shadow:0 6px 20px #10b98173!important}.frame-preview-container{margin-bottom:.65rem}.frame-preview-avatar{width:62px;height:62px;position:relative}.frame-preview-avatar img{object-fit:cover;z-index:2;border:2px solid #fff;border-radius:50%;width:100%;height:100%;position:relative}[data-theme=dark] .frame-preview-avatar img{border-color:#1e293b}.frame-ring-border{z-index:1;border-radius:50%;position:absolute;inset:-3px}.frame-ring-border.bronze-scout{border:3px solid #cd7f32;box-shadow:0 0 10px #cd7f3299}.frame-ring-border.neon-explorer{border:3px solid #00e5ff;box-shadow:0 0 12px #00e5ffb3}.frame-ring-border.gold-garuda{border:3px solid gold;box-shadow:0 0 14px #ffd700d9}.frame-grid-item.locked .frame-preview-avatar img{filter:blur(1.5px)grayscale(.7)brightness(.65)}.frame-grid-item.locked .frame-ring-border{filter:blur(1px)opacity(.4)grayscale(.6)}.frame-lock-overlay{-webkit-backdrop-filter:blur(2px);color:#fff;z-index:4;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:absolute;inset:0}@keyframes lockShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.frame-grid-item.locked:active{animation:.4s ease-in-out lockShake}.frame-item-info{flex-direction:column;align-items:center;gap:.3rem;width:100%;display:flex}.frame-name{color:#0f172a;text-align:center;letter-spacing:.2px;font-size:.8rem;font-weight:850;line-height:1.25}[data-theme=dark] .frame-name{color:#f8fafc}.frame-req-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:.18rem .55rem;font-size:.66rem;font-weight:800;line-height:1.3}.frame-req-pill.owned{color:#059669;background:#10b98124;border:1px solid #10b9814d}[data-theme=dark] .frame-req-pill.owned{color:#34d399;background:#10b98133;border-color:#10b98166}.frame-req-pill.needed{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}[data-theme=dark] .frame-req-pill.needed{color:#f87171;background:#ef444433;border-color:#ef444466}.frame-selected-badge{color:#fff;z-index:5;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 10px #10b981b3}[data-theme=dark] .frame-selected-badge{border-color:#1e293b}.frame-modal-action-btn{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#d31215 50%,#b91c1c 100%);border:none;border-radius:16px;width:100%;padding:.85rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #d3121559}.frame-modal-action-btn:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 24px #d3121573}.frame-modal-action-btn:active{transform:scale(.98)}.announcements-section{flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.announcements-title-row{border-left:3px solid var(--primary-red);align-items:center;gap:.5rem;margin-bottom:.15rem;padding-left:.5rem;display:flex}.announcements-title-icon{color:var(--primary-red);font-size:1rem}.announcements-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.75rem;font-weight:800}.announcements-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding:.25rem .1rem .5rem;display:flex;overflow-x:auto}.announcements-slider::-webkit-scrollbar{display:none}.announcement-card-item{scroll-snap-align:start;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-all);border-radius:1.25rem;flex-direction:column;flex:0 0 82%;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.announcement-card-bg-icon{color:var(--primary-red);opacity:.06;pointer-events:none;z-index:0;transition:var(--transition-all);font-size:5rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-12deg)}[data-theme=dark] .announcement-card-bg-icon{opacity:.04}.announcement-card-header,.announcement-card-title,.announcement-card-snippet,.announcement-card-footer{z-index:1;position:relative}.announcement-card-item:active{transform:scale(.98)}.announcement-card-header{justify-content:space-between;align-items:center;display:flex}.announcement-badge{letter-spacing:.5px;border-radius:.5rem;padding:.15rem .45rem;font-size:.55rem;font-weight:800}.announcement-badge.badge-important{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.announcement-badge.badge-info{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.announcement-badge.badge-event{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.announcement-date{color:var(--text-muted);font-size:.65rem;font-weight:700}.announcement-card-title{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;text-align:left;margin:0;font-size:.85rem;font-weight:800;line-height:1.3;overflow:hidden}.announcement-card-snippet{color:var(--text-muted);-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.announcement-card-footer{color:var(--text-muted);align-items:center;margin-top:auto;font-size:.65rem;font-weight:700;display:flex}.announcement-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}.announcement-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);color:#0f172a;text-align:left;box-sizing:border-box;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;flex-direction:column;gap:1.15rem;width:100%;max-width:420px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;display:flex;box-shadow:0 24px 60px #00000040,0 8px 24px #d312152e,inset 1px 1px 2px #fff}[data-theme=dark] .announcement-modal-card{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #d3121540,inset 1px 1px 2px #ffffff1a}.announcement-modal-header{justify-content:space-between;align-items:center;display:flex}.announcement-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}[data-theme=dark] .announcement-modal-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.announcement-modal-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.announcement-modal-title{color:#111;margin:0;font-size:1.15rem;font-weight:800;line-height:1.4}[data-theme=dark] .announcement-modal-title{color:#fff}.announcement-modal-meta{gap:1.25rem;margin-top:-.25rem;display:flex}.meta-item{color:#4b5563;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}[data-theme=dark] .meta-item{color:#9ca3af}.meta-icon{font-size:.85rem}.announcement-modal-divider{border:none;border-top:1px solid #00000014;margin:0}[data-theme=dark] .announcement-modal-divider{border-top:1px solid #ffffff14}.announcement-modal-content{color:#374151;white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}[data-theme=dark] .announcement-modal-content{color:#d1d5db}.announcement-modal-ok-btn{color:#fff;letter-spacing:.4px;cursor:pointer;text-align:center;background:linear-gradient(135deg,#ef4444 0%,#d31215 100%);border:none;border-radius:16px;width:100%;margin-top:.5rem;padding:.82rem;font-size:.88rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #d3121559}.announcement-modal-ok-btn:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 24px #d3121573}.announcement-modal-ok-btn:active{transform:scale(.98)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{background:var(--bg-main);flex-direction:column;gap:0;width:calc(100% + 3rem);min-height:100vh;margin:-1.5rem -1.5rem 0;display:flex}.dashboard-top{color:#fff;background:linear-gradient(#7e0507 0%,#d31215 100%);flex-direction:column;align-items:center;padding:1.5rem 1.5rem .85rem;display:flex;position:relative;overflow:hidden}.dashboard-top:before{content:"";pointer-events:none;z-index:1;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.8' stroke-opacity='0.08'%3E%3Cpath d='M24 0L48 24L24 48L0 24Z'/%3E%3Cpath d='M0 0L48 48M48 0L0 48'/%3E%3Ccircle cx='24' cy='24' r='1.8' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/g%3E%3C/svg%3E");background-size:48px 48px;animation:32s linear infinite geometricPatternDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2 0%,#000000a6 50%,#00000040 80%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#000000a6 50%,#00000040 80%,#0000 100%)}.dashboard-top:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(65% 55% at 30% 25%,#ffffff29 0%,#ff787814 45%,#0000 70%),radial-gradient(55% 45% at 75% 35%,#ffc8c824 0%,#0000 65%);width:140%;height:100%;animation:8s ease-in-out infinite alternate ambientLightPulse;position:absolute;top:0;left:-20%;-webkit-mask-image:linear-gradient(#000000f2 0%,#00000080 60%,#0000 100%);mask-image:linear-gradient(#000000f2 0%,#00000080 60%,#0000 100%)}.dashboard-top>:not(.wave-container){z-index:2;position:relative}[data-theme=dark] .dashboard-top{background:linear-gradient(#4d0204 0%,#350001 100%)}[data-theme=dark] .dashboard-top:before{opacity:.7}[data-theme=dark] .dashboard-top:after{background:radial-gradient(65% 55% at 30% 25%,#ff64641a 0%,#b4323c0d 45%,#0000 70%),radial-gradient(55% 45% at 75% 35%,#ff969614 0%,#0000 65%)}.dashboard-top>.dashboard-header,.dashboard-header{width:100%;box-shadow:none;background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.5rem;padding:0;display:flex;z-index:100!important;pointer-events:auto!important;position:relative!important}.dashboard-header .header-left,.dashboard-header .header-center,.dashboard-header .header-right,.dashboard-header .username-wrapper,.dashboard-header .level-streak-row,.dashboard-header .level-badge-container,.dashboard-header .level-badge,.dashboard-header .streak-info{z-index:105!important;pointer-events:auto!important;position:relative!important}[data-theme=dark] .dashboard-header{box-shadow:none;background:0 0}.header-left,.header-right{flex:none;align-items:center;display:flex}.header-right{justify-content:flex-end}.profile-avatar-container{cursor:pointer;width:44px;height:44px;transition:var(--transition-all);background:#7e0507;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite avatar-breathe;display:flex;position:relative;box-shadow:-3px -3px 6px #ffffff26,3px 3px 6px #00000073}[data-theme=dark] .profile-avatar-container{background:#4d0204;box-shadow:-3px -3px 6px #ffffff0d,3px 3px 6px #000000b3}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.avatar-img{object-fit:cover;z-index:1;border-radius:50%;width:32px;height:32px}.avatar-frame-overlay{pointer-events:none;z-index:2;transition:var(--transition-all);border-radius:50%;position:absolute;inset:-2px}.avatar-frame-overlay.bronze-scout{background:#cd7f320d;border:2px solid #cd7f32;box-shadow:0 0 8px #cd7f3299}.avatar-frame-overlay.neon-explorer{border:2px solid #00e5ff;animation:2s ease-in-out infinite neon-pulse;box-shadow:0 0 10px #00e5ffb3,inset 0 0 5px #00e5ff4d}.avatar-frame-overlay.gold-garuda{border:2px solid gold;animation:1.5s ease-in-out infinite gold-glow;box-shadow:0 0 12px #ffd700cc,inset 0 0 6px #ffd70066}.avatar-frame-overlay.gold-garuda:after{content:"★";color:gold;text-shadow:0 0 3px gold;font-size:.6rem;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.header-center{flex-direction:column;flex:1;align-items:center;padding:0 .5rem;display:flex}.username-wrapper{white-space:nowrap;justify-content:center;width:100%;max-width:150px;margin-bottom:.15rem;display:flex;overflow:hidden}.username-text{letter-spacing:.5px;color:#fff;text-shadow:1px 1px 1px #00000080,-1px -1px 1px #ffffff26;font-size:1.05rem;font-weight:800;display:inline-block}.username-wrapper.overflowing{justify-content:flex-start}.username-wrapper.overflowing .username-text{padding-right:15px;animation:6s ease-in-out infinite alternate marquee-bounce}@keyframes marquee-bounce{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--scroll-dist))}}.level-streak-row{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.1rem;display:flex}.level-streak-row .streak-info{margin-top:0}.level-badge-container{align-items:center;display:inline-flex;position:relative}.level-badge{color:#7e0507;transition:var(--transition-all);cursor:help;background:linear-gradient(135deg,gold 0%,orange 100%);border:none;border-radius:1rem;align-items:center;gap:3px;padding:.15rem .55rem;font-size:.65rem;font-weight:900;display:flex;box-shadow:0 0 10px #ffd70080,inset 1px 1px 2px #fff6,inset -1px -1px 2px #0000004d}[data-theme=dark] .level-badge{color:#2d0102;background:linear-gradient(135deg,#ffe042 0%,#d48c00 100%);box-shadow:0 0 12px #ffd70066,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0000004d}.level-badge:hover{transform:scale(1.08)translateY(-.5px);box-shadow:0 0 15px #ffd700cc,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0003}.level-star-icon{font-size:.65rem;animation:4s linear infinite star-spin}@keyframes star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-tooltip{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;visibility:hidden;z-index:100;pointer-events:none;background:#161a22f2;border:1px solid #ffd70059;border-radius:.75rem;width:210px;padding:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(12px)scale(.95);box-shadow:0 8px 24px #00000080}.level-badge-container:hover .level-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(6px)scale(1)}.tooltip-header{color:gold;letter-spacing:.5px;text-align:center;margin-bottom:5px;font-size:.65rem;font-weight:900}.tooltip-xp-info{color:#ffffffe6;text-align:center;margin-bottom:5px;font-size:.6rem;font-weight:700}.tooltip-progress-bg{background:#ffffff26;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.tooltip-progress-fill{background:linear-gradient(90deg,gold 0%,orange 100%);border-radius:3px;width:81.2%;height:100%;box-shadow:0 0 6px #ffd70099}.tooltip-footer{color:#00e5ff;text-align:center;font-size:.55rem;font-weight:700;line-height:1.2}.streak-info{color:#fffffff2;letter-spacing:.5px;transition:var(--transition-all);cursor:pointer;-webkit-user-select:none;user-select:none;background:#7e0507;border:none;border-radius:.75rem;align-items:center;gap:.35rem;margin-top:.35rem;padding:.25rem .65rem;font-size:.65rem;font-weight:800;display:flex;box-shadow:inset -2px -2px 5px #ffffff1f,inset 2px 2px 5px #00000073}[data-theme=dark] .streak-info{background:#4d0204;box-shadow:inset -2px -2px 5px #ffffff0d,inset 2px 2px 5px #000000b3}.streak-info:hover{transform:translateY(-1px);box-shadow:-2px -2px 5px #ffffff26,2px 2px 5px #0006}.streak-info:active{transform:scale(.96)}.streak-icon{color:#00e5ff;filter:drop-shadow(0 0 2px #00e5ff66);font-size:.75rem}.dashboard-header .theme-toggle{cursor:pointer!important;width:38px!important;height:38px!important;transition:var(--transition-all)!important;background:#7e0507!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important;transform:none!important;box-shadow:-3px -3px 6px #ffffff26,3px 3px 6px #00000073!important}[data-theme=dark] .dashboard-header .theme-toggle{background:#4d0204!important;box-shadow:-3px -3px 6px #ffffff0d,3px 3px 6px #000000b3!important}.dashboard-header .theme-toggle:hover{transform:scale(1.03)!important;box-shadow:-4px -4px 8px #fff3,4px 4px 8px #00000080!important}.dashboard-header .theme-toggle:active{transform:scale(.97)!important;box-shadow:inset -2px -2px 5px #ffffff26,inset 2px 2px 5px #00000080!important}.dashboard-header .theme-toggle .icon{font-size:1.15rem;color:#fff!important}.dashboard-header .theme-toggle .sun-icon{filter:drop-shadow(0 0 3px #ffd70066);color:gold!important}.dashboard-header .theme-toggle .moon-icon{filter:drop-shadow(0 0 3px #a5f3fc66);color:#a5f3fc!important}.avatar-image-container{z-index:2;pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;width:100%;height:320px;margin-top:1rem;display:flex}.avatar-body-wrapper{pointer-events:none;justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.avatar-body-hitbox{-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.16,1,.3,1),filter .22s}.avatar-body-hitbox:hover{filter:drop-shadow(0 6px 16px #00000040)}.avatar-body-hitbox:active{transform:scale(.97)}.avatar-image{object-fit:contain;height:145%;max-height:460px;margin-bottom:-60px}.xp-display{z-index:2;flex-direction:column;align-items:center;width:100%;margin-top:.25rem;margin-bottom:2.2rem;display:flex}.xp-container-card{width:90%;max-width:340px;box-shadow:none;-webkit-backdrop-filter:none;transition:var(--transition-all);background:0 0;border:none;flex-direction:column;gap:.8rem;padding:.5rem 1.15rem;display:flex}.xp-container-card:hover{transform:translateY(-2px)}.xp-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.xp-badge-wrapper{align-items:center;gap:.55rem;display:flex}.xp-badge-icon-container{background:#0000002e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;overflow:visible;box-shadow:4px 4px 8px #0006,-3px -3px 8px #ffffff1a}.xp-badge-bolt{color:gold;filter:drop-shadow(0 0 6px #ffd700cc);font-size:1.05rem;animation:2s ease-in-out infinite boltElectricPulse}.xp-badge-star{color:gold;filter:drop-shadow(0 2px 4px #ffd70066);font-size:1rem}@keyframes boltElectricPulse{0%,to{filter:drop-shadow(0 0 4px gold)drop-shadow(0 0 8px #ffd70080);transform:scale(1)rotate(0)}15%{filter:drop-shadow(0 0 10px #fff36d)drop-shadow(0 0 18px orange);transform:scale(1.18)rotate(-7deg)}20%{filter:drop-shadow(0 0 5px gold);transform:scale(1.02)rotate(2deg)}26%{filter:drop-shadow(0 0 14px #fff)drop-shadow(0 0 22px gold);transform:scale(1.24)rotate(-9deg)}34%{filter:drop-shadow(0 0 5px gold)drop-shadow(0 0 10px #ffd70080);transform:scale(1)rotate(0)}65%{filter:drop-shadow(0 0 7px gold);transform:scale(1.08)rotate(4deg)}}.xp-badge-info{text-align:left;flex-direction:column;line-height:1.1;display:flex}.xp-badge-level{font-family:var(--font-pixel);color:gold;text-shadow:0 1px 2px #0006;font-size:.9rem;font-weight:400}.xp-badge-rank{color:#ffffffd9;text-transform:uppercase;letter-spacing:.3px;font-size:.62rem;font-weight:800}.xp-text-group{align-items:baseline;gap:2px;display:flex}.xp-current-val{font-family:var(--font-pixel);color:#fff;text-shadow:0 2px 4px #0000004d;font-size:1.35rem;font-weight:400}.xp-max-val{color:#ffffffa6;font-size:.75rem;font-weight:700}.xp-progress-section{flex-direction:column;gap:.3rem;width:100%;display:flex}.xp-progress-bar-container{background:#0000001a;border:none;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 5px #ffffff14}.xp-progress-bar-fill{background:linear-gradient(90deg,gold 0%,orange 100%);border-radius:6px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #ffd70080}.xp-progress-glow{background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:2.5s linear infinite progress-shine;position:absolute;inset:0}.xp-progress-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.xp-percentage-tag{font-family:var(--font-pixel);color:gold;font-size:.7rem;font-weight:400}.xp-remaining-tag{color:#ffffffbf;text-transform:uppercase;letter-spacing:.2px;font-size:.65rem;font-weight:800}@keyframes badge-wobble{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(12deg)scale(1.05)}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.wave-container{z-index:4!important;pointer-events:none!important;width:100%!important;line-height:0!important;position:absolute!important;bottom:-2px!important;left:0!important;right:0!important}.wave-container svg{filter:drop-shadow(0 -4px 6px #00000014);width:100%!important;height:48px!important;display:block!important}[data-theme=dark] .wave-container svg{filter:drop-shadow(0 -6px 10px #00000073)}.dashboard-bottom{background:var(--bg-main);flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex}.status-card,.status-card-cardless{box-sizing:border-box;flex-direction:column;gap:1.15rem;width:100%;display:flex;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}[data-theme=dark] .status-card,[data-theme=dark] .status-card-cardless{box-shadow:none!important;background:0 0!important;border:none!important}.status-row:first-child .status-header svg{transform-origin:50%;animation:1.5s ease-in-out infinite heartbeat}.status-row:last-child .status-header svg{animation:2s ease-in-out infinite level-float}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.15)}}@keyframes level-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.status-row{flex-direction:column;gap:.35rem;width:100%;margin-bottom:0;display:flex;position:relative}.status-row:last-child{margin-bottom:0}.status-card-bg-icon{display:none!important}.status-header{letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.78rem;font-weight:800;display:flex}.status-title{color:var(--text-main,#111);letter-spacing:.5px;text-transform:uppercase;font-size:.75rem;font-weight:800}[data-theme=dark] .status-title{color:#fff}.progress-bar-bg{background:var(--progress-bg);border:1px solid var(--border-color);width:100%;height:12px;transition:var(--transition-all);border-radius:6px;padding:2px;overflow:hidden;box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff1a}[data-theme=dark] .progress-bar-bg{box-shadow:inset 2px 2px 5px #0006,inset -2px -2px 5px #ffffff08}.progress-bar-fill{border-radius:4px;height:100%;transition:width .5s ease-in-out;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff0 30%,#fff9 50%,#fff0 70%,#0000 100%);width:150%;height:100%;animation:2.5s ease-in-out infinite neon-shimmer;position:absolute;top:0;left:-150%}.progress-bar-fill.energy{background:linear-gradient(90deg,#ff2e93 0%,#ff8a00 100%);box-shadow:0 0 8px #ff2e93,0 0 16px #ff2e9366,inset 1px 1px 2px #fff6}.progress-bar-fill.xp{background:linear-gradient(90deg,#8b5cf6 0%,#00e5ff 100%);box-shadow:0 0 8px #8b5cf6,0 0 16px #8b5cf666,inset 1px 1px 2px #fff6}@keyframes neon-shimmer{0%{left:-150%}50%{left:100%}to{left:100%}}.quick-actions{justify-content:space-between;gap:.85rem;width:100%;margin-top:.25rem;display:flex}.action-btn{-webkit-backdrop-filter:blur(16px);cursor:pointer;box-sizing:border-box;background:#ffffffbf;border:1.5px solid #ffffffeb;border-radius:20px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.65rem;padding:1.15rem .5rem .95rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:6px 6px 14px #a3b1c659,-5px -5px 12px #fffffff2,inset 1px 1px 2px #ffffffd9}[data-theme=dark] .action-btn{background:#181e2cb8;border:1.5px solid #ffffff1a;box-shadow:6px 6px 16px #00000080,-3px -3px 10px #ffffff08,inset 1px 1px 2px #ffffff14}.action-btn:hover{transform:translateY(-4px)scale(1.02)}.action-btn:active{transform:translateY(1px)scale(.98);box-shadow:inset 3px 3px 6px #a3b1c673,inset -3px -3px 6px #fffffff2}[data-theme=dark] .action-btn:active{box-shadow:inset 3px 3px 6px #000000a6,inset -2px -2px 5px #ffffff0a}.action-icon-wrapper{border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative}.action-btn:hover .action-icon-wrapper{transform:scale(1.1)rotate(2deg)}.action-icon{font-size:1.45rem;transition:transform .2s}.action-btn.scan,.action-btn.kta-btn{background:linear-gradient(135deg,#ffffffd9 0%,#ecfdf5a6 100%)}[data-theme=dark] .action-btn.scan,[data-theme=dark] .action-btn.kta-btn{background:linear-gradient(135deg,#181e2ccc 0%,#064e3b26 100%)}.action-btn.scan .action-icon-wrapper,.action-btn.kta-btn .action-icon-wrapper{color:#059669;background:linear-gradient(135deg,#10b9812e,#05966914);border:1.5px solid #10b98140;box-shadow:3px 3px 7px #a3b1c638,-2px -2px 5px #ffffffe6,inset 1px 1px 2px #fff9}[data-theme=dark] .action-btn.scan .action-icon-wrapper,[data-theme=dark] .action-btn.kta-btn .action-icon-wrapper{color:#34d399;border-color:#34d3994d;box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff08}.action-btn.scan:hover,.action-btn.kta-btn:hover{border-color:#10b98166;box-shadow:8px 10px 22px #10b98138,-5px -5px 14px #fffffffa}[data-theme=dark] .action-btn.scan:hover,[data-theme=dark] .action-btn.kta-btn:hover{border-color:#34d39959;box-shadow:8px 12px 24px #000000a6,0 0 16px #10b98133}.action-btn.misi,.action-btn.leaderboard-btn{background:linear-gradient(135deg,#ffffffd9 0%,#fef3c7a6 100%)}[data-theme=dark] .action-btn.misi,[data-theme=dark] .action-btn.leaderboard-btn{background:linear-gradient(135deg,#181e2ccc 0%,#78350f26 100%)}.action-btn.misi .action-icon-wrapper,.action-btn.leaderboard-btn .action-icon-wrapper{color:#d97706;background:linear-gradient(135deg,#f59e0b2e,#d9770614);border:1.5px solid #f59e0b4d;box-shadow:3px 3px 7px #a3b1c638,-2px -2px 5px #ffffffe6,inset 1px 1px 2px #fff9}[data-theme=dark] .action-btn.misi .action-icon-wrapper,[data-theme=dark] .action-btn.leaderboard-btn .action-icon-wrapper{color:#fbbf24;border-color:#fbbf2459;box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff08}.action-btn.misi:hover,.action-btn.leaderboard-btn:hover{border-color:#f59e0b73;box-shadow:8px 10px 22px #f59e0b38,-5px -5px 14px #fffffffa}[data-theme=dark] .action-btn.misi:hover,[data-theme=dark] .action-btn.leaderboard-btn:hover{border-color:#fbbf2459;box-shadow:8px 12px 24px #000000a6,0 0 16px #f59e0b33}.action-btn.chat,.action-btn.lencana-btn{background:linear-gradient(135deg,#ffffffd9 0%,#eef2ffa6 100%)}[data-theme=dark] .action-btn.chat,[data-theme=dark] .action-btn.lencana-btn{background:linear-gradient(135deg,#181e2ccc 0%,#1e3a8a26 100%)}.action-btn.chat .action-icon-wrapper,.action-btn.lencana-btn .action-icon-wrapper{color:#2563eb;background:linear-gradient(135deg,#2563eb2e,#4f46e514);border:1.5px solid #2563eb47;box-shadow:3px 3px 7px #a3b1c638,-2px -2px 5px #ffffffe6,inset 1px 1px 2px #fff9}[data-theme=dark] .action-btn.chat .action-icon-wrapper,[data-theme=dark] .action-btn.lencana-btn .action-icon-wrapper{color:#60a5fa;border-color:#60a5fa59;box-shadow:3px 3px 8px #0006,-1px -1px 3px #ffffff08}.action-btn.chat:hover,.action-btn.lencana-btn:hover{border-color:#2563eb73;box-shadow:8px 10px 22px #2563eb38,-5px -5px 14px #fffffffa}[data-theme=dark] .action-btn.chat:hover,[data-theme=dark] .action-btn.lencana-btn:hover{border-color:#60a5fa59;box-shadow:8px 12px 24px #000000a6,0 0 16px #2563eb33}.action-label{font-family:var(--font-family);color:var(--text-main);letter-spacing:.6px;text-transform:uppercase;font-size:.72rem;font-weight:850}.action-icon{stroke-width:2.5px;font-size:1.35rem}.action-label{color:var(--text-main);letter-spacing:.5px;font-size:.65rem;font-weight:800}.quest-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:1.5rem;flex-direction:column;gap:1.5rem;margin-top:.5rem;padding:1.5rem;display:flex}.quest-card-main-title{color:var(--text-main);letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0;font-size:.85rem;font-weight:900}.quest-section{flex-direction:column;gap:.75rem;display:flex}.quest-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-left:3px solid var(--primary-red);margin:0 0 .25rem;padding-left:.5rem;font-size:.75rem;font-weight:800}.quest-item{background:var(--bg-card-alt);-webkit-backdrop-filter:blur(4px);border:1px solid var(--border-color);transition:var(--transition-all);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.quest-item-bg-icon{pointer-events:none;z-index:0;transition:var(--transition-all);font-size:5rem;position:absolute;bottom:-15px;right:-10px;transform:rotate(-15deg)}.active-bg{color:var(--primary-cyan-hover);opacity:.08}.completed-bg{color:#10b981;opacity:.08}[data-theme=dark] .active-bg,[data-theme=dark] .completed-bg{opacity:.05}.quest-header,.quest-desc,.quest-progress-info,.quest-progress-bar-bg{z-index:1;position:relative}.quest-item:hover{background:#ff4b4b0d;border-color:#ff4b4b33;transform:translate(4px);box-shadow:0 4px 15px #ff4b4b1a}.quest-header{justify-content:space-between;align-items:center;display:flex}.quest-title-row{align-items:center;gap:.5rem;display:flex}.quest-icon{transition:var(--transition-all);font-size:1.1rem}.quest-item:hover .quest-icon{transform:scale(1.15)}.quest-icon.active{color:var(--primary-cyan-hover)}.quest-icon.completed{color:#10b981}.quest-title{color:var(--text-main);margin:0;font-size:.85rem;font-weight:800}.quest-badge{text-transform:uppercase;border-radius:.5rem;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.quest-badge.running{color:var(--primary-cyan-hover);background:#00e5ff1a;border:1px solid #00e5ff33}.quest-badge.done{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.quest-desc{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.4}.quest-progress-info{color:var(--text-main);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.7rem;font-weight:800;display:flex}.quest-progress-bar-bg{background:var(--progress-bg);border:1px solid var(--border-color);width:100%;height:10px;transition:var(--transition-all);border-radius:5px;padding:1px;overflow:hidden;box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 5px #ffffff1a}[data-theme=dark] .quest-progress-bar-bg{box-shadow:inset 2px 2px 5px #0006,inset -2px -2px 5px #ffffff08}.quest-progress-bar-fill{background:linear-gradient(90deg,#00e5ff 0%,#08f 100%);border-radius:4px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 8px #00e5ff,0 0 16px #00e5ff66,inset 1px 1px 2px #fff6}.quest-progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff0 30%,#fff9 50%,#fff0 70%,#0000 100%);width:150%;height:100%;animation:2.5s ease-in-out infinite neon-shimmer;position:absolute;top:0;left:-150%}.action-btn.scan .action-icon{animation:2.5s ease-in-out infinite card-pulse}@keyframes card-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 3px #10b98166);transform:scale(1.12)}}.action-btn.misi .action-icon{animation:2s ease-in-out infinite icon-bounce}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.action-btn.chat .action-icon{animation:3s ease-in-out infinite chat-wiggle}@keyframes chat-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.streak-icon.fire{filter:drop-shadow(0 0 3px #ff572299);font-size:.85rem;animation:1.2s ease-in-out infinite fire-flicker;color:#ff5722!important}@keyframes fire-flicker{0%,to{filter:drop-shadow(0 0 2px #ff572280);transform:scale(1)}50%{filter:drop-shadow(0 0 5px #ff8a00cc);transform:scale(1.15)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes neon-pulse{0%,to{border-color:#00e5ff;box-shadow:0 0 8px #00e5ff99,inset 0 0 4px #00e5ff33}50%{border-color:#00e5ff;box-shadow:0 0 16px #00e5ffe6,inset 0 0 8px #00e5ff80}}@keyframes gold-glow{0%,to{border-color:gold;box-shadow:0 0 10px #ffd700b3,inset 0 0 5px #ffd7004d}50%{border-color:orange;box-shadow:0 0 20px gold,inset 0 0 10px #ffd70099}}.navi-bubble{-webkit-backdrop-filter:blur(14px)saturate(180%);color:#0f172a;text-align:center;z-index:100;cursor:pointer;box-sizing:border-box;background:#ffffffd1;border:1.5px solid #f59e0ba6;border-radius:20px;width:max-content;max-width:265px;padding:11px 18px;font-size:.82rem;font-weight:750;line-height:1.4;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bubblePop;position:absolute;top:-75px;left:50%;transform:translate(-50%)scale(0);box-shadow:0 14px 35px #0f172a29,0 2px 8px #0000000a,inset 0 1px 1px #fffffff2}.navi-bubble-text{color:inherit;text-shadow:0 1px #ffffffd9;letter-spacing:-.01em;font-weight:750;display:block}.navi-bubble:hover{background:#ffffffeb;transform:translate(-50%)translateY(-2px)scale(1.02);box-shadow:0 16px 40px #0f172a33,inset 0 1px 1px #fff}.navi-bubble.bubble-env-alert{color:#991b1b;background:#fef2f2e0;border-color:#ef4444d9;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bubblePop,2s infinite alternate alertBubblePulse;box-shadow:0 12px 35px #ef444440,inset 0 1px 1px #fffc}.navi-bubble.bubble-env-alert .navi-bubble-text{text-shadow:0 1px #ffffffb3}.navi-bubble.bubble-env-alert:after{border-color:#ef4444e6 #0000 #0000!important}@keyframes alertBubblePulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.03);box-shadow:0 14px 38px #ef444459}}.navi-env-badge{cursor:pointer;animation:2s ease-in-out infinite alternate weatherBadgeFloat;box-shadow:0 4px 12px #0000004d}@keyframes weatherBadgeFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.navi-bubble-meta-row{justify-content:center;align-items:center;margin-top:6px;display:flex}.navi-bubble-location-pill{letter-spacing:.3px;color:#047857;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b98124;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.66rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.navi-bubble-location-pill:hover{background:#10b9813d;border-color:#10b98199;transform:scale(1.04)}.bubble-nav-icon{font-size:.72rem;animation:4s linear infinite navIconSpin}@keyframes navIconSpin{0%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.navi-bubble-tag-pill{letter-spacing:.3px;color:#d31215;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#d3121514;border:1px solid #d3121538;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.66rem;font-weight:850;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.navi-bubble-tag-pill:hover{background:#d3121529;border-color:#d31215;transform:scale(1.04)}[data-theme=dark] .navi-bubble-tag-pill{color:#f87171;background:#ef444424;border-color:#ef444459}[data-theme=dark] .navi-bubble{-webkit-backdrop-filter:blur(16px)saturate(190%);color:#f8fafc;background:#18181bd6;border-color:#f59e0bbf;box-shadow:0 16px 40px #000000a6,inset 0 1px 1px #ffffff26}[data-theme=dark] .navi-bubble-text{text-shadow:0 1px 3px #000000d9}[data-theme=dark] .navi-bubble:hover{background:#18181bf0;box-shadow:0 18px 45px #000000bf,inset 0 1px 1px #ffffff38}[data-theme=dark] .navi-bubble.bubble-env-alert{color:#fef2f2;background:#450a0ae0;border-color:#f87171d9;box-shadow:0 14px 40px #ef444459,inset 0 1px 1px #ffffff26}[data-theme=dark] .navi-bubble.bubble-env-alert .navi-bubble-text{text-shadow:0 1px 3px #000000e6}[data-theme=dark] .navi-bubble-location-pill{color:#6ee7b7;background:#10b98138;border-color:#34d39980}[data-theme=dark] .navi-bubble-location-pill:hover{background:#10b98152;border-color:#34d399b3}.navi-bubble:after{content:"";border:8px solid #0000;border-top-color:#f59e0bd9;border-bottom-width:0;width:0;margin-left:-8px;display:block;position:absolute;bottom:-8px;left:50%}[data-theme=dark] .navi-bubble:after{border-color:#f59e0bd9 #0000 #0000}@keyframes bubblePop{0%{opacity:0;transform:translate(-50%)scale(0)}70%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}.navi-bounce{animation:3s ease-in-out infinite naviBounce}@keyframes naviBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-image-container{transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.avatar-image-container.ducking{transform:translateY(65px)}.navi-tired{filter:saturate(.85)brightness(.95);animation:4s ease-in-out infinite naviTiredSway}@keyframes naviTiredSway{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(4px)rotate(-3deg)}70%{transform:translateY(2px)rotate(2deg)}}.navi-critical{filter:saturate(.65)brightness(.85)drop-shadow(0 0 12px #ef444473);animation:2.5s ease-in-out infinite naviCriticalTremble}@keyframes naviCriticalTremble{0%,to{transform:translateY(6px)scale(.96)rotate(0)}20%{transform:translateY(8px)scale(.95)rotate(-2deg)}40%{transform:translateY(5px)scale(.97)rotate(2deg)}60%{transform:translateY(9px)scale(.95)rotate(-1deg)}80%{transform:translateY(6px)scale(.96)rotate(1deg)}}.navi-fainted{filter:grayscale(.55)brightness(.78)drop-shadow(0 0 8px #6b728080);animation:3.5s ease-in-out infinite naviFaintedSleep;transform:translateY(14px)rotate(12deg)scale(.92)}@keyframes naviFaintedSleep{0%,to{transform:translateY(14px)rotate(12deg)scale(.92)}50%{transform:translateY(18px)rotate(10deg)scale(.9)}}.navi-mood-badge{z-index:50;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;animation:1.8s ease-in-out infinite moodBadgePulse;display:flex;position:absolute;top:10px;right:15px;box-shadow:0 4px 12px #00000059}@keyframes moodBadgePulse{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.18)translateY(-4px)}}.navi-sleep-symbol{color:#94a3b8;letter-spacing:2px;text-shadow:0 2px 8px #0009;pointer-events:none;font-size:1.15rem;font-weight:900;animation:2.8s ease-in-out infinite sleepFloat;position:absolute;top:5px;right:25px}@keyframes sleepFloat{0%{opacity:0;transform:translate(0)scale(.7)}50%{opacity:.9;transform:translate(10px,-15px)scale(1)}to{opacity:0;transform:translate(20px,-30px)scale(1.2)}}.navi-bubble.bubble-urgent{color:#991b1b!important;background:#fef2f2e0!important;border-color:#ef4444!important;box-shadow:0 12px 35px #ef444473!important}.navi-bubble.bubble-urgent .navi-bubble-text{text-shadow:0 1px #fffc}.navi-bubble.bubble-urgent:after{border-color:#ef4444 #0000 #0000!important}[data-theme=dark] .navi-bubble.bubble-urgent{color:#fef2f2!important;background:#450a0ae0!important;border-color:#f87171!important;box-shadow:0 14px 40px #ef44448c!important}[data-theme=dark] .navi-bubble.bubble-urgent .navi-bubble-text{text-shadow:0 1px 3px #000000e6}[data-theme=dark] .navi-bubble.bubble-urgent:after{border-color:#f87171 #0000 #0000!important}.p3k-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}.p3k-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;width:100%;max-width:380px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;position:relative;box-shadow:0 24px 60px #00000040,0 8px 24px #10b98133,inset 1px 1px 2px #fff}[data-theme=dark] .p3k-modal-card{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #10b98140,inset 1px 1px 2px #ffffff1a}.p3k-icon-pod{border-radius:50%;justify-content:center;align-items:center;animation:2s infinite alternate fireCirclePulse;display:flex;background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#047857 100%)!important;width:68px!important;height:68px!important;margin:0 auto .85rem!important;box-shadow:0 10px 24px #10b98173,inset 0 2px 4px #fff9!important}.p3k-cross-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem}.p3k-title{letter-spacing:-.3px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0!important;font-size:1.45rem!important;font-weight:900!important}.p3k-status-card{text-align:left;border-radius:18px;margin-bottom:1.15rem;padding:.85rem 1rem;background:#ecfdf5d9!important;border:1px solid #a7f3d0cc!important}[data-theme=dark] .p3k-status-card{background:#064e3b59!important;border-color:#10b98159!important}.p3k-status-pill{color:#fff;background:#ef4444;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:850;display:inline-flex;box-shadow:0 2px 6px #ef444459}.p3k-boost-info{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;margin-bottom:1.25rem;padding:6px 16px;font-size:.88rem;font-weight:850;display:inline-block}[data-theme=dark] .p3k-boost-info{color:#34d399;background:#10b98133;border-color:#10b98166}.p3k-actions{flex-direction:column;gap:.6rem;display:flex}.p3k-btn-revive{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 6px 18px #10b98159!important}@keyframes p3kFadeIn{0%{opacity:0}to{opacity:1}}@keyframes p3kScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.streak-modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#0a0e1ac2;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out streakModalFadeIn;display:flex;position:fixed;inset:0}@keyframes streakModalFadeIn{0%{opacity:0}to{opacity:1}}.streak-modal-card{-webkit-backdrop-filter:blur(28px)saturate(180%);text-align:center;box-sizing:border-box;color:#0f172a;background:#fffffff0;border:1.5px solid #ffffffe6;border-radius:28px;width:100%;max-width:380px;padding:1.8rem 1.4rem 1.4rem;animation:.3s cubic-bezier(.175,.885,.32,1.25) streakCardPopIn;position:relative;box-shadow:0 24px 60px #00000040,0 8px 24px #ff6b002e,inset 1px 1px 2px #fff}[data-theme=dark] .streak-modal-card{color:#f8fafc;background:#120e18f0;border-color:#ffffff1a;box-shadow:0 28px 70px #000000d9,0 8px 30px #ff6b0040,inset 1px 1px 2px #ffffff1a}@keyframes streakCardPopIn{0%{opacity:0;transform:scale(.88)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.streak-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}[data-theme=dark] .streak-modal-close-btn{color:#94a3b8;background:#ffffff14;border-color:#ffffff1a}.streak-modal-close-btn:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:rotate(90deg)}.streak-modal-fire-circle{background:linear-gradient(135deg,#ff9100 0%,#ff3d00 50%,#d50000 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto .85rem;animation:2s infinite alternate fireCirclePulse;display:flex;box-shadow:0 10px 24px #ff3d0066,inset 0 2px 4px #ffffff80}@keyframes fireCirclePulse{0%{transform:scale(.96);box-shadow:0 8px 20px #ff3d004d}to{transform:scale(1.05);box-shadow:0 14px 30px #ff3d008c}}.streak-modal-fire-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);font-size:2.2rem}.streak-modal-title{letter-spacing:-.3px;background:linear-gradient(135deg,#ff6b00 0%,#e11d48 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.45rem;font-weight:900}.streak-modal-subtitle{color:#64748b;margin:.35rem 0 1rem;font-size:.78rem;font-weight:700}[data-theme=dark] .streak-modal-subtitle{color:#94a3b8}.streak-habit-status-card{text-align:left;background:#fff7edd9;border:1px solid #fed7aacc;border-radius:18px;margin-bottom:1.15rem;padding:.85rem 1rem}[data-theme=dark] .streak-habit-status-card{background:#241410a6;border-color:#9a341259}.habit-status-row{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.habit-status-label{font-size:.8rem;font-weight:800}.habit-status-pill.active{color:#fff;background:#10b981;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:850;display:inline-flex;box-shadow:0 2px 6px #10b98159}.habit-check-icon{font-size:.8rem}.habit-status-desc{color:#64748b;margin:0;font-size:.72rem;line-height:1.45}[data-theme=dark] .habit-status-desc{color:#94a3b8}.streak-milestones-section{text-align:left;margin-bottom:1.25rem}.milestones-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin:0 0 .65rem;font-size:.82rem;font-weight:850}[data-theme=dark] .milestones-title{color:#94a3b8}.milestones-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.milestone-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:2px;padding:.65rem;transition:all .2s;display:flex}[data-theme=dark] .milestone-item{background:#ffffff0a;border-color:#ffffff14}.milestone-item.reached{background:#fff1f2e6;border-color:#fecdd3;box-shadow:0 4px 12px #f43f5e1f}[data-theme=dark] .milestone-item.reached{background:#3c0a1466;border-color:#e11d4866}.milestone-badge{color:#d97706;font-size:.75rem;font-weight:900}.milestone-item.reached .milestone-badge{color:#e11d48}.milestone-reward{color:#0f172a;font-size:.72rem;font-weight:800}[data-theme=dark] .milestone-reward{color:#f8fafc}.milestone-status{color:#94a3b8;margin-top:2px;font-size:.66rem;font-weight:700}.milestone-item.reached .milestone-status{color:#10b981}.streak-modal-action-btn{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#ff6b00 0%,#e11d48 100%);border:none;border-radius:16px;width:100%;padding:.8rem;font-size:.86rem;font-weight:850;transition:all .2s;box-shadow:0 6px 18px #e11d4859}.streak-modal-action-btn:hover{filter:brightness(1.06);transform:translateY(-1.5px);box-shadow:0 8px 24px #e11d4873}.streak-modal-action-btn:active{transform:scale(.98)}.header-safety-badge-btn{color:#10b981;cursor:pointer;background:#10b9811a;border:1.5px solid #10b98166;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #10b98126}[data-theme=dark] .header-safety-badge-btn{color:#34d399;background:#10b98126;border-color:#34d39973}.header-safety-badge-btn:hover{background:#10b98133;border-color:#10b981;transform:translateY(-2px)scale(1.06);box-shadow:0 4px 14px #10b98159}.header-safety-badge-btn:active{transform:scale(.94)}.safety-shield-icon{font-size:1.15rem;transition:transform .2s}.safety-check-dot{background:#10b981;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite safePulse;position:absolute;top:6px;right:6px;box-shadow:0 0 6px #10b981}[data-theme=dark] .safety-check-dot{border-color:#1a1a1a}@keyframes safePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.navi-splash-screen{z-index:999999999;-webkit-user-select:none;user-select:none;will-change:opacity, transform;background:radial-gradient(circle at 50% 35%,#990b0e 0%,#7e0507 45%,#4a0204 80%,#200102 100%);justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.navi-splash-screen.splash-fade-out{opacity:0;pointer-events:none;transform:scale(1.04)}.splash-ambient-mesh{pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#f59e0b26 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ef444433 0%,#0000 45%);animation:8s ease-in-out infinite alternate splashMeshDrift;position:absolute;inset:0}@keyframes splashMeshDrift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.08)translate(-10px,-10px)}}.splash-stars-overlay{opacity:.35;pointer-events:none;background-image:radial-gradient(#ffffff38 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.splash-content-container{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:2rem;display:flex;position:relative}.splash-logo-container{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:2rem;display:flex;position:relative}.splash-logo-pulse-ring{border:1.5px solid #f59e0b59;border-radius:50%;animation:3s cubic-bezier(.2,.8,.4,1) infinite splashRingExpand;position:absolute}.splash-logo-pulse-ring.ring-1{width:130px;height:130px;animation-delay:0s}.splash-logo-pulse-ring.ring-2{border-color:#ef444440;width:156px;height:156px;animation-delay:1.2s}@keyframes splashRingExpand{0%{opacity:0;transform:scale(.85)}50%{opacity:.8}to{opacity:0;transform:scale(1.35)}}.splash-logo-glow{filter:blur(12px);background:radial-gradient(circle,#ffd70059 0%,#ef44444d 50%,#0000 75%);border-radius:50%;width:100px;height:100px;animation:2.6s ease-in-out infinite splashGlowPulse;position:absolute}@keyframes splashGlowPulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.splash-logo-image{object-fit:contain;filter:drop-shadow(0 12px 24px #00000080);width:95px;height:95px;animation:3.2s ease-in-out infinite splashLogoFloat;position:relative}@keyframes splashLogoFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}.splash-brand-text{flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.splash-app-title{letter-spacing:2.5px;background:linear-gradient(135deg,#fffbeb 0%,#fde68a 40%,#f59e0b 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px #0006);-webkit-background-clip:text;margin:0 0 .4rem;font-size:2.1rem;font-weight:900;animation:.8s cubic-bezier(.16,1,.3,1) forwards splashTitleReveal}.splash-app-subtitle{letter-spacing:2px;color:#ffffffd9;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:750}.splash-gudep-badge{color:#fef08a;letter-spacing:1.2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;padding:4px 12px;font-size:.68rem;font-weight:700;display:inline-block}@keyframes splashTitleReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.splash-progress-wrapper{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.splash-progress-track{background:#ffffff2e;border-radius:9999px;width:140px;height:4px;position:relative;overflow:hidden}.splash-progress-bar{background:linear-gradient(90deg,#f59e0b 0%,#ef4444 100%);border-radius:9999px;width:0%;height:100%;animation:linear forwards splashProgressFill;box-shadow:0 0 10px #f59e0bcc}@keyframes splashProgressFill{0%{width:0%}60%{width:75%}to{width:100%}}.splash-motto-text{color:#fff9;letter-spacing:.3px;font-size:.72rem;font-style:italic}.splash-footer-info{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:3;text-align:center;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;animation:.9s cubic-bezier(.16,1,.3,1) .3s forwards splashFooterFadeIn;display:flex;position:absolute;left:0;right:0}@keyframes splashFooterFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-developer-text{color:#ffffffb3;letter-spacing:.4px;margin:0;font-size:.74rem;font-weight:500}.splash-developer-name{color:#fde68a;letter-spacing:.5px;font-weight:750}.splash-version-text{color:#fff6;letter-spacing:.6px;font-size:.66rem;font-weight:500}.offline-screen-overlay{z-index:1000000;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#1a0b10 0%,#0a0d14 70%,#030508 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards offlineFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes offlineFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.offline-mesh-bg{pointer-events:none;filter:blur(40px);background:radial-gradient(circle at 20% 30%,#e11d4826 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f59e0b1f 0%,#0000 50%);position:absolute;inset:0}.offline-stars-bg{pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.offline-card-container{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#120e18e0;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.2rem 1.6rem 1.8rem;animation:.4s cubic-bezier(.175,.885,.32,1.25) offlineCardPop;display:flex;position:relative;box-shadow:0 24px 60px #000000b3,0 8px 30px #e11d4840,inset 1px 1px 2px #ffffff26}@keyframes offlineCardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.offline-top-brand{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;display:inline-flex}.offline-brand-logo{object-fit:contain;width:22px;height:22px}.offline-brand-text{letter-spacing:.6px;color:#cbd5e1;text-transform:uppercase;font-size:.72rem;font-weight:800}.offline-radar-pod{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.4rem;display:flex;position:relative}.offline-radar-ring{border:1.5px solid #e11d4866;border-radius:50%;animation:2.6s cubic-bezier(.2,.8,.4,1) infinite offlinePulseRing;position:absolute;inset:-10px}.offline-radar-ring.ring-2{border-color:#f59e0b4d;animation-delay:1.2s;inset:-22px}@keyframes offlinePulseRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.offline-icon-bubble{background:linear-gradient(135deg,#e11d4833 0%,#f59e0b26 100%);border:2px solid #e11d4880;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 0 25px #e11d4866,inset 1px 1px 3px #fff6}.offline-wifi-icon{color:#f43f5e;filter:drop-shadow(0 0 8px #f43f5e99);font-size:2.2rem}.offline-status-badge{color:#fb7185;letter-spacing:.6px;text-transform:uppercase;background:#f43f5e26;border:1px solid #f43f5e66;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.25rem .75rem;font-size:.68rem;font-weight:850;display:inline-flex}.badge-warning-icon{font-size:.85rem}.offline-title{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#f1f5f9 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:1.45rem;font-weight:900}.offline-description{color:#94a3b8;max-width:360px;margin:0 0 1.4rem;font-size:.82rem;line-height:1.45}.offline-tips-box{text-align:left;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.55rem;width:100%;margin-bottom:1.5rem;padding:.85rem 1rem;display:flex}.offline-tip-item{color:#cbd5e1;align-items:center;gap:.65rem;font-size:.76rem;display:flex}.tip-bullet{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex}.offline-retry-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 50%,#9f1239 100%);border:1.5px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.95rem 1.4rem;font-size:.92rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #e11d4873,inset 1px 1px 2px #ffffff80}.offline-retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #e11d488c,inset 1px 1px 2px #ffffffb3}.offline-retry-btn:active:not(:disabled){transform:scale(.97)}.offline-retry-btn:disabled{opacity:.75;cursor:not-allowed}.retry-icon{font-size:1.1rem}.spin-anim{animation:.9s linear infinite spinReconnecting}@keyframes spinReconnecting{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-restored-toast{z-index:1000001;-webkit-backdrop-filter:blur(16px);color:#fff;background:#10b981eb;border:1.5px solid #fff9;border-radius:999px;align-items:center;gap:.75rem;padding:.65rem 1.4rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards toastSlideDown;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #10b98166,0 4px 10px #0003,inset 1px 1px 2px #ffffffb3}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-25px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.toast-icon-check{color:#fff;flex-shrink:0;font-size:1.35rem}.toast-content{text-align:left;flex-direction:column;display:flex}.toast-title{font-size:.84rem;font-weight:850;line-height:1.2}.toast-desc{opacity:.92;font-size:.72rem;font-weight:500}.error-boundary-overlay{z-index:1000000;box-sizing:border-box;background:radial-gradient(circle at 50% 20%,#1a0d12 0%,#080b10 70%,#030406 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.3s ease-out forwards errorFadeIn;display:flex;position:fixed;inset:0}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}.error-boundary-mesh{pointer-events:none;filter:blur(45px);background:radial-gradient(circle at 30% 30%,#e11d4829 0%,#0000 50%),radial-gradient(circle at 70% 70%,#f59e0b1f 0%,#0000 50%);position:absolute;inset:0}.error-boundary-card{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(190%);text-align:center;box-sizing:border-box;background:#120e18e6;border:1.5px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.2rem 1.6rem 1.8rem;display:flex;position:relative;box-shadow:0 24px 60px #000000bf,0 8px 30px #e11d4840,inset 1px 1px 2px #ffffff26}.error-boundary-badge{letter-spacing:.6px;color:#cbd5e1;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.35rem .85rem;font-size:.72rem;font-weight:850;display:inline-flex}.error-brand-logo{object-fit:contain;width:22px;height:22px}.error-boundary-icon-pod{justify-content:center;align-items:center;width:86px;height:86px;margin-bottom:1.25rem;display:flex;position:relative}.error-pod-pulse{border:1.5px solid #e11d4866;border-radius:50%;animation:2.4s cubic-bezier(.2,.8,.4,1) infinite errorPulse;position:absolute;inset:-10px}.error-pod-circle{background:linear-gradient(135deg,#e11d4833 0%,#f59e0b26 100%);border:2px solid #e11d4880;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 0 25px #e11d4866,inset 1px 1px 3px #fff6}.error-main-icon{color:#f43f5e;font-size:2.2rem}.error-boundary-title{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#f1f5f9 50%,#f43f5e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:1.45rem;font-weight:900}.error-boundary-desc{color:#94a3b8;max-width:360px;margin:0 0 1.6rem;font-size:.82rem;line-height:1.45}.error-boundary-actions{flex-direction:column;gap:.65rem;width:100%;display:flex}.error-btn-reload{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:1.5px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.92rem 1.4rem;font-size:.88rem;font-weight:900;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #ef444473,inset 1px 1px 2px #ffffff80}.error-btn-reload:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ef44448c,inset 1px 1px 2px #ffffffb3}.error-btn-reload:active{transform:scale(.97)}.error-btn-home{color:#cbd5e1;letter-spacing:.4px;cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.82rem 1.4rem;font-size:.84rem;font-weight:800;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.error-btn-home:hover{color:#fff;background:#ffffff24;transform:translateY(-1.5px)}.error-btn-home:active{transform:scale(.97)}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:1000;justify-content:flex-end;width:100%;padding:1.5rem 2rem;display:flex;position:absolute;top:0;right:0}.login-main{flex:1;justify-content:center;align-items:center;height:100dvh;max-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}