.course-detail-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:calc(100vh - 80px);padding:100px 20px 60px;animation:.6s ease-out pageLoad;position:relative}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-detail-container{max-width:1400px;margin:0 auto;padding:28px 120px 48px 28px}.course-detail-header{margin-bottom:40px}.business-english-status-note{color:#8a5400;background:linear-gradient(135deg,#fff8ebf2 0%,#fff3d6eb 100%);border:1px solid #f59e0b38;border-radius:14px;align-items:center;gap:12px;margin:-8px 0 24px;padding:14px 18px;display:flex;box-shadow:0 2px 12px #f59e0b14}.business-english-status-note i{color:#d97706;font-size:16px}.business-english-status-note span{font-size:14px;font-weight:600;line-height:1.5}.course-detail-page .back-link{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.course-detail-page .back-link:hover{color:#0245ae;background:#f0f7ff;border-color:#0245ae;transform:translate(-5px)}.course-detail-page .back-link i{font-size:12px;transition:transform .3s}.course-detail-page .back-link:hover i{transform:translate(-3px)}.course-hero{background:#fff;border:2px solid #e2e8f0;border-radius:24px;align-items:flex-start;gap:32px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.course-hero-icon{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:56px;animation:3s ease-in-out infinite iconFloat;display:flex;box-shadow:0 10px 40px #0245ae4d}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.course-hero-content{flex:1}.course-category-badge{color:#0245ae;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border:1px solid #0245ae33;border-radius:20px;margin-bottom:16px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-block}.course-title-main{background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.2}.course-description-main{color:#64748b;max-width:600px;margin:0 0 24px;font-size:16px;line-height:1.7}.course-stats-row{flex-wrap:wrap;gap:16px;display:flex}.course-stat{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.course-stat:hover{background:#f0f7ff;border-color:#0245ae;transform:translateY(-2px);box-shadow:0 4px 12px #0245ae1a}.course-stat i{color:#0245ae;font-size:16px}.lessons-filters-section{background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:24px 28px;box-shadow:0 2px 12px #0000000a}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-group{flex-direction:column;gap:8px;min-width:180px;display:flex}.filter-group.filter-search{flex:1;min-width:200px}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.filter-select{color:#1e293b;cursor:pointer;appearance:auto;-webkit-appearance:menulist;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s}.filter-select:hover{border-color:#0245ae}.filter-select:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.filter-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.filter-group .lessons-search{margin-bottom:0}.filter-group .lessons-search input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;padding:14px 18px 14px 48px}.filter-group .lessons-search input::placeholder{color:#94a3b8}.filter-group .lessons-search input:focus{border-color:#0245ae;box-shadow:0 0 0 3px #0245ae1a}.filter-group .lessons-search i{color:#64748b}.btn-clear-filters{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-clear-filters:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-2px)}.lessons-search-section{margin-bottom:24px}.lessons-search{width:100%;position:relative}.lessons-search i{color:#64748b;font-size:16px;transition:color .3s;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.lessons-search input{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:14px;width:100%;padding:16px 18px 16px 52px;font-size:15px;transition:all .3s}.lessons-search input:focus{border-color:#0245ae;outline:none;box-shadow:0 0 0 3px #0245ae1a}.lessons-search input:focus+i,.lessons-search:focus-within i{color:#0245ae}.lessons-search input::placeholder{color:#94a3b8}.lessons-grouped{flex-direction:column;gap:16px;display:flex}.level-group{background:#fff;border:2px solid #e2e8f0;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 12px #0000000a}.level-group:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #00000014}.level-group.expanded{border-color:#0245ae;box-shadow:0 8px 30px #0245ae26}.level-header{cursor:pointer;background:linear-gradient(135deg,#0245ae08 0%,#4a9eff08 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:24px 28px;transition:all .3s;display:flex}.level-header:hover{background:linear-gradient(135deg,#0245ae0f 0%,#4a9eff0f 100%)}.level-info{align-items:center;gap:20px;display:flex}.level-badge-large{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:12px;align-items:center;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0245ae4d}.level-lesson-count{color:#64748b;font-size:14px;font-weight:500}.level-header i{color:#64748b;font-size:16px;transition:all .3s}.level-group.expanded .level-header i{color:#0245ae;transform:rotate(180deg)}.level-content{flex-direction:column;gap:10px;padding:8px 20px 20px;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chapter-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;transition:all .3s;overflow:hidden}.chapter-group:hover{background:#f1f5f9}.chapter-group.expanded{background:#fff;border-color:#0245ae;box-shadow:0 2px 12px #0245ae1a}.chapter-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .3s;display:flex}.chapter-header:hover{background:#0245ae0a}.chapter-info{align-items:center;gap:14px;display:flex}.chapter-title{color:#1e293b;font-size:14px;font-weight:600}.chapter-lesson-count{color:#334155;letter-spacing:.2px;background:#f1f5f9;border:1px solid #d6dee9;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.chapter-header i{color:#94a3b8;font-size:12px;transition:all .3s}.chapter-group.expanded .chapter-header i{color:#0245ae;transform:rotate(180deg)}.chapter-lessons{flex-direction:column;gap:8px;padding:0 14px 14px;animation:.3s ease-out slideDown;display:flex}.lessons-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden}.lessons-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.lessons-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:11px;font-weight:700}.lessons-table th:last-child{text-align:center;width:60px}.lesson-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s}.lesson-row:last-child{border-bottom:none}.lesson-row:hover{background:#f0f7ff}.lesson-row td{color:#334155;vertical-align:middle;padding:14px 16px;font-size:14px}.lesson-col-number{color:#1e293b;text-align:center;width:80px;font-weight:600}.lesson-col-skill{color:#64748b;width:120px;font-weight:500}.lesson-col-title{color:#1e293b;font-weight:600}.lesson-col-goal{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:13px;overflow:hidden}.lesson-col-action{text-align:center;width:60px}.lesson-col-action .btn-start-lesson{margin-left:0}.lesson-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.lesson-item:hover{background:#f0f7ff;border-color:#0245ae;transform:translate(8px);box-shadow:0 4px 20px #0245ae1f}.lesson-item-info{flex:1;min-width:0}.lesson-item-number{color:#0245ae;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%);border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.lesson-item-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:14px;font-weight:600;overflow:hidden}.lesson-item-goal{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.btn-start-lesson{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0245ae4d}.btn-start-lesson:hover{transform:scale(1.1);box-shadow:0 6px 25px #0245ae66}.btn-start-lesson i{font-size:12px}.chapter-empty{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;font-style:italic;display:flex}.chapter-empty i{font-size:14px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.lesson-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.lesson-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0245ae 0%,#4a9eff 50%,#0245ae 100%);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.lesson-thumbnail{background-position:50%;background-size:cover;height:160px;position:relative;overflow:hidden}.lesson-thumbnail:after{content:"";background:linear-gradient(#0000 0%,#0006 100%);position:absolute;inset:0}.lesson-thumbnail-overlay{z-index:1;justify-content:flex-start;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.level-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border-radius:8px;padding:6px 14px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0245ae4d}.lesson-content{flex:1;padding:20px 24px}.lesson-chapter{color:#0245ae;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:700}.lesson-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.lesson-goal{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.lesson-meta{color:#94a3b8;gap:16px;font-size:12px;display:flex}.lesson-sections,.lesson-date{align-items:center;gap:6px;display:flex}.lesson-sections i,.lesson-date i{color:#0245ae;font-size:12px}.lesson-action{border-top:1px solid #f1f5f9;padding:16px 24px 20px}.btn-open-lesson{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0245ae4d}.btn-open-lesson:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0245ae66}.btn-open-lesson i{font-size:12px;transition:transform .3s}.btn-open-lesson:hover i{transform:translate(3px)}.lessons-loading,.lessons-error,.lessons-empty{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;padding:80px 40px;box-shadow:0 2px 12px #0000000a}.lessons-loading .spinner,.error-icon,.empty-icon{margin:0 auto 24px}.spinner{border:3px solid #e2e8f0;border-top-color:#0245ae;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lessons-loading p{color:#64748b;font-size:15px}.error-icon,.empty-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.error-icon{color:#dc2626;background:#fef2f2}.empty-icon{color:#0245ae;background:linear-gradient(135deg,#0245ae1a 0%,#4a9eff1a 100%)}.lessons-error h3,.lessons-empty h3{color:#1e293b;margin:0 0 12px;font-size:22px;font-weight:700}.lessons-error p,.lessons-empty p{color:#64748b;margin:0 0 24px;font-size:15px}.btn-retry,.btn-reset{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-retry{color:#fff;background:linear-gradient(135deg,#0245ae 0%,#4a9eff 100%);box-shadow:0 4px 15px #0245ae4d}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0245ae66}.btn-reset{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0}.btn-reset:hover{background:#f0f7ff;border-color:#0245ae;transform:translateY(-2px)}@media (width<=1024px){.course-detail-container{padding:20px}}@media (width<=768px){.course-detail-page{padding:100px 16px 40px}.course-hero{text-align:center;flex-direction:column;padding:28px}.course-hero-icon{align-self:center;width:100px;height:100px;font-size:48px}.course-title-main{font-size:28px}.course-description-main{font-size:14px}.course-stats-row{flex-wrap:wrap;justify-content:center;gap:12px}.filters-row{flex-direction:column;align-items:stretch}.filter-group,.filter-group.filter-search{min-width:100%}.btn-clear-filters{justify-content:center;width:100%}.lessons-grid{grid-template-columns:1fr;gap:20px}.level-header{padding:18px 20px}.level-info{flex-direction:column;align-items:flex-start;gap:10px}.chapter-header{padding:14px 16px}.lesson-item{padding:14px}}@media (width<=480px){.course-hero{padding:24px 20px}.course-hero-icon{width:80px;height:80px;font-size:40px}.course-title-main{font-size:24px}.lesson-thumbnail{height:140px}}[data-theme=dark] .course-detail-page{background:var(--fxv-bg)}[data-theme=dark] .course-detail-page .back-link,[data-theme=dark] .course-hero,[data-theme=dark] .course-stat,[data-theme=dark] .lessons-filters-section,[data-theme=dark] .level-group,[data-theme=dark] .level-header,[data-theme=dark] .level-content,[data-theme=dark] .chapter-group,[data-theme=dark] .lessons-table,[data-theme=dark] .lesson-card,[data-theme=dark] .lessons-loading,[data-theme=dark] .lessons-error,[data-theme=dark] .lessons-empty,[data-theme=dark] .filter-select,[data-theme=dark] .filter-group .lessons-search input,[data-theme=dark] .btn-clear-filters{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .course-title-main,[data-theme=dark] .lesson-title,[data-theme=dark] .chapter-title{color:var(--fxv-text);-webkit-text-fill-color:currentColor}[data-theme=dark] .course-description-main,[data-theme=dark] .filter-label,[data-theme=dark] .level-lesson-count,[data-theme=dark] .chapter-lesson-count,[data-theme=dark] .lesson-goal,[data-theme=dark] .lesson-meta,[data-theme=dark] .lessons-empty,[data-theme=dark] .lessons-loading,[data-theme=dark] .lessons-error,[data-theme=dark] .course-stat span,[data-theme=dark] .lessons-loading p,[data-theme=dark] .lessons-error p,[data-theme=dark] .lessons-empty p{color:var(--fxv-text-muted)}[data-theme=dark] .level-badge-large{color:#f8fafc}[data-theme=dark] .chapter-lesson-count{color:#e2e8f0;background:#94a3b829;border-color:#94a3b859}[data-theme=dark] .lessons-error h3,[data-theme=dark] .lessons-empty h3{color:var(--fxv-text)}[data-theme=dark] .empty-icon{color:#7eb3ff;background:#3b82f61f;border:1px solid #60a5fa2e}[data-theme=dark] .course-stat i,[data-theme=dark] .filter-group .lessons-search i,[data-theme=dark] .level-header i,[data-theme=dark] .chapter-header i{color:#7eb3ff}[data-theme=dark] .course-category-badge{color:#9fc5ff;background:#3b82f61f;border-color:#60a5fa2e}[data-theme=dark] .filter-group .lessons-search input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .chapter-lessons{background:0 0}[data-theme=dark] .business-english-status-note{color:#f7c26b;box-shadow:none;background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .business-english-status-note i{color:#f59e0b}[data-theme=dark] .lessons-table thead{border-bottom-color:var(--fxv-border);background:#303030}[data-theme=dark] .lessons-table th{color:var(--fxv-text-soft)}[data-theme=dark] .lesson-row{background:#242424;border-bottom-color:#ffffff0f}[data-theme=dark] .lesson-row:nth-child(2n){background:#2a2a2a}[data-theme=dark] .lesson-row:hover{background:#313131}[data-theme=dark] .lesson-row td,[data-theme=dark] .lesson-col-skill,[data-theme=dark] .lesson-col-goal{color:var(--fxv-text-muted)}[data-theme=dark] .lesson-col-number,[data-theme=dark] .lesson-col-title{color:var(--fxv-text)}.session-expired-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-expired-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-expired-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.session-expired-icon i{color:#fff;font-size:36px}.session-expired-modal h2{color:#1f2937;margin:0 0 12px;font-size:24px;font-weight:600}.session-expired-modal p{color:#6b7280;margin:0 0 20px;font-size:15px;line-height:1.5}.session-expired-note{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.session-expired-note i{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:18px}.session-expired-note span{color:#15803d;font-size:13px;line-height:1.4}.session-expired-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.session-expired-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.session-expired-btn i{font-size:20px}@media (prefers-color-scheme:dark){.session-expired-modal{background:#1f2937}.session-expired-modal h2{color:#f9fafb}.session-expired-modal p{color:#9ca3af}.session-expired-note{background:#064e3b;border-color:#065f46}.session-expired-note span,.session-expired-note i{color:#6ee7b7}}.session-modal-overlay{z-index:1100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-modal{background:#fff;border-radius:12px;width:340px;padding:1.25rem 1.5rem;box-shadow:0 12px 32px #00000040}.session-title{color:#0f172a;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.session-body{color:#334155;margin-bottom:.75rem}.session-actions{justify-content:flex-end;gap:.5rem;display:flex}.session-refresh{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;padding:.45rem .75rem;font-weight:600}.session-dismiss{color:#0f172a;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:.45rem .75rem;font-weight:600}.dark-mode .session-modal{background:#1f2937}.dark-mode .session-title{color:#e5e7eb}.dark-mode .session-body{color:#cbd5e1}.dark-mode .session-dismiss{color:#e5e7eb;background:#374151}.privacy-policy-page{flex-direction:column;min-height:100vh;display:flex}.privacy-hero{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#000000b3),url(/assets/img/banner/privacy-banner.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:180px 0 100px;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px;margin:0 auto;padding:0 20px;position:relative}.privacy-hero .title{text-shadow:0 2px 4px #0000004d;color:#fff;margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.2}.privacy-hero .title .text-accent{color:#6dbe45;text-shadow:0 2px 8px #00000080}.hero-subtitle{color:#fff;text-shadow:0 1px 3px #0000004d;opacity:.95;max-width:700px;margin:0 auto 30px;font-size:1.2rem;font-weight:400;line-height:1.6}.privacy-policy-section{background-color:var(--bg-color,#f8f9fa);color:var(--text-color,#2d3748);flex:1;padding:80px 0}.dark-mode .privacy-policy-section{--bg-color:#1a1a1a;--text-color:#e2e8f0;--heading-color:#fff;--border-color:#333;--card-bg:#1f1f1f;--text-muted:#a0aec0}.privacy-policy-section .section-header{text-align:center;margin-bottom:3rem}.privacy-policy-section .section-title{color:var(--heading-color,#2d3748);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.privacy-policy-section .section-subtitle{color:var(--text-muted,#4a5568);font-size:1.125rem}.privacy-content{background:var(--card-bg,#fff);border-radius:12px;max-width:900px;margin:0 auto;padding:3rem;box-shadow:0 4px 20px #0000000d}.privacy-section{margin-bottom:2.5rem}.privacy-heading{color:var(--heading-color,#2d3748);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600;position:relative}.privacy-heading:after{content:"";background:var(--primary-color,#6dbe45);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.privacy-text{color:var(--text-color,#2d3748);margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.privacy-list{margin:1.5rem 0;padding-left:1.5rem}.privacy-list li{color:var(--text-color,#2d3748);margin-bottom:.75rem;line-height:1.6;position:relative}.privacy-list li:before{content:"•";color:var(--primary-color,#6dbe45);width:1em;margin-left:-1em;font-weight:700;display:inline-block}.text-accent{color:var(--primary-color,#6dbe45)}@media (width<=991px){.privacy-content{padding:2rem}}@media (width<=767px){.privacy-policy-section{padding:60px 0}.privacy-policy-section .section-title{font-size:2rem}.privacy-content{padding:1.5rem}.privacy-heading{font-size:1.35rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fxv-accent:#0245ae;--fxv-accent-strong:#4a9eff;--fxv-accent-soft:#0245ae24;--fxv-bg:#f4f8ff;--fxv-bg-elevated:#ffffffeb;--fxv-surface:#fff;--fxv-surface-muted:#f8fafc;--fxv-surface-soft:#eef4ff;--fxv-border:#0f172a14;--fxv-border-strong:#0245ae2e;--fxv-text:#0f172a;--fxv-text-muted:#64748b;--fxv-text-soft:#94a3b8;--fxv-shadow-sm:0 8px 24px #0f172a14;--fxv-shadow-md:0 18px 42px #0245ae24;--fxv-shadow-lg:0 26px 60px #0245ae29;--background-color:var(--fxv-bg);--card-background:var(--fxv-surface);--text-color:var(--fxv-text);--secondary-text:var(--fxv-text-muted);--border-color:#e2e8f0f2;--primary-text-color:var(--fxv-text);--secondary-text-color:var(--fxv-text-muted);--card-box-shadow:var(--fxv-shadow-sm);--bg-hover:#0245ae14;--success-color:#16a34a;--primary-color:var(--fxv-accent);--primary-light:#0245ae1f;--bg-primary:var(--fxv-bg);--bg-card:var(--fxv-surface);--card-bg:var(--fxv-surface);--card-bg-dark:#1e1e1e;--page-background:var(--fxv-bg);--text-primary:var(--fxv-text);--text-secondary:var(--fxv-text-muted);--primary:var(--fxv-accent);--primary-dark:#023a8f;--primary-hover:var(--fxv-accent-strong);--dashboard-bg:var(--fxv-bg);--dashboard-bg-dark:#1a1a1a;--scrollbar-thumb:#0245ae4d;--scrollbar-thumb-dark:#ffffff24;--secondary-button-bg:#0245ae14;--secondary-button-text:var(--fxv-accent);--dark-page-background:#1a1a1a;--dark-primary-text-color:#f3f4f6;--dark-secondary-text-color:#a3a3a3;--dark-secondary-button-bg:#232323;--dark-secondary-button-text:#e5e7eb;--section-background-color:var(--fxv-bg)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fxv-accent:#2563eb;--fxv-accent-strong:#60a5fa;--fxv-accent-soft:#7cb8ff2e;--fxv-bg:#1a1a1a;--fxv-bg-elevated:#1a1a1af0;--fxv-surface:#1e1e1e;--fxv-surface-muted:#232323;--fxv-surface-soft:#2a2a2a;--fxv-border:#ffffff17;--fxv-border-strong:#7cb8ff3d;--fxv-text:#f3f4f6;--fxv-text-muted:#a3a3a3;--fxv-text-soft:#737373;--fxv-shadow-sm:0 4px 14px #00000029;--fxv-shadow-md:0 10px 26px #00000038;--fxv-shadow-lg:0 18px 42px #00000047;--background-color:var(--fxv-bg);--card-background:var(--fxv-surface);--text-color:var(--fxv-text);--secondary-text:var(--fxv-text-muted);--border-color:var(--fxv-border);--primary-text-color:var(--fxv-text);--secondary-text-color:var(--fxv-text-muted);--card-box-shadow:var(--fxv-shadow-sm);--bg-hover:#7cb8ff1f;--success-color:#4ade80;--primary-color:var(--fxv-accent);--primary-light:#7cb8ff24;--bg-primary:var(--fxv-bg);--bg-card:var(--fxv-surface);--card-bg:var(--fxv-surface);--page-background:var(--fxv-bg);--text-primary:var(--fxv-text);--text-secondary:var(--fxv-text-muted);--primary:var(--fxv-accent);--primary-dark:#1d4ed8;--primary-hover:var(--fxv-accent-strong);--secondary-button-bg:#ffffff0f;--secondary-button-text:var(--fxv-text);--section-background-color:var(--fxv-bg)}html,body{background:var(--fxv-bg);color:var(--fxv-text);transition:background-color .22s,color .22s}body{background-image:radial-gradient(circle at 0 0,#4a9eff29,#0000 36%),linear-gradient(#f4f8ff 0%,#e9f0ff 100%);background-attachment:fixed}[data-theme=dark] body{background-image:none;background-color:var(--fxv-bg)}#app,.App{min-height:100vh;color:inherit}main,.main-content,.main-wrapper,.dashboard-container,.dashboard-content{color:inherit;background:0 0}::selection{color:var(--fxv-text);background:#4a9eff3d}[data-theme=dark] ::selection{color:#f8fbff;background:#7cb8ff47}[data-theme=dark] main,[data-theme=dark] .main-content,[data-theme=dark] .home-page-main,[data-theme=dark] .schedule-page,[data-theme=dark] .materials-page,[data-theme=dark] .inbox-page,[data-theme=dark] .lesson-page,[data-theme=dark] .student-profile-page,[data-theme=dark] .purchase-history-page,[data-theme=dark] .course-detail-page,[data-theme=dark] .daily-dispatch-page,[data-theme=dark] .lesson-fullpage,[data-theme=dark] .register-container,[data-theme=dark] .ddp-container{color:var(--fxv-text)}[data-theme=dark] .dashboard-container,[data-theme=dark] .main-wrapper{background:var(--fxv-bg)}[data-theme=dark] .menu-area,[data-theme=dark] #sticky-header,[data-theme=dark] .dashboard-header{color:var(--fxv-text);border-bottom:1px solid var(--fxv-border);box-shadow:var(--fxv-shadow-sm);background:#1a1a1af0}[data-theme=dark] .brand-text,[data-theme=dark] .navigation>li>a,[data-theme=dark] .menu-area .menu-nav .logo+.brand-text,[data-theme=dark] .dashboard-header,[data-theme=dark] .dashboard-header *{color:var(--fxv-text)}[data-theme=dark] .navigation>li>a:hover,[data-theme=dark] .navigation>li.active>a,[data-theme=dark] .brand-x{color:var(--fxv-accent-strong)}[data-theme=dark] .menu-wrap.main-menu,[data-theme=dark] .menu-nav,[data-theme=dark] .mobile-menu .menu-box,[data-theme=dark] .mobile-menu-header{background:var(--fxv-surface);color:var(--fxv-text)}[data-theme=dark] .mobile-nav .nav-link,[data-theme=dark] .close-btn,[data-theme=dark] .social-links-title{color:var(--fxv-text)}[data-theme=dark] .mobile-nav .nav-link:hover,[data-theme=dark] .mobile-nav .nav-link:focus-visible{background:var(--fxv-surface-soft);color:var(--fxv-accent-strong)}[data-theme=dark] .login-btn{box-shadow:0 10px 24px #2563eb38}[data-theme=dark] .theme-btn,[data-theme=dark] .dashboard-theme-btn{color:#fbbf24;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .theme-btn:hover,[data-theme=dark] .dashboard-theme-btn:hover{color:#fde68a;background:#ffffff14}[data-theme=dark] .sidebar,[data-theme=dark] .sidebar-logo,[data-theme=dark] .sidebar-icon ul li a{color:var(--fxv-text);background:#1e1e1e}[data-theme=dark] .sidebar{border-right:1px solid var(--fxv-border)}[data-theme=dark] .sidebar-icon ul li a{box-shadow:none;border-color:#ffffff14}[data-theme=dark] .sidebar-icon ul li a i{color:#d4d4d8}[data-theme=dark] .sidebar-icon ul li a:hover{background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)}[data-theme=dark] .sidebar-icon ul li a:hover i,[data-theme=dark] .sidebar-icon ul li.active a i{color:#fff}[data-theme=dark] .philippine-clock,[data-theme=dark] .inbox-btn,[data-theme=dark] .notification-btn,[data-theme=dark] .dashboard-theme-btn{color:var(--fxv-text-muted);background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .clock-time{color:var(--fxv-text)}[data-theme=dark] .clock-date{color:var(--fxv-text-muted)}[data-theme=dark] .home-page-main,[data-theme=dark] .schedule-page,[data-theme=dark] .materials-page,[data-theme=dark] .lesson-page,[data-theme=dark] .purchase-history-page,[data-theme=dark] .course-detail-page{background:var(--fxv-bg)}[data-theme=dark] .home-quick-actions .quick-action-card,[data-theme=dark] .home-card,[data-theme=dark] .schedule-tabs,[data-theme=dark] .schedule-card,[data-theme=dark] .skeleton-card,[data-theme=dark] .materials-search input,[data-theme=dark] .category-tab,[data-theme=dark] .course-card,[data-theme=dark] .messages-list,[data-theme=dark] .message-detail,[data-theme=dark] .lesson-card,[data-theme=dark] .lesson-notification,[data-theme=dark] .profile-header-card,[data-theme=dark] .stat-card,[data-theme=dark] .tabs-container,[data-theme=dark] .content-card,[data-theme=dark] .session-card,[data-theme=dark] .material-card,[data-theme=dark] .purchase-stat-card,[data-theme=dark] .purchase-history-content,[data-theme=dark] .course-hero,[data-theme=dark] .lessons-filters-section,[data-theme=dark] .level-content,[data-theme=dark] .chapter-group,[data-theme=dark] .lessons-table,[data-theme=dark] .lesson-card,[data-theme=dark] .dispatch-search,[data-theme=dark] .dispatch-category-select,[data-theme=dark] .dispatch-card,[data-theme=dark] .dispatch-article-card,[data-theme=dark] .ddp-sidebar-section,[data-theme=dark] .lesson-back-btn,[data-theme=dark] .lesson-fullpage-error .error-icon{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .lesson-back-btn,[data-theme=dark] .dispatch-search,[data-theme=dark] .dispatch-category-select,[data-theme=dark] .materials-search input,[data-theme=dark] .filter-select,[data-theme=dark] .filter-group .lessons-search input,[data-theme=dark] .cancel-modal,[data-theme=dark] .cancel-modal-btn.cancel-btn{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border)}[data-theme=dark] .home-card-title,[data-theme=dark] .quick-action-title,[data-theme=dark] .schedule-title,[data-theme=dark] .materials-page-title,[data-theme=dark] .message-title,[data-theme=dark] .detail-title,[data-theme=dark] .lesson-page-title,[data-theme=dark] .profile-page-title,[data-theme=dark] .profile-name,[data-theme=dark] .purchase-history-title,[data-theme=dark] .purchase-stat-value,[data-theme=dark] .course-title,[data-theme=dark] .course-title-main,[data-theme=dark] .dispatch-title,[data-theme=dark] .dispatch-card-title,[data-theme=dark] .lesson-fullpage-error h3{color:var(--fxv-text);-webkit-text-fill-color:currentColor}[data-theme=dark] .home-page-main p,[data-theme=dark] .quick-action-desc,[data-theme=dark] .schedule-subtitle,[data-theme=dark] .lesson-detail,[data-theme=dark] .materials-page-subtitle,[data-theme=dark] .course-description,[data-theme=dark] .message-snippet,[data-theme=dark] .detail-body,[data-theme=dark] .lesson-page-subtitle,[data-theme=dark] .classroom-message,[data-theme=dark] .profile-page-subtitle,[data-theme=dark] .rating-count,[data-theme=dark] .card-text,[data-theme=dark] .note-text,[data-theme=dark] .purchase-history-subtitle,[data-theme=dark] .purchase-stat-label,[data-theme=dark] .course-description-main,[data-theme=dark] .course-stat,[data-theme=dark] .dispatch-subtitle,[data-theme=dark] .dispatch-card-topic,[data-theme=dark] .dispatch-card-date,[data-theme=dark] .dispatch-empty,[data-theme=dark] .lesson-fullpage-loading p,[data-theme=dark] .lesson-fullpage-error p{color:var(--fxv-text-muted)}[data-theme=dark] .schedule-tab,[data-theme=dark] .schedule-timezone,[data-theme=dark] .inbox-filters .filter-btn,[data-theme=dark] .lesson-back-btn-header,[data-theme=dark] .back-button,[data-theme=dark] .tab-button,[data-theme=dark] .purchase-history-error button,[data-theme=dark] .empty-action-btn,[data-theme=dark] .course-detail-page .back-link,[data-theme=dark] .btn-clear-filters,[data-theme=dark] .dispatch-header .back-link,[data-theme=dark] .ddp-btn{color:var(--fxv-text);background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .schedule-tab:hover,[data-theme=dark] .inbox-filters .filter-btn:hover,[data-theme=dark] .lesson-back-btn-header:hover,[data-theme=dark] .back-button:hover,[data-theme=dark] .tab-button:hover,[data-theme=dark] .course-detail-page .back-link:hover,[data-theme=dark] .btn-clear-filters:hover,[data-theme=dark] .dispatch-header .back-link:hover,[data-theme=dark] .ddp-btn:hover{color:var(--fxv-accent-strong);background:#ffffff14;border-color:#7cb8ff3d}[data-theme=dark] .schedule-tab.active,[data-theme=dark] .inbox-filters .filter-btn.active,[data-theme=dark] .category-tab.active,[data-theme=dark] .tab-button.active,[data-theme=dark] .purchase-history-action-btn,[data-theme=dark] .btn-book-again,[data-theme=dark] .btn-join-classroom,[data-theme=dark] .btn-view-tutor,[data-theme=dark] .btn-open-lesson,[data-theme=dark] .dispatch-error button,[data-theme=dark] .lesson-fullpage-error .btn-back{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);border-color:#0000;box-shadow:0 10px 24px #2563eb38}[data-theme=dark] .tab-count,[data-theme=dark] .schedule-tab:not(.active) .tab-count,[data-theme=dark] .filter-count,[data-theme=dark] .message-category,[data-theme=dark] .profile-id-badge,[data-theme=dark] .course-category-badge{color:#bfdbfe;background:#7cb8ff1f}[data-theme=dark] .schedule-timezone,[data-theme=dark] .course-stat:hover,[data-theme=dark] .schedule-tab:hover{background:#7cb8ff14}[data-theme=dark] .inbox-error,[data-theme=dark] .lesson-notification,[data-theme=dark] .purchase-history-error,[data-theme=dark] .dispatch-error{background:#ef44441a;border-color:#ef444433}[data-theme=dark] .message-item,[data-theme=dark] .detail-header,[data-theme=dark] .session-timeline-item,[data-theme=dark] .material-card,[data-theme=dark] .purchase-card,[data-theme=dark] .lesson-row,[data-theme=dark] .dispatch-card,[data-theme=dark] .ddp-sidebar-search input,[data-theme=dark] .ddp-sidebar-search-btn{border-color:var(--fxv-border)}[data-theme=dark] .message-item:hover,[data-theme=dark] .message-item.selected{background:#7cb8ff14}[data-theme=dark] .message-item.unread{background:#ffffff08}[data-theme=dark] .inbox-empty,[data-theme=dark] .inbox-loading,[data-theme=dark] .schedule-empty,[data-theme=dark] .purchase-history-empty,[data-theme=dark] .lessons-empty{color:var(--fxv-text-muted)}[data-theme=dark] .dispatch-search input,[data-theme=dark] .materials-search input,[data-theme=dark] .filter-select,[data-theme=dark] .filter-group .lessons-search input,[data-theme=dark] .ddp-sidebar-search input{color:var(--fxv-text)}[data-theme=dark] .dispatch-search input::placeholder,[data-theme=dark] .materials-search input::placeholder,[data-theme=dark] .filter-group .lessons-search input::placeholder,[data-theme=dark] .ddp-sidebar-search input::placeholder{color:var(--fxv-text-soft)}[data-theme=dark] .course-detail-page .back-link,[data-theme=dark] .schedule-timezone,[data-theme=dark] .back-button,[data-theme=dark] .lesson-back-btn-header,[data-theme=dark] .lesson-back-btn,[data-theme=dark] .dispatch-header .back-link{box-shadow:none}[data-theme=dark] .ddp-container,[data-theme=dark] .ddp-loading,[data-theme=dark] .ddp-error{background:var(--fxv-bg);color:var(--fxv-text)}[data-theme=dark] .ddp-container{--ddp-white:#1e1e1e;--ddp-black:#f3f4f6;--ddp-gray-50:#1a1a1a;--ddp-gray-100:#232323;--ddp-gray-200:#2d2d2d;--ddp-gray-300:#3a3a3a;--ddp-gray-400:#737373;--ddp-gray-500:#8a8a8a;--ddp-gray-600:#a3a3a3;--ddp-gray-700:#d4d4d8;--ddp-gray-800:#e4e4e7;--ddp-gray-900:#f4f4f5;--ddp-link:#93c5fd}[data-theme=dark] .ddp-header-bar{background:#111;border-bottom-color:#facc15a6}[data-theme=dark] .ddp-category-item{color:#9ca3af}[data-theme=dark] .ddp-category-item:hover{color:#f3f4f6}[data-theme=dark] .ddp-category-item.active{color:#fde047;border-bottom-color:#fde047}[data-theme=dark] .ddp-sidebar-search input,[data-theme=dark] .dispatch-category-select,[data-theme=dark] .filter-select{appearance:none}[data-theme=dark] .ddp-sidebar-search-btn{color:var(--fxv-text);background:#ffffff0d}[data-theme=dark] .ddp-sidebar-search-btn:hover{background:#ffffff1a}[data-theme=dark] .tutor-profile-page,[data-theme=dark] .yl-page,[data-theme=dark] .yl-lesson-page{background:var(--fxv-bg);color:var(--fxv-text)}[data-theme=dark] .profile-hero,[data-theme=dark] .profile-booking-card,[data-theme=dark] .hero-video-section,[data-theme=dark] .profile-tabs,[data-theme=dark] .content-section,[data-theme=dark] .schedule-table,[data-theme=dark] .yl-level,[data-theme=dark] .yl-unit,[data-theme=dark] .yl-lesson-card,[data-theme=dark] .yl-search-box,[data-theme=dark] .yl-section,[data-theme=dark] .yl-song,[data-theme=dark] .yl-story-book,[data-theme=dark] .yl-story-page,[data-theme=dark] .yl-activity-card,[data-theme=dark] .yl-complete,[data-theme=dark] .register-form-card{background:var(--fxv-surface);color:var(--fxv-text);border-color:var(--fxv-border);box-shadow:var(--fxv-shadow-sm)}[data-theme=dark] .profile-name,[data-theme=dark] .booking-card-title,[data-theme=dark] .section-title,[data-theme=dark] .yl-page-header h1,[data-theme=dark] .yl-level-name,[data-theme=dark] .yl-unit-name,[data-theme=dark] .yl-card-title,[data-theme=dark] .yl-lesson-title-area h1,[data-theme=dark] .yl-section-title,[data-theme=dark] .yl-song-title,[data-theme=dark] .yl-story-title,[data-theme=dark] .yl-activity-info h3,[data-theme=dark] .yl-complete-content h2,[data-theme=dark] .form-title{color:var(--fxv-text)}[data-theme=dark] .rating-count,[data-theme=dark] .profile-bio-short,[data-theme=dark] .meta-item,[data-theme=dark] .booking-card-subtitle,[data-theme=dark] .booking-note,[data-theme=dark] .section-content,[data-theme=dark] .yl-page-header p,[data-theme=dark] .yl-level-meta,[data-theme=dark] .yl-unit-meta,[data-theme=dark] .yl-card-lesson,[data-theme=dark] .yl-card-tag,[data-theme=dark] .yl-section-subtitle,[data-theme=dark] .yl-jp,[data-theme=dark] .yl-speech-bubble p,[data-theme=dark] .yl-preview-item span,[data-theme=dark] .yl-translation,[data-theme=dark] .yl-lyric-text p,[data-theme=dark] .yl-story-text p,[data-theme=dark] .yl-activity-info p,[data-theme=dark] .yl-complete-content p,[data-theme=dark] .form-description,[data-theme=dark] .form-hint,[data-theme=dark] .login-link-wrapper{color:var(--fxv-text-muted)}[data-theme=dark] .schedule-table thead th,[data-theme=dark] .slot,[data-theme=dark] .period-tab,[data-theme=dark] .tag,[data-theme=dark] .btn-favorite-star,[data-theme=dark] .btn-book-mobile,[data-theme=dark] .yl-search-box input,[data-theme=dark] .yl-back-button,[data-theme=dark] .yl-audio-button,[data-theme=dark] .yl-story-nav button,[data-theme=dark] .yl-home-button,[data-theme=dark] .form-input,[data-theme=dark] .form-input-with-icon,[data-theme=dark] .form-input-readonly,[data-theme=dark] .password-input,[data-theme=dark] .submit-btn{color:var(--fxv-text);background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .profile-tabs .tab-btn.active,[data-theme=dark] .period-tab.active,[data-theme=dark] .yl-story-nav button:not(:disabled):hover,[data-theme=dark] .yl-audio-button:hover,[data-theme=dark] .yl-home-button,[data-theme=dark] .submit-btn{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);border-color:#0000}[data-theme=dark] .yl-search-box input::placeholder,[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-input-with-icon::placeholder{color:var(--fxv-text-soft)}:root{--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8;--scrollbar-width:8px;--scrollbar-border-radius:4px}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-border-radius)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-border-radius);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.dark-mode,[data-theme=dark]{--scrollbar-track:#1f2937;--scrollbar-thumb:#4b5563;--scrollbar-thumb-hover:#6b7280}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-border-radius);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}