@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700&family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";.gdrive-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:99999;box-sizing:border-box;background:#0f172ac7;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out gdriveFadeIn;display:flex;position:fixed;inset:0}@keyframes gdriveFadeIn{0%{opacity:0}to{opacity:1}}.gdrive-modal-container{box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) gdriveScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #00000059}[data-theme=dark] .gdrive-modal-container,[data-theme=night] .gdrive-modal-container,.dark .gdrive-modal-container{background:#0f172a!important;border-color:#94a3b84d!important;box-shadow:0 25px 60px -15px #000c!important}@keyframes gdriveScaleUp{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.gdrive-modal-header{background:linear-gradient(135deg,#f59e0b1f 0%,#0ea5e914 100%);border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.15rem 1.4rem;display:flex}[data-theme=dark] .gdrive-modal-header,.dark .gdrive-modal-header{background:linear-gradient(135deg,#f59e0b2e 0%,#1e293bcc 100%)!important;border-bottom-color:#94a3b833!important}.gdrive-header-title-wrap{align-items:center;gap:12px;display:flex}.gdrive-logo-badge{background:#fff;border:1.5px solid #fef3c7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #f59e0b2e}[data-theme=dark] .gdrive-logo-badge,.dark .gdrive-logo-badge{background:#1e293b!important;border-color:#f59e0b66!important;box-shadow:0 4px 14px #0006!important}.gdrive-header-text{flex-direction:column;gap:2px;display:flex}.gdrive-header-tag{text-transform:uppercase;letter-spacing:.5px;color:#b45309;font-size:.68rem;font-weight:850}[data-theme=dark] .gdrive-header-tag,.dark .gdrive-header-tag{color:#fbbf24!important}.gdrive-header-text h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:850}[data-theme=dark] .gdrive-header-text h2,.dark .gdrive-header-text h2{color:#fff!important}.gdrive-close-btn{color:#475569;cursor:pointer;background:#0000000d;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.gdrive-close-btn:hover{color:#0f172a;background:#0000001a}[data-theme=dark] .gdrive-close-btn,.dark .gdrive-close-btn{color:#cbd5e1!important;background:#ffffff1a!important}[data-theme=dark] .gdrive-close-btn:hover,.dark .gdrive-close-btn:hover{color:#fff!important;background:#fff3!important}.gdrive-tab-switcher{box-sizing:border-box;background:#f1f5f9;border-bottom:1.5px solid #e2e8f0;align-items:center;gap:6px;padding:8px 14px;display:flex}[data-theme=dark] .gdrive-tab-switcher,.dark .gdrive-tab-switcher{background:#1e293b!important;border-bottom-color:#94a3b833!important}.gdrive-tab-btn{all:unset;color:#475569;cursor:pointer;text-align:center;box-sizing:border-box;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:750;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.gdrive-tab-btn:hover{color:#0f172a;background:#fff9}[data-theme=dark] .gdrive-tab-btn,.dark .gdrive-tab-btn{color:#94a3b8!important}[data-theme=dark] .gdrive-tab-btn:hover,.dark .gdrive-tab-btn:hover{color:#fff!important;background:#ffffff14!important}.gdrive-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0f172a14}[data-theme=dark] .gdrive-tab-btn.active,.dark .gdrive-tab-btn.active{color:#38bdf8!important;background:#0f172a!important;box-shadow:0 2px 8px #0006!important}.gdrive-modal-body{box-sizing:border-box;flex-direction:column;gap:1rem;padding:1.25rem 1.4rem;display:flex;overflow-y:auto}.gdrive-tab-pane{flex-direction:column;gap:1rem;width:100%;display:flex}.gdrive-status-banner{border-radius:12px;align-items:center;gap:8px;padding:9px 13px;font-size:.8rem;font-weight:700;line-height:1.4;display:flex}.gdrive-status-banner.connected{color:#065f46;background:#ecfdf5;border:1.5px solid #a7f3d0}[data-theme=dark] .gdrive-status-banner.connected,.dark .gdrive-status-banner.connected{color:#6ee7b7!important;background:#065f4640!important;border-color:#34d39966!important}.gdrive-status-banner.disconnected{color:#9a3412;background:#fff7ed;border:1.5px solid #fed7aa}[data-theme=dark] .gdrive-status-banner.disconnected,.dark .gdrive-status-banner.disconnected{color:#fdba74!important;background:#9a341240!important;border-color:#fb923c66!important}.gdrive-auth-card{box-sizing:border-box;background:linear-gradient(135deg,#fef3c766 0%,#e0f2fe66 100%);border:1.5px solid #cbd5e1;border-radius:18px;flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex}[data-theme=dark] .gdrive-auth-card,.dark .gdrive-auth-card{background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%)!important;border-color:#94a3b847!important}.gdrive-unconnected-hero{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.gdrive-hero-icon-cluster{align-items:center;gap:8px;display:flex}.google-round-logo{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #00000014}.google-icon-svg{width:22px;height:22px}.gdrive-hero-badge-tag{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:800;display:inline-flex}[data-theme=dark] .gdrive-hero-badge-tag,.dark .gdrive-hero-badge-tag{color:#7dd3fc!important;background:#0369a140!important;border-color:#38bdf8!important}.gdrive-hero-title{color:#0f172a;margin:0;font-size:1.08rem;font-weight:850}[data-theme=dark] .gdrive-hero-title,.dark .gdrive-hero-title{color:#fff!important}.gdrive-hero-desc{color:#334155;max-width:480px;margin:0;font-size:.84rem;line-height:1.5}[data-theme=dark] .gdrive-hero-desc,.dark .gdrive-hero-desc{color:#e2e8f0!important}.gdrive-hero-desc code{color:#0284c7;background:#0000000f;border-radius:6px;padding:2px 5px;font-weight:750}[data-theme=dark] .gdrive-hero-desc code,.dark .gdrive-hero-desc code{color:#38bdf8!important;background:#ffffff1a!important}.btn-google-login-hero{all:unset;color:#1e293b;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:380px;padding:12px 20px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #00000014}.btn-google-login-hero:hover{border-color:#4285f4;transform:translateY(-2px);box-shadow:0 8px 22px #4285f440}[data-theme=dark] .btn-google-login-hero,.dark .btn-google-login-hero{color:#fff!important;background:#1e293b!important;border-color:#94a3b866!important;box-shadow:0 4px 16px #0006!important}[data-theme=dark] .btn-google-login-hero:hover,.dark .btn-google-login-hero:hover{border-color:#38bdf8!important;box-shadow:0 8px 25px #38bdf84d!important}.gdrive-connected-hero{flex-direction:column;gap:1rem;width:100%;display:flex}.gdrive-account-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gdrive-account-user{align-items:center;gap:12px;display:flex}.gdrive-user-avatar{color:#fff;background:#0284c7;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 2px 8px #0000001f}.gdrive-user-details{flex-direction:column;gap:2px;display:flex}.gdrive-user-details h4{color:#0f172a;margin:0;font-size:.98rem;font-weight:850}[data-theme=dark] .gdrive-user-details h4,.dark .gdrive-user-details h4{color:#fff!important}.gdrive-user-email{color:#0284c7;font-size:.82rem;font-weight:750}[data-theme=dark] .gdrive-user-email,.dark .gdrive-user-email{color:#38bdf8!important}.gdrive-sync-time-badge{color:#475569;font-size:.74rem;font-weight:650}[data-theme=dark] .gdrive-sync-time-badge,.dark .gdrive-sync-time-badge{color:#cbd5e1!important}.btn-gdrive-disconnect{all:unset;color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:750;transition:all .15s;display:inline-flex}.btn-gdrive-disconnect:hover{background:#fee2e2}[data-theme=dark] .btn-gdrive-disconnect,.dark .btn-gdrive-disconnect{color:#f87171!important;background:#dc262626!important;border-color:#dc262666!important}.gdrive-actions-row{width:100%}.btn-gdrive-sync-main{all:unset;color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:.92rem;font-weight:850;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0284c759}.btn-gdrive-sync-main:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #0284c773}.gdrive-setup-guide-box{text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 2px 10px #00000008}[data-theme=dark] .gdrive-setup-guide-box,.dark .gdrive-setup-guide-box{background:#0f172ad9!important;border-color:#334155cc!important;box-shadow:0 4px 16px #0000004d!important}.gdrive-guide-header{border-bottom:1px dashed #cbd5e1;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}[data-theme=dark] .gdrive-guide-header,.dark .gdrive-guide-header{border-bottom-color:#47556999!important}.gdrive-guide-title{color:#1e293b;font-size:.82rem;font-weight:800}[data-theme=dark] .gdrive-guide-title,.dark .gdrive-guide-title{color:#f8fafc!important}.gdrive-guide-tag{color:#059669;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:800}[data-theme=dark] .gdrive-guide-tag,.dark .gdrive-guide-tag{color:#34d399!important;background:#10b98140!important}.gdrive-step-list{flex-direction:column;gap:8px;display:flex}.gdrive-step-item{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:.76rem;line-height:1.45;display:flex}[data-theme=dark] .gdrive-step-item,.dark .gdrive-step-item{color:#e2e8f0!important;background:#1e293b!important;border-color:#334155!important}.gdrive-step-item.highlight-step{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #f59e0b}[data-theme=dark] .gdrive-step-item.highlight-step,.dark .gdrive-step-item.highlight-step{background:linear-gradient(135deg,#78350f59 0%,#451a0380 100%)!important;border-color:#f59e0b!important}.step-num-badge{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.72rem;font-weight:850;display:flex}.step-num-badge.warning{background:#d97706}.step-content{flex-direction:column;flex:1;gap:4px;display:flex}.step-title-warn{color:#b45309;font-size:.77rem}[data-theme=dark] .step-title-warn,.dark .step-title-warn{color:#fbbf24!important}.step-checkbox-mock{background:#fffffff2;border:1.5px solid #f59e0b;border-radius:8px;align-items:center;gap:6px;margin:3px 0;padding:6px 9px;display:flex}[data-theme=dark] .step-checkbox-mock,.dark .step-checkbox-mock{background:#0f172a!important;border-color:#f59e0b!important}.mock-checkbox-icon{font-size:1rem}.mock-checkbox-text{color:#0f172a;font-size:.74rem;font-weight:800}[data-theme=dark] .mock-checkbox-text,.dark .mock-checkbox-text{color:#fff!important}.step-sub-note{color:#78350f;margin:0;font-size:.7rem}[data-theme=dark] .step-sub-note,.dark .step-sub-note{color:#fde68a!important}.gdrive-unverified-note{background:#f1f5f9d9;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;font-size:.72rem;display:flex}[data-theme=dark] .gdrive-unverified-note,.dark .gdrive-unverified-note{background:#1e293bb3!important;border-color:#475569!important}.unverified-note-title{color:#475569}[data-theme=dark] .unverified-note-title,.dark .unverified-note-title{color:#94a3b8!important}.unverified-steps-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.unverified-step-pill{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.71rem;display:inline-flex}[data-theme=dark] .unverified-step-pill,.dark .unverified-step-pill{color:#f1f5f9!important;background:#1e293b!important;border-color:#475569!important}.unverified-step-pill.action{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:800}[data-theme=dark] .unverified-step-pill.action,.dark .unverified-step-pill.action{color:#93c5fd!important;background:#3b82f633!important;border-color:#3b82f6!important}.pill-step-index{color:#475569;background:#e2e8f0;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:800}[data-theme=dark] .pill-step-index,.dark .pill-step-index{color:#cbd5e1!important;background:#334155!important}.pill-arrow{color:#94a3b8;font-weight:700}[data-theme=dark] .step-badge.highlight,.dark .step-badge.highlight{color:#93c5fd!important;background:#1e3a8a80!important;border-color:#60a5fa!important}.step-arrow{color:#6366f1;font-size:.75rem;font-weight:800}.gdrive-troubleshoot-guide{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:.74rem;line-height:1.5}[data-theme=dark] .gdrive-troubleshoot-guide,.dark .gdrive-troubleshoot-guide{color:#fca5a5!important;background:#991b1b33!important;border-color:#f871714d!important}.gdrive-troubleshoot-guide ol{margin:4px 0 0;padding-left:1.2rem}.gdrive-vault-hero-card{text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#fef3c780 0%,#fed7aa4d 100%);border:1.5px solid #fde68a;border-radius:18px;flex-direction:column;align-items:center;gap:.85rem;padding:1.35rem 1.4rem;display:flex}[data-theme=dark] .gdrive-vault-hero-card,.dark .gdrive-vault-hero-card{background:linear-gradient(135deg,#f59e0b1f 0%,#1e293bf2 100%)!important;border-color:#f59e0b59!important}.gdrive-vault-icon-circle{background:#fff;border:1.5px solid #fbbf24;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #f59e0b33}[data-theme=dark] .gdrive-vault-icon-circle,.dark .gdrive-vault-icon-circle{background:#1e293b!important;box-shadow:0 4px 14px #0006!important}.gdrive-vault-title{color:#0f172a;margin:0;font-size:1.08rem;font-weight:850}[data-theme=dark] .gdrive-vault-title,.dark .gdrive-vault-title{color:#fff!important}.gdrive-vault-desc{color:#334155;max-width:500px;margin:0;font-size:.84rem;line-height:1.5}[data-theme=dark] .gdrive-vault-desc,.dark .gdrive-vault-desc{color:#e2e8f0!important}.gdrive-vault-buttons-grid{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:.5rem;display:grid}@media (width<=520px){.gdrive-vault-buttons-grid{grid-template-columns:1fr}}.btn-vault-action{all:unset;cursor:pointer;box-sizing:border-box;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-vault-action strong{font-size:.88rem;font-weight:850;display:block}.btn-vault-action small{opacity:.9;font-size:.72rem;font-weight:600;display:block}.btn-vault-action.export-btn{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 14px #0284c740}.btn-vault-action.export-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 18px #0284c759}.btn-vault-action.import-btn{color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 2px 8px #0000000d}.btn-vault-action.import-btn:hover{color:#b45309;border-color:#f59e0b;transform:translateY(-2px)}[data-theme=dark] .btn-vault-action.import-btn,.dark .btn-vault-action.import-btn{color:#fff!important;background:#1e293b!important;border-color:#94a3b84d!important}[data-theme=dark] .btn-vault-action.import-btn:hover,.dark .btn-vault-action.import-btn:hover{color:#fbbf24!important;border-color:#fbbf24!important}.gdrive-legal-full-card{flex-direction:column;gap:.85rem;width:100%;display:flex}.gdrive-legal-title-row{border-bottom:1.5px solid #e2e8f0;align-items:center;gap:10px;padding-bottom:.5rem;display:flex}[data-theme=dark] .gdrive-legal-title-row,.dark .gdrive-legal-title-row{border-bottom-color:#94a3b833!important}.gdrive-legal-title-row h3{color:#0f172a;margin:0;font-size:1.02rem;font-weight:850}[data-theme=dark] .gdrive-legal-title-row h3,.dark .gdrive-legal-title-row h3{color:#fff!important}.gdrive-legal-title-row span{color:#059669;font-size:.74rem;font-weight:750}[data-theme=dark] .gdrive-legal-title-row span,.dark .gdrive-legal-title-row span{color:#34d399!important}.gdrive-legal-pillars-list{flex-direction:column;gap:.65rem;display:flex}.gdrive-pillar-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}[data-theme=dark] .gdrive-pillar-item,.dark .gdrive-pillar-item{background:#1e293ba6!important;border-color:#94a3b840!important}.gdrive-pillar-icon-box{color:#059669;background:#ecfdf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}[data-theme=dark] .gdrive-pillar-icon-box,.dark .gdrive-pillar-icon-box{color:#34d399!important;background:#05966933!important}.gdrive-pillar-text strong{color:#0f172a;margin-bottom:2px;font-size:.82rem;font-weight:850;display:block}[data-theme=dark] .gdrive-pillar-text strong,.dark .gdrive-pillar-text strong{color:#fff!important}.gdrive-pillar-text p{color:#334155;margin:0;font-size:.78rem;line-height:1.45}[data-theme=dark] .gdrive-pillar-text p,.dark .gdrive-pillar-text p{color:#e2e8f0!important}.gdrive-pillar-text p strong{color:#0284c7;display:inline}[data-theme=dark] .gdrive-pillar-text p strong,.dark .gdrive-pillar-text p strong{color:#38bdf8!important}.gdrive-consent-box{cursor:pointer;-webkit-user-select:none;user-select:none;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.gdrive-consent-box:hover{background:#dbeafe;border-color:#93c5fd}[data-theme=dark] .gdrive-consent-box,.dark .gdrive-consent-box{background:#1e3a8a40!important;border-color:#60a5fa66!important}[data-theme=dark] .gdrive-consent-box:hover,.dark .gdrive-consent-box:hover{background:#1e3a8a66!important}.gdrive-checkbox-visual{color:#fff;background:#fff;border:2px solid #0284c7;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .15s;display:flex}.gdrive-consent-box.is-agreed .gdrive-checkbox-visual{background:#0284c7;border-color:#0284c7}[data-theme=dark] .gdrive-checkbox-visual,.dark .gdrive-checkbox-visual{background:#1e293b!important;border-color:#38bdf8!important}[data-theme=dark] .gdrive-consent-box.is-agreed .gdrive-checkbox-visual,.dark .gdrive-consent-box.is-agreed .gdrive-checkbox-visual{background:#0284c7!important}.gdrive-consent-text strong{color:#1e3a8a;font-size:.82rem;font-weight:850;line-height:1.35;display:block}[data-theme=dark] .gdrive-consent-text strong,.dark .gdrive-consent-text strong{color:#93c5fd!important}.gdrive-consent-text p{color:#3b82f6;margin:2px 0 0;font-size:.74rem;font-weight:600}[data-theme=dark] .gdrive-consent-text p,.dark .gdrive-consent-text p{color:#bfdbfe!important}.gdrive-modal-footer{background:#f8fafc;border-top:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}[data-theme=dark] .gdrive-modal-footer,.dark .gdrive-modal-footer{background:#1e293b!important;border-top-color:#94a3b833!important}.gdrive-footer-left{color:#475569;align-items:center;gap:6px;font-size:.75rem;font-weight:750;display:flex}[data-theme=dark] .gdrive-footer-left,.dark .gdrive-footer-left{color:#cbd5e1!important}.btn-gdrive-close-action{all:unset;color:#0f172a;cursor:pointer;background:#e2e8f0;border-radius:10px;padding:7px 18px;font-size:.8rem;font-weight:800;transition:all .15s}.btn-gdrive-close-action:hover{background:#cbd5e1}[data-theme=dark] .btn-gdrive-close-action,.dark .btn-gdrive-close-action{color:#fff!important;background:#ffffff1f!important}[data-theme=dark] .btn-gdrive-close-action:hover,.dark .btn-gdrive-close-action:hover{background:#fff3!important}.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);min-width:300px;max-width:440px;box-shadow:var(--shadow-lg);color:var(--text-main);align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;font-weight:500;transition:opacity .25s,transform .25s;animation:.32s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex}.toast-item.exiting{opacity:0;transform:translate(30px)}.toast-item .toast-icon{flex-shrink:0;width:22px;height:22px}.toast-item .toast-msg{flex:1;line-height:1.45}.toast-item .toast-close{width:24px;height:24px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;transition:background .15s;display:grid}.toast-item .toast-close:hover{background:var(--bg-card-hover);color:var(--text-main)}.toast-item.success{background:var(--success-bg);color:var(--success-text);border-left:3px solid #22c55e}.toast-item.error{background:var(--danger-bg);color:var(--danger-text);border-left:3px solid #ef4444}.toast-item.warning{background:var(--warning-bg);color:var(--warning-text);border-left:3px solid #f59e0b}.toast-item.info{border-left:3px solid var(--primary-color)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=520px){.toast-container{bottom:12px;left:12px;right:12px}.toast-item{min-width:0;max-width:none}}.pwa-install-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out pwaFadeIn;display:flex;position:fixed;inset:0}@keyframes pwaFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pwa-install-card{overscroll-behavior:contain;background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e2e8f0e6);box-sizing:border-box;border-radius:24px;flex-direction:column;gap:1.15rem;width:100%;max-width:520px;max-height:90vh;padding:1.75rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000040,0 0 30px #f59e0b1f}.pwa-install-card::-webkit-scrollbar{width:5px}.pwa-install-card::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}[data-theme=dark] .pwa-install-card,[data-theme=night] .pwa-install-card,.dark .pwa-install-card{background:#111a2e!important;border-color:#94a3b840!important;box-shadow:0 24px 60px #0009,0 0 30px #38bdf826!important}.pwa-install-close-btn{all:unset;width:32px;height:32px;color:var(--text-muted,#94a3b8);cursor:pointer;background:var(--bg-subtle,#94a3b81a);z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.pwa-install-close-btn:hover{color:#ef4444;background:#ef444426}.pwa-install-header{align-items:center;gap:1rem;display:flex}.pwa-app-icon-wrap{background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 8px 20px #f59e0b59}.pwa-app-title-group{flex-direction:column;gap:.25rem;display:flex}.pwa-badge-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pwa-app-badge{text-transform:uppercase;color:#d97706;letter-spacing:.5px;font-size:.7rem;font-weight:850}[data-theme=dark] .pwa-app-badge,[data-theme=night] .pwa-app-badge,.dark .pwa-app-badge{color:#fbbf24!important}.pwa-badge-offline{color:#059669;background:#10b9811f;border-radius:6px;padding:1px 7px;font-size:.7rem;font-weight:800}.pwa-app-name{color:var(--text-main,#0f172a);margin:0;font-size:1.25rem;font-weight:900}[data-theme=dark] .pwa-app-name,[data-theme=night] .pwa-app-name,.dark .pwa-app-name{color:#fff!important}.pwa-inapp-alert{background:#f59e0b1a;border:1.5px solid #f59e0b59;border-radius:14px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.pwa-inapp-header{color:#b45309;align-items:center;gap:6px;font-size:.85rem;font-weight:850;display:flex}[data-theme=dark] .pwa-inapp-header,[data-theme=night] .pwa-inapp-header,.dark .pwa-inapp-header{color:#fbbf24!important}.pwa-inapp-desc{color:var(--text-main,#334155);margin:0;font-size:.8rem;line-height:1.45}.pwa-btn-copy-url{all:unset;color:#fff;cursor:pointer;box-sizing:border-box;background:#f59e0b;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:800;transition:all .15s;display:inline-flex}.pwa-btn-copy-url:hover{filter:brightness(1.08)}.pwa-native-prompt-box{background:linear-gradient(135deg,#f59e0b26 0%,#ea580c1a 100%);border:1.5px solid #f59e0b66;border-radius:16px;flex-direction:column;gap:.65rem;padding:1rem;display:flex}.pwa-native-title{color:#b45309;align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}[data-theme=dark] .pwa-native-title,[data-theme=night] .pwa-native-title,.dark .pwa-native-title{color:#fcd34d!important}.pwa-btn-primary-install{all:unset;color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.92rem;font-weight:850;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #f59e0b59}.pwa-btn-primary-install:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b73}.pwa-btn-primary-install:active{transform:scale(.98)}.pwa-installed-banner{background:#10b9811f;border:1px solid #10b98159;border-radius:14px;align-items:flex-start;gap:10px;padding:.85rem 1rem;font-size:.85rem;display:flex}.pwa-platform-tabs{background:var(--bg-subtle,#f1f5f9cc);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}[data-theme=dark] .pwa-platform-tabs,[data-theme=night] .pwa-platform-tabs,.dark .pwa-platform-tabs{background:#0f172a99!important;border-color:#94a3b826!important}.pwa-tab-pill{all:unset;color:var(--text-muted,#64748b);cursor:pointer;text-align:center;box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 6px;font-size:.72rem;font-weight:750;transition:all .15s;display:flex}.pwa-tab-pill:hover{color:var(--text-main,#0f172a)}.pwa-tab-pill.is-active{background:var(--bg-card,#fff);color:#0284c7;font-weight:850;box-shadow:0 2px 8px #00000014}[data-theme=dark] .pwa-tab-pill.is-active,[data-theme=night] .pwa-tab-pill.is-active,.dark .pwa-tab-pill.is-active{color:#38bdf8!important;background:#1e293b!important}.pwa-instruction-card{background:var(--bg-subtle,#f1f5f999);border:1.5px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem 1.15rem;display:flex}.pwa-instruction-card.ios-mode{background:#0ea5e90f;border-color:#0ea5e94d}[data-theme=dark] .pwa-instruction-card,[data-theme=night] .pwa-instruction-card,.dark .pwa-instruction-card{background:#14203873!important;border-color:#94a3b833!important}.pwa-guide-title{color:var(--text-main,#0f172a);align-items:center;gap:6px;font-size:.85rem;font-weight:850;display:flex}.pwa-guide-title.ios-text{color:#0284c7}[data-theme=dark] .pwa-guide-title.ios-text,[data-theme=night] .pwa-guide-title.ios-text,.dark .pwa-guide-title.ios-text{color:#7dd3fc!important}.pwa-steps-list{flex-direction:column;gap:.65rem;display:flex}.pwa-step-item{align-items:flex-start;gap:.65rem;display:flex}.pwa-step-badge{color:#fff;background:#f59e0b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.72rem;font-weight:850;display:inline-flex}.pwa-step-badge.ios-badge{background:#0284c7}.pwa-step-content{color:var(--text-main,#334155);font-size:.82rem;line-height:1.45}[data-theme=dark] .pwa-step-content,[data-theme=night] .pwa-step-content,.dark .pwa-step-content{color:#cbd5e1!important}.pwa-features-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width<=480px){.pwa-features-grid{grid-template-columns:1fr}}.pwa-perk-item{color:var(--text-muted,#64748b);background:var(--bg-subtle,#f1f5f966);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:.78rem;font-weight:650;display:flex}[data-theme=dark] .pwa-perk-item,[data-theme=night] .pwa-perk-item,.dark .pwa-perk-item{color:#94a3b8!important;background:#ffffff0a!important}.pwa-install-footer{gap:.65rem;margin-top:.25rem;display:flex}.pwa-btn-copy-alt{all:unset;background:var(--bg-subtle,#f1f5f9);color:var(--text-muted,#64748b);cursor:pointer;box-sizing:border-box;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:750;transition:all .15s;display:inline-flex}.pwa-btn-copy-alt:hover{color:var(--text-main,#0f172a);background:#94a3b833}[data-theme=dark] .pwa-btn-copy-alt,[data-theme=night] .pwa-btn-copy-alt,.dark .pwa-btn-copy-alt{color:#94a3b8!important;background:#1e293bcc!important}.pwa-btn-close-main{all:unset;color:#fff;cursor:pointer;box-sizing:border-box;background:#0284c7;border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;font-size:.84rem;font-weight:800;transition:all .15s;display:inline-flex}.pwa-btn-close-main:hover{background:#0369a1}:root{--qg-overlay-bg:#0f172aa6;--qg-card-bg:#fff;--qg-card-border:#e2e8f0;--qg-card-shadow:0 24px 48px -12px #0f172a40;--qg-text-main:#0f172a;--qg-text-sub:#475569;--qg-text-muted:#64748b;--qg-tab-bg:#f1f5f9;--qg-tab-active-bg:#fff;--qg-tab-active-border:#cbd5e1;--qg-step-bg:#f8fafc;--qg-step-border:#e2e8f0;--qg-foot-bg:#f8fafc}[data-theme=dark],.dark{--qg-overlay-bg:#020617d1;--qg-card-bg:#0f172a;--qg-card-border:#334155;--qg-card-shadow:0 24px 48px -12px #0009;--qg-text-main:#f8fafc;--qg-text-sub:#cbd5e1;--qg-text-muted:#94a3b8;--qg-tab-bg:#1e293b;--qg-tab-active-bg:#0f172a;--qg-tab-active-border:#475569;--qg-step-bg:#1e293b;--qg-step-border:#334155;--qg-foot-bg:#0b1120}.quick-guide-overlay{background:var(--qg-overlay-bg);-webkit-backdrop-filter:blur(8px);z-index:999999;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1.5rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.quick-guide-card{background:var(--qg-card-bg);border:1px solid var(--qg-card-border);width:100%;max-width:620px;box-shadow:var(--qg-card-shadow);border-radius:24px;flex-direction:column;max-height:min(88dvh,680px);margin:auto;display:flex;overflow:hidden}.quick-guide-header{border-bottom:1px solid var(--qg-card-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.quick-guide-brand{align-items:center;gap:.85rem;display:flex}.quick-guide-kicker{text-transform:uppercase;letter-spacing:.05em;color:#f59e0b;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:flex}.quick-guide-title{color:var(--qg-text-main);margin-top:.15rem;font-size:1.05rem;font-weight:800}.quick-guide-close-btn{color:var(--qg-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.quick-guide-close-btn:hover{background:var(--qg-tab-bg);color:var(--qg-text-main)}.quick-guide-tabs{background:var(--qg-tab-bg);border-bottom:1px solid var(--qg-card-border);scrollbar-width:none;flex-shrink:0;gap:.35rem;padding:.35rem;display:flex;overflow-x:auto}.quick-guide-tabs::-webkit-scrollbar{display:none}.quick-guide-tab{min-width:140px;color:var(--qg-text-muted);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:all .18s}.quick-guide-tab.active{background:var(--qg-tab-active-bg);color:var(--qg-text-main);border-color:var(--qg-tab-active-border);font-weight:700;box-shadow:0 2px 6px #0000000f}.quick-guide-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:1.25rem 1.35rem;overflow-y:auto}.quick-guide-intro{color:var(--qg-text-sub);margin-bottom:1rem;font-size:.86rem;line-height:1.5}.quick-step-list{flex-direction:column;gap:.85rem;display:flex}.quick-step-card{background:var(--qg-step-bg);border:1px solid var(--qg-step-border);border-radius:16px;align-items:flex-start;gap:.85rem;padding:1rem;transition:all .2s;display:flex}.quick-step-num{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 4px 10px #f59e0b4d}.quick-step-card.step-2 .quick-step-num{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px #10b9814d}.quick-step-card.step-3 .quick-step-num{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 10px #6366f14d}.quick-step-card.step-4 .quick-step-num{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 10px #0ea5e94d}.quick-step-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.quick-step-title-row{align-items:center;gap:.45rem;display:flex}.quick-step-title-row h4{color:var(--qg-text-main);margin:0;font-size:.92rem;font-weight:700}.quick-step-desc{color:var(--qg-text-sub);margin:0;font-size:.82rem;line-height:1.45}.quick-step-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.35rem;padding:.45rem .85rem;font-size:.78rem;font-weight:700;transition:all .18s;display:inline-flex}.quick-step-btn.btn-amber{color:#d97706;background:#f59e0b1f;border-color:#f59e0b4d}.quick-step-btn.btn-amber:hover{color:#fff;background:#f59e0b}.quick-step-btn.btn-emerald{color:#059669;background:#10b9811f;border-color:#10b9814d}.quick-step-btn.btn-emerald:hover{color:#fff;background:#10b981}.quick-step-btn.btn-indigo{color:#6366f1;background:#6366f11f;border-color:#6366f14d}.quick-step-btn.btn-indigo:hover{color:#fff;background:#6366f1}.quick-step-btn.btn-sky{color:#0284c7;background:#0ea5e91f;border-color:#0ea5e94d}.quick-step-btn.btn-sky:hover{color:#fff;background:#0ea5e9}.mobile-tips-hero{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:16px;align-items:center;gap:.85rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.mobile-tip-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.mobile-tip-box{background:var(--qg-step-bg);border:1px solid var(--qg-step-border);color:var(--qg-text-sub);border-radius:14px;padding:.85rem 1rem;font-size:.82rem;line-height:1.45}.mobile-tip-box strong{color:var(--qg-text-main);margin-bottom:.25rem;font-size:.88rem;display:block}.tip-badge{color:#fff;background:#f59e0b;border-radius:9999px;margin-bottom:.35rem;padding:2px 7px;font-size:.7rem;font-weight:800;display:inline-block}.faq-action-table{flex-direction:column;gap:.75rem;display:flex}.faq-action-row{background:var(--qg-step-bg);border:1px solid var(--qg-step-border);border-radius:14px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.faq-action-intent strong{color:var(--qg-text-main);font-size:.86rem}.faq-action-target{color:var(--qg-text-sub);justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.faq-btn{color:#6366f1;cursor:pointer;white-space:nowrap;background:#6366f11f;border:1px solid #6366f14d;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s}.faq-btn:hover{color:#fff;background:#6366f1}.quick-guide-feedback-tab{color:#e11d48;background:#f43f5e14;border:1px dashed #f43f5e59;flex:none;justify-content:center;align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.quick-guide-feedback-tab:hover{color:#be123c;background:#f43f5e26;border-color:#f43f5e80}.quick-guide-footer{border-top:1px solid var(--qg-card-border);background:var(--qg-foot-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.35rem;display:flex}.quick-guide-footer-actions{align-items:center;gap:.65rem;display:flex}.quick-guide-feedback-btn{color:#e11d48;background:#f43f5e14;border:1px solid #f43f5e47;border-radius:12px;align-items:center;gap:.4rem;padding:.52rem .85rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.quick-guide-feedback-btn:hover{background:#f43f5e29;transform:translateY(-1px)}.quick-guide-full-btn{border:1px solid var(--qg-card-border);color:var(--qg-text-sub);cursor:pointer;background:0 0;border-radius:12px;padding:.55rem .95rem;font-size:.82rem;font-weight:600;transition:all .18s}.quick-guide-full-btn:hover{background:var(--qg-tab-bg);color:var(--qg-text-main)}.quick-guide-close-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .18s;box-shadow:0 4px 12px #f59e0b4d}.quick-guide-close-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b66}@media (width<=640px){.quick-guide-card{border-radius:20px;max-height:92vh}.quick-guide-header{padding:.95rem 1rem}.quick-guide-body{padding:.95rem}.quick-step-card{gap:.65rem;padding:.85rem}.faq-action-target{flex-direction:column;align-items:flex-start}.quick-guide-footer{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,14px));flex-direction:column;align-items:stretch;gap:.55rem}.quick-guide-footer-actions{flex-direction:column-reverse;gap:.55rem;width:100%;display:flex}.quick-guide-feedback-btn{text-align:center;justify-content:center;width:100%;min-height:44px}.quick-guide-full-btn,.quick-guide-close-cta{text-align:center;justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}}.mobile-bottom-nav{pointer-events:none;padding:0 .75rem calc(.35rem + env(safe-area-inset-bottom,0px)) .75rem;box-sizing:border-box;touch-action:manipulation;display:none;bottom:env(safe-area-inset-bottom,0px)!important;z-index:9999!important;position:fixed!important;left:0!important;right:0!important}@media (width<=768px){.mobile-bottom-nav{display:block}}.mobile-bottom-nav-inner{pointer-events:auto;box-sizing:border-box;background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:26px;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;padding:.35rem .4rem;display:flex;transform:translateZ(0);box-shadow:0 8px 24px #0f172a14,0 2px 6px #0000000a}[data-theme=dark] .mobile-bottom-nav-inner,[data-theme=night] .mobile-bottom-nav-inner,.dark .mobile-bottom-nav-inner{background:#0f172af5!important;border-color:#ffffff29!important;box-shadow:0 12px 32px #00000080!important}.mobile-nav-btn{all:unset;cursor:pointer;min-width:0;min-height:48px;color:var(--text-muted,#64748b);box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.mobile-nav-btn:active{transform:scale(.92)}.mobile-nav-icon-wrap{justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s,color .2s;display:flex;position:relative}.mobile-nav-icon{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-btn.is-active .mobile-nav-icon{color:var(--primary-color,#0ea5e9);transform:scale(1.12)}.mobile-nav-label{letter-spacing:-.01em;color:var(--text-muted,#64748b);font-size:.68rem;font-weight:700;line-height:1.1;transition:color .2s}.mobile-nav-btn.is-active .mobile-nav-label{color:var(--primary-color,#0ea5e9);font-weight:850}[data-theme=dark] .mobile-nav-label,.dark .mobile-nav-label{color:#94a3b8}[data-theme=dark] .mobile-nav-btn.is-active .mobile-nav-label,.dark .mobile-nav-btn.is-active .mobile-nav-label{color:var(--primary-color,#38bdf8)!important}.mobile-nav-badge{color:#fff;background:#f43f5e;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:900;display:flex;position:absolute;top:-2px;right:-6px;box-shadow:0 2px 6px #f43f5e66}.mobile-nav-center-btn{margin-top:-14px}.center-btn-orb{background:var(--primary-gradient,linear-gradient(135deg, #0ea5e9, #2563eb));color:#fff;backface-visibility:hidden;border:3px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;transform:translate(0,0);box-shadow:0 4px 14px #0ea5e973}[data-theme=dark] .center-btn-orb,.dark .center-btn-orb{border-color:#0f172a!important;box-shadow:0 4px 16px #0009!important}.mobile-nav-center-btn:active .center-btn-orb{transform:scale(.88)}.mobile-nav-center-btn.is-active .center-btn-orb{box-shadow:0 10px 28px var(--glow-color,#0ea5e9a6);transform:scale(1.08)translateY(-2px)}.center-btn-icon{color:#fff}.center-btn-badge{color:#fff;background:#f43f5e;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0003}[data-theme=dark] .center-btn-badge,.dark .center-btn-badge{border-color:#0f172a}.mobile-drawer-overlay{box-sizing:border-box;background:#0f172ab8;justify-content:center;align-items:flex-end;animation:.2s drawerFadeIn;display:flex;z-index:10000!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-container{background:var(--bg-card,#fff);box-sizing:border-box;border-top:1.5px solid #e2e8f0e6;border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) drawerSlideUp;display:flex;overflow:hidden;box-shadow:0 -12px 48px #0f172a40}[data-theme=dark] .mobile-drawer-container,.dark .mobile-drawer-container{background:#181c24!important;border-top-color:#ffffff1f!important;box-shadow:0 -12px 48px #0009!important}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-handle{background:#94a3b873;border-radius:999px;flex-shrink:0;width:44px;height:5px;margin:10px auto 4px}.mobile-drawer-header{border-bottom:1px solid #e2e8f0b3;justify-content:space-between;align-items:center;padding:.75rem 1.25rem .6rem;display:flex}[data-theme=dark] .mobile-drawer-header,.dark .mobile-drawer-header{border-bottom-color:#ffffff14!important}.drawer-header-left{align-items:center;gap:.75rem;display:flex}.drawer-mascot-orb{background:linear-gradient(135deg,#fef3c7cc,#fde68a80);border:1px solid #f59e0b4d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-theme=dark] .drawer-mascot-orb,.dark .drawer-mascot-orb{background:#f59e0b26;border-color:#f59e0b59}.drawer-title-wrap{flex-direction:column;display:flex}.drawer-title{color:var(--text-main,#0f172a);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:850}[data-theme=dark] .drawer-title,.dark .drawer-title{color:#fff!important}.drawer-subtitle{color:var(--text-muted,#64748b);font-size:.75rem;font-weight:600}.drawer-header-actions{align-items:center;gap:.5rem;display:flex}.drawer-icon-btn{all:unset;cursor:pointer;width:38px;height:38px;color:var(--text-main,#0f172a);background:#f1f5f9cc;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.drawer-icon-btn:active{transform:scale(.92)}[data-theme=dark] .drawer-icon-btn,.dark .drawer-icon-btn{color:#f1f5f9!important;background:#1e293bcc!important}.drawer-icon-btn.close-btn{color:#ef4444}.drawer-utilities-strip{scrollbar-width:none;gap:.6rem;padding:.75rem 1.25rem .5rem;display:flex;overflow-x:auto}.drawer-utilities-strip::-webkit-scrollbar{display:none}.drawer-util-pill{all:unset;color:var(--text-main,#0f172a);cursor:pointer;white-space:nowrap;background:#f1f5f9e6;border:1px solid #e2e8f0e6;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:.78rem;font-weight:750;transition:all .2s;display:inline-flex}.drawer-util-pill:active{transform:scale(.95)}[data-theme=dark] .drawer-util-pill,.dark .drawer-util-pill{color:#f1f5f9!important;background:#1e293be6!important;border-color:#334155b3!important}.drawer-util-pill-feedback{color:#e11d48!important;background:#f43f5e1a!important;border-color:#f43f5e4d!important}[data-theme=dark] .drawer-util-pill-feedback,.dark .drawer-util-pill-feedback{color:#fda4af!important;background:#f43f5e33!important;border-color:#f43f5e73!important}.mobile-drawer-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1.1rem;padding:.5rem 1.25rem 1.5rem;display:flex;overflow-y:auto}.drawer-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#94a3b8);margin-bottom:.5rem;padding-left:4px;font-size:.72rem;font-weight:850}.drawer-items-list{flex-direction:column;gap:.45rem;display:flex}.drawer-item-row{all:unset;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#f8fafcb3;border:1px solid #e2e8f099;border-radius:16px;align-items:center;gap:.85rem;padding:.7rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.drawer-item-row:active{background:#f1f5f9f2;transform:scale(.97)}[data-theme=dark] .drawer-item-row,.dark .drawer-item-row{background:#1e293b80!important;border-color:#33415566!important}[data-theme=dark] .drawer-item-row:active,.dark .drawer-item-row:active{background:#1e293be6!important}.drawer-item-row.is-active{background:var(--primary-light,#0ea5e91f)!important;border-color:var(--primary-color,#0ea5e9)!important}.drawer-item-icon-box{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s;display:flex}.drawer-item-row:active .drawer-item-icon-box{transform:scale(1.08)}.drawer-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.drawer-item-header{align-items:center;gap:6px;display:flex}.drawer-item-label{color:var(--text-main,#0f172a);letter-spacing:-.01em;font-size:.9rem;font-weight:800}[data-theme=dark] .drawer-item-label,.dark .drawer-item-label{color:#f8fafc!important}.drawer-item-badge{color:#fff;border-radius:999px;padding:1px 7px;font-size:.65rem;font-weight:850}.drawer-item-desc{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:500;overflow:hidden}[data-theme=dark] .drawer-item-desc,.dark .drawer-item-desc{color:#94a3b8!important}.drawer-item-arrow{color:var(--text-muted,#94a3b8);flex-shrink:0}.drawer-footer-safe{height:calc(1rem + env(safe-area-inset-bottom,16px))}.guest-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background-color:#0c1424b8;justify-content:center;align-items:center;padding:1rem;animation:.22s cubic-bezier(.16,1,.3,1) guest-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes guest-modal-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.guest-modal-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:2rem 1.75rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a40,0 8px 24px #00000014}[data-theme=dark] .guest-modal-card,.dark .guest-modal-card{background:#15223a!important;border-color:#ffffff29!important;box-shadow:0 28px 70px -10px #000000a6,0 0 30px #f973161f!important}.guest-modal-close-btn{width:36px;height:36px;color:var(--text-muted,#64748b);cursor:pointer;z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;position:absolute;top:14px;right:14px}[data-theme=dark] .guest-modal-close-btn,.dark .guest-modal-close-btn{color:#cbd5e1;background:#ffffff1a}.guest-modal-close-btn:hover{color:var(--text-main,#0f172a);background:#0000001a;transform:scale(1.08)}[data-theme=dark] .guest-modal-close-btn:hover,.dark .guest-modal-close-btn:hover{color:#fff;background:#fff3}.guest-mascot-badge-wrap{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex;position:relative}.guest-mascot-glow-ring{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#f9731659 0%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-8px}.guest-sparkle-pill{color:#d97706;letter-spacing:.02em;background:#f59e0b29;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;font-size:11.5px;font-weight:850;display:inline-flex}[data-theme=dark] .guest-sparkle-pill,.dark .guest-sparkle-pill{color:#fbbf24;background:#f59e0b38}.guest-modal-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.guest-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.2rem,3.8vw,1.45rem);font-weight:900;line-height:1.3}[data-theme=dark] .guest-modal-title,.dark .guest-modal-title{color:#fff!important}.guest-modal-subtitle{color:#475569;max-width:420px;margin:0 0 1.25rem;font-size:.92rem;line-height:1.5}[data-theme=dark] .guest-modal-subtitle,.dark .guest-modal-subtitle{color:#cbd5e1!important}.guest-highlight{color:#f97316;font-weight:800}[data-theme=dark] .guest-highlight,.dark .guest-highlight{color:#fbbf24}.guest-benefits-list{text-align:left;flex-direction:column;gap:.75rem;width:100%;margin-bottom:1.25rem;display:flex}.guest-benefit-item{background:#f1f5f9b3;border:1px solid #e2e8f0cc;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;transition:transform .15s,background .15s;display:flex}[data-theme=dark] .guest-benefit-item,.dark .guest-benefit-item{background:#1e293bb3!important;border-color:#ffffff1a!important}.guest-benefit-item:hover{background:#f1f5f9;transform:translate(3px)}[data-theme=dark] .guest-benefit-item:hover,.dark .guest-benefit-item:hover{background:#1e293b!important}.guest-benefit-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bg-emerald{color:#059669;background:#10b98129}[data-theme=dark] .bg-emerald,.dark .bg-emerald{color:#34d399}.bg-amber{color:#d97706;background:#f59e0b29}[data-theme=dark] .bg-amber,.dark .bg-amber{color:#fbbf24}.bg-indigo{color:#4f46e5;background:#6366f129}[data-theme=dark] .bg-indigo,.dark .bg-indigo{color:#818cf8}.guest-benefit-text{flex-direction:column;min-width:0;display:flex}.guest-benefit-text strong{color:#0f172a;font-size:.9rem;font-weight:800;line-height:1.25}[data-theme=dark] .guest-benefit-text strong,.dark .guest-benefit-text strong{color:#fff!important}.guest-benefit-text span{color:#64748b;margin-top:2px;font-size:.8rem;line-height:1.35}[data-theme=dark] .guest-benefit-text span,.dark .guest-benefit-text span{color:#cbd5e1!important}.guest-login-error{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;width:100%;margin-bottom:1rem;padding:8px 12px;font-size:.85rem;font-weight:700}[data-theme=dark] .guest-login-error,.dark .guest-login-error{color:#fca5a5;background:#ef444433}.guest-modal-actions{flex-direction:column;gap:.65rem;width:100%;display:flex}.guest-login-primary-btn{all:unset;color:#0f172a;cursor:pointer;box-sizing:border-box;touch-action:manipulation;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1.5px solid #cbd5e1;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 1.25rem;font-size:.98rem;font-weight:850;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px #94a3b8,0 8px 16px #00000014}[data-theme=dark] .guest-login-primary-btn,.dark .guest-login-primary-btn{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#fff3;box-shadow:0 4px #000,0 8px 20px #0006}.guest-login-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px #94a3b8,0 12px 24px #0000001f}[data-theme=dark] .guest-login-primary-btn:hover,.dark .guest-login-primary-btn:hover{box-shadow:0 6px #000,0 12px 24px #00000080}.guest-login-primary-btn:active{transform:translateY(3px);box-shadow:0 1px #94a3b8}[data-theme=dark] .guest-login-primary-btn:active,.dark .guest-login-primary-btn:active{box-shadow:0 1px #000}.guest-login-primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.guest-btn-arrow{transition:transform .18s}.guest-login-primary-btn:hover .guest-btn-arrow{transform:translate(4px)}.guest-snooze-btn{all:unset;min-height:40px;color:var(--text-muted,#64748b);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;font-size:.88rem;font-weight:750;transition:color .15s,background .15s;display:flex}[data-theme=dark] .guest-snooze-btn,.dark .guest-snooze-btn{color:#94a3b8}.guest-snooze-btn:hover{color:var(--text-main,#0f172a);background:#0000000a}[data-theme=dark] .guest-snooze-btn:hover,.dark .guest-snooze-btn:hover{color:#fff;background:#ffffff0f}.guest-modal-footnote{color:var(--text-subtle,#94a3b8);margin-top:.9rem;font-size:.78rem}[data-theme=dark] .guest-modal-footnote,.dark .guest-modal-footnote{color:#94a3b8}.legal-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172abf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.legal-modal-card{background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);border:1px solid #e2e8f0cc;border-radius:20px;flex-direction:column;width:100%;max-width:620px;animation:.25s ease-out legalModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes legalModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.legal-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);padding:20px 24px 16px}.legal-modal-title-group{align-items:center;gap:14px;display:flex}.legal-icon-shield{color:#0284c7;flex-shrink:0}.legal-modal-title-group h3{margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.legal-version-badge{color:#0284c7;background:#0284c71a;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.legal-tabs{background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);gap:8px;padding:6px 16px;display:flex;overflow-x:auto}.legal-tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.legal-tab-btn.active{background:var(--bg-card,#fff);color:#0284c7;box-shadow:0 1px 3px #0000001a}.legal-modal-body{max-height:380px;padding:20px 24px;font-size:.9rem;line-height:1.6;overflow-y:auto}.legal-doc-section h4{color:var(--text-primary,#0f172a);margin:16px 0 6px;font-size:.95rem;font-weight:700}.legal-doc-section h4:first-child{margin-top:0}.legal-doc-section p{color:var(--text-secondary,#475569);margin:0 0 12px}.legal-warning-callout{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;gap:12px;margin-top:14px;padding:12px 16px;font-size:.85rem;display:flex}.legal-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.legal-footer-info{color:var(--text-secondary,#64748b);align-items:center;gap:8px;font-size:.8rem;display:flex}.legal-accept-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:12px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.legal-accept-btn:hover{background:#0369a1;transform:translateY(-1px)}.smart-pwa-banner{bottom:calc(76px + env(safe-area-inset-bottom,12px));z-index:9990;pointer-events:auto;width:calc(100% - 24px);max-width:520px;position:fixed;left:50%;transform:translate(-50%)}.smart-pwa-banner-inner{background:#fffffffa;border:1.5px solid #f59e0b59;border-radius:20px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 8px 24px #f59e0b26,0 2px 8px #0000000a}[data-theme=dark] .smart-pwa-banner-inner,[data-theme=night] .smart-pwa-banner-inner,.dark .smart-pwa-banner-inner{background:#181c24fa!important;border-color:#f59e0b4d!important;box-shadow:0 8px 28px #00000080,0 0 16px #f59e0b1a!important}.smart-pwa-mascot-box{background:linear-gradient(135deg,#f59e0b2e 0%,#d977061f 100%);border:1px solid #f59e0b40;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.smart-pwa-badge-pill{color:#fff;background:#f59e0b;border-radius:999px;align-items:center;gap:2px;padding:1px 4px;font-size:8.5px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #f59e0b66}.smart-pwa-text-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.smart-pwa-title{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:900;overflow:hidden}[data-theme=dark] .smart-pwa-title,[data-theme=night] .smart-pwa-title,.dark .smart-pwa-title{color:#f8fafc!important}.smart-pwa-subtitle{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;overflow:hidden}[data-theme=dark] .smart-pwa-subtitle,[data-theme=night] .smart-pwa-subtitle,.dark .smart-pwa-subtitle{color:#94a3b8!important}.smart-pwa-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.smart-pwa-btn-install{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:900;transition:all .12s;display:inline-flex;box-shadow:0 3px 12px #f59e0b59}.smart-pwa-btn-install:active{transform:scale(.95)}.smart-pwa-btn-close{width:28px;height:28px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;transition:all .12s;display:grid}.smart-pwa-btn-close:hover{color:var(--text-main,#0f172a);background:#0000000f}[data-theme=dark] .smart-pwa-btn-close:hover{color:#f8fafc;background:#ffffff14}.ios-pwa-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000a6;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ios-pwa-sheet{background:var(--journal-bg,#fff);border-top:1.5px solid var(--border-color,#e2e8f0);width:100%;max-width:480px;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,16px));border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -10px 40px #00000059}[data-theme=dark] .ios-pwa-sheet,[data-theme=night] .ios-pwa-sheet,.dark .ios-pwa-sheet{background:#181c24!important;border-top-color:#ffffff1f!important}.ios-pwa-sheet-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.ios-pwa-close-btn{width:32px;height:32px;color:var(--text-muted,#64748b);cursor:pointer;background:#0000000d;border:none;border-radius:10px;place-items:center;display:grid}[data-theme=dark] .ios-pwa-close-btn{color:#94a3b8;background:#ffffff14}.ios-pwa-steps{flex-direction:column;gap:10px;margin-bottom:1.25rem;display:flex}.ios-pwa-step-item{background:var(--journal-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}[data-theme=dark] .ios-pwa-step-item{background:#ffffff0a;border-color:#ffffff14}.ios-step-badge{color:#fff;background:#f59e0b;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid}.ios-step-text{color:var(--text-main,#0f172a);font-size:13.5px;line-height:1.45}[data-theme=dark] .ios-step-text{color:#f8fafc}.ios-pwa-perks{background:#10b98114;border:1px solid #10b98133;border-radius:14px;flex-direction:column;gap:6px;margin-bottom:1.25rem;padding:10px 14px;display:flex}.ios-perk{color:#059669;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}[data-theme=dark] .ios-perk{color:#34d399}.ios-pwa-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:14px;width:100%;height:48px;font-size:15px;font-weight:900;box-shadow:0 4px 16px #f59e0b59}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.seasonal-container{pointer-events:none;z-index:9998;mix-blend-mode:screen;position:fixed;inset:0;overflow:hidden}.particle{pointer-events:none;--scale:1;--drift:40px;position:absolute;top:-10%}.seasonal-container:before{content:"";background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--primary-color) 28%, transparent), transparent 24%), radial-gradient(circle at 84% 18%, #38bdf829, transparent 22%), radial-gradient(circle at 58% 76%, #a855f724, transparent 30%);filter:blur(34px);opacity:calc(.38 * var(--atm-intensity,.5));animation:18s ease-in-out infinite alternate seasonalAurora;position:absolute;inset:-20%}.sparkle-field{position:absolute;inset:0}.sparkle{width:5px;height:5px;box-shadow:0 0 8px #fff, 0 0 18px color-mix(in srgb, var(--primary-color) 70%, #38bdf8);background:#fff;border-radius:999px;animation:ease-in-out infinite sparklePulse;top:auto}.spring .branch{opacity:.8;filter:blur(1px);background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0,0 Q30,20 50,50 T100,100\" fill=\"none\" stroke=\"%233e2723\" stroke-width=\"2\"/><circle cx=\"50\" cy=\"50\" r=\"3\" fill=\"%23f48fb1\"/><circle cx=\"80\" cy=\"80\" r=\"4\" fill=\"%23f48fb1\"/></svg>");background-size:cover;width:300px;height:150px;position:absolute}.spring .branch.top-left{top:-20px;left:-50px;transform:rotate(15deg)}.spring .branch.top-right{top:-30px;right:-50px;transform:scaleX(-1)rotate(25deg)}.spring .sakura{background-color:#f48fb1;border-radius:50% 0 50% 50%;width:12px;height:12px;animation-name:fallSakura;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 0 4px #f48fb166}@keyframes fallSakura{0%{transform:translate(0, 0) rotate(0deg) scale(var(--scale,1));opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(var(--drift), 110vh) rotate(720deg) scale(var(--scale,1));opacity:0}}.autumn .leaf{border-radius:0 50%;width:14px;height:14px;animation-name:fallLeaf;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.autumn .leaf-yellow{background-color:#fbbf24}.autumn .leaf-orange{background-color:#f97316}.autumn .leaf-red{background-color:#ef4444}@keyframes fallLeaf{0%{transform:translate(0, 0) rotate(0deg) scale(var(--scale,1));opacity:0}10%{opacity:.7}50%{transform:translate(calc(var(--drift) * -.75), 50vh) rotate(180deg) scale(var(--scale,1))}90%{opacity:.7}to{transform:translate(var(--drift), 110vh) rotate(360deg) scale(var(--scale,1));opacity:0}}.winter .snow{background-color:#fff;border-radius:50%;width:8px;height:8px;animation-name:fallSnow;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 0 6px #fffc}@keyframes fallSnow{0%{transform:translateY(0) scale(var(--scale,1));opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(var(--drift), 110vh) scale(var(--scale,1));opacity:0}}.summer .dust{background-color:#fef08a;border-radius:50%;width:4px;height:4px;animation-name:floatDust;animation-timing-function:ease-in-out;animation-iteration-count:infinite;box-shadow:0 0 8px #fef08a}@keyframes floatDust{0%{transform:translate(0, 0) scale(var(--scale,1));opacity:0}20%{opacity:.4}50%{transform:translate(calc(var(--drift) * .5), 50vh) scale(var(--scale,1));opacity:.6}80%{opacity:.4}to{transform:translate(calc(var(--drift) * -.5), 110vh) scale(var(--scale,1));opacity:0}}@keyframes sparklePulse{0%,to{transform:scale(calc(var(--scale) * .45)) rotate(0deg);opacity:0}40%{opacity:calc(.64 * var(--atm-intensity,.5))}55%{transform:scale(calc(var(--scale) * 1.45)) rotate(90deg);opacity:calc(.95 * var(--atm-intensity,.5))}}@keyframes seasonalAurora{0%{transform:translate(-2%,-1%)rotate(0)scale(1)}to{transform:translate(2%,1%)rotate(7deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.particle,.seasonal-container:before{animation:none!important}}.atmospheric-canvas-root{pointer-events:none;z-index:0;contain:strict;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.atmospheric-particles-canvas{pointer-events:none;z-index:2;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.aurora-mesh-ambient{opacity:.85;z-index:1;width:100%;height:100%;transition:background 1.2s cubic-bezier(.16,1,.3,1),opacity .6s;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.aurora-mesh-ambient.light-mode{background:radial-gradient(circle at 15% 15%,#f59e0b17 0%,#0000 45%),radial-gradient(circle at 85% 85%,#10b98114 0%,#0000 50%),radial-gradient(circle,#fbbf240d 0%,#0000 60%),linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%)}.aurora-mesh-ambient.dark-mode{background:radial-gradient(circle at 20% 20%,#f59e0b1f 0%,#0000 48%),radial-gradient(circle at 80% 80%,#10b9811a 0%,#0000 52%),radial-gradient(circle at 50% 30%,#6366f112 0%,#0000 55%),linear-gradient(135deg,#0b1120 0%,#0f172a 50%,#15223a 100%)}[data-theme=dark] .aurora-mesh-ambient,.dark .aurora-mesh-ambient{background:radial-gradient(circle at 20% 20%,#f59e0b1f 0%,#0000 48%),radial-gradient(circle at 80% 80%,#10b9811a 0%,#0000 52%),radial-gradient(circle at 50% 30%,#6366f112 0%,#0000 55%),linear-gradient(135deg,#0b1120 0%,#0f172a 50%,#15223a 100%)!important}[data-theme=light] .aurora-mesh-ambient,.light .aurora-mesh-ambient{background:radial-gradient(circle at 15% 15%,#f59e0b17 0%,#0000 45%),radial-gradient(circle at 85% 85%,#10b98114 0%,#0000 50%),radial-gradient(circle,#fbbf240d 0%,#0000 60%),linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%)!important}.aurora-mesh-ambient.season-spring.dark-mode{background:radial-gradient(circle at 20% 20%,#10b98126 0%,#0000 50%),radial-gradient(circle at 80% 75%,#34d3991f 0%,#0000 50%),radial-gradient(circle at 50% 40%,#f59e0b14 0%,#0000 45%),linear-gradient(135deg,#08151f 0%,#0c1c28 50%,#112638 100%)}.aurora-mesh-ambient.season-summer.dark-mode{background:radial-gradient(circle at 25% 15%,#f59e0b2e 0%,#0000 52%),radial-gradient(circle at 80% 80%,#fbbf2424 0%,#0000 50%),radial-gradient(circle,#10b9811a 0%,#0000 50%),linear-gradient(135deg,#111a2e 0%,#162038 50%,#1c2742 100%)}.aurora-mesh-ambient.season-autumn.dark-mode{background:radial-gradient(circle at 20% 25%,#ea580c29 0%,#0000 50%),radial-gradient(circle at 80% 75%,#d9770624 0%,#0000 52%),radial-gradient(circle at 50% 45%,#f59e0b1a 0%,#0000 48%),linear-gradient(135deg,#18121f 0%,#1d1728 50%,#241d33 100%)}.aurora-mesh-ambient.season-winter.dark-mode{background:radial-gradient(circle at 25% 20%,#0ea5e924 0%,#0000 52%),radial-gradient(circle at 75% 80%,#e2e8f01a 0%,#0000 50%),radial-gradient(circle,#6366f114 0%,#0000 50%),linear-gradient(135deg,#08111e 0%,#0d1729 50%,#131e33 100%)}.aurora-mesh-ambient.season-night.dark-mode{background:radial-gradient(circle at 30% 20%,#6366f126 0%,#0000 55%),radial-gradient(circle at 70% 80%,#f59e0b1a 0%,#0000 50%),radial-gradient(circle,#10b98114 0%,#0000 50%),linear-gradient(135deg,#050814 0%,#080d20 50%,#0d1430 100%)}.aurora-mesh-ambient.season-spring.light-mode{background:radial-gradient(circle at 20% 20%,#10b9811a 0%,#0000 48%),radial-gradient(circle at 80% 75%,#f59e0b14 0%,#0000 48%),linear-gradient(135deg,#f6fbf8 0%,#f0f8f4 50%,#f9fdfb 100%)}.aurora-mesh-ambient.season-summer.light-mode{background:radial-gradient(circle at 25% 15%,#f59e0b1f 0%,#0000 50%),radial-gradient(circle at 75% 85%,#10b98114 0%,#0000 48%),linear-gradient(135deg,#fffcf5 0%,#fbf7ec 50%,#fdfbf7 100%)}.aurora-mesh-ambient.season-autumn.light-mode{background:radial-gradient(circle at 20% 25%,#ea580c1a 0%,#0000 48%),radial-gradient(circle at 80% 75%,#f59e0b17 0%,#0000 50%),linear-gradient(135deg,#fdf9f5 0%,#f8f2ec 50%,#fbf6f0 100%)}.aurora-mesh-ambient.season-winter.light-mode{background:radial-gradient(circle at 25% 20%,#0ea5e914 0%,#0000 50%),radial-gradient(circle at 75% 80%,#e2e8f01f 0%,#0000 50%),linear-gradient(135deg,#f7f9fc 0%,#edf2f7 50%,#f8fafc 100%)}.aurora-mesh-ambient.season-night.light-mode{background:radial-gradient(circle at 30% 20%,#6366f114 0%,#0000 50%),radial-gradient(circle at 70% 80%,#f59e0b0f 0%,#0000 48%),linear-gradient(135deg,#f8fafc 0%,#f1f4fa 50%,#f8fafc 100%)}.aurora-light-pulse{pointer-events:none;background:radial-gradient(circle at 50% 30%,#f59e0b0f 0%,#0000 65%);animation:14s ease-in-out infinite alternate aurora-pulse-breathe;position:absolute;inset:0;transform:translateZ(0)}@keyframes aurora-pulse-breathe{0%{opacity:.4;transform:scale(.98)}to{opacity:.9;transform:scale(1.03)}}@media (width<=768px){.atmospheric-canvas-root{contain:strict}.aurora-light-pulse{animation-duration:20s}.aurora-mesh-ambient.mobile-static{opacity:1;width:100%;height:100%;position:absolute;inset:0}.aurora-mesh-ambient{transition:none}}@media (prefers-reduced-motion:reduce){.aurora-blob{animation:none}}.glass-app-shell{z-index:1;background:#fff6;border:1px solid #ffffff80;position:relative;box-shadow:0 24px 70px #0f172a1f}.dark .glass-app-shell,[data-theme=dark] .glass-app-shell{background:#0f172a66;border-color:#ffffff29}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--font-text:"Nunito", "Be Vietnam Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-numeric:"Nunito Sans", "Nunito", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Nunito", sans-serif;font-family:var(--font-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--bg-main:#f4f6fb;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#f1f5f9;--border-color:#e2e8f0;--text-main:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--primary-color:#f97316;--primary-hover:#ea580c;--primary-light:#ffedd5;--primary-text:#fff;--primary-gradient:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--glow-color:#f9731640;--success-bg:#dcfce7;--success-text:#166534;--warning-bg:#fef3c7;--warning-text:#92400e;--danger-bg:#fee2e2;--danger-text:#991b1b;--info-bg:#e0f2fe;--info-text:#075985;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 24px #0000001f;--shadow-clay:0 12px 30px -10px #7090b01f, 0 4px 12px -2px #7090b014;--shadow-clay-hover:0 16px 36px -8px #7090b033, 0 6px 16px -2px #7090b01f;--shadow-clay-button:0 10px 20px -5px #ec489959;--shadow-glow:0 0 15px var(--glow-color);--motion-fast:.15s cubic-bezier(.4, 0, .2, 1);--motion-normal:.25s cubic-bezier(.4, 0, .2, 1);--motion-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-speed:var(--motion-normal);--atm-overlay:#0000;--atm-intensity:.5;--atm-motion:1;font-weight:400;line-height:1.62}body[data-density=compact]{--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;font-size:.95rem}body[data-density=spacious]{--space-1:6px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:48px;--space-8:64px;font-size:1.05rem}[data-theme=dark],.dark{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#0c1424;--bg-sidebar:#121c32;--bg-card:#15223a;--bg-card-hover:#1c2e4e;--bg-input:#1a2944;--bg-subtle:#192742;--border-color:#94a3b83d;--text-main:#fff;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0000008c;--shadow-glow:0 0 25px var(--glow-color);--success-bg:#10b98140;--success-text:#34d399;--warning-bg:#f59e0b40;--warning-text:#fde047;--danger-bg:#ef444440;--danger-text:#fca5a5;--text-main:#fff!important;--text-muted:#cbd5e1!important;--text-subtle:#94a3b8!important}[data-theme=dark] .katex,.dark .katex,[data-theme=dark] .katex-html,.dark .katex-html,[data-theme=dark] .math-view,.dark .math-view,[data-theme=dark] .math-display,.dark .math-display,[data-theme=dark] .math-inline,.dark .math-inline,[data-theme=dark] .katex .mord,.dark .katex .mord,[data-theme=dark] .katex .mbin,.dark .katex .mbin,[data-theme=dark] .katex .mrel,.dark .katex .mrel,[data-theme=dark] .katex .mopen,.dark .katex .mopen,[data-theme=dark] .katex .mclose,.dark .katex .mclose,[data-theme=dark] .katex .mpunct,.dark .katex .mpunct,[data-theme=dark] .katex .minner,.dark .katex .minner,[data-theme=dark] .katex .mop,.dark .katex .mop{color:#fff!important}.katex-display{-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;padding:4px 0;overflow:auto hidden}.katex{max-width:100%;font-size:1.02em}.math-display,.math-view{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}.safe-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}.safe-top{padding-top:max(12px, env(safe-area-inset-top))}[data-theme=dark] .text-muted,.dark .text-muted,[data-theme=dark] .caption,.dark .caption,[data-theme=dark] .sub-note,.dark .sub-note,[data-theme=dark] .small-text,.dark .small-text,[data-theme=dark] small,.dark small{color:#cbd5e1!important;opacity:1!important}[data-theme=dark] .text-slate-500,.dark .text-slate-500,[data-theme=dark] .text-slate-600,.dark .text-slate-600,[data-theme=dark] .text-gray-500,.dark .text-gray-500,[data-theme=dark] .text-gray-600,.dark .text-gray-600{color:#cbd5e1!important}[data-theme=dark] input,.dark input,[data-theme=dark] textarea,.dark textarea,[data-theme=dark] select,.dark select{color:#fff!important}[data-theme=dark] input::placeholder,.dark input::placeholder,[data-theme=dark] textarea::placeholder,.dark textarea::placeholder{color:#94a3b8!important}[data-color=nang-am]{--primary-color:#f59e0b;--primary-hover:#d97706;--primary-light:#f59e0b29;--primary-gradient:linear-gradient(135deg, #fcd34d 0%, #f59e0b 50%, #ea580c 100%);--glow-color:#f59e0b73;--aurora-a:#f59e0b52;--aurora-b:#f9731642;--aurora-c:#ea580c2e;--theme-bg-gradient-start:#fffbeb;--theme-bg-gradient-end:#fef3c7;--theme-topbar-tint:#f59e0b14;--theme-border-accent:#f59e0b59;--theme-accent-soft:#fffbeb}[data-color=dai-duong]{--primary-color:#0ea5e9;--primary-hover:#0284c7;--primary-light:#0ea5e929;--primary-gradient:linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #2563eb 100%);--glow-color:#0ea5e973;--aurora-a:#22d3ee57;--aurora-b:#0ea5e947;--aurora-c:#3b82f638;--theme-bg-gradient-start:#f0f9ff;--theme-bg-gradient-end:#e0f2fe;--theme-topbar-tint:#0ea5e914;--theme-border-accent:#0ea5e959;--theme-accent-soft:#f0f9ff}[data-color=rung-xanh]{--primary-color:#16a34a;--primary-hover:#15803d;--primary-light:#16a34a29;--primary-gradient:linear-gradient(135deg, #4ade80 0%, #16a34a 50%, #15803d 100%);--glow-color:#16a34a73;--aurora-a:#4ade8057;--aurora-b:#16a34a42;--aurora-c:#14b8a633;--theme-bg-gradient-start:#f0fdf4;--theme-bg-gradient-end:#dcfce7;--theme-topbar-tint:#16a34a14;--theme-border-accent:#16a34a59;--theme-accent-soft:#f0fdf4}[data-color=hong]{--primary-color:#ec4899;--primary-hover:#db2777;--primary-light:#ec489929;--primary-gradient:linear-gradient(135deg, #f472b6 0%, #ec4899 50%, #be185d 100%);--glow-color:#ec489973;--aurora-a:#f472b65c;--aurora-b:#ec489947;--aurora-c:#a855f733;--theme-bg-gradient-start:#fdf2f8;--theme-bg-gradient-end:#fce7f3;--theme-topbar-tint:#ec489914;--theme-border-accent:#ec489959;--theme-accent-soft:#fdf2f8}[data-color=ho-phach]{--primary-color:#f97316;--primary-hover:#ea580c;--primary-light:#f9731629;--primary-gradient:linear-gradient(135deg, #fdba74 0%, #f97316 50%, #c2410c 100%);--glow-color:#f9731673;--aurora-a:#fb923c5c;--aurora-b:#f9731647;--aurora-c:#f59e0b33;--theme-bg-gradient-start:#fff7ed;--theme-bg-gradient-end:#ffedd5;--theme-topbar-tint:#f9731614;--theme-border-accent:#f9731659;--theme-accent-soft:#fff7ed}[data-color=tim]{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--primary-light:#8b5cf629;--primary-gradient:linear-gradient(135deg, #c4b5fd 0%, #8b5cf6 50%, #6d28d9 100%);--glow-color:#8b5cf673;--aurora-a:#a78bfa5c;--aurora-b:#8b5cf647;--aurora-c:#6366f133;--theme-bg-gradient-start:#faf5ff;--theme-bg-gradient-end:#f3e8ff;--theme-topbar-tint:#8b5cf614;--theme-border-accent:#8b5cf659;--theme-accent-soft:#faf5ff}[data-color=ngoc]{--primary-color:#0d9488;--primary-hover:#0f766e;--primary-light:#0d948829;--primary-gradient:linear-gradient(135deg, #5eead4 0%, #0d9488 50%, #115e59 100%);--glow-color:#0d948873;--aurora-a:#2dd4bf5c;--aurora-b:#0d948847;--aurora-c:#0ea5e933;--theme-bg-gradient-start:#f0fdfa;--theme-bg-gradient-end:#ccfbf1;--theme-topbar-tint:#0d948814;--theme-border-accent:#0d948859;--theme-accent-soft:#f0fdfa}[data-color=than]{--primary-color:#475569;--primary-hover:#334155;--primary-light:#47556924;--primary-gradient:linear-gradient(135deg, #94a3b8 0%, #475569 50%, #1e293b 100%);--glow-color:#47556973;--aurora-a:#94a3b847;--aurora-b:#64748b38;--aurora-c:#3341552e;--theme-bg-gradient-start:#f8fafc;--theme-bg-gradient-end:#f1f5f9;--theme-topbar-tint:#4755690f;--theme-border-accent:#4755694d;--theme-accent-soft:#f8fafc}[data-color=lap-lanh]{--primary-color:#d946ef;--primary-hover:#c026d3;--primary-light:#d946ef29;--primary-gradient:linear-gradient(135deg, #f0abfc 0%, #d946ef 45%, #06b6d4 100%);--glow-color:#d946ef80;--aurora-a:#e879f961;--aurora-b:#06b6d44d;--aurora-c:#d946ef38;--theme-bg-gradient-start:#fdf4ff;--theme-bg-gradient-end:#fae8ff;--theme-topbar-tint:#d946ef14;--theme-border-accent:#d946ef59;--theme-accent-soft:#fdf4ff}[data-color=hoang-hon]{--primary-color:#f43f5e;--primary-hover:#e11d48;--primary-light:#f43f5e29;--primary-gradient:linear-gradient(135deg, #fda4af 0%, #f43f5e 50%, #ea580c 100%);--glow-color:#f43f5e80;--aurora-a:#fb718561;--aurora-b:#f973164d;--aurora-c:#f43f5e38;--theme-bg-gradient-start:#fff1f2;--theme-bg-gradient-end:#ffe4e6;--theme-topbar-tint:#f43f5e14;--theme-border-accent:#f43f5e59;--theme-accent-soft:#fff1f2}[data-color=bau-troi-dem]{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f129;--primary-gradient:linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #4338ca 100%);--glow-color:#6366f180;--aurora-a:#818cf85c;--aurora-b:#6366f147;--aurora-c:#4f46e538;--theme-bg-gradient-start:#eef2ff;--theme-bg-gradient-end:#e0e7ff;--theme-topbar-tint:#6366f114;--theme-border-accent:#6366f159;--theme-accent-soft:#eef2ff}[data-color=mua-thu]{--primary-color:#b45309;--primary-hover:#92400e;--primary-light:#b4530929;--primary-gradient:linear-gradient(135deg, #fcd34d 0%, #b45309 50%, #78350f 100%);--glow-color:#b4530980;--aurora-a:#f59e0b5c;--aurora-b:#b4530947;--aurora-c:#d9770633;--theme-bg-gradient-start:#fffbeb;--theme-bg-gradient-end:#ffedd5;--theme-topbar-tint:#b4530914;--theme-border-accent:#b4530959;--theme-accent-soft:#fffbeb}*{box-sizing:border-box;margin:0;padding:0}.content-area>:not(:first-child){content-visibility:auto;contain-intrinsic-size:0 600px}button,.card,.sidebar-nav-item,.quiz-tab,.qb-question-card,[class*=-btn],[class*=btn-]{backface-visibility:hidden}.main-wrapper,.content-area,.dash-root-container{contain:layout style}html{scroll-behavior:smooth}.card:not(:hover),.sidebar-nav-item:not(.active):not(:hover){will-change:auto}body,input,textarea,select,button{font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--bg-main);background-image:radial-gradient(ellipse at 12% 10%, var(--aurora-a,#0ea5e91f) 0%, transparent 45%), radial-gradient(ellipse at 88% 18%, var(--aurora-b,#f59e0b24) 0%, transparent 45%), radial-gradient(ellipse at 50% 85%, var(--aurora-c,#a855f714) 0%, transparent 50%);color:var(--text-main);min-height:100vh;transition:background-color var(--transition-speed), color var(--transition-speed), background-image .4s ease;background-attachment:fixed;font-size:14.5px;line-height:1.62;position:relative;overflow-x:hidden}h1{font-family:var(--font-text);letter-spacing:-.01em;color:var(--text-main);font-size:clamp(26px,2.4vw,32px);font-weight:700;line-height:1.22}h2{font-family:var(--font-text);letter-spacing:-.01em;color:var(--text-main);font-size:clamp(21px,1.9vw,25px);font-weight:700;line-height:1.25}h3{font-family:var(--font-text);color:var(--text-main);font-size:clamp(16.5px,1.5vw,19.5px);font-weight:600;line-height:1.3}h4{font-family:var(--font-text);color:var(--text-main);font-size:clamp(14.5px,1.3vw,16.5px);font-weight:600;line-height:1.35}h5{font-family:var(--font-text);color:var(--text-main);font-size:14px;font-weight:600;line-height:1.4}p{line-height:1.62}.small-text,.text-muted,.caption,small{font-size:12.5px;line-height:1.5}.italic-note,.sub-note,.streak-note,.guide-sub,small.note{opacity:.9;font-style:italic}.topbar-greeting{letter-spacing:-.01em;color:var(--text-main);font-family:var(--font-text)!important;font-size:clamp(18px,2.3vw,30px)!important;font-weight:700!important;line-height:1.2!important}.topbar-greeting-with-mascot{align-items:center;gap:14px;display:flex;position:relative;overflow:visible!important}.topbar-text-group{flex-direction:column;display:flex}.topbar-subtitle{font-family:var(--font-text)!important;color:var(--text-muted)!important;margin-top:3px!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}.font-numeric,.tabular-nums,.calendar-day,.cal-date,.c-date,.cal-cell,.th-day-num,.month-day-num,.s-number,.big-num,.streak-num,.dday-num,.focus-score-text,.progress-number,.ring-pct,.ring-sub-frac,.ec-days,.metric-item h4,.m-text h4,.m-number,.stat-pct,.stat-num,.accuracy-rate,.hero-progress-text,.tl-time,.tl-time-label,.tl-time-badge,.time,.agenda-time,.pomodoro-timer,.timer-display,.countdown-num,.k-pill,.checklist-badge,.badge-count,.fsrs-stat-num,.score-badge,.xp-val,.due-badge,.badge,.timer-text,.pomo-time,.exam-countdown .ec-days{font-variant-numeric:tabular-nums;font-family:var(--font-numeric)!important}.big-num,.hero-number,.dday-num,.pomodoro-big-timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(32px,3.2vw,40px);font-weight:700;line-height:1;font-family:var(--font-numeric)!important}.metric-item h4,.m-text h4,.progress-number,.ring-pct,.focus-score-text,.exam-countdown .ec-days{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.1;font-family:var(--font-numeric)!important}.calendar-day,.cal-date,.c-date,.th-day-num,.month-day-num{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;font-family:var(--font-numeric)!important}.cal-cell.is-today .c-date,.calendar-day.is-today{font-weight:700!important}.time,.tl-time,.tl-time-label,.tl-time-badge,.agenda-time,.noti-time,.exam-meta{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600;font-family:var(--font-numeric)!important}.ring-sub-frac,.focus-meta small,.dday-lbl,.ec-unit,.s-text,.agenda-meta{font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500;font-family:var(--font-numeric)!important}.topbar-greeting{letter-spacing:-.01em;font-family:var(--font-text)!important;font-size:clamp(24px,2.2vw,28px)!important;font-weight:700!important;line-height:1.25!important}.topbar-subtitle{font-family:var(--font-text)!important;color:var(--text-muted)!important;margin-top:2px!important;font-size:13.5px!important;font-weight:400!important}body:after{content:"";pointer-events:none;z-index:9999;background:var(--atm-overlay);opacity:calc(var(--atm-intensity) * .6);transition:background 3s,opacity 3s;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){body:after{transition:none}}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;min-height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;min-width:0;margin:0 auto;display:flex}.content-area{padding:var(--space-6);max-width:var(--content-max-width);flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;display:flex}:is(.content-area:has(.qb-hub-root),.content-area:has(.quiz-container),.content-area:has(.flashcard-hub-container)){box-sizing:border-box;flex-direction:column;flex:1;height:calc(100vh - 72px);min-height:0;max-height:calc(100vh - 72px);padding:0;display:flex;overflow:hidden}@media (width<=900px){:is(.content-area:has(.qb-hub-root),.content-area:has(.quiz-container),.content-area:has(.flashcard-hub-container)){height:auto!important;min-height:100%!important;max-height:none!important;padding:.5rem!important;overflow:visible!important}}.page-loader{min-height:42vh;color:var(--text-main);justify-content:center;align-items:center;gap:.9rem;display:flex}.page-loader-sun{width:44px;height:44px;box-shadow:none;background:0 0;border-radius:50%;place-items:center;display:grid}.page-loader strong,.page-loader span{display:block}.page-loader span{color:var(--text-muted);margin-top:.15rem;font-size:.88rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-speed), box-shadow var(--transition-speed), border-color var(--transition-speed);padding:1.5rem}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.68rem 1.35rem;font-family:inherit;font-size:.94rem;font-weight:750;text-decoration:none;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 0 #c2410ca6, 0 8px 16px var(--glow-color);text-shadow:0 1px 2px #0003;border:1px solid #ffffff40;color:#fff!important}.btn-primary:hover{box-shadow:0 6px 0 #c2410cbf, 0 12px 22px var(--glow-color);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 1px 0 #c2410ccc, 0 3px 8px var(--glow-color);transform:translateY(3px)}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:1.5px solid var(--border-color);box-shadow:0 3px #94a3b866,0 4px 10px #0000000a}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px #94a3b880,0 8px 16px #00000014}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #94a3b880}.btn-outline{color:var(--primary-color);border:1.5px solid var(--primary-color);background:0 0;box-shadow:0 3px #f9731640}.btn-outline:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 5px #f9731659}.btn-outline:active{transform:translateY(2px);box-shadow:0 1px #f9731659}.btn-sm{border-radius:var(--radius-sm);padding:.45rem .95rem;font-size:.86rem}.btn-icon{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-speed);background:0 0;border:none;justify-content:center;align-items:center;padding:.55rem;display:inline-flex}.btn-icon:hover{background:var(--bg-card-hover);color:var(--primary-color)}input[type=text],input[type=number],input[type=password],textarea,select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:border-color var(--transition-speed), box-shadow var(--transition-speed);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.modal-overlay,.qb-modal-overlay,.kb-modal-overlay,.habit-modal-overlay,.dash-modal-backdrop,.exam-modal-backdrop,.exam-detail-backdrop,.import-modal-overlay,.share-modal-overlay,.spc-modal-overlay,.habit-health-modal-backdrop,.world-clock-backdrop,.lunar-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;z-index:999999!important;background-color:#0f172ab3!important}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:550px;max-height:90vh;box-shadow:var(--shadow-lg);padding:1.75rem;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.folder-actions{align-items:center;gap:4px;display:none}.folder-item:hover .folder-actions{display:flex}.folder-actions button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.folder-actions button:hover{color:#0f172a;background:#e2e8f0}.folder-actions button.delete:hover{color:#ef4444;background:#fee2e2}.modal-opt-item.selected{border-color:var(--primary-color);background:#eff6ff}.modal-opt-item.wrong-opt{background:#fef2f2;border-color:#ef4444}.modal-opt-item.wrong-opt .opt-letter{color:#fff;background:#ef4444}.breadcrumb-nav{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.breadcrumb-item.active{color:var(--text-main);font-weight:600}.q-card-enhanced{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px;transition:box-shadow .2s,border-color .2s}.q-card-enhanced:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.dropzone-active{border-color:var(--primary-color)!important;background-color:var(--primary-light)!important}.dropzone-active svg{transition:transform .2s;transform:scale(1.15)}.layout-2-col{grid-template-columns:320px 1fr;align-items:start;gap:32px;display:grid}@media (width<=992px){.layout-2-col{grid-template-columns:1fr}}.grid-3-col{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;z-index:1000;background:#1e293b;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}.sticky-bottom-action{z-index:10;background:var(--bg-main);padding-top:10px;position:sticky;bottom:20px}:root{--glass-bg:#ffffffc7;--glass-bg-strong:#ffffffeb;--glass-border:#94a3b83d;--glow-ring:0 0 0 1px color-mix(in srgb, var(--primary-color) 20%, transparent), 0 18px 48px #0f172a14, 0 0 42px color-mix(in srgb, var(--primary-color) 13%, transparent);--panel-blur:blur(22px) saturate(145%)}[data-theme=dark]{--bg-main:#050b18;--bg-sidebar:#070e1ec7;--bg-card:#0c162bbd;--bg-card-hover:#1e3052b8;--bg-input:#121f38bd;--border-color:#94a3b82e;--text-main:#f8fbff;--text-muted:#a9bdd8;--text-subtle:#6f85a4;--glass-bg:#0c162bad;--glass-bg-strong:#0e1930db;--glass-border:#94a3b82e;--glow-ring:0 0 0 1px color-mix(in srgb, var(--primary-color) 28%, transparent), 0 18px 56px #00000061, 0 0 52px color-mix(in srgb, var(--primary-color) 18%, transparent)}body{background:radial-gradient(circle at 18% 8%, var(--aurora-a,#0ea5e938), transparent 34vw), radial-gradient(circle at 82% 12%, var(--aurora-b,#8b5cf633), transparent 38vw), radial-gradient(circle at 64% 88%, var(--aurora-c,#f59e0b2e), transparent 42vw), linear-gradient(135deg, var(--theme-bg-gradient-start,#eef7ff) 0%, var(--bg-main) 45%, var(--theme-bg-gradient-end,#f8fbff) 100%);background-attachment:fixed}[data-theme=dark] body{background:radial-gradient(circle at 16% 4%, var(--aurora-a,#0ea5e947), transparent 30vw), radial-gradient(circle at 78% 10%, var(--aurora-b,#8b5cf63d), transparent 36vw), radial-gradient(circle at 68% 90%, var(--aurora-c,#f59e0b33), transparent 40vw), linear-gradient(135deg, #030712 0%, #071225 42%, #050816 100%)}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 55% 35%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 55% 35%,#000 0%,#0000 72%)}#root,.app-container,.main-wrapper,.content-area{z-index:1;position:relative}.content-area{padding:clamp(18px,2.1vw,30px)}.new-sidebar,.new-topbar,.d3-card,.today-card,.pd-card,.card,.modal-content,.dropdown-menu,.journal-card,.fsrs-radar-card,.tl-container,.hero-companion-card,.dday-countdown-card-v2{-webkit-backdrop-filter:var(--panel-blur);box-shadow:var(--glow-ring);background:var(--glass-bg)!important;border-color:var(--glass-border)!important;border-radius:26px!important}.new-sidebar{box-shadow:24px 0 80px #0206172e!important}.new-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-bg-gradient-start,var(--bg-main)) 88%, transparent), transparent)!important;border-bottom:1px solid color-mix(in srgb, var(--primary-color) 16%, var(--border-color))!important}.d3-card,.today-card,.pd-card,.card{position:relative;overflow:hidden}.d3-card:before,.today-card:before,.pd-card:before,.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg, #ffffff21, transparent 34%), radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--primary-color) 16%, transparent), transparent 32%);opacity:.76;position:absolute;inset:0}.clickable-metric,.nav-item,.pd-tab,.pd-bottom-item,.btn,.btn-icon,.icon-btn{will-change:transform}.clickable-metric:hover,.pd-card:hover,.note-item:hover,.exam-item:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-color) 32%, transparent), 0 22px 60px #02061738, 0 0 46px color-mix(in srgb, var(--primary-color) 18%, transparent);transform:translateY(-3px)}.m-icon-box,.sub-icon,.n-icon,.brand-icon-wrapper,.icon-btn.active,.btn-primary{box-shadow:0 0 0 1px #ffffff29 inset, 0 0 28px color-mix(in srgb, var(--primary-color) 28%, transparent)}.btn-primary,.dropdown-btn-save,.btn-submit-sched-full,.btn-orange-gradient{background:var(--primary-gradient)!important;box-shadow:0 10px 26px color-mix(in srgb, var(--primary-color) 32%, transparent), inset 0 1px 0 #ffffff47!important}.nav-item.active{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 22%, transparent), #ffffff1a)!important;border-color:color-mix(in srgb, var(--primary-color) 40%, transparent)!important;box-shadow:inset 3.5px 0 0 var(--primary-color), 0 0 28px color-mix(in srgb, var(--primary-color) 18%, transparent)!important}.nav-item.active .nav-label{color:var(--primary-color)!important}.topbar-greeting,.pd-header-left h2,.guide-title{text-shadow:0 0 24px color-mix(in srgb, var(--primary-color) 18%, transparent)}.dash-v3-container,.planner-dashboard,.guide-page{animation:.46s both sws-page-enter}@keyframes sws-page-enter{0%{opacity:0;transform:translateY(7px)scale(.997)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:no-preference){.brand-icon-wrapper,.fire-card,.pd-sr-widget{animation:4.8s ease-in-out infinite alternate sws-soft-glow}}@keyframes sws-soft-glow{0%{filter:drop-shadow(0 0 0 color-mix(in srgb, var(--primary-color) 0%, transparent))}to{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--primary-color) 26%, transparent))}}@media (width<=768px){.app-container{flex-direction:column}.new-sidebar{width:100%!important;height:auto!important;position:relative!important}}.ai-chat-floating-container,.pomodoro-floating-container{transform-origin:100% 100%;transform:scale(.9)}.ai-chat-floating-container{bottom:1.1rem!important;right:5.35rem!important}.pomodoro-floating-container{bottom:1.1rem!important;right:1.15rem!important}.modal-content.daily-modal{background:var(--glass-bg-strong)!important;opacity:1!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-color) 22%, var(--border-color)), 0 30px 80px #02061757!important}.modal-content.daily-modal:before{opacity:.28!important}html[data-performance=fast]{--transition-speed:.12s ease;--motion-fast:80ms ease;--motion-normal:.12s ease;--motion-slow:.18s ease;--panel-blur:none;--glow-ring:0 0 0 1px color-mix(in srgb, var(--primary-color) 14%, transparent), 0 8px 22px #0f172a14;--shadow-lg:0 14px 34px #0f172a24}html[data-performance=fast] body{background-attachment:scroll}html[data-performance=fast] body:before{display:none}html[data-performance=fast] body:after{opacity:calc(var(--atm-intensity) * .22);transition:none!important}html[data-performance=fast] .new-sidebar,html[data-performance=fast] .new-topbar,html[data-performance=fast] .d3-card,html[data-performance=fast] .today-card,html[data-performance=fast] .pd-card,html[data-performance=fast] .card,html[data-performance=fast] .modal-content,html[data-performance=fast] .dropdown-menu,html[data-performance=fast] .ai-chat-popover,html[data-performance=fast] .sunny-tour-card,html[data-performance=fast] .journal-hero,html[data-performance=fast] .journal-card,html[data-performance=fast] .journal-tabs,html[data-performance=fast] .kanban-board-v2 .journal-card{-webkit-backdrop-filter:none!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-color) 10%, transparent), 0 8px 24px #0f172a1a!important}html[data-performance=fast] .new-sidebar{box-shadow:10px 0 28px #02061724!important}html[data-performance=fast] .d3-card:before,html[data-performance=fast] .today-card:before,html[data-performance=fast] .pd-card:before,html[data-performance=fast] .card:before,html[data-performance=fast] .journal-card:before{opacity:.22}html[data-performance=fast] .clickable-metric,html[data-performance=fast] .nav-item,html[data-performance=fast] .pd-tab,html[data-performance=fast] .pd-bottom-item,html[data-performance=fast] .btn,html[data-performance=fast] .btn-icon,html[data-performance=fast] .icon-btn{will-change:auto}html[data-performance=fast] .clickable-metric:hover,html[data-performance=fast] .pd-card:hover,html[data-performance=fast] .note-item:hover,html[data-performance=fast] .exam-item:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-color) 22%, transparent), 0 10px 26px #02061724;transform:none}html[data-performance=fast] .m-icon-box,html[data-performance=fast] .sub-icon,html[data-performance=fast] .n-icon,html[data-performance=fast] .brand-icon-wrapper,html[data-performance=fast] .icon-btn.active,html[data-performance=fast] .btn-primary{box-shadow:0 0 0 1px #ffffff1f inset, 0 8px 18px color-mix(in srgb, var(--primary-color) 18%, transparent)}html[data-performance=fast] .dash-v3-container,html[data-performance=fast] .planner-dashboard,html[data-performance=fast] .planner-journal,html[data-performance=fast] .guide-page,html[data-performance=fast] .brand-icon-wrapper,html[data-performance=fast] .fire-card,html[data-performance=fast] .pd-sr-widget,html[data-performance=fast] .sunny-mascot,html[data-performance=fast] .sunny-mascot.is-guiding:after,html[data-performance=fast] .sunny-focus-ring,html[data-performance=fast] .online-dot{animation:none!important}html[data-performance=fast] .ai-chat-floating-container,html[data-performance=fast] .pomodoro-floating-container{transform:scale(.86)}html[data-performance=fast] .modal-overlay,html[data-performance=fast] .smart-pwa-banner-inner,html[data-performance=fast] .mobile-bottom-nav-inner,html[data-performance=fast] .mobile-drawer-container,html[data-performance=fast] .duo-fixed-bottom-sheet,html[data-performance=fast] .duo-top-progress-container,html[data-performance=fast] .duo-question-card,html[data-performance=fast] .grammar-hero-card,html[data-performance=fast] .roadmap-tier-banner,html[data-performance=fast] .roadmap-pacing-bar,html[data-performance=fast] .gateway-milestone-card,html[data-performance=fast] .ios-pwa-sheet,html[data-performance=fast] .pwa-install-card{-webkit-backdrop-filter:none!important}html[data-performance=fast] .connector-flow-particle,html[data-performance=fast] .node-pulse-ring,html[data-performance=fast] .roadmap-ambient-bg{display:none!important}html[data-performance=fast] .topbar-greeting,html[data-performance=fast] .pd-header-left h2,html[data-performance=fast] .guide-title{text-shadow:none}html[data-performance=fast] *{scroll-behavior:auto!important}@media (width<=768px){*{-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch}.smart-pwa-banner-inner,.mobile-bottom-nav-inner,.mobile-drawer-container,.duo-fixed-bottom-sheet,.duo-top-progress-container,.duo-question-card,.grammar-hero-card,.roadmap-tier-banner,.roadmap-pacing-bar,.gateway-milestone-card,.ios-pwa-sheet,.pwa-install-card,.new-topbar,.modal-content{-webkit-backdrop-filter:none!important}.connector-flow-particle,.node-pulse-ring,.roadmap-ambient-bg{display:none!important}}html[data-performance=fast][data-theme=light],html[data-performance=fast]:not([data-theme=dark]){--bg-main:#f7fbff;--bg-card:#fffffffa;--bg-sidebar:#fffffffa;--bg-input:#f7faff;--border-color:#dbe5f1;--text-main:#071126;--text-muted:#52627a;--text-subtle:#728199;--glass-bg:#fffffff5;--glass-bg-strong:#fff;--glass-border:#788ba647}html[data-performance=fast][data-theme=light] body,html[data-performance=fast]:not([data-theme=dark]) body{background:radial-gradient(circle at 14% 2%, color-mix(in srgb, var(--primary-color) 12%, transparent), transparent 25vw), radial-gradient(circle at 92% 6%, #38bdf81c, transparent 24vw), linear-gradient(135deg, #f8fbff 0%, #f3f8ff 52%, #fdfcff 100%)}html[data-performance=fast][data-theme=light] .d3-card:before,html[data-performance=fast][data-theme=light] .today-card:before,html[data-performance=fast][data-theme=light] .pd-card:before,html[data-performance=fast][data-theme=light] .card:before,html[data-performance=fast][data-theme=light] .journal-card:before,html[data-performance=fast]:not([data-theme=dark]) .d3-card:before,html[data-performance=fast]:not([data-theme=dark]) .today-card:before,html[data-performance=fast]:not([data-theme=dark]) .pd-card:before,html[data-performance=fast]:not([data-theme=dark]) .card:before,html[data-performance=fast]:not([data-theme=dark]) .journal-card:before{opacity:.08!important}.guide-intro-card{isolation:isolate}.guide-intro-card.card{color:#fff!important;background:radial-gradient(circle at 12% 0,#ffffff3d,#0000 28%),linear-gradient(135deg,#0f172a 0%,#1d4ed8 46%,#ec4899 100%)!important;border-color:#ffffff2e!important;box-shadow:0 18px 44px #1d4ed838!important}.guide-intro-card>*{z-index:1;position:relative}.guide-intro-card .intro-badge{border:1px solid #ffffff2e;color:#fff!important;background:#ffffff29!important}.guide-intro-card .guide-title,.guide-intro-card .guide-desc{color:#fff!important;opacity:1!important;text-shadow:0 2px 18px #00000038!important}.guide-feature-pill,.guide-sunny-card,.journal-card,.journal-hero,.journal-tabs{background-color:var(--glass-bg-strong)!important}.smart-sidebar.collapsed{padding-inline:.48rem!important}.smart-sidebar.collapsed .sidebar-brand{justify-content:center!important}.smart-sidebar.collapsed .brand-left{justify-content:center!important;width:46px!important;padding:0!important}.smart-sidebar.collapsed .brand-text{display:none!important}@media (width>=769px){.smart-sidebar.collapsed .brand-icon-wrapper{border-radius:14px!important;width:40px!important;min-width:40px!important;height:40px!important}.smart-sidebar.collapsed .sidebar-nav{align-items:center;gap:.56rem!important}.smart-sidebar.collapsed .nav-item{border-radius:16px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;transform:none!important}.smart-sidebar.collapsed .nav-icon-wrap{border-radius:13px!important;width:34px!important;min-width:34px!important;height:34px!important}.smart-sidebar.collapsed .nav-item.active{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, #fff), color-mix(in srgb, var(--primary-color) 8%, #fff))!important;border-color:color-mix(in srgb, var(--primary-color) 34%, transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-color) 16%, transparent), 0 7px 18px color-mix(in srgb, var(--primary-color) 14%, transparent)!important}[data-theme=dark] .smart-sidebar.collapsed .nav-item.active{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 20%, transparent), #0f172a85)!important}.smart-sidebar.collapsed .nav-item.active:after{content:"";background:var(--primary-color);border-radius:999px;width:3px;height:18px;position:absolute;left:-7px}}.ai-chat-floating-container{bottom:1.05rem!important;right:1.05rem!important;transform:scale(.82)!important}.pomodoro-floating-container{bottom:4.55rem!important;right:1.05rem!important;transform:scale(.82)!important}@media (width<=900px){.ai-chat-floating-container{bottom:.75rem!important;right:.75rem!important}.pomodoro-floating-container{bottom:4.1rem!important;right:.75rem!important}}.planner-journal .quick-capture input,.planner-journal .quick-capture select,.planner-journal .add-habit input,.planner-journal .add-roadmap input{min-height:46px;font-weight:750;box-shadow:inset 0 1px #ffffffd9;border:1px solid var(--journal-border)!important;color:var(--journal-ink)!important;background:linear-gradient(#fffffffa,#f8fafcfa)!important;border-radius:14px!important}[data-theme=dark] .planner-journal .quick-capture input,[data-theme=dark] .planner-journal .quick-capture select,[data-theme=dark] .planner-journal .add-habit input,[data-theme=dark] .planner-journal .add-roadmap input{box-shadow:inset 0 1px #ffffff0d;background:linear-gradient(#0f1b34fa,#0b1426f5)!important}.planner-journal .quick-capture input:focus,.planner-journal .quick-capture select:focus,.planner-journal .add-habit input:focus,.planner-journal .add-roadmap input:focus{border-color:color-mix(in srgb, var(--primary-color) 58%, var(--journal-border))!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 12%, transparent), inset 0 1px 0 #ffffffd9!important}.planner-journal input[type=date],.planner-journal input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .planner-journal input[type=date],[data-theme=dark] .planner-journal input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.planner-journal .type-switcher button{min-height:44px;background:#f8fafcd1!important;border-radius:14px!important}[data-theme=dark] .planner-journal .type-switcher button{background:#0f1b34c2!important}.planner-journal .type-switcher button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-color) 16%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 16%, #fff), #ffffffe6)!important}[data-theme=dark] .planner-journal .type-switcher button.active{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 18%, transparent), #0f172ac7)!important}.planner-journal .journal-primary{min-height:48px;box-shadow:0 10px 24px color-mix(in srgb, var(--primary-color) 18%, transparent)!important;border-radius:14px!important}.planner-journal .journal-score-card{background:#f8fafceb!important}[data-theme=dark] .planner-journal .journal-score-card{background:#0f1b34d6!important}.dash-v3-container .r1-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-v3-container .r1-metrics .metric-item:first-child,.dash-v3-container .r1-metrics .metric-item:nth-child(2),.dash-v3-container .notes-card,.dash-v3-container .fire-card{display:none!important}.dash-v3-container .r3-bottom{grid-template-columns:1fr!important}.dash-v3-container .exams-card{min-height:auto}.streak-user-line{color:#fff;align-items:center;gap:.72rem;margin-bottom:1.2rem;display:flex}.streak-avatar{background:#ffffff2e;border:1px solid #ffffff42;border-radius:16px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.streak-avatar img{object-fit:cover;width:100%;height:100%}.streak-avatar span{font-size:1.1rem;font-weight:950}.streak-user-line strong,.streak-user-line small{display:block}.streak-user-line strong{font-weight:950;line-height:1.1}.streak-user-line small{opacity:.86;margin-top:.16rem;font-size:.78rem;font-weight:700}.add-sched-date-picker,.add-sched-time-input,.add-sched-select,.exam-input-date,.exam-input-time,.exam-input-tag,.planner-journal input[type=date],.planner-journal input[type=time],.planner-journal select{font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb, var(--primary-color) 15%, var(--border-color))!important;min-height:44px!important;color:var(--text-main)!important;background:linear-gradient(#fffffffa,#f6f9fff5)!important;border-radius:14px!important;padding-inline:.9rem!important;font-weight:850!important}[data-theme=dark] .add-sched-date-picker,[data-theme=dark] .add-sched-time-input,[data-theme=dark] .add-sched-select,[data-theme=dark] .exam-input-date,[data-theme=dark] .exam-input-time,[data-theme=dark] .exam-input-tag,[data-theme=dark] .planner-journal input[type=date],[data-theme=dark] .planner-journal input[type=time],[data-theme=dark] .planner-journal select{background:linear-gradient(#0f1b34fa,#0b1426f5)!important;border-color:#94a3b83d!important}.new-topbar{background:var(--bg-main)!important;border-bottom:1px solid var(--glass-border)!important;z-index:120!important}[data-theme=dark] .new-topbar{background:#0b1428!important}.planner-journal{padding-top:.25rem}@media (width<=980px){.month-planner-layout{grid-template-columns:1fr}.month-calendar-board{grid-template-columns:repeat(7,minmax(54px,1fr))}.month-day-cell{min-height:62px}}@media (width<=768px){.app-container{flex-direction:column;width:100%;max-width:100vw;overflow-x:clip}.smart-sidebar{z-index:99!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;scrollbar-width:none!important;flex-direction:row!important;width:100%!important;min-width:100%!important;height:auto!important;padding:.35rem .5rem!important;position:sticky!important;top:0!important;overflow-x:auto!important}.smart-sidebar::-webkit-scrollbar{display:none!important}.smart-sidebar .sidebar-nav{flex-direction:row!important;align-items:center!important;gap:.35rem!important;width:max-content!important;min-width:100%!important;display:flex!important}.smart-sidebar .nav-group{flex-direction:row!important;align-items:center!important;gap:.25rem!important;display:flex!important}.smart-sidebar .nav-group-label,.smart-sidebar .sidebar-footer,.smart-sidebar .sidebar-brand{display:none!important}.smart-sidebar .nav-item{white-space:nowrap!important;border-radius:999px!important;flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;width:auto!important;padding:6px 12px!important;display:inline-flex!important}.smart-sidebar .nav-copy{opacity:1!important;flex-direction:row!important;align-items:center!important;display:inline-flex!important;overflow:visible!important;transform:none!important}.smart-sidebar .nav-label{white-space:nowrap!important;font-size:.78rem!important;font-weight:700!important;display:inline-block!important}.smart-sidebar .nav-hint{display:none!important}.smart-sidebar .nav-icon-wrap{width:22px!important;height:22px!important}.smart-sidebar .nav-icon-wrap svg{width:18px!important;height:18px!important}.main-wrapper,.content-area,.app-footer{width:100%!important;min-width:0!important;max-width:100%!important}.topbar-greeting{font-size:1.15rem!important}.new-topbar .dropdown-menu{width:min(280px,100vw - 1.5rem)!important;position:fixed!important;top:7.25rem!important;right:.75rem!important}.app-footer{padding-inline:1rem!important}.ai-chat-floating-container{z-index:95!important;bottom:.85rem!important;right:.85rem!important;transform:scale(.82)!important}.pomodoro-floating-container{z-index:95!important;bottom:4.65rem!important;right:.85rem!important;transform:scale(.82)!important}.smart-sidebar{display:none!important}.new-topbar{padding:.5rem .85rem!important;position:relative!important;top:auto!important}.main-wrapper{padding-bottom:calc(84px + env(safe-area-inset-bottom,16px))!important}.content-area{padding:.65rem!important}.ai-chat-floating-container,.pomodoro-floating-container{display:none!important}.content-area,.main-wrapper,[class*=-list],[class*=-scroll],[class*=-body]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.glass-app-shell,[class*=glass]{-webkit-backdrop-filter:blur(10px)saturate(160%)}button,.btn,[role=button],.card,[class*=-chip-btn]{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:active,.btn:active,.card:active{transform:scale(.98)}.content-area{contain:layout style;transform:translateZ(0);padding:.75rem .65rem calc(6rem + env(safe-area-inset-bottom,0px)) .65rem!important;max-width:100vw!important;overflow-x:hidden!important}.english-fun-page,.hackers-studio-container{width:100%!important;max-width:100%!important;padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important}button,.btn,.mobile-nav-btn,[role=button],.topic-card,.card{touch-action:manipulation!important}h1,h2,h3,h4,h5{word-break:break-word!important;overflow-wrap:break-word!important;min-width:0!important}}@media (width<=480px){.topbar-greeting{font-size:.95rem!important}.content-area{padding:.5rem .45rem calc(6rem + env(safe-area-inset-bottom,0px)) .45rem!important}}html{scroll-behavior:smooth!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizelegibility!important}.content-area>*{will-change:transform, opacity;animation:.28s cubic-bezier(.16,1,.3,1) forwards sws-page-enter}.dashboard-calendar-card,.dash-radar-col,.dash-middle-row{content-visibility:auto;contain-intrinsic-size:0 450px}.card,.dashboard-magic-card,.modern-bento-card,.feature-hub-card,.topbar-container,.mobile-bottom-nav-inner,.mobile-drawer-container{transform:translate(0,0);backface-visibility:hidden!important}.card,.dashboard-magic-card{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .2s;box-shadow:inset 0 1px #ffffffa6,0 4px 18px -2px #0f172a0d}.card:hover,.dashboard-magic-card:hover{box-shadow:inset 0 1px 0 #fffc, 0 14px 34px -4px var(--glow-color,#0ea5e92e), 0 2px 8px #00000008}[data-theme=dark] .card,[data-theme=dark] .dashboard-magic-card,.dark .card,.dark .dashboard-magic-card{box-shadow:inset 0 1px #ffffff1f,0 8px 30px -4px #00000073!important}[data-theme=dark] .card:hover,[data-theme=dark] .dashboard-magic-card:hover,.dark .card:hover,.dark .dashboard-magic-card:hover{box-shadow:inset 0 1px 0 #ffffff2e, 0 16px 40px -4px var(--glow-color,#000000a6)!important}button:active,.btn:active,[role=button]:active{transition:transform .12s cubic-bezier(.16,1,.3,1)!important;transform:scale(.968)translateZ(0)!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#0ea5e9a6)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#94a3b838}.dark ::-webkit-scrollbar-thumb{background:#94a3b838}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#38bdf8a6)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--primary-color,#38bdf8a6)}.main-wrapper,.content-area,.dash-root-container,.mobile-drawer-body{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent!important}.card,.feature-hub-card,.dashboard-magic-card{will-change:auto;contain:layout style}}.flashcard-3d-scene{perspective:1200px;justify-content:center;width:100%;display:flex}.flashcard-3d-card{width:100%;transform-style:preserve-3d;border-radius:24px;transition:transform .55s cubic-bezier(.34,1.56,.64,1);position:relative}.flashcard-3d-card.is-flipped{transform:rotateY(180deg)}.flashcard-3d-face{backface-visibility:hidden;box-sizing:border-box;text-align:center;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:360px;display:flex}.flashcard-3d-front{transform:rotateY(0)}.flashcard-3d-back{position:absolute;inset:0;transform:rotateY(180deg)}