@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600;700;800&family=Lexend:wght@400;500;600;700&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&display=swap";.sunny-mascot-root{-webkit-user-select:none;user-select:none;contain:layout;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible;transform:translate(0,0)}.sunny-mascot-root.is-interactive{cursor:pointer}.sunny-mascot-root:focus-visible{border-radius:50%;outline:none;box-shadow:0 0 0 3px #f59e0b8c}.sunny-mascot-tooltip{pointer-events:none;white-space:nowrap;color:var(--text-main,#0f172a);z-index:1000;background:#fffffffa;border:1.5px solid #f59e0b73;border-radius:16px;padding:7px 15px;font-size:.82rem;font-weight:800;animation:3s ease-in-out infinite alternate sunny-tooltip-float;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px -4px #0f172a1f,0 3px 8px #f59e0b2e,inset 0 1px #fffffff2}@keyframes sunny-tooltip-float{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-3px)}}.sunny-mascot-tooltip:after{content:"";border:6px solid #0000;border-top-color:#fffffff5;position:absolute;top:100%;left:50%;transform:translate(-50%)}[data-theme=dark] .sunny-mascot-tooltip,[data-theme=night] .sunny-mascot-tooltip,.dark .sunny-mascot-tooltip{color:#f8fafc;background:#0f172af5;border-color:#f59e0b80;box-shadow:0 10px 32px #0009,0 0 16px #f59e0b40,inset 0 1px #ffffff2e}[data-theme=dark] .sunny-mascot-tooltip:after,[data-theme=night] .sunny-mascot-tooltip:after,.dark .sunny-mascot-tooltip:after{border-color:#0f172af5 #0000 #0000}@media (prefers-reduced-motion:reduce){.sunny-mascot-root *,.sunny-mascot-root{transition:opacity .3s!important;animation:none!important;transform:none!important}}.gdrive-modal-overlay{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}[data-theme=dark] .gdrive-sync-modal,.dark .gdrive-sync-modal{color:var(--text-main,#e2e8f0)!important}[data-theme=dark] .gdrive-sync-modal h2,[data-theme=dark] .gdrive-sync-modal h3,[data-theme=dark] .gdrive-sync-modal h4,[data-theme=dark] .gdrive-sync-modal label,[data-theme=dark] .gdrive-sync-modal strong,[data-theme=dark] .gdrive-sync-modal b,.dark .gdrive-sync-modal h2,.dark .gdrive-sync-modal h3,.dark .gdrive-sync-modal h4,.dark .gdrive-sync-modal label,.dark .gdrive-sync-modal strong,.dark .gdrive-sync-modal b{color:#f1f5f9!important}[data-theme=dark] .gdrive-sync-modal p,[data-theme=dark] .gdrive-sync-modal span,[data-theme=dark] .gdrive-sync-modal li,[data-theme=dark] .gdrive-sync-modal td,.dark .gdrive-sync-modal p,.dark .gdrive-sync-modal span,.dark .gdrive-sync-modal li,.dark .gdrive-sync-modal td{color:#cbd5e1!important}[data-theme=dark] .gdrive-sync-modal .text-muted,[data-theme=dark] .gdrive-sync-modal small,.dark .gdrive-sync-modal .text-muted,.dark .gdrive-sync-modal small{color:#94a3b8!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;background:var(--ghibli-paper,#fffdf8);border:1px solid var(--ghibli-border,#eadfcb);min-width:300px;max-width:440px;box-shadow:var(--ghibli-shadow-card,0 4px 16px #4a3f3514);color:var(--text-main);border-radius:16px;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:8px;flex-shrink:0;place-items:center;transition:background .15s;display:grid;position:relative}.toast-item .toast-close:after{content:"";position:absolute;inset:-10px}.toast-item .toast-close:hover{background:var(--bg-card-hover);color:var(--text-main)}.toast-action-btn{border:1px solid var(--success-text,#3a6b3f);color:var(--success-text,#3a6b3f);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.toast-action-btn:hover{background:var(--success-text,#3a6b3f);color:#fff}.toast-item.success{border-left:3px solid var(--ghibli-leaf,#7cb87c);background:var(--success-bg);color:var(--success-text)}.toast-item.error{border-left:3px solid var(--ghibli-berry,#e56b6f);background:var(--danger-bg);color:var(--danger-text)}.toast-item.warning{border-left:3px solid var(--warning-text,#8a5a2b);background:var(--warning-bg);color:var(--warning-text)}.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{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,10px))}.toast-item{min-width:0;max-width:none}}.pwa-install-overlay{z-index:9999;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}.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!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-ios-visual-box{background:#0ea5e914;border:1.5px solid #0ea5e94d;border-radius:18px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.15rem;display:flex}[data-theme=dark] .pwa-ios-visual-box,[data-theme=night] .pwa-ios-visual-box,.dark .pwa-ios-visual-box{background:#0ea5e91f!important;border-color:#38bdf859!important}.pwa-ios-visual-step{background:var(--bg-card,#fff);box-sizing:border-box;border-radius:14px;align-items:center;gap:.75rem;width:100%;padding:.75rem .95rem;display:flex;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .pwa-ios-visual-step,[data-theme=night] .pwa-ios-visual-step,.dark .pwa-ios-visual-step{background:#1e293b!important;box-shadow:0 4px 12px #00000040!important}.pwa-ios-step-num{color:#fff;background:#0ea5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;font-weight:850;display:flex}.pwa-ios-step-text{color:var(--text-main,#0f172a);flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;font-weight:650;line-height:1.4;display:flex}[data-theme=dark] .pwa-ios-step-text,[data-theme=night] .pwa-ios-step-text,.dark .pwa-ios-step-text{color:#f1f5f9!important}.pwa-ios-arrow-down{color:#0ea5e9;font-size:1rem;font-weight:900;line-height:1}.pwa-inline-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.pwa-instant-subtext{color:var(--text-muted,#64748b);text-align:center;margin:0;font-size:.76rem;font-weight:600;line-height:1.4}[data-theme=dark] .pwa-instant-subtext,[data-theme=night] .pwa-instant-subtext,.dark .pwa-instant-subtext{color:#94a3b8!important}.pwa-btn-close-main{all:unset;background:var(--bg-subtle,#f1f5f9);width:100%;color:var(--text-main,#0f172a);cursor:pointer;box-sizing:border-box;text-align:center;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:#94a3b840}[data-theme=dark] .pwa-btn-close-main,[data-theme=night] .pwa-btn-close-main,.dark .pwa-btn-close-main{color:#fff!important;background:#1e293b!important}.feedback-overlay{z-index:10020;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out feedback-fade-in;display:flex;position:fixed;inset:0}@keyframes feedback-fade-in{0%{opacity:0}to{opacity:1}}.feedback-card{background:#fff;border-radius:22px;width:100%;max-width:520px;max-height:calc(100vh - 32px);padding:26px 26px 24px;animation:.22s cubic-bezier(.22,1.2,.36,1) feedback-scale-up;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0f172a47}@keyframes feedback-scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.feedback-close-btn{color:#52525b;cursor:pointer;background:#f4f4f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.feedback-close-btn:hover{color:#18181b;background:#e4e4e7}.feedback-header-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.feedback-header-icon{color:#f59e0b;background:linear-gradient(135deg,#fbbf2438,#f59e0b24);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feedback-card h2{color:#27272a;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.feedback-subtitle{color:#71717a;margin:6px 0 0;font-size:.88rem}.feedback-letter{background:linear-gradient(160deg,#fffbeb 0%,#fefce8 55%,#fffdf5 100%);border:1.5px solid #f59e0b59;border-radius:16px;margin:18px 0;padding:18px 18px 16px;position:relative}.feedback-letter-sun{opacity:.85;font-size:1.1rem;animation:14s linear infinite feedback-sun-spin;position:absolute;top:10px;right:12px}@keyframes feedback-sun-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-letter p{color:#44403c;margin:0 0 12px;font-size:.93rem;line-height:1.75}.feedback-letter p:last-child{margin-bottom:0}.feedback-letter-highlight{font-weight:700;color:#ea580c!important}.feedback-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px 20px #f59e0b59}.feedback-cta-btn:hover{filter:brightness(1.04);color:#fff;transform:translateY(-1px);box-shadow:0 10px 26px #f59e0b73}.feedback-cta-btn:active{transform:translateY(0)}@media (width<=480px){.feedback-card{border-radius:18px;padding:22px 18px 20px}.feedback-card h2{font-size:1.2rem}.feedback-letter p{font-size:.88rem}}: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{box-sizing:border-box;background:var(--qg-overlay-bg);z-index:999999;justify-content:center;align-items:center;width:100%;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}}.quick-guide-feedback-banner{cursor:pointer;text-align:left;background:linear-gradient(135deg,#fef3c78c 0%,#fef9c359 100%);border:1.5px solid #f59e0b59;border-radius:14px;align-items:center;gap:12px;width:100%;margin:14px 16px 0;padding:12px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.quick-guide-feedback-banner:hover{border-color:#f59e0b99;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b2e}.qgfb-icon{color:#f59e0b;background:#f59e0b29;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.qgfb-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.qgfb-text strong{color:#92400e;font-size:.92rem;font-weight:800}.qgfb-text span{color:#b45309;opacity:.85;font-size:.76rem}.qgfb-cta{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:10px;flex-shrink:0;padding:7px 13px;font-size:.78rem;font-weight:800;box-shadow:0 3px 10px #f59e0b4d}@media (width<=640px){.quick-guide-feedback-banner{margin:12px 12px 0;padding:10px 12px}.qgfb-text span{display:none}}.donate-modal-backdrop{z-index:999999;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.donate-modal-card{color:#f1f5f9;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#10b9814d transparent;background:linear-gradient(165deg,#0d1e18 0%,#06120e 100%);border:1px solid #10b98147;border-radius:22px;flex-direction:column;gap:.85rem;width:100%;max-width:420px;max-height:calc(100vh - 2rem);margin:auto;padding:1.25rem 1.35rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3}.donate-modal-card::-webkit-scrollbar{width:5px}.donate-modal-card::-webkit-scrollbar-thumb{background:#10b98159;border-radius:9999px}[data-theme=light] .donate-modal-card,.light .donate-modal-card{color:#0f172a;background:linear-gradient(165deg,#fff 0%,#f8fafc 100%);border-color:#e2e8f0f2;box-shadow:0 20px 45px -10px #00000026}.donate-modal-close{color:#94a3b8;cursor:pointer;z-index:10;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:.85rem;right:.85rem}[data-theme=light] .donate-modal-close,.light .donate-modal-close{color:#64748b;background:#0000000d}.donate-modal-close:hover{color:#ef4444;background:#ef444433;transform:rotate(90deg)}.donate-header-icon-wrap{justify-content:center;margin-top:.1rem;display:flex}.donate-header-icon-box{background:#f59e0b26;border:1px solid #f59e0b52;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 16px #4a3f3514}.donate-coffee-icon{color:#f59e0b}.donate-header-text{text-align:center;flex-direction:column;gap:.25rem;display:flex}.donate-title{color:#f8fafc;letter-spacing:-.01em;justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:1.2rem;font-weight:850;display:flex}[data-theme=light] .donate-title,.light .donate-title{color:#0f172a}.donate-heart-icon{animation:1.8s ease-in-out infinite heartBeat;display:inline-block}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}.donate-subtitle{color:#94a3b8;margin:0;padding:0 .5rem;font-size:.78rem;line-height:1.45}[data-theme=light] .donate-subtitle,.light .donate-subtitle{color:#64748b}.donate-amount-section{flex-direction:column;gap:.45rem;display:flex}.donate-amount-label-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.donate-amount-label{color:#cbd5e1;font-size:.76rem;font-weight:700}[data-theme=light] .donate-amount-label,.light .donate-amount-label{color:#334155}.donate-amount-tip{color:#10b981;font-size:.68rem;font-weight:600}.donate-input-wrapper{background:#05100c;border:1.5px solid #10b98159;border-radius:12px;align-items:center;padding:.45rem .8rem;transition:all .2s;display:flex;position:relative}[data-theme=light] .donate-input-wrapper,.light .donate-input-wrapper{background:#f8fafc;border-color:#cbd5e1}.donate-input-wrapper:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.donate-amount-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:1.15rem;font-weight:800}[data-theme=light] .donate-amount-input,.light .donate-amount-input{color:#0f172a}.donate-currency-suffix{color:#10b981;margin-left:.4rem;font-size:.85rem;font-weight:800}.donate-presets-row{flex-wrap:nowrap;gap:.35rem;display:flex}.donate-preset-chip{color:#cbd5e1;cursor:pointer;text-align:center;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;min-width:0;padding:.32rem .3rem;font-size:.72rem;font-weight:700;transition:all .18s}[data-theme=light] .donate-preset-chip,.light .donate-preset-chip{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.donate-preset-chip:hover{color:#10b981;background:#10b98126;border-color:#10b981}.donate-preset-chip.active{font-weight:800;box-shadow:0 2px 8px #10b98159;color:#fff!important;background:#10b981!important;border-color:#10b981!important}.donate-qr-container{flex-direction:column;align-items:center;gap:.65rem;margin:.25rem 0;display:flex}.donate-qr-wrapper{box-sizing:border-box;background:#fff;border:1px solid #ffffff40;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:195px;height:205px;margin:0 auto;padding:8px;display:flex;position:relative;overflow:visible;box-shadow:0 8px 24px #00000059}.donate-qr-skeleton{color:#64748b;z-index:2;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600;display:flex;position:absolute;inset:0}.donate-qr-img{object-fit:contain;border-radius:8px;width:100%;height:100%;transition:opacity .25s;display:block}.donate-qr-img.is-loading{opacity:0}.donate-qr-img.is-loaded{opacity:1}.donate-qr-caption{color:#94a3b8;text-align:center;margin-top:.35rem;font-size:.68rem;font-weight:500}[data-theme=light] .donate-qr-caption,.light .donate-qr-caption{color:#64748b}.donate-bank-info-card{background:#05100c;border:1px solid #10b98140;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}[data-theme=light] .donate-bank-info-card,.light .donate-bank-info-card{background:#f8fafc;border-color:#e2e8f0}.donate-bank-details{flex-direction:column;gap:2px;min-width:0;display:flex}.donate-bank-name{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;overflow:hidden}[data-theme=light] .donate-bank-name,.light .donate-bank-name{color:#64748b}.donate-account-number{letter-spacing:.04em;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;font-weight:900}[data-theme=light] .donate-account-number,.light .donate-account-number{color:#0f172a}.donate-copy-btn{color:#34d399;cursor:pointer;white-space:nowrap;background:#10b98124;border:1px solid #10b98166;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;padding:.38rem .65rem;font-size:.72rem;font-weight:750;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.donate-copy-btn:hover{color:#fff;background:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.donate-copy-btn.copied{color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.donate-gratitude-card{background:linear-gradient(135deg,#f59e0b14 0%,#10b98114 100%);border:1px solid #f59e0b40;border-radius:14px;flex-direction:column;gap:.45rem;margin-top:.25rem;padding:.75rem .9rem;display:flex;position:relative;overflow:hidden}[data-theme=light] .donate-gratitude-card,.light .donate-gratitude-card{background:linear-gradient(135deg,#fffbeb 0%,#f0fdf4 100%);border-color:#fde68a}.donate-gratitude-header{align-items:center;gap:.6rem;display:flex}.donate-gratitude-title-wrap{align-items:center;gap:.45rem;display:flex}.donate-gratitude-title{color:#fbbf24;font-size:.82rem;font-weight:800}[data-theme=light] .donate-gratitude-title,.light .donate-gratitude-title{color:#b45309}.donate-gratitude-badge{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b59;border-radius:9999px;padding:.15rem .45rem;font-size:.62rem;font-weight:700}[data-theme=light] .donate-gratitude-badge,.light .donate-gratitude-badge{color:#92400e;background:#fef3c7;border-color:#fde68a}.donate-gratitude-text{color:#cbd5e1;margin:0;font-size:.72rem;font-style:italic;line-height:1.5}[data-theme=light] .donate-gratitude-text,.light .donate-gratitude-text{color:#475569}.donate-gratitude-footer{color:#f59e0b;align-items:center;gap:.35rem;margin-top:.1rem;font-size:.72rem;font-weight:700;display:flex}[data-theme=light] .donate-gratitude-footer,.light .donate-gratitude-footer{color:#d97706}.topbar-donate-pill{color:#f43f5e;cursor:pointer;background:#e11d481f;border:1px solid #f43f5e59;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.76rem;font-weight:800;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 6px #f43f5e14}[data-theme=dark] .topbar-donate-pill,.dark .topbar-donate-pill{color:#fb7185;background:#f43f5e2e;border-color:#f43f5e66}.topbar-donate-pill:hover{color:#fff;background:#f43f5e;border-color:#f43f5e;transform:translateY(-1px)scale(1.03);box-shadow:0 4px 14px #f43f5e59}.topbar-donate-pill .donate-pill-heart{transition:transform .2s;display:inline-block}.topbar-donate-pill:hover .donate-pill-heart{transform:scale(1.2)}.animate-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pop-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes radarPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes floatHeart{0%,to{transform:scale(1)rotate(0)translateY(0)}50%{transform:scale(1.2)rotate(10deg)translateY(-5px)}}.new-topbar{padding:max(.4rem, env(safe-area-inset-top,0px)) 1.25rem;background:var(--bg-main,#f8fafc);z-index:50;border-bottom:1px solid var(--border-color,#e2e8f0cc);box-sizing:border-box;align-items:center;width:100%;min-height:48px;transition:background-color .25s,border-color .25s;display:flex;position:sticky;top:0}[data-theme=dark] .new-topbar,[data-theme=night] .new-topbar,.dark .new-topbar{background:var(--ghibli-night,#2e3a55)!important;border-bottom-color:#ffffff14!important}.topbar-main-row{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.topbar-greeting-with-mascot{z-index:10;flex:none;align-items:center;gap:8px;min-width:0;display:flex;overflow:visible}.topbar-brand-link{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-shrink:0;align-items:center;gap:9px;padding:3px 6px;text-decoration:none;transition:transform .15s;display:flex}.topbar-brand-link:hover{transform:translateY(-1px)}.topbar-brand-mascot-pod{flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar-brand-titles{white-space:nowrap;flex-direction:column;flex-shrink:0;line-height:1.15;display:flex}.topbar-brand-primary{letter-spacing:-.01em;color:var(--solid-text-title,#0f172a);white-space:nowrap;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:1.02rem;font-weight:800}[data-theme=dark] .topbar-brand-primary,.dark .topbar-brand-primary{color:#f8fafc!important}.topbar-brand-secondary{letter-spacing:.5px;color:#d97706;white-space:nowrap;text-transform:uppercase;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.62rem;font-weight:700;display:none}@media (width>=1600px){.topbar-brand-secondary{display:block}}.topbar-brand-mobile-name{color:var(--solid-text-title,#0f172a);white-space:nowrap;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:1rem;font-weight:800;display:none}[data-theme=dark] .topbar-brand-mobile-name,.dark .topbar-brand-mobile-name{color:#f8fafc!important}@media (width<=768px){.topbar-brand-titles{display:none!important}.topbar-brand-mobile-name{display:inline-block!important}}.topbar-nav-pills-bar{flex:0 auto;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:fit-content;margin:0 auto;display:flex;overflow:hidden}@media (width<=900px){.topbar-nav-pills-bar{display:none!important}}.topbar-nav-group{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.topbar-nav-divider{background:var(--border-color,#e2e8f0cc);flex-shrink:0;width:1px;height:14px;margin:0 2px}[data-theme=dark] .topbar-nav-divider,.dark .topbar-nav-divider{background:#ffffff1f}.topbar-nav-pill-btn{color:var(--solid-text-body,#475569);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:5px 8px;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:.81rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.topbar-nav-pill-btn span{white-space:nowrap;flex-shrink:0}.topbar-nav-pill-btn:hover{color:#b45309;background:#f59e0b14}.topbar-nav-pill-btn.is-active{color:#92400e;background:#fef3c7;border-color:#fde68a;font-weight:700;box-shadow:0 1px 3px #f59e0b26}[data-theme=dark] .topbar-nav-pill-btn,.dark .topbar-nav-pill-btn{color:#94a3b8}[data-theme=dark] .topbar-nav-pill-btn:hover,.dark .topbar-nav-pill-btn:hover{color:#fbbf24;background:#ffffff0f}[data-theme=dark] .topbar-nav-pill-btn.is-active,.dark .topbar-nav-pill-btn.is-active{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b59;box-shadow:0 2px 8px #0000004d}@media (width<=1480px){.donate-btn{display:none!important}.topbar-nav-pill-btn{gap:3.5px;padding:5px 7px;font-size:.8rem}.topbar-nav-divider{margin:0 1.5px}.topbar-actions{gap:4px!important}}@media (width<=1350px){.wifi-status-indicator{display:none!important}.topbar-nav-pill-btn{gap:3px;padding:4.5px 6.5px;font-size:.78rem}.nav-pill-icon{width:14px!important;height:14px!important}}@media (width<=1240px){.topbar-actions{gap:3.5px!important}.top-icon-btn{width:32px!important;min-width:32px!important;height:32px!important}.topbar-nav-pill-btn{gap:2.5px;padding:4px 6px;font-size:.76rem}}@media (width<=1080px){.topbar-nav-pill-btn{gap:2px;padding:3.5px 5px;font-size:.73rem}.topbar-nav-divider{margin:0 1px}}.nav-pill-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-pill-badge-counter{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.topbar-greeting{font-family:var(--font-display,"Baloo 2", "Nunito", sans-serif);color:var(--text-main,#4a3f35);letter-spacing:0;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:clamp(.92rem,1.2vw,1.06rem);font-weight:700;line-height:1.2}.topbar-greeting-desktop{white-space:nowrap;display:inline}.topbar-greeting-mobile{white-space:nowrap;display:none}@media (width<=768px){.topbar-greeting-desktop{display:none!important}.topbar-greeting-mobile{font-size:.95rem!important;display:inline!important}}[data-theme=dark] .topbar-greeting,[data-theme=night] .topbar-greeting,.dark .topbar-greeting{color:#f8fafc!important}.topbar-sunny-speech-bubble{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-main,#4a3f35);background:#fffdf8eb;border:1px solid #eadfcb;border-radius:999px;flex:0 auto;align-items:center;gap:7px;min-width:0;max-width:min(520px,45vw);margin-left:8px;padding:4px 12px 4px 9px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #4a3f350f}.topbar-sunny-speech-bubble:hover{border-color:var(--ghibli-peach,#ffb88c);background:#fff6e9;transform:translateY(-1px);box-shadow:0 4px 12px #4a3f351a}[data-theme=dark] .topbar-sunny-speech-bubble,[data-theme=night] .topbar-sunny-speech-bubble,.dark .topbar-sunny-speech-bubble{color:#f8fafc!important;background:#f59e0b1a!important;border-color:#f59e0b47!important;box-shadow:0 2px 10px #00000040!important}.topbar-sunny-tag{color:#d97706;letter-spacing:.02em;background:#f59e0b29;border-radius:999px;flex-shrink:0;align-items:center;gap:3.5px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}[data-theme=dark] .topbar-sunny-tag,[data-theme=night] .topbar-sunny-tag,.dark .topbar-sunny-tag{color:#fbbf24!important;background:#f59e0b3d!important}.topbar-sunny-tag-icon{color:#f59e0b}.topbar-speech-text{color:var(--text-main,#334155);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.78rem;font-weight:600;line-height:1.35;overflow:hidden}[data-theme=dark] .topbar-speech-text,[data-theme=night] .topbar-speech-text,.dark .topbar-speech-text{color:#e2e8f0!important}.topbar-speech-close{color:#94a3b8;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;padding:0;transition:all .15s;display:flex}.topbar-speech-close:hover{opacity:1;color:#ea580c;background:#f59e0b26}[data-theme=dark] .topbar-speech-close,[data-theme=night] .topbar-speech-close,.dark .topbar-speech-close{color:#94a3b8!important}[data-theme=dark] .topbar-speech-close:hover,[data-theme=night] .topbar-speech-close:hover,.dark .topbar-speech-close:hover{color:#fbbf24!important}.profile-byos-card{background:#0ea5e90f;border:1px solid #0ea5e933;border-radius:14px;flex-direction:column;gap:7px;margin-top:6px;padding:10px 12px;display:flex}[data-theme=dark] .profile-byos-card,.dark .profile-byos-card{background:#0ea5e91a;border-color:#0ea5e940}.byos-card-header{justify-content:space-between;align-items:center;display:flex}.byos-open-tag{color:#fff;background:#0284c7;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800}.byos-card-title{color:var(--text-main,#0f172a);align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}[data-theme=dark] .byos-card-title,.dark .byos-card-title{color:#f8fafc}.byos-status-tag{color:#64748b;background:#64748b1f;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800}.byos-status-tag.synced{color:#10b981;background:#10b98126}.byos-status-tag.syncing{color:#f59e0b;background:#f59e0b26}.byos-status-tag.error{color:#ef4444;background:#ef444426}.byos-msg-banner{color:#0284c7;background:#0ea5e91a;border-radius:8px;padding:4px 8px;font-size:10.5px;font-weight:600}.btn-byos-sync{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 3px 8px #0284c740}.btn-byos-sync:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #0284c759}.btn-byos-sync:disabled{opacity:.65;cursor:not-allowed}.byos-quick-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn-byos-sub{background:var(--bg-card,#fff);color:var(--text-main,#334155);cursor:pointer;border:1px solid #64748b33;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:700;transition:all .15s;display:flex}[data-theme=dark] .btn-byos-sub,.dark .btn-byos-sub{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}.btn-byos-sub:hover{color:#0284c7;border-color:#0284c7}.byos-legal-link{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:2px 0;font-size:9.5px;font-weight:700;transition:color .15s;display:flex}.byos-legal-link:hover{color:#f59e0b}.topbar-actions{z-index:10;flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.vn-clock-pill{border:1px solid var(--ghibli-border,#eadfcb);cursor:default;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;background:#fffdf8eb;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #4a3f350f}[data-theme=dark] .vn-clock-pill,[data-theme=night] .vn-clock-pill,.dark .vn-clock-pill{background:#2e3a55eb!important;border-color:#ffffff1f!important;box-shadow:0 3px 10px #00000040!important}.vn-clock-pill:hover{border-color:var(--ghibli-peach,#ffb88c);transform:translateY(-1px);box-shadow:0 4px 12px #4a3f351a}.vn-clock-flag-svg{border-radius:2px;flex-shrink:0;box-shadow:0 1px 3px #00000040}.vn-clock-icon{color:var(--primary-color,#d97706);flex-shrink:0}.vn-clock-time{color:var(--text-main,#0f172a);letter-spacing:.2px;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}[data-theme=dark] .vn-clock-time,[data-theme=night] .vn-clock-time,.dark .vn-clock-time{color:#f8fafc!important}.vn-clock-sep{color:var(--border-color,#cbd5e1);font-size:10px}.vn-clock-date{color:var(--text-muted,#7a6a5a);font-size:11.5px;font-weight:600}[data-theme=dark] .vn-clock-date,[data-theme=night] .vn-clock-date,.dark .vn-clock-date{color:#f0e7d8!important}.vn-clock-live-dot{background:var(--ghibli-leaf,#7cb87c);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite vnClockBreathe;display:inline-block}@keyframes vnClockBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media (width<=1200px){.wifi-status-pill{display:none!important}}@media (width<=1024px){.topbar-donate-pill{display:none!important}}@media (width<=1500px){.vn-clock-sep,.vn-clock-date{display:none!important}}@media (width<=768px){.wifi-status-pill,.vn-clock-pill,.topbar-donate-pill{display:none!important}}.top-action-holder{position:relative}.wifi-status-indicator{cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.top-icon-btn.customize-btn:hover{border-color:#f472b6!important}.icon-customize{color:#ec4899;transition:transform .25s,color .2s}.top-icon-btn.customize-btn:hover .icon-customize{color:#db2777;transform:rotate(25deg)scale(1.15)}.top-icon-btn.donate-btn:hover{border-color:#fb7185!important}.icon-donate{color:#f43f5e;transition:transform .25s}.top-icon-btn.donate-btn:hover .icon-donate{transform:scale(1.2)}.wifi-status-pill{background:var(--success-bg,#e4f2e0);cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #7cb87c73;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #4a3f350d}[data-theme=dark] .wifi-status-pill,[data-theme=night] .wifi-status-pill,.dark .wifi-status-pill{box-shadow:none!important;background:#7cb87c29!important;border-color:#7cb87c59!important}.wifi-status-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a3f351a}.wifi-pulse-radar{justify-content:center;align-items:center;width:8px;height:8px;display:flex;position:relative}.radar-core{background:var(--ghibli-leaf,#7cb87c);border-radius:50%;width:7px;height:7px}.radar-ring{background:var(--ghibli-leaf,#7cb87c);opacity:.6;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite radar-ping;position:absolute}@keyframes radar-ping{75%,to{opacity:0;transform:scale(2.6)}}.wifi-icon{color:var(--ghibli-leaf,#7cb87c)}.wifi-text{color:#3a6b3f;letter-spacing:.02em;font-size:11.5px;font-weight:800}[data-theme=dark] .wifi-text,[data-theme=night] .wifi-text,.dark .wifi-text{color:#a9cfa9!important}.top-icon-btn{border:1px solid var(--ghibli-border,#eadfcb);width:38px;min-width:38px;height:38px;min-height:38px;color:var(--text-main,#4a3f35);cursor:pointer;background:#fffdf8eb;border-radius:12px;outline:none;flex-shrink:0;place-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:0 2px 6px #4a3f350f}[data-theme=dark] .top-icon-btn,[data-theme=night] .top-icon-btn,.dark .top-icon-btn{background:#2e3a55eb!important;border-color:#ffffff1f!important;box-shadow:0 3px 10px #00000040!important}.top-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a3f351a}[data-theme=dark] .top-icon-btn:hover,[data-theme=night] .top-icon-btn:hover,.dark .top-icon-btn:hover{background:#3a4766f2!important;border-color:#ffffff40!important;box-shadow:0 5px 14px #00000059!important}.top-icon-btn.active{border-color:var(--ghibli-peach,#ffb88c)!important;box-shadow:0 2px 8px #ffb88c59!important}.icon-sun{color:#f59e0b;transition:transform .3s,color .2s}.theme-toggle-btn:hover .icon-sun{transform:rotate(45deg)scale(1.12)}.icon-moon{color:#38bdf8;transition:transform .3s,color .2s}.theme-toggle-btn:hover .icon-moon{transform:rotate(-20deg)scale(1.12)}.icon-bell{color:var(--text-muted,#64748b);transition:transform .2s,color .2s}.noti-btn:hover .icon-bell,.noti-btn.active .icon-bell{color:#f59e0b;transform:rotate(15deg)scale(1.1)}.icon-help{color:var(--text-muted,#64748b);transition:transform .2s,color .2s}.help-btn:hover .icon-help{color:#0284c7;transform:scale(1.12)}.icon-user{color:var(--text-muted,#64748b);transition:transform .2s,color .2s}.profile-btn:hover .icon-user,.profile-btn.active .icon-user{color:#0284c7;transform:scale(1.12)}[data-theme=dark] .icon-bell,[data-theme=dark] .icon-help,[data-theme=dark] .icon-user,.dark .icon-bell,.dark .icon-help,.dark .icon-user{color:#94a3b8!important}.profile-avatar-img{object-fit:cover;border-radius:10px;width:32px;height:32px;box-shadow:0 2px 6px #00000026}.noti-badge-pill{background:var(--danger-text,#a63d42);color:#fff;border:2px solid var(--ghibli-paper,#fffdf8);border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:10px;font-weight:900;animation:2s ease-in-out infinite badge-pulse;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #4a3f3526}.noti-new-version-dot{background:var(--ghibli-peach,#ffb88c);border:1.5px solid var(--ghibli-paper,#fffdf8);border-radius:999px;width:9px;height:9px;animation:1.8s ease-in-out infinite badge-pulse;position:absolute;top:3px;right:3px}[data-theme=dark] .noti-badge-pill,[data-theme=night] .noti-badge-pill,.dark .noti-badge-pill,[data-theme=dark] .noti-new-version-dot,[data-theme=night] .noti-new-version-dot,.dark .noti-new-version-dot{border-color:#1e293b}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.dropdown-menu{z-index:1000;border-radius:20px;width:300px;padding:1.15rem;position:absolute;top:calc(100% + 10px);right:0;background:var(--ghibli-paper,#fffdf8)!important;border:1px solid var(--ghibli-border,#eadfcb)!important;box-shadow:0 10px 28px #4a3f3524!important}.noti-dropdown-menu{background:var(--ghibli-paper,#fffdf8)!important;width:min(340px,100vw - 2rem)!important}.noti-version-banner{background:var(--primary-light,#ffe8d1);border:1px dashed var(--ghibli-peach,#ffb88c);cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:12px;transition:all .18s;display:flex}[data-theme=dark] .noti-version-banner,.dark .noti-version-banner{background:#ffb88c1f;border-color:#ffb88c59}.noti-version-banner:hover{border-color:var(--ghibli-peach,#ffb88c);transform:translateY(-2px);box-shadow:0 4px 14px #4a3f351f}.noti-version-banner.is-unread{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b4d}.noti-version-header-row{align-items:center;gap:10px;display:flex}.noti-version-mascot{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.noti-version-title-wrap{flex:1;min-width:0}.noti-version-title-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.noti-version-tag{color:var(--text-main,#0f172a);font-size:13px;font-weight:800}[data-theme=dark] .noti-version-tag,.dark .noti-version-tag{color:#f8fafc}.noti-badge-new{background:var(--ghibli-cta,#b85c25);color:#fff;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:900}.noti-version-sub{color:var(--text-muted,#7a6a5a);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}[data-theme=dark] .noti-version-sub,.dark .noti-version-sub{color:#94a3b8}.noti-version-feature-list{background:#ffffffa6;border-radius:10px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}[data-theme=dark] .noti-version-feature-list,.dark .noti-version-feature-list{background:#00000040}.noti-version-feature-item{color:#1e293b;align-items:flex-start;gap:5px;font-size:12px;line-height:1.4;display:flex}[data-theme=dark] .noti-version-feature-item,.dark .noti-version-feature-item{color:#cbd5e1}.noti-feature-bullet{color:#f59e0b;font-weight:900}.noti-feature-text{flex:1}.noti-version-footer-action{color:#d97706;justify-content:flex-end;align-items:center;gap:5px;padding-top:2px;font-size:11px;font-weight:800;display:flex}[data-theme=dark] .noti-version-footer-action,.dark .noti-version-footer-action{color:#fbbf24}[data-theme=dark] .dropdown-menu,[data-theme=night] .dropdown-menu,.dark .dropdown-menu,[data-theme=dark] .noti-dropdown-menu,[data-theme=night] .noti-dropdown-menu,.dark .noti-dropdown-menu{background:var(--ghibli-night,#2e3a55)!important;border-color:#ffffff1f!important;box-shadow:0 12px 32px #0006!important}.dropdown-header{color:var(--text-main,#0f172a);border-bottom:1px dashed var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.65rem;font-size:13px;font-weight:900;display:flex}[data-theme=dark] .dropdown-header,[data-theme=night] .dropdown-header,.dark .dropdown-header{color:#f8fafc!important;border-bottom-color:#ffffff1a!important}.btn-close-drop{width:24px;height:24px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.btn-close-drop:hover{background:#0000000d}.dropdown-body{flex-direction:column;gap:.65rem;display:flex}.noti-item{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:8px 10px;transition:all .15s;display:flex}[data-theme=dark] .noti-item,[data-theme=night] .noti-item,.dark .noti-item{background:#ffffff0a;border-color:#ffffff14}.noti-item:hover{border-color:#f59e0b;transform:translate(2px)}.noti-item-success{background:#10b9810f!important;border-color:#10b98140!important}.noti-item-success:hover{border-color:#10b981!important}.noti-item-info{background:#0ea5e90f!important;border-color:#0ea5e940!important}.noti-item-info:hover{border-color:#0ea5e9!important}[data-theme=dark] .noti-item-success,[data-theme=night] .noti-item-success,.dark .noti-item-success{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=dark] .noti-item-info,[data-theme=night] .noti-item-info,.dark .noti-item-info{background:#0ea5e91a!important;border-color:#0ea5e94d!important}.noti-icon.alert{color:#f59e0b;flex-shrink:0;margin-top:2px}.noti-icon.success{color:#10b981;flex-shrink:0;margin-top:2px}.noti-icon.info{color:#0ea5e9;flex-shrink:0;margin-top:2px}.noti-content p{color:var(--text-main,#0f172a);margin:0;font-size:12px;font-weight:600;line-height:1.4}[data-theme=dark] .noti-content p,[data-theme=night] .noti-content p,.dark .noti-content p{color:#f1f5f9!important}.noti-time{color:var(--text-muted,#7a6a5a);font-size:11.5px;font-weight:600}[data-theme=dark] .noti-time,[data-theme=night] .noti-time,.dark .noti-time{color:#94a3b8!important}.noti-empty{color:var(--text-muted,#64748b);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:1.25rem .5rem;font-size:12px;display:flex}[data-theme=dark] .noti-empty,[data-theme=night] .noti-empty,.dark .noti-empty{color:#94a3b8!important}.profile-dropdown-compact{flex-direction:column;gap:.7rem;display:flex;border-radius:18px!important;width:310px!important;padding:.85rem!important}.profile-compact-header{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:10px;padding-bottom:.65rem;display:flex}[data-theme=dark] .profile-compact-header,[data-theme=night] .profile-compact-header,.dark .profile-compact-header{border-bottom-color:#ffffff14}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar-circle{background:var(--primary-light,#ffe8d1);border:2px solid var(--ghibli-peach,#ffb88c);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.profile-avatar-circle img{object-fit:cover;width:100%;height:100%}.profile-default-user-icon{color:var(--ghibli-cta,#b85c25)}.profile-avatar-edit-badge{background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);width:18px;height:18px;color:var(--text-main,#334155);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #00000026}.profile-avatar-edit-badge:hover{color:#6366f1;transform:scale(1.15)}.profile-info-col{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-name-display-row{align-items:center;gap:6px;display:flex}.profile-display-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13.5px;font-weight:800;overflow:hidden}[data-theme=dark] .profile-display-name,[data-theme=night] .profile-display-name,.dark .profile-display-name{color:#f8fafc}.btn-edit-name-trigger{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .15s,background-color .15s;display:inline-flex}.btn-edit-name-trigger:hover{color:var(--ghibli-cta,#b85c25);background:var(--primary-light,#ffe8d1)}.profile-name-edit-box{align-items:center;gap:4px;display:flex}.profile-name-inline-input{border:1.5px solid var(--ghibli-peach,#ffb88c);background:var(--bg-input,#f7f1e4);min-width:0;color:var(--text-main,#4a3f35);border-radius:8px;outline:none;flex:1;padding:3px 8px;font-size:12px;font-weight:700}[data-theme=dark] .profile-name-inline-input,[data-theme=night] .profile-name-inline-input,.dark .profile-name-inline-input{color:#f8fafc;background:#ffffff14}.btn-name-check,.btn-name-cancel{cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.btn-name-check{color:#fff;background:#10b981}.btn-name-cancel{color:var(--text-muted,#64748b);background:#94a3b833}.profile-identity-subtext{flex-direction:column;gap:3px;display:flex}.profile-email-badge{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11px;font-weight:600;overflow:hidden}.role-tag-gold{color:#8a5a2b;background:#fff1de;border:1px solid #8a5a2b4d;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:1.5px 6px;font-size:10px;font-weight:800;display:inline-flex}.role-tag-cyan{color:#2e6379;background:#e4f1f6;border:1px solid #2e63794d;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:1.5px 6px;font-size:10px;font-weight:800;display:inline-flex}.role-tag-green{color:#3a6b3f;background:#e4f2e0;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:1.5px 6px;font-size:10px;font-weight:700;display:inline-flex}.role-tag-gray{color:var(--text-muted,#64748b);background:#94a3b81f;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:1.5px 6px;font-size:10px;font-weight:700;display:inline-flex}.profile-notice-banner{color:#059669;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;padding:.45rem .6rem;font-size:.72rem;font-weight:600;line-height:1.35}.profile-action-menu{flex-direction:column;gap:5px;display:flex}.profile-menu-item{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-subtle,#f8fafc);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:7px 9px;transition:all .18s;display:flex}[data-theme=dark] .profile-menu-item,[data-theme=night] .profile-menu-item,.dark .profile-menu-item{background:#ffffff08;border-color:#ffffff14}.profile-menu-item:hover{border-color:var(--ghibli-peach,#ffb88c);background:var(--bg-card-hover,#fff6e9);transform:translate(2px)}.profile-menu-item.item-admin{background:#ffb88c24;border-color:#ffb88c66}.profile-menu-item.item-admin:hover{border-color:var(--ghibli-peach,#ffb88c);background:#ffb88c38}.item-icon-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.item-icon-wrap.icon-admin{color:#d97706;background:#f59e0b2e}.item-icon-wrap.icon-drive{color:#0284c7;background:#0ea5e926}.item-icon-wrap.icon-settings{color:#64748b;background:#64748b26}.item-text-wrap{flex:1;min-width:0}.item-primary-label{color:var(--text-main,#0f172a);font-size:12px;font-weight:800}[data-theme=dark] .item-primary-label,[data-theme=night] .item-primary-label,.dark .item-primary-label{color:#f8fafc}.item-sub-label{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.item-arrow{color:var(--text-muted,#94a3b8);flex-shrink:0;transition:transform .15s}.profile-menu-item:hover .item-arrow{color:var(--text-main,#0f172a);transform:translate(2px)}.profile-auth-footer{border-top:1px solid var(--border-color,#e2e8f0);padding-top:.45rem}[data-theme=dark] .profile-auth-footer,[data-theme=night] .profile-auth-footer,.dark .profile-auth-footer{border-top-color:#ffffff14}.btn-profile-logout{width:100%;color:var(--danger-text,#a63d42);cursor:pointer;background:0 0;border:1.2px solid #e56b6f73;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:.45rem .65rem;font-size:11.5px;font-weight:700;transition:all .18s;display:flex}.btn-profile-logout:hover{background:var(--danger-bg,#fbe7e7);border-color:var(--ghibli-berry,#e56b6f)}.profile-guest-card{flex-direction:column;gap:4px;display:flex}.btn-profile-google-login{color:#374151;cursor:pointer;background:#fff;border:1.2px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:.45rem .75rem;font-size:11.5px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 1px 3px #0000000f}.btn-profile-google-login:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.google-svg-icon{flex-shrink:0;width:14px;height:14px}.profile-login-err{color:var(--danger-text,#a63d42);text-align:center;font-size:10px;font-weight:600}@media (width<=1200px){.vn-clock-date,.vn-clock-sep{display:none!important}}@media (width<=1100px){.topbar-sunny-speech-bubble{max-width:min(320px,30vw)!important}}@media (width<=1050px){.wifi-text{display:none!important}.wifi-status-pill{padding:4px 8px!important}}@media (width<=960px){.topbar-sunny-speech-bubble{max-width:min(220px,24vw)!important}}.topbar-hamburger-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-main,#0f172a);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.topbar-hamburger-btn:hover{background:var(--bg-input,#f8fafc);border-color:#cbd5e1;transform:translateY(-1px)}.topbar-hamburger-btn:active{transform:scale(.95)}[data-theme=dark] .topbar-hamburger-btn,.dark .topbar-hamburger-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}@media (width<=768px){.donate-pill-text{display:none!important}.topbar-donate-pill{min-height:44px!important;padding:6px 10px!important}.topbar-hamburger-btn{border-radius:14px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.new-topbar{padding:max(.5rem, env(safe-area-inset-top,0px)) .85rem .5rem .85rem!important;width:100%!important;min-height:52px!important}.topbar-main-row{gap:10px!important}.topbar-greeting-with-mascot{gap:8px!important}.topbar-greeting{font-size:.96rem!important;font-weight:850!important}.topbar-sunny-speech-bubble,.wifi-status-pill,.vn-clock-pill,.drive-sync-btn,.pwa-install-btn,.help-btn{display:none!important}.topbar-actions{gap:8px!important}.top-icon-btn{touch-action:manipulation;border-radius:16px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}@media (width<=480px){.new-topbar{padding:max(.45rem, env(safe-area-inset-top,0px)) .65rem .45rem .65rem!important}.topbar-greeting-with-mascot{flex:auto!important;min-width:0!important}.topbar-greeting{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.92rem!important;overflow:hidden!important}.topbar-actions{flex-shrink:0!important;gap:6px!important}.top-icon-btn{border-radius:16px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}@media (width<=380px){.new-topbar{padding:max(.35rem, env(safe-area-inset-top,0px)) .5rem .35rem .5rem!important}.topbar-greeting{font-size:.85rem!important}.donate-pill-text{display:none!important}.topbar-hamburger-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.topbar-actions{gap:4px!important}.top-icon-btn{border-radius:16px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}.topbar-customize-pill{border:1px solid var(--border-color,#e2e8f0cc);background:var(--bg-card,#fff);height:32px;color:var(--text-main,#334155);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.topbar-customize-pill:hover{background:var(--bg-card-hover,#f1f5f9);border-color:var(--primary-color,#2563eb);color:var(--primary-color,#2563eb);transform:translateY(-1px)}[data-theme=dark] .topbar-customize-pill,.dark .topbar-customize-pill{background:var(--bg-card,#1e293b);color:var(--text-main,#f1f5f9);border-color:#ffffff1f}[data-theme=dark] .topbar-customize-pill:hover,.dark .topbar-customize-pill:hover{border-color:var(--primary-color,#38bdf8);color:var(--primary-color,#38bdf8);background:#ffffff14}@media (width<=640px){.topbar-customize-pill .customize-pill-text{display:none}.topbar-customize-pill{padding:0 8px}}.study-status-dock{z-index:55;-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:9999px;align-items:center;gap:4px;height:40px;padding:4px 6px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex;position:fixed;bottom:1.25rem;right:1.5rem;box-shadow:0 4px 14px #0000000f}[data-theme=dark] .study-status-dock,.dark .study-status-dock{background:#0f172ae0;border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}.study-status-dock:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001a}.dock-segment-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:7px;height:32px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}[data-theme=dark] .dock-segment-btn,.dark .dock-segment-btn{color:#f1f5f9}.dock-segment-btn:hover{background:#0000000d}[data-theme=dark] .dock-segment-btn:hover,.dark .dock-segment-btn:hover{background:#ffffff14}.dock-segment-btn:active{transform:scale(.96)}.dock-segment-btn.pomodoro-segment.is-active{color:#d97706}[data-theme=dark] .dock-segment-btn.pomodoro-segment.is-active{color:#fbbf24}.dock-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.dock-icon{color:#f59e0b}.dock-pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite dockPulse;position:absolute;top:-2px;right:-2px}@keyframes dockPulse{0%,to{opacity:1;transform:scale(.9)}50%{opacity:.6;transform:scale(1.3)}}.dock-timer-text{font-family:var(--font-numeric,inherit);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:13px;font-weight:700}.dock-divider{background:#e2e8f0e6;width:1px;height:16px}[data-theme=dark] .dock-divider,.dark .dock-divider{background:#ffffff1a}.dock-ai-text{font-size:12.5px;font-weight:600}@media (width<=768px){.study-status-dock{bottom:calc(5rem + env(safe-area-inset-bottom,0px));height:36px;padding:3px 5px;right:1rem}.dock-segment-btn{height:30px;padding:0 8px;font-size:12px}}.mobile-bottom-nav{pointer-events:auto;padding:4px 8px max(6px, env(safe-area-inset-bottom,10px)) 8px;-webkit-backdrop-filter:blur(24px)saturate(190%);box-sizing:border-box;touch-action:manipulation;border-top:1px solid #eadfcbd9;transition:background-color .25s,border-color .25s;display:none;box-shadow:0 -4px 20px #4a3f3514,0 -1px 3px #00000008;z-index:9999!important;background:#fffdf8e0!important;width:100%!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}@media (width<=768px){.mobile-bottom-nav{display:block}}[data-theme=dark] .mobile-bottom-nav,[data-theme=night] .mobile-bottom-nav,.dark .mobile-bottom-nav{background:#1e293be6!important;border-color:#ffffff1f!important;box-shadow:0 -4px 24px #00000080!important}.mobile-bottom-nav-inner{pointer-events:auto;box-sizing:border-box;background:0 0;justify-content:space-around;align-items:center;gap:2px;width:100%;max-width:520px;margin:0 auto;padding:.15rem .25rem;display:flex}.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:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mobile-nav-btn:active{transform:scale(.92)}.mobile-nav-btn.is-active:before{content:"";z-index:0;background:#2563eb14;border-radius:999px;width:40px;height:28px;animation:.2s cubic-bezier(.34,1.56,.64,1) navPillPop;position:absolute;top:3px;left:50%;transform:translate(-50%)}@keyframes navPillPop{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}[data-theme=dark] .mobile-nav-btn.is-active:before,.dark .mobile-nav-btn.is-active:before{background:#38bdf824}.mobile-nav-icon-wrap{z-index:1;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),color .2s;display:flex;position:relative}.mobile-nav-icon{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-btn.is-active .mobile-nav-icon{color:var(--primary-color,#2563eb);transform:scale(1.12)}[data-theme=dark] .mobile-nav-btn.is-active .mobile-nav-icon,.dark .mobile-nav-btn.is-active .mobile-nav-icon{color:#38bdf8!important}.mobile-nav-label{z-index:1;letter-spacing:-.01em;color:var(--text-muted,#64748b);font-size:.7rem;font-weight:700;line-height:1.15;transition:color .2s,font-weight .2s;position:relative}.mobile-nav-btn.is-active .mobile-nav-label{color:var(--primary-color,#2563eb);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:#38bdf8!important}.mobile-nav-badge{background:var(--danger-text,#dc2626);color:#fff;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.62rem;font-weight:900;display:flex;position:absolute;top:-2px;right:-6px;box-shadow:0 2px 6px #dc262659}[data-theme=dark] .mobile-nav-badge,.dark .mobile-nav-badge{border-color:#1e293b}.mobile-nav-center-btn{z-index:2;margin-top:-16px}.center-btn-orb{color:#fff;backface-visibility:hidden;background:linear-gradient(135deg,#f59e0b 0%,#ea580c 50%,#dc2626 100%);border:3.5px solid #fffdf8fa;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex;position:relative;transform:translate(0,0);box-shadow:0 6px 16px #ea580c5c,0 2px 4px #00000014}[data-theme=dark] .center-btn-orb,.dark .center-btn-orb{border-color:#1e293b!important;box-shadow:0 6px 20px #ea580c80!important}.mobile-nav-center-btn.is-active .center-btn-orb{transform:scale(1.08)translateY(-2px);box-shadow:0 10px 24px #ea580c80,0 0 0 4px #f59e0b38}.center-btn-icon{color:#fff;filter:drop-shadow(0 1px 2px #0003)}.center-btn-badge{color:#fff;background:#dc2626;border:2px solid #fffdf8fa;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 4px;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #dc262666}[data-theme=dark] .center-btn-badge,.dark .center-btn-badge{border-color:#1e293b}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:flex-end;animation:.2s drawerFadeIn;display:flex;z-index:10000!important;width:100%!important;height:100dvh!important;position:fixed!important;inset:0!important}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-container{background:var(--bg-card,#fff);border-top:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) drawerSlideUp;display:flex;overflow:hidden;box-shadow:0 -10px 35px #0f172a26}[data-theme=dark] .mobile-drawer-container,.dark .mobile-drawer-container{background:var(--bg-card,#1e293b)!important;border-top-color:#ffffff1f!important;box-shadow:0 -10px 35px #00000080!important}@media (width>=768px){.mobile-drawer-overlay{align-items:center!important;padding:1.5rem!important}.mobile-drawer-container{border:1px solid var(--border-color,#e2e8f0)!important;border-radius:24px!important;max-width:540px!important;max-height:84vh!important;animation:.22s cubic-bezier(.16,1,.3,1) drawerModalPop!important;box-shadow:0 25px 60px -15px #00000040!important}.mobile-drawer-handle{display:none!important}}@keyframes drawerModalPop{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-handle{background:var(--border-color,#e2e8f0);border-radius:999px;flex-shrink:0;width:44px;height:5px;margin:10px auto 4px}.mobile-drawer-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);z-index:6;justify-content:space-between;align-items:center;padding:.85rem 1.25rem .75rem;display:flex;flex-shrink:0!important}[data-theme=dark] .mobile-drawer-header,.dark .mobile-drawer-header{background:var(--bg-card,#1e293b)!important;border-bottom-color:#ffffff14!important}.drawer-header-left{align-items:center;gap:.75rem;display:flex}.drawer-mascot-orb{background:var(--primary-light,#fef3c7);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.drawer-title-wrap{flex-direction:column;display:flex}.drawer-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:800}[data-theme=dark] .drawer-title,.dark .drawer-title{color:#f8fafc!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;background:var(--bg-input,#f1f5f9);cursor:pointer;width:38px;height:38px;color:var(--text-main,#0f172a);border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.drawer-icon-btn:hover{background:var(--border-color,#e2e8f0)}.drawer-icon-btn:active{transform:scale(.92)}[data-theme=dark] .drawer-icon-btn,.dark .drawer-icon-btn{color:#f8fafc!important;background:#0f172acc!important}.drawer-icon-btn.close-btn{color:var(--solid-coral,#ef4444)}.drawer-utilities-strip{scrollbar-width:none;background:var(--bg-input,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);z-index:5;gap:.5rem;padding:.65rem 1.25rem;display:flex;position:relative;overflow-x:auto;flex-shrink:0!important}.drawer-utilities-strip::-webkit-scrollbar{display:none}[data-theme=dark] .drawer-utilities-strip,.dark .drawer-utilities-strip{background:#0f172a73!important;border-bottom-color:#ffffff14!important}.drawer-util-pill{all:unset;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:750;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.drawer-util-pill:hover{background:var(--border-color,#e2e8f0)}.drawer-util-pill:active{transform:scale(.95)}[data-theme=dark] .drawer-util-pill,.dark .drawer-util-pill{background:var(--bg-card,#1e293b)!important;color:#f8fafc!important;border-color:#ffffff1f!important}.drawer-util-pill-feedback{color:#dc2626!important;background:#ef444414!important;border-color:#ef444440!important}[data-theme=dark] .drawer-util-pill-feedback,.dark .drawer-util-pill-feedback{color:#fca5a5!important;background:#ef44442e!important;border-color:#ef444466!important}.mobile-drawer-body{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;flex:1;gap:1.25rem;padding:1rem 1.25rem 1.5rem;display:flex;overflow-y:auto}.drawer-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#64748b);margin-bottom:.5rem;padding-left:4px;font-size:.74rem;font-weight:800}.drawer-items-list{flex-direction:column;gap:.45rem;display:flex}.drawer-item-row{all:unset;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:.85rem;padding:.75rem .95rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.drawer-item-row:hover{background:var(--bg-input,#f8fafc);border-color:var(--border-color,#cbd5e1)}.drawer-item-row:active{transform:scale(.98)}[data-theme=dark] .drawer-item-row,.dark .drawer-item-row{background:#0f172a66!important;border-color:#ffffff14!important}[data-theme=dark] .drawer-item-row:hover,.dark .drawer-item-row:hover{background:#0f172abf!important}.drawer-item-row.is-active{background:var(--primary-light,#fef3c7)!important;border-color:var(--primary-color,#f59e0b)!important}[data-theme=dark] .drawer-item-row.is-active,.dark .drawer-item-row.is-active{background:#f59e0b29!important;border-color:#f59e0b73!important}.drawer-item-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.drawer-item-row:hover .drawer-item-icon-box{transform:scale(1.06)}.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:.92rem;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:2px 7px;font-size:.65rem;font-weight:850}.drawer-item-desc{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:500;overflow:hidden}.drawer-item-arrow{color:var(--text-muted,#94a3b8);flex-shrink:0}.drawer-footer-safe{height:calc(.5rem + env(safe-area-inset-bottom,12px))}.ambient-living-backdrop{box-sizing:border-box;pointer-events:none;z-index:0;contain:strict;width:100%;height:100%;position:fixed;inset:0;overflow:hidden;transform:translate(0,0)}.ambient-living-backdrop.paused *{animation-play-state:paused!important}.living-aura-mesh{pointer-events:none;opacity:.55;will-change:transform;transition:opacity 1.2s;position:absolute;inset:-15%}.ambient-living-backdrop.is-light .living-aura-mesh{opacity:.04;background:radial-gradient(60% 50% at 20% 10%,#0ea5e914 0%,#0000 60%),radial-gradient(50% 50% at 80% 10%,#6366f10f 0%,#0000 60%);animation:none}.ambient-living-backdrop.is-dark .living-aura-mesh{background:radial-gradient(50% 45% at 25% 20%,#6366f124 0%,#0000 70%),radial-gradient(45% 45% at 80% 30%,#8b5cf61f 0%,#0000 70%),radial-gradient(50% 40% at 70% 85%,#0ea5e91a 0%,#0000 70%),radial-gradient(40% 35% at 15% 80%,#ec489912 0%,#0000 70%);animation:26s ease-in-out infinite alternate meshBreatheNight}@keyframes meshBreatheDay{0%{opacity:.84}50%{opacity:.95}to{opacity:.88}}@keyframes meshBreatheNight{0%{opacity:.45}50%{opacity:.62}to{opacity:.5}}.starry-sky-container{pointer-events:none;position:absolute;inset:0}.star-micro{will-change:opacity, transform;background:#fff;border-radius:50%;animation:ease-in-out infinite starTwinkle;position:absolute;box-shadow:0 0 4px #ffffffb3}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.95;transform:scale(1.2)}}.star-diamond{color:#f8fafc;filter:drop-shadow(0 0 6px #bae6fdcc);will-change:opacity, transform;justify-content:center;align-items:center;animation:ease-in-out infinite starDiamondShimmer;display:flex;position:absolute}@keyframes starDiamondShimmer{0%,to{opacity:.15;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.shooting-star-track{pointer-events:none;position:absolute;overflow:visible}.shooting-star{opacity:0;will-change:transform, opacity;background:linear-gradient(90deg,#fff 0%,#7dd3fcb3 40%,#0000 100%);border-radius:999px;width:140px;height:2px;animation:18s cubic-bezier(.25,1,.5,1) infinite shootingStarGlide;position:absolute;transform:rotate(-35deg)}@keyframes shootingStarGlide{0%,82%{opacity:0;transform:translate(0,0)rotate(-35deg)scaleX(.2)}83%{opacity:1;transform:translate(-30px,20px)rotate(-35deg)scaleX(1)}86%{opacity:.85;transform:translate(-420px,280px)rotate(-35deg)scaleX(1.4)}88%,to{opacity:0;transform:translate(-600px,400px)rotate(-35deg)scaleX(.1)}}.shooting-star.delayed{width:110px;animation-duration:23s;animation-delay:9s}.crescent-moon-glow{opacity:.75;width:54px;height:54px;animation:10s ease-in-out infinite alternate moonPulse;position:absolute;top:35px;right:6%}@keyframes moonPulse{0%{opacity:.65;transform:scale(1)}to{opacity:.85;transform:scale(1.08)}}.seasonal-layer-container{pointer-events:none;position:absolute;inset:0}.sakura-petal{opacity:0;will-change:transform, opacity;filter:drop-shadow(0 2px 5px #f472b640);animation:linear infinite fallSakura3D;position:absolute;top:-40px}@keyframes fallSakura3D{0%{opacity:0;transform:translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(var(--scale,1))}10%{opacity:.85}50%{transform:translate3d(calc(var(--drift) * .6), 52vh, 0) rotateX(180deg) rotateY(160deg) rotateZ(180deg) scale(var(--scale,1))}90%{opacity:.85}to{opacity:0;transform:translate3d(var(--drift), 112vh, 0) rotateX(360deg) rotateY(360deg) rotateZ(360deg) scale(var(--scale,1))}}.autumn-leaf{opacity:0;will-change:transform, opacity;filter:drop-shadow(0 3px 6px #b4530933);animation:cubic-bezier(.37,0,.63,1) infinite fallLeafTumble;position:absolute;top:-45px}@keyframes fallLeafTumble{0%{opacity:0;transform:translate3d(0, 0, 0) rotateZ(0deg) rotateY(0deg) scale(var(--scale,1))}12%{opacity:.85}40%{transform:translate3d(calc(var(--drift) * -.6), 42vh, 0) rotateZ(140deg) rotateY(180deg) scale(var(--scale,1))}75%{transform:translate3d(calc(var(--drift) * .7), 80vh, 0) rotateZ(270deg) rotateY(90deg) scale(var(--scale,1))}92%{opacity:.85}to{opacity:0;transform:translate3d(var(--drift), 112vh, 0) rotateZ(380deg) rotateY(360deg) scale(var(--scale,1))}}.winter-snow{opacity:0;will-change:transform, opacity;filter:drop-shadow(0 0 5px #ffffffd9);animation:linear infinite fallSnowFlutter;position:absolute;top:-30px}@keyframes fallSnowFlutter{0%{opacity:0;transform:translate3d(0, 0, 0) rotate(0deg) scale(var(--scale,1))}10%{opacity:.9}50%{transform:translate3d(calc(var(--drift) * .5), 52vh, 0) rotate(180deg) scale(var(--scale,1))}90%{opacity:.9}to{opacity:0;transform:translate3d(var(--drift), 112vh, 0) rotate(360deg) scale(var(--scale,1))}}.firefly-particle{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fef08a 25%,#84cc16 70%,#0000 100%);border-radius:50%;animation:ease-in-out infinite floatFirefly;position:absolute;box-shadow:0 4px 16px #4a3f3514}@keyframes floatFirefly{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:.85;transform:translate3d(calc(var(--drift) * .4), -25vh, 0) scale(1.1)}50%{opacity:.3;transform:translate3d(calc(var(--drift) * -.3), -55vh, 0) scale(.7)}75%{opacity:.95;transform:translate3d(calc(var(--drift) * .7), -85vh, 0) scale(1.2)}to{opacity:0;transform:translate3d(var(--drift), -115vh, 0) scale(.5)}}.rainy-streak{opacity:0;will-change:transform, opacity;background:linear-gradient(#0000,#93c5fdbf,#ffffffe6);width:1.5px;height:48px;animation:linear infinite fallRainStreak;position:absolute;top:-50px;transform:rotate(-16deg)}@keyframes fallRainStreak{0%{opacity:0;transform:translate(0,0)rotate(-16deg)}10%{opacity:.75}92%{opacity:.75}to{opacity:0;transform:translate3d(var(--drift), 110vh, 0) rotate(-16deg)}}.water-ripple{border:1px solid #93c5fd80;border-radius:50%;animation:3.5s ease-out infinite rippleExpand;position:absolute}@keyframes rippleExpand{0%{opacity:.8;width:4px;height:2px;transform:translate(-50%,-50%)scale(1)}to{opacity:0;width:80px;height:40px;transform:translate(-50%,-50%)scale(2)}}.study-dust-mote{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fef08a 15%,#f59e0b 60%,#d9770699 100%);border-radius:50%;animation:ease-in-out infinite floatStudyDust;position:absolute;box-shadow:0 4px 16px #4a3f3514}@keyframes floatStudyDust{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:.85}50%{opacity:.95;transform:translate3d(calc(var(--drift) * .5), -45vh, 0) scale(1.15)}80%{opacity:.8}to{opacity:0;transform:translate3d(var(--drift), -90vh, 0) scale(.5)}}@media (width<=768px){.living-aura-mesh{opacity:.4;inset:-5%}.star-diamond,.sakura-petal,.autumn-leaf,.winter-snow{filter:none!important}.shooting-star{width:90px}.crescent-moon-glow{width:40px;height:40px;top:20px;right:4%}}@media (prefers-reduced-motion:reduce){.ambient-living-backdrop *{transition:none!important;animation:none!important}.shooting-star-track,.seasonal-layer-container{display:none!important}}.glass-app-shell{z-index:1;background:var(--bg-main,#f8fafc);box-shadow:none;border:none;position:relative}.dark .glass-app-shell,[data-theme=dark] .glass-app-shell{background:var(--bg-main,#0b1120);box-shadow:none;border:none}.sidebar [data-nav-id=research]{display:none}.sidebar .nav-group:has([data-nav-id=research]){display:none}@media (prefers-reduced-motion:reduce){.glass-app-shell,.new-topbar,.vn-clock-pill,.wifi-status-pill,.toast-item,.mobile-drawer-container,.mobile-drawer-overlay,.mobile-bottom-nav{animation:none!important}}.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{--solid-bg-app:#f8fafc;--solid-bg-card:#fff;--solid-bg-card-subtle:#f1f5f9;--solid-bg-card-hover:#f8fafc;--solid-bg-sunken:#e2e8f0;--solid-bg-podium:#fef3c7;--solid-border-subtle:#f1f5f9;--solid-border:#e2e8f0;--solid-border-strong:#cbd5e1;--solid-border-focus:#f59e0b;--solid-gold:#f59e0b;--solid-gold-hover:#d97706;--solid-gold-shadow:#b45309;--solid-gold-light:#fef3c7;--solid-gold-text:#92400e;--solid-coral:#ef4444;--solid-coral-hover:#dc2626;--solid-coral-shadow:#b91c1c;--solid-coral-light:#fee2e2;--solid-coral-text:#991b1b;--solid-mint:#10b981;--solid-mint-hover:#059669;--solid-mint-shadow:#047857;--solid-mint-light:#d1fae5;--solid-mint-text:#065f46;--solid-sky:#0284c7;--solid-sky-hover:#0369a1;--solid-sky-shadow:#075985;--solid-sky-light:#e0f2fe;--solid-sky-text:#0369a1;--solid-violet:#8b5cf6;--solid-violet-hover:#7c3aed;--solid-violet-shadow:#6d28d9;--solid-violet-light:#ede9fe;--solid-violet-text:#5b21b6;--solid-text-title:#0f172a;--solid-text-body:#334155;--solid-text-caption:#64748b;--solid-text-disabled:#94a3b8;--solid-text-on-color:#fff;--solid-radius-xs:8px;--solid-radius-sm:12px;--solid-radius-md:18px;--solid-radius-lg:24px;--solid-radius-xl:32px;--solid-radius-pill:9999px;--solid-card-shadow:0 1px 3px #0f172a0d, 0 4px 12px #0f172a08;--solid-card-elevated:0 4px 6px -1px #0f172a12, 0 12px 24px -4px #0f172a0d;--solid-shadow-btn-gold:0 3px 0 var(--solid-gold-shadow), 0 4px 12px #b4530933;--solid-shadow-btn-coral:0 3px 0 var(--solid-coral-shadow), 0 4px 12px #b91c1c33;--solid-shadow-btn-mint:0 3px 0 var(--solid-mint-shadow), 0 4px 12px #04785733;--solid-shadow-btn-sky:0 3px 0 var(--solid-sky-shadow), 0 4px 12px #07598533;--solid-shadow-btn-violet:0 3px 0 var(--solid-violet-shadow), 0 4px 12px #6d28d933;--solid-shadow-btn-white:0 2px 0 #e2e8f0, 0 4px 10px #0f172a0d;--solid-shadow-btn-sunken:0 2px 0 #cbd5e1;--solid-shadow-btn-pressed:0 1px 0 currentColor;--solid-shadow-badge:0 1px 2px #0f172a14}.solid-app-bg{background-color:var(--solid-bg-app)}.solid-card{background-color:var(--solid-bg-card);border:1px solid var(--solid-border);border-radius:var(--solid-radius-lg);box-shadow:var(--solid-card-shadow);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.solid-card-elevated{background-color:var(--solid-bg-card);border:1px solid var(--solid-border-strong);border-radius:var(--solid-radius-lg);box-shadow:var(--solid-card-elevated)}.solid-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}[data-theme=dark],[data-theme=night],.dark{--solid-bg-app:#0b1120;--solid-bg-card:#1e293b;--solid-bg-card-subtle:#172033;--solid-bg-card-hover:#243248;--solid-bg-sunken:#0f172a;--solid-bg-podium:#162032;--solid-border-subtle:#ffffff14;--solid-border:#ffffff24;--solid-border-strong:#ffffff38;--solid-border-focus:#fbbf24;--solid-text-title:#f8fafc;--solid-text-body:#e2e8f0;--solid-text-caption:#94a3b8;--solid-text-disabled:#64748b;--solid-text-on-color:#fff;--solid-gold-light:#f59e0b2e;--solid-gold-text:#fde68a;--solid-coral-light:#ff5a5f2e;--solid-coral-text:#fecdd3;--solid-mint-light:#10b9812e;--solid-mint-text:#a7f3d0;--solid-sky-light:#0284c72e;--solid-sky-text:#bae6fd;--solid-violet-light:#8b5cf62e;--solid-violet-text:#ddd6fe;--solid-card-shadow:0 4px 0 #070b14, 0 10px 24px #0000008c;--solid-card-elevated:0 6px 0 #05080e, 0 14px 32px #000000b3;--solid-shadow-btn-white:0 4px 0 #0f172a, 0 6px 14px #00000059;--solid-shadow-btn-sunken:0 3px 0 #070b14;--solid-shadow-badge:0 2px 0 #0006}[data-theme=dark] .solid-card:hover,[data-theme=night] .solid-card:hover,.dark .solid-card:hover{transform:translateY(-2px);box-shadow:0 6px #070b14,0 14px 28px #000000a6}:root{--anime-sky:#0284c7;--anime-sky-hover:#0369a1;--anime-sky-light:#e0f2fe;--anime-sky-border:#bae6fd;--anime-sky-text:#0369a1;--anime-sakura:#ec4899;--anime-sakura-hover:#db2777;--anime-sakura-light:#fdf2f8;--anime-sakura-border:#fbcfe8;--anime-sakura-text:#be185d;--anime-gold:#f59e0b;--anime-gold-hover:#d97706;--anime-gold-light:#fef3c7;--anime-gold-border:#fde68a;--anime-gold-text:#92400e;--anime-matcha:#10b981;--anime-matcha-hover:#059669;--anime-matcha-light:#d1fae5;--anime-matcha-border:#a7f3d0;--anime-matcha-text:#065f46;--anime-twilight:#6366f1;--anime-twilight-hover:#4f46e5;--anime-twilight-light:#eef2ff;--anime-twilight-border:#c7d2fe;--anime-twilight-text:#4338ca;--anime-coral:#ef4444;--anime-coral-hover:#dc2626;--anime-coral-light:#fef2f2;--anime-coral-border:#fecaca;--anime-coral-text:#b91c1c;--anime-bg-canvas:#f8fafd;--anime-bg-card:#fff;--anime-bg-card-hover:#f0f7ff;--anime-bg-card-subtle:#f1f5f9;--anime-bg-sunken:#e2e8f0;--anime-bg-podium:#fef8ee;--anime-border:#e2e8f0;--anime-border-subtle:#edf2f7;--anime-border-bold:#cbd5e1;--anime-border-accent:#0284c759;--anime-text-heading:#0f172a;--anime-text-body:#334155;--anime-text-caption:#64748b;--anime-text-muted:#94a3b8;--anime-text-on-accent:#fff;--anime-radius-xs:8px;--anime-radius-sm:12px;--anime-radius-md:18px;--anime-radius-lg:24px;--anime-radius-xl:32px;--anime-radius-pill:9999px;--anime-shadow-card:0 1px 3px #0f172a0d, 0 4px 12px #0f172a08;--anime-shadow-card-hover:0 4px 16px #0f172a14;--anime-shadow-card-elevated:0 6px 20px #0f172a14;--anime-shadow-btn-sky:0 3px 0 #0369a1, 0 4px 12px #0284c733;--anime-shadow-btn-sakura:0 3px 0 #be185d, 0 4px 12px #ec489933;--anime-shadow-btn-gold:0 3px 0 #b45309, 0 4px 12px #f59e0b33;--anime-shadow-btn-matcha:0 3px 0 #047857, 0 4px 12px #10b98133;--anime-shadow-btn-twilight:0 3px 0 #4338ca, 0 4px 12px #6366f133;--anime-shadow-btn-white:0 2px 0 #e2e8f0, 0 4px 10px #0f172a0d;--anime-shadow-badge:0 1px 2px #0f172a14}[data-theme=dark],.dark{--anime-bg-canvas:#090e1a;--anime-bg-card:#131c31;--anime-bg-card-hover:#1a2642;--anime-bg-card-subtle:#162038;--anime-bg-sunken:#0f172a;--anime-bg-podium:#1c2744;--anime-border:#1e2b4a;--anime-border-subtle:#17223d;--anime-border-bold:#2a3c63;--anime-border-accent:#38bdf873;--anime-text-heading:#f8fafc;--anime-text-body:#e2e8f0;--anime-text-caption:#94a3b8;--anime-text-muted:#64748b;--anime-sky-light:#0c213d;--anime-sky-border:#1d4ed8;--anime-sky-text:#7dd3fc;--anime-sakura-light:#2d1426;--anime-sakura-border:#9d174d;--anime-sakura-text:#f472b6;--anime-gold-light:#2a1f0d;--anime-gold-border:#b45309;--anime-gold-text:#fcd34d;--anime-matcha-light:#0c2b1d;--anime-matcha-border:#047857;--anime-matcha-text:#6ee7b7;--anime-twilight-light:#1a1a3e;--anime-twilight-border:#4338ca;--anime-twilight-text:#a5b4fc;--anime-shadow-card:0 2px 8px #0006;--anime-shadow-card-hover:0 6px 20px #0009;--anime-shadow-btn-white:0 2px 0 #1e2b4a, 0 4px 10px #0000004d}.anime-card{background-color:var(--anime-bg-card);border:1px solid var(--anime-border);border-radius:var(--anime-radius-lg);box-shadow:var(--anime-shadow-card);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.anime-card-interactive{cursor:pointer}.anime-card-interactive:hover{box-shadow:var(--anime-shadow-card-hover);border-color:var(--anime-sky-border);transform:translateY(-3px)scale(1.008)}.anime-card-interactive:active{box-shadow:0 2px 0 var(--anime-border);transform:translateY(1px)scale(.995)}.anime-badge{border-radius:var(--anime-radius-pill);font-family:var(--font-display,var(--font-text));box-shadow:var(--anime-shadow-badge);-webkit-user-select:none;user-select:none;border:1.5px solid;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:700;line-height:1.4;display:inline-flex}.anime-badge-sky{background-color:var(--anime-sky-light);color:var(--anime-sky-text);border-color:var(--anime-sky-border)}.anime-badge-sakura{background-color:var(--anime-sakura-light);color:var(--anime-sakura-text);border-color:var(--anime-sakura-border)}.anime-badge-gold{background-color:var(--anime-gold-light);color:var(--anime-gold-text);border-color:var(--anime-gold-border)}.anime-badge-matcha{background-color:var(--anime-matcha-light);color:var(--anime-matcha-text);border-color:var(--anime-matcha-border)}.anime-badge-twilight{background-color:var(--anime-twilight-light);color:var(--anime-twilight-text);border-color:var(--anime-twilight-border)}.anime-btn{font-family:var(--font-display,var(--font-text));border-radius:var(--anime-radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform, box-shadow;border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;display:inline-flex;position:relative}.anime-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.anime-btn-sm{border-radius:var(--anime-radius-sm);min-height:34px;padding:6px 14px;font-size:.84rem}.anime-btn-md{min-height:44px;padding:10px 20px;font-size:.95rem}.anime-btn-lg{border-radius:20px;min-height:52px;padding:14px 28px;font-size:1.05rem}.anime-btn-sky{background-color:var(--anime-sky);color:#fff;box-shadow:var(--anime-shadow-btn-sky)}.anime-btn-sky:hover:not(:disabled){background-color:#38bdf8;transform:translateY(-2px);box-shadow:0 6px #0369a1,0 10px 20px #0284c759}.anime-btn-sky:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0369a1,0 2px 4px #0284c726}.anime-btn-gold{background-color:var(--anime-gold);color:#fff;box-shadow:var(--anime-shadow-btn-gold)}.anime-btn-gold:hover:not(:disabled){background-color:#fbbf24;transform:translateY(-2px);box-shadow:0 6px #b45309,0 10px 20px #f59e0b59}.anime-btn-gold:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #b45309,0 2px 4px #f59e0b26}.anime-btn-sakura{background-color:var(--anime-sakura);color:#fff;box-shadow:var(--anime-shadow-btn-sakura)}.anime-btn-sakura:hover:not(:disabled){background-color:#f472b6;transform:translateY(-2px);box-shadow:0 6px #be185d,0 10px 20px #ec489959}.anime-btn-sakura:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #be185d,0 2px 4px #ec489926}.anime-btn-matcha{background-color:var(--anime-matcha);color:#fff;box-shadow:var(--anime-shadow-btn-matcha)}.anime-btn-matcha:hover:not(:disabled){background-color:#34d399;transform:translateY(-2px);box-shadow:0 6px #047857,0 10px 20px #10b98159}.anime-btn-matcha:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #047857,0 2px 4px #10b98126}.anime-btn-white{background-color:var(--anime-bg-card);color:var(--anime-text-heading);border:2px solid var(--anime-border);box-shadow:var(--anime-shadow-btn-white)}.anime-btn-white:hover:not(:disabled){background-color:var(--anime-bg-card-hover);border-color:var(--anime-border-bold);box-shadow:0 5.5px 0 var(--anime-border-bold), 0 8px 18px #0f172a14;transform:translateY(-1.5px)}.anime-btn-white:active:not(:disabled){box-shadow:0 1px 0 var(--anime-border), 0 2px 4px #0f172a0a;transform:translateY(3px)}.anime-progress-capsule{background-color:var(--anime-bg-sunken);border:1.5px solid var(--anime-border);border-radius:var(--anime-radius-pill);width:100%;height:14px;position:relative;overflow:hidden}.anime-progress-bar{border-radius:var(--anime-radius-pill);height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);position:relative}.anime-progress-bar:after{content:"";border-radius:var(--anime-radius-pill);background:#ffffff8c;height:3px;position:absolute;top:2px;left:6px;right:6px}.anime-progress-sky{background-color:var(--anime-sky)}.anime-progress-gold{background-color:var(--anime-gold)}.anime-progress-sakura{background-color:var(--anime-sakura)}.anime-progress-matcha{background-color:var(--anime-matcha)}.anime-speech-bubble{background-color:var(--anime-bg-card);border:2px solid var(--anime-border);box-shadow:var(--anime-shadow-card);font-family:var(--font-display,var(--font-text));color:var(--anime-text-heading);border-radius:20px;padding:14px 18px;font-size:.95rem;font-weight:600;line-height:1.5;position:relative}.anime-speech-bubble:after{content:"";background-color:var(--anime-bg-card);border-right:2px solid var(--anime-border);border-bottom:2px solid var(--anime-border);width:16px;height:16px;position:absolute;bottom:-10px;left:36px;transform:rotate(45deg)}@keyframes animeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes animeBling{0%,to{opacity:.8;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(15deg)}}.anime-floating{animation:3.5s ease-in-out infinite animeFloat}.anime-sparkle-fx{animation:2.2s ease-in-out infinite animeBling}body{background-color:var(--anime-bg-canvas,#f8fafd);color:var(--anime-text-body,#334155);font-family:var(--font-text);transition:background-color .25s,color .25s;overflow-x:hidden}.app-container{background:var(--anime-bg-canvas,#f8fafd);min-height:100vh}[data-theme=dark] body,.dark body{background-color:var(--anime-bg-canvas,#0b1120)!important;color:var(--anime-text-body,#e2e8f0)!important}[data-theme=dark] .app-container,.dark .app-container{background:var(--anime-bg-canvas,#0b1120)!important}.new-topbar{transition:background-color .25s,border-color .25s;background-color:var(--anime-bg-card,#fff)!important;border-bottom:1px solid var(--anime-border,#e2e8f0)!important;box-shadow:0 1px 3px #0f172a0a!important}[data-theme=dark] .new-topbar,.dark .new-topbar{background-color:var(--anime-bg-card,#1e293b)!important;border-bottom-color:var(--anime-border,#ffffff14)!important;box-shadow:0 4px 20px #00000073!important}.topbar-greeting{font-family:var(--font-display,"Be Vietnam Pro", "Nunito", sans-serif)!important;color:var(--anime-text-heading,#0f172a)!important;font-weight:800!important}[data-theme=dark] .topbar-greeting,.dark .topbar-greeting{color:var(--anime-text-heading,#f8fafc)!important}.wifi-status-pill{background-color:var(--anime-sky-light,#e0f2fe)!important;border:1.5px solid var(--anime-sky-border,#bae6fd)!important;color:var(--anime-sky-text,#0369a1)!important;border-radius:var(--anime-radius-pill,9999px)!important;font-weight:700!important}[data-theme=dark] .wifi-status-pill,.dark .wifi-status-pill{background-color:var(--anime-sky-light,#0c213d)!important;border-color:var(--anime-sky-border,#1d4ed8)!important;color:var(--anime-sky-text,#7dd3fc)!important}.topbar-donate-pill{background-color:var(--anime-sakura-light,#fdf2f8)!important;border:1.5px solid var(--anime-sakura-border,#fbcfe8)!important;color:var(--anime-sakura-text,#be185d)!important;border-radius:var(--anime-radius-pill,9999px)!important;font-weight:800!important;transition:transform .15s,box-shadow .15s!important}.topbar-donate-pill:hover{transform:translateY(-1.5px)scale(1.04)!important;box-shadow:0 4px 12px #ec489940!important}.top-icon-btn{background-color:var(--anime-bg-card-subtle,#f1f5f9)!important;border:1.5px solid var(--anime-border,#e2e8f0)!important;color:var(--anime-text-body,#334155)!important;border-radius:14px!important;transition:transform .15s,background-color .15s,border-color .15s!important}.top-icon-btn:hover{background-color:var(--anime-sky-light,#e0f2fe)!important;border-color:var(--anime-sky-border,#bae6fd)!important;color:var(--anime-sky-text,#0369a1)!important;transform:translateY(-2px)scale(1.05)!important}.top-icon-btn:active{transform:translateY(1px)scale(.96)!important}[data-theme=dark] .top-icon-btn,.dark .top-icon-btn{background-color:var(--anime-bg-card-subtle,#162038)!important;border-color:var(--anime-border,#1e2b4a)!important;color:var(--anime-text-body,#e2e8f0)!important}[data-theme=dark] .top-icon-btn:hover,.dark .top-icon-btn:hover{background-color:var(--anime-sky-light,#0c213d)!important;border-color:var(--anime-sky-border,#1d4ed8)!important;color:var(--anime-sky-text,#7dd3fc)!important}.dropdown-menu{background-color:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-lg,24px)!important;box-shadow:var(--anime-shadow-card-elevated,0 8px 0 #cbd5e1, 0 20px 36px #0f172a14)!important}[data-theme=dark] .dropdown-menu,.dark .dropdown-menu{background-color:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 8px #1e2b4a,0 20px 45px #00000080!important}.smart-sidebar{background-color:var(--anime-bg-card,#fff)!important;border-right:2px solid var(--anime-border,#e2e8f0)!important;transition:width .22s cubic-bezier(.34,1.56,.64,1),background-color .25s!important;box-shadow:4px 0 20px #0f172a08!important}[data-theme=dark] .smart-sidebar,.dark .smart-sidebar{background-color:var(--anime-bg-card,#131c31)!important;border-right-color:var(--anime-border,#1e2b4a)!important;box-shadow:4px 0 24px #0006!important}.smart-sidebar .brand-title{font-family:var(--font-display,"Baloo 2", sans-serif)!important;color:var(--anime-sky,#0284c7)!important;letter-spacing:.04em!important;font-weight:800!important}.smart-sidebar .brand-subtitle{font-family:var(--font-display,"Baloo 2", sans-serif)!important;color:var(--anime-gold,#f59e0b)!important;font-weight:900!important}.nav-group-label{font-family:var(--font-display,"Baloo 2", sans-serif)!important;letter-spacing:.06em!important;color:var(--anime-text-muted,#94a3b8)!important;text-transform:uppercase!important;font-size:.72rem!important;font-weight:800!important}.smart-sidebar .nav-item{border-radius:var(--anime-radius-md,18px)!important;border:1.5px solid #0000!important;transition:all .15s cubic-bezier(.34,1.56,.64,1)!important}.smart-sidebar .nav-item:hover{background-color:var(--anime-sky-light,#e0f2fe)!important;border-color:var(--anime-sky-border,#bae6fd)!important;color:var(--anime-sky-text,#0369a1)!important;transform:translate(4px)!important}.smart-sidebar .nav-item.active{background-color:var(--anime-sky,#0284c7)!important;border-color:var(--anime-sky-hover,#0369a1)!important;color:#fff!important;transform:translate(4px)scale(1.02)!important;box-shadow:0 4px #0369a1,0 8px 16px #0284c740!important}.smart-sidebar .nav-item.active .nav-icon{color:#fff!important}.smart-sidebar .nav-item.active .nav-label{color:#fff!important;font-weight:800!important}.smart-sidebar .nav-item.active .nav-hint{color:#ffffffd1!important}[data-theme=dark] .smart-sidebar .nav-item:hover,.dark .smart-sidebar .nav-item:hover{background-color:var(--anime-sky-light,#0c213d)!important;border-color:var(--anime-sky-border,#1d4ed8)!important;color:var(--anime-sky-text,#7dd3fc)!important}.nav-due-badge{background-color:var(--anime-sakura,#ec4899)!important;color:#fff!important;border-radius:var(--anime-radius-pill,9999px)!important;font-weight:800!important;animation:2s ease-in-out infinite animeBling!important;box-shadow:0 2px #be185d,0 4px 10px #ec489959!important}.mobile-bottom-nav{background-color:var(--anime-bg-card,#fff)!important;border-top:2px solid var(--anime-border,#e2e8f0)!important;box-shadow:0 -4px 20px #0f172a0f!important}[data-theme=dark] .mobile-bottom-nav,.dark .mobile-bottom-nav{background-color:var(--anime-bg-card,#131c31)!important;border-top-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 -4px 24px #00000073!important}.mobile-nav-center-btn .center-btn-orb{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)!important;border:3px solid #fff!important;transition:transform .15s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:0 4px #0369a1,0 8px 18px #0284c759!important}.mobile-nav-center-btn:active .center-btn-orb{transform:translateY(3px)scale(.95)!important}.world-hero-stage{gap:22px!important}.sunny-sanctuary-card{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-xl,32px)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #e2e8f0, 0 10px 24px #0f172a0d)!important}[data-theme=dark] .sunny-sanctuary-card,.dark .sunny-sanctuary-card{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #1e2b4a, 0 10px 28px #0006)!important}.sunny-sanctuary-podium{background:radial-gradient(circle at 50% 30%,#fef3c7 0%,#fde68a 100%)!important;border:3px solid #f59e0b!important;border-radius:40px!important;box-shadow:0 8px #b45309,0 14px 28px #f59e0b40!important}.sunny-sanctuary-podium:hover{transform:translateY(-4px)scale(1.05)!important;box-shadow:0 10px #b45309,0 18px 32px #f59e0b59!important}.sunny-sanctuary-podium:active{transform:translateY(4px)scale(.96)!important;box-shadow:0 2px #b45309!important}.sunny-speech-card{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-gold-border,#fde68a)!important;color:var(--anime-gold-text,#92400e)!important;border-radius:var(--anime-radius-md,18px)!important;box-shadow:0 3px 0 var(--anime-gold-border,#fde68a)!important}[data-theme=dark] .sunny-speech-card,.dark .sunny-speech-card{background:var(--anime-gold-light,#2a1f0d)!important;border-color:var(--anime-gold-border,#b45309)!important;color:var(--anime-gold-text,#fcd34d)!important;box-shadow:0 3px #b45309!important}.mission-control-card{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-xl,32px)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #e2e8f0, 0 10px 24px #0f172a0d)!important}[data-theme=dark] .mission-control-card,.dark .mission-control-card{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #1e2b4a, 0 10px 28px #0006)!important}.mission-headline{font-family:var(--font-display,"Baloo 2", sans-serif)!important;color:var(--anime-text-heading,#0f172a)!important;font-weight:800!important}[data-theme=dark] .mission-headline,.dark .mission-headline{color:var(--anime-text-heading,#f8fafc)!important}.world-search-bar{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-md,20px)!important;box-shadow:0 4px 0 var(--anime-border,#e2e8f0), 0 8px 20px #0f172a0a!important}[data-theme=dark] .world-search-bar,.dark .world-search-bar{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 4px #1e2b4a,0 8px 24px #0000004d!important}.world-search-input{color:var(--anime-text-heading,#0f172a)!important;font-family:inherit!important}[data-theme=dark] .world-search-input,.dark .world-search-input{color:var(--anime-text-heading,#f8fafc)!important}.realm-island-card{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-lg,24px)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #e2e8f0, 0 10px 24px #0f172a0d)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s!important}.realm-island-card:hover{box-shadow:var(--anime-shadow-card-hover,0 7px 0 #cbd5e1, 0 16px 32px #0284c71a)!important;border-color:var(--anime-sky-border,#bae6fd)!important;transform:translateY(-5px)scale(1.015)!important}[data-theme=dark] .realm-island-card,.dark .realm-island-card{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 4px #1e2b4a,0 10px 28px #0006!important}[data-theme=dark] .realm-island-card:hover,.dark .realm-island-card:hover{border-color:var(--anime-sky-border,#1d4ed8)!important;box-shadow:0 7px #2a3c63,0 16px 36px #38bdf826!important}.realm-card-title{font-family:var(--font-display,"Baloo 2", sans-serif)!important;color:var(--anime-text-heading,#0f172a)!important;font-size:1.25rem!important;font-weight:800!important}[data-theme=dark] .realm-card-title,.dark .realm-card-title{color:var(--anime-text-heading,#f8fafc)!important}.realm-card-desc{color:var(--anime-text-body,#334155)!important;font-size:.88rem!important}[data-theme=dark] .realm-card-desc,.dark .realm-card-desc{color:var(--anime-text-caption,#94a3b8)!important}.time-capsule-card,.pins-shelf-card{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-lg,24px)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #e2e8f0, 0 10px 24px #0f172a0d)!important}[data-theme=dark] .time-capsule-card,[data-theme=dark] .pins-shelf-card,.dark .time-capsule-card,.dark .pins-shelf-card{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 4px #1e2b4a,0 10px 28px #0006!important}.enamel-pin-item{background:var(--anime-bg-card-subtle,#f1f5f9)!important;border:2px solid var(--anime-border,#e2e8f0)!important;box-shadow:0 3px 0 var(--anime-border,#e2e8f0)!important;border-radius:18px!important;transition:transform .15s cubic-bezier(.34,1.56,.64,1)!important}.enamel-pin-item:hover{border-color:var(--anime-gold,#f59e0b)!important;transform:translateY(-3px)scale(1.08)!important}[data-theme=dark] .enamel-pin-item,.dark .enamel-pin-item{background:var(--anime-bg-card-subtle,#162038)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 3px #1e2b4a!important}.quiz-tabs-bar{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-md,20px)!important;box-shadow:var(--anime-shadow-card,0 4px 0 #e2e8f0, 0 10px 24px #0f172a0d)!important}[data-theme=dark] .quiz-tabs-bar,.dark .quiz-tabs-bar{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important}.quiz-tab{border-radius:var(--anime-radius-sm,14px)!important;font-family:var(--font-display,"Baloo 2", sans-serif)!important;color:var(--anime-text-body,#334155)!important;font-weight:700!important;transition:all .15s cubic-bezier(.34,1.56,.64,1)!important}.quiz-tab:hover{background:var(--anime-sky-light,#e0f2fe)!important;color:var(--anime-sky-text,#0369a1)!important}.quiz-tab.active{background:var(--anime-sky,#0284c7)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px #0369a1,0 6px 14px #0284c747!important}.quiz-option-card,.option-btn{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-md,18px)!important;box-shadow:0 4px 0 var(--anime-border,#e2e8f0), 0 6px 14px #0f172a0a!important;cursor:pointer!important;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,border-color .15s!important}.quiz-option-card:hover,.option-btn:hover{border-color:var(--anime-sky-border,#bae6fd)!important;box-shadow:0 6.5px 0 var(--anime-border-bold,#cbd5e1), 0 10px 20px #0284c714!important;transform:translateY(-2.5px)scale(1.01)!important}.quiz-option-card:active,.option-btn:active{box-shadow:0 1px 0 var(--anime-border,#e2e8f0)!important;transform:translateY(2.5px)scale(.99)!important}.quiz-option-card.selected,.option-btn.selected{background:var(--anime-sky-light,#e0f2fe)!important;border-color:var(--anime-sky,#0284c7)!important;color:var(--anime-sky-text,#0369a1)!important;box-shadow:0 4px #0369a1,0 8px 18px #0284c738!important}[data-theme=dark] .quiz-option-card,[data-theme=dark] .option-btn,.dark .quiz-option-card,.dark .option-btn{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;color:var(--anime-text-heading,#f8fafc)!important;box-shadow:0 4px #1e2b4a,0 6px 16px #0000004d!important}[data-theme=dark] .quiz-option-card.selected,[data-theme=dark] .option-btn.selected,.dark .quiz-option-card.selected,.dark .option-btn.selected{background:var(--anime-sky-light,#0c213d)!important;border-color:var(--anime-sky,#38bdf8)!important;color:#7dd3fc!important;box-shadow:0 4px #0284c7,0 8px 20px #38bdf840!important}.countdown-box.large-timer{background:var(--anime-bg-card,#fff)!important;border:2px solid var(--anime-border,#e2e8f0)!important;border-radius:var(--anime-radius-md,18px)!important;box-shadow:0 4px 0 var(--anime-border,#e2e8f0)!important}[data-theme=dark] .countdown-box.large-timer,.dark .countdown-box.large-timer{background:var(--anime-bg-card,#131c31)!important;border-color:var(--anime-border,#1e2b4a)!important;box-shadow:0 4px #1e2b4a!important}:root{--font-text:"Be Vietnam Pro", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-numeric:"Be Vietnam Pro", "Nunito", system-ui, -apple-system, sans-serif;--font-mono:"Consolas", "Fira Code", "Monaco", "Courier New", monospace;--font-display:"Be Vietnam Pro", "Nunito", system-ui, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--shadow-card:0 1px 3px #0f172a0a, 0 6px 16px #0f172a08;--shadow-pop:0 4px 18px #0f172a14;--tap-min:44px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--content-max:1280px;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;--ghibli-sky:#0284c7;--ghibli-sky-deep:#0369a1;--ghibli-meadow:#10b981;--ghibli-leaf:#10b981;--ghibli-cream:#f8fafc;--ghibli-paper:#fff;--ghibli-sunset:#f59e0b;--ghibli-peach:#f59e0b;--ghibli-ink:#0f172a;--ghibli-ink-soft:#64748b;--ghibli-berry:#ef4444;--ghibli-night:#0b1120;--ghibli-star:#fbbf24;--ghibli-border:#e2e8f0;--ghibli-shadow-card:0 1px 3px #0f172a0a, 0 6px 16px #0f172a08;--ghibli-cta:#f59e0b;--bg-main:#f8fafc;--bg:var(--bg-main);--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#f1f5f9;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--primary-color:#f59e0b;--primary-hover:#d97706;--primary-light:#fef3c7;--primary-text:#fff;--primary-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--glow-color:#f59e0b40;--success-bg:#e4f2e0;--success-text:#3a6b3f;--warning-bg:#fff1de;--warning-text:#8a5a2b;--danger-bg:#fbe7e7;--danger-text:#a63d42;--info-bg:#e4f1f6;--info-text:#2e6379;--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:20px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 4px #4a3f350d;--shadow-md:0 4px 16px #4a3f3514;--shadow-lg:0 10px 24px #4a3f351f;--shadow-clay:0 6px 18px #4a3f3514, 0 2px 6px #4a3f350d;--shadow-clay-hover:0 10px 24px #4a3f351f, 0 4px 10px #4a3f350f;--shadow-clay-button:0 6px 16px #b85c2533;--shadow-glow:0 4px 14px #ffb88c59;--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;--dock-height:64px;--dock-safe-offset:calc(var(--dock-height) + env(safe-area-inset-bottom,16px) + 16px);--content-max-width:1440px;--reading-max-width:800px;--sidebar-width-collapsed:72px;--sidebar-width-expanded:256px;--topbar-height-desktop:68px;--topbar-height-compact:54px;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],body[data-density=cozy]{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;font-size:1rem}[data-font=be-vietnam]{--font-text:"Be Vietnam Pro", system-ui, sans-serif!important;--font-display:"Be Vietnam Pro", system-ui, sans-serif!important}[data-font=inter]{--font-text:"Inter", system-ui, -apple-system, sans-serif!important;--font-display:"Inter", system-ui, -apple-system, sans-serif!important}[data-font=lexend]{--font-text:"Lexend", system-ui, sans-serif!important;--font-display:"Lexend", system-ui, sans-serif!important}[data-font=nunito]{--font-text:"Nunito", system-ui, sans-serif!important;--font-display:"Nunito", system-ui, sans-serif!important}[data-theme-accent=amber]{--primary-color:#f59e0b;--primary-hover:#d97706;--primary-light:#fef3c7;--primary-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--glow-color:#f59e0b40}[data-theme-accent=slate-ocean]{--primary-color:#0ea5e9;--primary-hover:#0284c7;--primary-light:#e0f2fe;--primary-gradient:linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);--glow-color:#0ea5e940}[data-theme-accent=emerald]{--primary-color:#10b981;--primary-hover:#059669;--primary-light:#d1fae5;--primary-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--glow-color:#10b98140}[data-theme-accent=sakura]{--primary-color:#ec4899;--primary-hover:#db2777;--primary-light:#fce7f3;--primary-gradient:linear-gradient(135deg, #ec4899 0%, #db2777 100%);--glow-color:#ec489940}[data-theme-accent=purple]{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--primary-light:#ede9fe;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--glow-color:#8b5cf640}[data-theme-accent=monochrome]{--primary-color:#475569;--primary-hover:#334155;--primary-light:#f1f5f9;--primary-gradient:linear-gradient(135deg, #475569 0%, #1e293b 100%);--glow-color:#47556940}[data-mascot-mode=zen] .sunny-sanctuary-card,[data-mascot-mode=zen] .floating-mascot-pod,[data-mascot-mode=zen] .sunny-bubble-container,[data-mascot-mode=compact] .sunny-sanctuary-card{display:none!important}[data-glass-blur=off] *{-webkit-backdrop-filter:none!important}[data-glow-intensity=off] *{box-shadow:none!important}[data-particles=off] .ambient-particles-canvas{display:none!important}[data-theme=dark],.dark{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ghibli-sky:#38bdf8;--ghibli-sky-deep:#0284c7;--ghibli-meadow:#34d399;--ghibli-leaf:#10b981;--ghibli-cream:#0b1120;--ghibli-paper:#1e293b;--ghibli-sunset:#f59e0b;--ghibli-peach:#f59e0b;--ghibli-ink:#f8fafc;--ghibli-ink-soft:#94a3b8;--ghibli-berry:#ef4444;--ghibli-night:#0b1120;--ghibli-star:#fbbf24;--ghibli-border:#ffffff14;--ghibli-shadow-card:0 4px 20px #00000073;--ghibli-cta:#f59e0b;--bg-main:#0b1120;--bg:var(--bg-main);--bg-sidebar:#0f172a;--bg-card:#1e293b;--bg-card-hover:#243248;--bg-input:#0f172a;--bg-subtle:#172033;--border-color:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 16px #0006;--shadow-lg:0 10px 28px #00000080;--shadow-glow:0 4px 14px #f59e0b2e;--success-bg:#10b9812e;--success-text:#6ee7b7;--warning-bg:#f59e0b2e;--warning-text:#fde68a;--danger-bg:#ef44442e;--danger-text:#fca5a5;--info-bg:#0284c72e;--info-text:#7dd3fc;--text-main:#fff9f0!important;--text-muted:#c9c3b8!important;--text-subtle:#b3ab9c!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!important;scrollbar-width:thin!important;max-width:100%!important;padding:4px 0!important;overflow:auto hidden!important}span.katex,.katex{font-size:1.02em;vertical-align:middle!important;max-width:100%!important;display:inline-block!important}.katex .katex-html{vertical-align:middle!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;max-width:100%!important;display:inline-block!important;overflow:auto hidden!important}.math-display,.math-view{-webkit-overflow-scrolling:touch!important;max-width:100%!important;overflow:auto hidden!important}.safe-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom,16px))}.safe-top{padding-top:max(12px, env(safe-area-inset-top,12px))}[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}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select option{color:#0f172a;background-color:#fff}[data-theme=dark] input,.dark input,[data-theme=dark] textarea,.dark textarea,[data-theme=dark] select,.dark select{color:#fff!important}[data-theme=dark] select,.dark select{background-color:var(--bg-input,#1a2944);--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}[data-theme=dark] select option,.dark select option{color:#f8fafc!important;background-color:#15223a!important}[data-theme=dark] input::placeholder,.dark input::placeholder,[data-theme=dark] textarea::placeholder,.dark textarea::placeholder{color:#94a3b8!important}[data-theme=dark] .tsl-explain-box-en,.dark .tsl-explain-box-en{color:#e0f2fe!important;background:#3b82f629!important;border-left-color:#60a5fa!important}[data-theme=dark] .tsl-explain-box-en *,.dark .tsl-explain-box-en *{color:#e0f2fe!important}[data-theme=dark] .tsl-explain-box-en .tsl-explain-badge,.dark .tsl-explain-box-en .tsl-explain-badge,[data-theme=dark] .tsl-explain-box-en strong,.dark .tsl-explain-box-en strong{color:#93c5fd!important}[data-theme=dark] .tsl-explain-box-vi,.dark .tsl-explain-box-vi{color:#ecfdf5!important;background:#10b98129!important;border-left-color:#34d399!important}[data-theme=dark] .tsl-explain-box-vi *,.dark .tsl-explain-box-vi *{color:#ecfdf5!important}[data-theme=dark] .tsl-explain-box-vi .tsl-explain-badge,.dark .tsl-explain-box-vi .tsl-explain-badge,[data-theme=dark] .tsl-explain-box-vi strong,.dark .tsl-explain-box-vi strong{color:#6ee7b7!important}[data-theme=dark] [style*="color: #1e40af"],.dark [style*="color: #1e40af"],[data-theme=dark] [style*="color:#1e40af"],.dark [style*="color:#1e40af"]{color:#e0f2fe!important}[data-theme=dark] [style*="color: #1d4ed8"],.dark [style*="color: #1d4ed8"],[data-theme=dark] [style*="color:#1d4ed8"],.dark [style*="color:#1d4ed8"]{color:#93c5fd!important}[data-theme=dark] [style*="color: #059669"],.dark [style*="color: #059669"],[data-theme=dark] [style*="color:#059669"],.dark [style*="color:#059669"]{color:#34d399!important}[data-theme=dark] [style*="color: #047857"],.dark [style*="color: #047857"],[data-theme=dark] [style*="color:#047857"],.dark [style*="color:#047857"]{color:#6ee7b7!important}[data-theme=dark] [style*="color: #166534"],.dark [style*="color: #166534"],[data-theme=dark] [style*="color:#166534"],.dark [style*="color:#166534"]{color:#4ade80!important}[data-theme=dark] [style*="color: #dc2626"],.dark [style*="color: #dc2626"],[data-theme=dark] [style*="color:#dc2626"],.dark [style*="color:#dc2626"]{color:#f87171!important}[data-theme=dark] [style*="color: #d97706"],.dark [style*="color: #d97706"],[data-theme=dark] [style*="color:#d97706"],.dark [style*="color:#d97706"]{color:#fbbf24!important}[data-theme=dark] [style*="color: #0f172a"],.dark [style*="color: #0f172a"],[data-theme=dark] [style*="color:#0f172a"],.dark [style*="color:#0f172a"]{color:#f1f5f9!important}[data-theme=dark] [style*="color: #1e293b"],.dark [style*="color: #1e293b"],[data-theme=dark] [style*="color:#1e293b"],.dark [style*="color:#1e293b"]{color:#e2e8f0!important}[data-theme=dark] [style*="color: #334155"],.dark [style*="color: #334155"],[data-theme=dark] [style*="color:#334155"],.dark [style*="color:#334155"]{color:#cbd5e1!important}[data-theme=dark] [style*="color: #374151"],.dark [style*="color: #374151"],[data-theme=dark] [style*="color:#374151"],.dark [style*="color:#374151"]{color:#d1d5db!important}[data-theme=dark] [style*="color: #475569"],.dark [style*="color: #475569"],[data-theme=dark] [style*="color:#475569"],.dark [style*="color:#475569"]{color:#94a3b8!important}[data-theme=dark] [style*="color: #4b5563"],.dark [style*="color: #4b5563"],[data-theme=dark] [style*="color:#4b5563"],.dark [style*="color:#4b5563"]{color:#9ca3af!important}[data-theme=dark] [style*="color: #111827"],.dark [style*="color: #111827"],[data-theme=dark] [style*="color:#111827"],.dark [style*="color:#111827"]{color:#f9fafb!important}[data-theme=dark] [style*="color: black"],.dark [style*="color: black"],[data-theme=dark] [style*=color\:black],.dark [style*=color\:black],[data-theme=dark] [style*="color: #000"],.dark [style*="color: #000"],[data-theme=dark] [style*="color:#000"],.dark [style*="color:#000"]{color:#f1f5f9!important}[data-theme=dark] [style*="color: #2563eb"],.dark [style*="color: #2563eb"],[data-theme=dark] [style*="color:#2563eb"],.dark [style*="color:#2563eb"]{color:#60a5fa!important}[data-theme=dark] [style*="color: #1e3a8a"],.dark [style*="color: #1e3a8a"],[data-theme=dark] [style*="color:#1e3a8a"],.dark [style*="color:#1e3a8a"],[data-theme=dark] [style*="color: #1e40af"],.dark [style*="color: #1e40af"],[data-theme=dark] [style*="color:#1e40af"],.dark [style*="color:#1e40af"]{color:#93c5fd!important}[data-theme=dark] [style*="color: #0369a1"],.dark [style*="color: #0369a1"],[data-theme=dark] [style*="color:#0369a1"],.dark [style*="color:#0369a1"],[data-theme=dark] [style*="color: #0284c7"],.dark [style*="color: #0284c7"],[data-theme=dark] [style*="color:#0284c7"],.dark [style*="color:#0284c7"]{color:#38bdf8!important}[data-theme=dark] [style*="color: #7e22ce"],.dark [style*="color: #7e22ce"],[data-theme=dark] [style*="color:#7e22ce"],.dark [style*="color:#7e22ce"]{color:#c084fc!important}[data-theme=dark] [style*="color: #7c3aed"],.dark [style*="color: #7c3aed"],[data-theme=dark] [style*="color:#7c3aed"],.dark [style*="color:#7c3aed"],[data-theme=dark] [style*="color: #6d28d9"],.dark [style*="color: #6d28d9"],[data-theme=dark] [style*="color:#6d28d9"],.dark [style*="color:#6d28d9"]{color:#a78bfa!important}[data-theme=dark] [style*="color: #4c1d95"],.dark [style*="color: #4c1d95"],[data-theme=dark] [style*="color:#4c1d95"],.dark [style*="color:#4c1d95"]{color:#c4b5fd!important}[data-theme=dark] [style*="color: #581c87"],.dark [style*="color: #581c87"],[data-theme=dark] [style*="color:#581c87"],.dark [style*="color:#581c87"]{color:#c084fc!important}[data-theme=dark] [style*="color: #065f46"],.dark [style*="color: #065f46"],[data-theme=dark] [style*="color:#065f46"],.dark [style*="color:#065f46"]{color:#6ee7b7!important}[data-theme=dark] [style*="color: #15803d"],.dark [style*="color: #15803d"],[data-theme=dark] [style*="color:#15803d"],.dark [style*="color:#15803d"],[data-theme=dark] [style*="color: #16a34a"],.dark [style*="color: #16a34a"],[data-theme=dark] [style*="color:#16a34a"],.dark [style*="color:#16a34a"]{color:#4ade80!important}[data-theme=dark] [style*="color: #be123c"],.dark [style*="color: #be123c"],[data-theme=dark] [style*="color:#be123c"],.dark [style*="color:#be123c"]{color:#fb7185!important}[data-theme=dark] [style*="color: #b91c1c"],.dark [style*="color: #b91c1c"],[data-theme=dark] [style*="color:#b91c1c"],.dark [style*="color:#b91c1c"],[data-theme=dark] [style*="color: #991b1b"],.dark [style*="color: #991b1b"],[data-theme=dark] [style*="color:#991b1b"],.dark [style*="color:#991b1b"]{color:#fca5a5!important}[data-theme=dark] [style*="color: #c2410c"],.dark [style*="color: #c2410c"],[data-theme=dark] [style*="color:#c2410c"],.dark [style*="color:#c2410c"]{color:#fb923c!important}[data-theme=dark] [style*="color: #b45309"],.dark [style*="color: #b45309"],[data-theme=dark] [style*="color:#b45309"],.dark [style*="color:#b45309"]{color:#fbbf24!important}[data-theme=dark] [style*="color: #0e7490"],.dark [style*="color: #0e7490"],[data-theme=dark] [style*="color:#0e7490"],.dark [style*="color:#0e7490"]{color:#22d3ee!important}[data-theme=dark] [style*="color: #155e75"],.dark [style*="color: #155e75"],[data-theme=dark] [style*="color:#155e75"],.dark [style*="color:#155e75"]{color:#67e8f9!important}[data-theme=dark] [style*="background: #f0fdf4"],.dark [style*="background: #f0fdf4"],[data-theme=dark] [style*="background:#f0fdf4"],.dark [style*="background:#f0fdf4"]{background:#10b9811a!important}[data-theme=dark] [style*="background: #ede9fe"],.dark [style*="background: #ede9fe"],[data-theme=dark] [style*="background:#ede9fe"],.dark [style*="background:#ede9fe"]{background:#8b5cf626!important}[data-theme=dark] [style*="background: #eff6ff"],.dark [style*="background: #eff6ff"],[data-theme=dark] [style*="background:#eff6ff"],.dark [style*="background:#eff6ff"]{background:#3b82f61a!important}[data-theme=dark] [style*="background: #fef2f2"],.dark [style*="background: #fef2f2"],[data-theme=dark] [style*="background:#fef2f2"],.dark [style*="background:#fef2f2"]{background:#ef44441a!important}[data-theme=dark] [style*="background: #fffbeb"],.dark [style*="background: #fffbeb"],[data-theme=dark] [style*="background:#fffbeb"],.dark [style*="background:#fffbeb"]{background:#f59e0b1a!important}[data-theme=dark] [style*="background: #fff7ed"],.dark [style*="background: #fff7ed"],[data-theme=dark] [style*="background:#fff7ed"],.dark [style*="background:#fff7ed"]{background:#f973161a!important}[data-theme=dark] [style*="background: #ecfdf5"],.dark [style*="background: #ecfdf5"],[data-theme=dark] [style*="background:#ecfdf5"],.dark [style*="background:#ecfdf5"]{background:#10b98114!important}[data-theme=dark] [style*="background: #f0f9ff"],.dark [style*="background: #f0f9ff"],[data-theme=dark] [style*="background:#f0f9ff"],.dark [style*="background:#f0f9ff"]{background:#0ea5e91a!important}[data-color=nang-am]{--primary-color:#b85c25;--primary-hover:#a5511f;--primary-light:#ffb88c38;--primary-gradient:linear-gradient(135deg, #b85c25 0%, #a5511f 100%);--glow-color:#ffb88c59;--aurora-a:#ffb88c33;--aurora-b:#ffd9b329;--aurora-c:#a8d8ea24;--theme-bg-gradient-start:#fff9f0;--theme-bg-gradient-end:#ffefdc;--theme-topbar-tint:#ffb88c1a;--theme-border-accent:#eadfcbe6;--theme-accent-soft:#fff6e9}[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,#f8fafc);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}.sws-card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);transition:transform .2s var(--ease-spring), box-shadow .2s ease;padding:1.25rem}.sws-card-hover:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}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}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#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(.app-container:has(.qb-hub-root),.app-container:has(.quiz-container),.app-container:has(.flashcard-master-view)),:is(.main-wrapper:has(.qb-hub-root),.main-wrapper:has(.quiz-container),.main-wrapper:has(.flashcard-master-view)){height:100vh;overflow:hidden}:is(.content-area:has(.qb-hub-root),.content-area:has(.quiz-container),.content-area:has(.flashcard-master-view)){box-sizing:border-box;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;padding:0!important}@media (width<=900px){:is(.app-container:has(.qb-hub-root),.app-container:has(.quiz-container),.app-container:has(.flashcard-master-view),.main-wrapper:has(.qb-hub-root),.main-wrapper:has(.quiz-container),.main-wrapper:has(.flashcard-master-view)){height:auto!important;overflow:visible!important}:is(.content-area:has(.qb-hub-root),.content-area:has(.quiz-container),.content-area:has(.flashcard-master-view)){height:auto!important;min-height:100%!important;max-height:none!important;padding:.5rem!important;overflow:visible!important}}.reading-container,.guide-content,.research-container{max-width:var(--reading-max-width)}.questions-select-box,.habit-table-wrap,.quiz-sidebar-palette,.palette-grid,.qb-sidebar-col,.qb-content-col,.modal-content,.sidebar-nav{overscroll-behavior:contain;scrollbar-gutter:stable}@media (width>=1024px) and (height<=820px){.new-topbar{min-height:var(--topbar-height-compact)!important;padding:.35rem 1.25rem!important}.content-area{padding:1rem 1.25rem!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{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(min(280px,100%),1fr));gap:20px;display:grid}@media (width<=480px){.grid-3-col{grid-template-columns:1fr;gap:12px}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:normal;word-break:break-word;text-align:center;pointer-events:none;z-index:1000;background:#1e293b;border-radius:6px;width:max-content;max-width:min(260px,100vw - 2rem);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:#fffdf8eb;--glass-bg-strong:#fffdf8;--glass-border:#eadfcbe6;--glow-ring:0 0 0 1px #eadfcbe6, 0 4px 16px #4a3f3514;--panel-blur:none}[data-theme=dark],[data-theme=night],.dark{--bg-main:#0b1120;--bg:var(--bg-main);--bg-sidebar:#1e293b;--bg-card:#1e293b;--bg-card-hover:#29384e;--bg-input:#172033;--border-color:#ffffff24;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--ghibli-ink:#f8fafc;--ghibli-ink-soft:#cbd5e1;--ghibli-paper:#1e293b;--ghibli-cream:#0f172a;--ghibli-border:#ffffff1f;--ghibli-shadow-card:0 4px 20px #00000073;--glass-bg:#1e293bf2;--glass-bg-strong:#1e293b;--glass-border:#ffffff24;--glow-ring:0 0 0 1px #ffffff24, 0 4px 16px #00000080}body{background:var(--bg-main,#f8fafc);background-attachment:fixed}[data-theme=dark] body{background:radial-gradient(circle at 16% 4%,#7fbcd229,#0000 30vw),radial-gradient(circle at 78% 10%,#ffe89a1a,#0000 36vw),linear-gradient(#26314b 0%,#2e3a55 45%,#2a3450 100%)}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--bg,var(--bg-main));z-index:60;pointer-events:none;position:fixed;top:0;left:0;right:0}#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,.journal-card,.fsrs-radar-card,.tl-container,.hero-companion-card,.dday-countdown-card-v2{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{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;transform:translateY(-3px)}.m-icon-box,.sub-icon,.n-icon,.brand-icon-wrapper,.icon-btn.active,.btn-primary{box-shadow:inset 0 0 0 1px #ffffff29}.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)!important}.nav-item.active .nav-label{color:var(--primary-color)!important}.topbar-greeting,.pd-header-left h2,.guide-title{text-shadow:none}.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%{opacity:.86}to{opacity:1}}@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{-webkit-backdrop-filter:none;background:var(--bg,var(--bg-main))}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,html[data-performance=fast] .em-quadrant,html[data-performance=fast] .zen-command-bar,html[data-performance=fast] .em-task-item,html[data-performance=fast] .em-more-popover,html[data-performance=fast] .kanban-column,html[data-performance=fast] .kanban-card,html[data-performance=fast] .timeline-card,html[data-performance=fast] .habit-matrix-card,html[data-performance=fast] .roadmap-dday-card,html[data-performance=fast] .qb-hub-root,html[data-performance=fast] .qb-sidebar-col,html[data-performance=fast] .qb-question-card,html[data-performance=fast] .ce-exam-settings,html[data-performance=fast] .ce-import-main,html[data-performance=fast] .ce-text-import,html[data-performance=fast] .ce-editor-column{-webkit-backdrop-filter:none!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-color) 10%, transparent), 0 4px 16px #0f172a14!important}html[data-performance=fast] .qb-question-card,html[data-performance=fast] .em-task-item{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 70px}html[data-performance=fast] .qb-questions-scroll,html[data-performance=fast] .em-task-list,html[data-performance=fast] .kanban-column-tasks,html[data-performance=fast] .planner-journal{-webkit-overflow-scrolling:touch;transform:translateZ(0)}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:#fff9f0;--bg-card:#fffdf8fa;--bg-sidebar:#fffdf8fa;--bg-input:#f7f1e4;--border-color:#eadfcb;--text-main:#4a3f35;--text-muted:#7a6a5a;--text-subtle:#7e6c59;--glass-bg:#fffdf8f5;--glass-bg-strong:#fffdf8;--glass-border:#eadfcbe6}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%, #a8d8ea2e, transparent 24vw), linear-gradient(135deg, #fff9f0 0%, #fff6ea 52%, #fffdf8 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,#ffffff24,#0000 28%),linear-gradient(135deg,#b85c25 0%,#a5511f 55%,#8a4519 100%)!important;border-color:#ffffff2e!important;box-shadow:0 8px 24px #b85c2533!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(0,1fr))}.month-day-cell{min-height:54px}}@media (width<=480px){.month-calendar-board{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important}.month-day-cell{min-height:42px!important;padding:2px 1px!important;font-size:10.5px!important}}@media (width<=768px){.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}.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:max(.5rem, env(safe-area-inset-top,0px)) .85rem .5rem .85rem!important;position:relative!important;top:auto!important}.main-wrapper{padding-bottom:0!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]{background:#fffdf8eb}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)}main.content-area,.content-area{transform:translateZ(0);padding:.75rem .65rem calc(88px + env(safe-area-inset-bottom,16px)) .65rem!important;touch-action:pan-y pinch-zoom!important;max-width:100vw!important;overflow:hidden visible!important}.english-fun-page,.hackers-studio-container{width:100%!important;max-width:100%!important;padding-bottom:calc(88px + env(safe-area-inset-bottom,16px))!important;touch-action:pan-y pinch-zoom!important;overflow:hidden visible!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}main.content-area,.content-area{padding:.5rem .45rem calc(88px + env(safe-area-inset-bottom,16px)) .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)}.hidden{display:none!important}html[data-performance=lite] *,html[data-performance=lite] :before,html[data-performance=lite] :after{-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;transition:none!important;animation:none!important}html[data-performance=lite] .mobile-bottom-nav-inner,html[data-performance=lite] .sws-card,html[data-performance=lite] .hub-feature-chip,html[data-performance=lite] .hero-focus-banner,html[data-performance=lite] .sidebar,html[data-performance=lite] .new-topbar,html[data-performance=lite] .glass-card,html[data-performance=lite] .hub-features-matrix{background:var(--bg-card)!important;border:1px solid var(--border-color)!important}html[data-performance=lite]{scroll-behavior:auto!important}.new-topbar,.new-sidebar{border-radius:0!important;margin:0!important}.new-sidebar{border-top:none!important;border-bottom:none!important;border-left:none!important}.new-topbar{border-top:none!important;border-left:none!important;border-right:none!important}.content-area>:first-child{margin-top:0!important}@keyframes audioWavePulse{0%{opacity:.7;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1.35)}}.fc-audio-soundbar{transition:all .2s cubic-bezier(.16,1,.3,1)}.fc-audio-soundbar:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000014!important}.dropdown-menu{background:#fff!important;border:1.5px solid #e2e8f0!important;box-shadow:0 20px 48px -10px #0f172a29,0 0 0 1px #0f172a0d!important}[data-theme=dark] .dropdown-menu,[data-theme=night] .dropdown-menu,.dark .dropdown-menu{background:#0f172a!important;border-color:#ffffff1f!important;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff14!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{transform-origin:50%;display:inline-block;animation:.85s linear infinite spin!important}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.min-w-0{min-width:0!important}.truncate-balanced{text-wrap:balance;overflow-wrap:break-word;word-break:break-word;min-width:0}.truncate-pretty{text-wrap:pretty;overflow-wrap:break-word;word-break:break-word;min-width:0}.scroll-mask-track,.qb-filter-pills-row,.study-hub-nav-track,.adaptive-subject-tabs,.horizontal-exam-scroller{-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:-webkit-mask-image .2s cubic-bezier(.4,0,.2,1),mask-image .2s cubic-bezier(.4,0,.2,1);overflow-x:auto}.scroll-mask-track::-webkit-scrollbar{display:none}.qb-filter-pills-row::-webkit-scrollbar{display:none}.study-hub-nav-track::-webkit-scrollbar{display:none}.adaptive-subject-tabs::-webkit-scrollbar{display:none}.horizontal-exam-scroller::-webkit-scrollbar{display:none}.scroll-mask-track[data-can-scroll-right=true][data-can-scroll-left=false],.qb-filter-pills-row[data-can-scroll-right=true][data-can-scroll-left=false],.study-hub-nav-track[data-can-scroll-right=true][data-can-scroll-left=false],.adaptive-subject-tabs[data-can-scroll-right=true][data-can-scroll-left=false],.horizontal-exam-scroller[data-can-scroll-right=true][data-can-scroll-left=false]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000 100%)}.scroll-mask-track[data-can-scroll-right=true][data-can-scroll-left=true],.qb-filter-pills-row[data-can-scroll-right=true][data-can-scroll-left=true],.study-hub-nav-track[data-can-scroll-right=true][data-can-scroll-left=true],.adaptive-subject-tabs[data-can-scroll-right=true][data-can-scroll-left=true],.horizontal-exam-scroller[data-can-scroll-right=true][data-can-scroll-left=true]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24px calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24px calc(100% - 36px),#0000 100%)}.scroll-mask-track[data-can-scroll-right=false][data-can-scroll-left=true],.qb-filter-pills-row[data-can-scroll-right=false][data-can-scroll-left=true],.study-hub-nav-track[data-can-scroll-right=false][data-can-scroll-left=true],.adaptive-subject-tabs[data-can-scroll-right=false][data-can-scroll-left=true],.horizontal-exam-scroller[data-can-scroll-right=false][data-can-scroll-left=true]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24px 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24px 100%)}.scroll-mask-track[data-can-scroll-right=false][data-can-scroll-left=false],.qb-filter-pills-row[data-can-scroll-right=false][data-can-scroll-left=false],.study-hub-nav-track[data-can-scroll-right=false][data-can-scroll-left=false],.adaptive-subject-tabs[data-can-scroll-right=false][data-can-scroll-left=false],.horizontal-exam-scroller[data-can-scroll-right=false][data-can-scroll-left=false]{-webkit-mask-image:none!important;mask-image:none!important}.topbar-customize-pill{background:var(--theme-accent-soft,#f59e0b1a);border:1px solid var(--theme-border-accent,#f59e0b59);color:var(--primary-color,#d97706);cursor:pointer;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.76rem;font-weight:800;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 6px #0000000a}[data-theme=dark] .topbar-customize-pill,.dark .topbar-customize-pill{color:var(--primary-light,#fbbf24);background:#ffffff0f;border-color:#ffffff29}.topbar-customize-pill:hover{background:var(--primary-color,#f59e0b);color:#fff;border-color:var(--primary-color,#f59e0b);box-shadow:0 4px 14px var(--theme-border-accent,#f59e0b4d);transform:translateY(-1px)scale(1.03)}.topbar-customize-pill .customize-pill-icon{transition:transform .25s;display:inline-block}.topbar-customize-pill:hover .customize-pill-icon{transform:rotate(20deg)scale(1.15)}@media (width<=900px){.topbar-customize-pill .customize-pill-text{display:none}.topbar-customize-pill{border-radius:12px;padding:.35rem .5rem}}@media (width<=640px){.topbar-customize-pill{display:none!important}}@media (width<=768px){.btn-hotkey-pill,.hotkey-hint-banner,.mobile-hide-hotkey{display:none!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.content-area h1:not([class*=duo-]){font-size:clamp(1.2rem,5vw,2rem)}.content-area h2:not([class*=duo-]){font-size:clamp(1rem,4vw,1.5rem)}.cds-action-toolbar{flex-direction:column!important;gap:6px!important;width:100%!important}.cds-action-toolbar>button{justify-content:center!important;width:100%!important}.cds-deck-grid{grid-template-columns:1fr!important;gap:.8rem!important}.cds-deck-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.cds-search-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.cds-search-toolbar input,.cds-search-toolbar>div{flex:auto!important;width:100%!important;min-width:0!important}.cds-word-grid{grid-template-columns:1fr!important}.cds-fc-front-word{word-break:break-word!important;font-size:1.5rem!important}.cds-fc-back-meaning{font-size:1.15rem!important}.cds-fc-face{padding:1.2rem 1rem!important}.cds-fsrs-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.cds-fsrs-grid>button{padding:10px 6px!important;font-size:12px!important}.cds-fsrs-grid>button span[style]{font-size:9px!important}.cds-nav-buttons{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.cds-nav-buttons>button{flex:auto!important;min-width:0!important;padding:8px 14px!important;font-size:13px!important}.cds-word-modal{width:calc(100vw - 24px)!important;max-width:none!important;padding:1rem!important}.cds-modal-two-col{grid-template-columns:1fr!important}.cds-create-form input{flex:180px!important;min-width:0!important}.fv-mode-switcher{gap:0!important}.fv-mode-switcher>button{padding:5px 10px!important;font-size:12px!important}.fv-top-nav{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.fv-flashcard-inner{height:auto!important;min-height:260px!important}.fv-face{padding:1.2rem 1rem!important}.fv-front-word{word-break:break-word!important;font-size:1.6rem!important}.fv-front-phonetic{font-size:1rem!important}.fv-back-image{height:90px!important}.fv-quiz-title{font-size:1.3rem!important}.fv-quiz-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.fv-typing-title{font-size:1.3rem!important}.fv-rating-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.fv-rating-grid>button{padding:8px 4px!important;font-size:12px!important}.fv-rating-grid>button span{font-size:9px!important}.fv-hotkey-banner{display:none!important}}@media (width<=480px){.fv-quiz-grid{grid-template-columns:1fr!important}}@media (width<=768px){.col-card-grid{grid-template-columns:1fr!important;gap:.8rem!important}.col-search-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.col-search-toolbar input,.col-search-toolbar select{flex:auto!important;width:100%!important;min-width:0!important}.col-action-toolbar{flex-wrap:wrap!important;gap:6px!important}.col-action-toolbar>button{padding:6px 10px!important;font-size:12px!important}.tsl-card-grid{grid-template-columns:1fr!important;gap:.8rem!important}.tsl-search-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.tsl-search-toolbar input,.tsl-search-toolbar select{flex:auto!important;width:100%!important;min-width:0!important}.tsl-action-toolbar{flex-wrap:wrap!important;gap:6px!important}.tsl-action-toolbar>button{padding:6px 10px!important;font-size:12px!important}.fm-compact-toolbar{flex-wrap:wrap!important;gap:6px!important;padding:8px 10px!important}.fm-file-actions-inline{display:none!important}.fm-file-actions-dropdown{display:inline-flex!important}.fm-dropdown-menu{z-index:100;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;min-width:180px;padding:6px 0;animation:.15s fm-dropdown-in;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000026}.fm-dropdown-menu button{width:100%;color:var(--text-main,#1e293b);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;display:flex}.fm-dropdown-menu button:hover{background:var(--bg-hover,#f1f5f9)}@keyframes fm-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}@media (width>=900px){.fm-file-actions-dropdown,.fm-topic-accordion-card{display:none!important}}@media (width<=768px){.duo-question-card{border-radius:16px!important;padding:1.25rem 1rem!important}.duo-meta-row{flex-wrap:wrap!important;gap:.5rem!important}.duo-pipeline-track-row{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.duo-card-header{flex-wrap:wrap!important;gap:.5rem!important}.duo-stats-grid{grid-template-columns:1fr!important;gap:10px!important}}@media (width<=820px){.vn-clock-pill,.wifi-status-pill{display:none!important}}@media (width<=480px){.new-topbar{padding:.45rem .65rem!important}.topbar-greeting{font-size:clamp(.95rem,4.2vw,1.15rem)!important}.topbar-actions{gap:4px!important}.topbar-hamburger-btn,.top-icon-btn{width:44px!important;height:44px!important}.month-calendar-board,.cal-month-headers,.cal-month-grid,.dash-weekdays-row,.dash-dates-grid,.hhm-week-bar-grid,.hhm-month-heat-grid{box-sizing:border-box!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;max-width:100%!important}.month-calendar-board{gap:3px!important}.month-day-cell{min-height:44px!important;padding:2px 1px!important;font-size:10.5px!important}.cal-month-headers,.cal-month-grid{gap:2px!important}.cal-month-header-cell{padding:2px 0!important;font-size:9px!important}.cal-month-cell{border-radius:6px!important;min-height:44px!important;padding:2px 1px!important}.cal-month-date-num{width:18px!important;height:18px!important;font-size:10px!important}.cal-month-chip{padding:1.5px 3px!important;font-size:9px!important}.grid-3-col,.tsl-card-grid,.cds-deck-grid,.cds-word-grid,.col-card-grid,.kg-nodes-grid,.fma-topics-grid,.emergency-switches-grid,.council-slots-grid,.action-map-grid,.cal-ay-timeline-grid{grid-template-columns:1fr!important;gap:10px!important;width:100%!important}.quick-guide-overlay,.fsrs-master-modal-overlay,.spc-modal-overlay,.mobile-drawer-overlay{box-sizing:border-box!important;width:100%!important;max-width:100%!important}span.katex,.katex{vertical-align:middle!important;max-width:100%!important;display:inline-block!important}.katex .katex-html{vertical-align:middle!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;max-width:100%!important;overflow:auto hidden!important}[data-tooltip]:hover:after{white-space:normal!important;word-break:break-word!important;max-width:min(240px,100vw - 2rem)!important}.composer-mention-menu{box-sizing:border-box!important;width:min(300px,100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important}}.chip-snap-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;align-items:center;gap:8px;width:100%;max-width:100%;padding:4px 2px;display:flex;overflow-x:auto}.chip-snap-row::-webkit-scrollbar{display:none}.chip-snap-row>*{scroll-snap-align:start;flex-shrink:0}@media (width<=767.98px){:root{--sws-m-space-1:4px;--sws-m-space-2:8px;--sws-m-space-3:12px;--sws-m-space-4:16px;--sws-m-space-6:24px;--sws-m-radius-sm:12px;--sws-m-radius-md:16px;--sws-m-radius-lg:22px;--sws-m-weight-body:600;--sws-m-weight-title:800;--sws-m-font-caption:12px;--sws-m-font-small:13px;--sws-m-font-body:15px;--sws-m-font-title:17px;--sws-m-font-display:20px;--sws-m-touch-min:44px}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}.app-footer{margin-top:16px!important;padding:10px 12px!important}.app-footer .footer-content{gap:6px!important;font-size:11.5px!important}.app-footer .footer-badge{display:none!important}.hero-quote-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-quote-author{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-weight:600!important}.toeic-compact-hero-meta{display:none!important}.study-hub-nav-track{max-width:100%;flex-wrap:nowrap!important;overflow-x:auto!important}.study-hub-nav-track>*{white-space:nowrap!important;flex:none!important;max-width:none!important}.master-goal-card{min-width:0!important}.phc-view-switcher{scrollbar-width:none;max-width:100%;flex-wrap:nowrap!important;overflow-x:auto!important}.phc-view-switcher .zen-view-btn{white-space:nowrap!important;flex:none!important;gap:4px!important;padding:6px 10px!important;font-size:12.5px!important}.phc-view-switcher .zen-view-btn span{text-overflow:clip!important;max-width:none!important;overflow:visible!important}.pcb-toggle-sidebar-btn span{display:none!important}.pcb-toggle-sidebar-btn{padding:9px!important}.qb-filter-label{display:none!important}.qb-fsrs-filter-bar{gap:6px!important}.qb-filter-pill,.qb-bulk-select-btn{padding:6px 10px!important;font-size:12.5px!important}.qb-mobile-subject-bar{margin-bottom:10px!important}.qb-top-header{row-gap:8px!important}}