:root{--bg:#1a1a2e;--text:#e0e0e0;--nav-bg:#16162a;--border:#2a2a4a;--input-bg:#16162a;--hover:#1e1e3a;--muted:#888;--card-bg:#16162a;--card-border:#0f3460;--accent:#8ecae6;--selected-bg:#1a3a2a;--danger:#e74c3c;--primary:#3498db}[data-theme=light]{--bg:#fff;--text:#111;--nav-bg:#f5f5f5;--border:#ddd;--input-bg:#fff;--hover:#eee;--muted:#666;--card-bg:#fff;--card-border:#ccc;--accent:#111;--selected-bg:#e8e8e8;--danger:#c0392b;--primary:#111}[data-theme=light][data-bg=g1]{--bg:#f8f8f8;--nav-bg:#f0f0f0;--card-bg:#fff}[data-theme=light][data-bg=g2]{--bg:#f0f0f0;--nav-bg:#e8e8e8;--card-bg:#f8f8f8}[data-theme=light][data-bg=g3]{--bg:#e5e5e5;--nav-bg:#ddd;--card-bg:#f0f0f0}[data-theme=light][data-bg=g4]{--bg:#d4d4d4;--nav-bg:#ccc;--card-bg:#e5e5e5;--border:#bbb}[data-theme=light][data-bg=g5]{--bg:silver;--nav-bg:#b0b0b0;--card-bg:#d4d4d4;--border:#aaa;--muted:#555}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.co3-nav{background:var(--nav-bg);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 16px;display:flex}.co3-nav a{color:var(--muted);border-radius:4px;padding:6px 12px;text-decoration:none;transition:all .2s}.co3-nav a.active,.co3-nav a:hover{color:var(--accent);background:var(--hover)}.nav-sep{background:var(--border);opacity:.5;flex-shrink:0;width:1px;height:18px}.btn-more{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:13px}.btn-more:hover{color:var(--accent);border-color:var(--accent)}.nav-dropdown{background:var(--card-bg);border:1px solid var(--border);z-index:1000;border-radius:6px;min-width:160px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0000004d}.nav-dropdown a{white-space:nowrap;border-radius:4px;padding:6px 12px;display:block}.btn-theme{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:12px}.btn-theme:hover{border-color:var(--accent)}.user-badge{color:var(--muted);font-size:12px}.btn-logout{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.notif-bell-wrap{flex-shrink:0;position:relative}.btn-bell{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:14px;line-height:1;position:relative}.btn-bell:hover{border-color:var(--accent);color:var(--accent)}.notif-badge{background:var(--danger);color:#fff;text-align:center;pointer-events:none;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-6px}.notif-panel{background:var(--card-bg);border:1px solid var(--border);z-index:1000;border-radius:6px;width:280px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}.notif-panel-header{color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:12px;font-weight:700}.notif-empty{text-align:center;color:var(--muted);padding:24px 12px;font-size:13px}.notif-list{max-height:320px;overflow-y:auto}.notif-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;align-items:flex-start;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--hover)}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notif-content{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-msg{word-break:break-word;line-height:1.3}.notif-time{color:var(--muted);font-size:11px}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;width:360px;padding:40px}.login-card h1{text-align:center;color:var(--accent);margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:4px;padding:8px 12px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);outline:none}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.error-msg{color:var(--danger);margin-bottom:12px;font-size:13px}.login-card button[type=submit]{background:var(--primary);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:4px;padding:10px;font-size:14px}.login-card button[type=submit]:hover{opacity:.9}.login-card button[type=submit]:disabled{opacity:.5}.workbench{padding:8px}.toolbar{align-items:center;gap:12px;margin-bottom:8px;padding:8px;display:flex}.toolbar button{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:6px 16px}.toolbar button:hover{border-color:var(--accent)}.tree-controls{align-items:center;gap:8px;display:flex}.tree-controls select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:5px 8px;font-size:.82rem}.tree-depth-btns{gap:0;display:flex}.tree-depth-btns button{background:var(--card-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;padding:4px 10px;font-size:.75rem}.tree-depth-btns button:first-child{border-radius:4px 0 0 4px}.tree-depth-btns button:last-child{border-radius:0 4px 4px 0}.tree-depth-btns button:not(:first-child){border-left:none}.tree-depth-btns button.active{background:var(--accent);border-color:var(--accent);color:var(--card-bg)}.save-point-bar{gap:8px;margin-left:auto;display:flex}.btn-restore{border-color:var(--danger)!important;color:var(--danger)!important;background:0 0!important}.save-point-bar input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;width:200px;padding:6px 12px}.workbench-layout{gap:12px;height:calc(100vh - 120px);display:flex}.tree-panel{border:1px solid var(--border);background:var(--card-bg);border-radius:4px;flex:1;overflow-y:auto}.detail-panel{border:1px solid var(--border);background:var(--card-bg);border-radius:4px;flex:1;padding:16px;overflow-y:auto}.course-row,.lesson-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:flex}.course-row:hover,.lesson-row:hover{background:var(--hover)}.course-row.selected,.lesson-row.selected{background:var(--selected-bg)}.course-level{background:var(--accent);color:var(--card-bg);text-align:center;border-radius:3px;min-width:28px;margin-right:6px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-block}.course-name{color:var(--accent);font-weight:600}.course-count{color:var(--muted);font-size:12px}.lesson-name{flex:1}.lesson-duration{color:var(--muted);min-width:40px;font-size:12px}.course-actions,.lesson-actions{opacity:.3;flex-shrink:0;gap:2px;margin-left:auto;transition:opacity .2s;display:flex}.course-row:hover .course-actions,.lesson-row:hover .lesson-actions{opacity:1}.course-actions button,.lesson-actions button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font-size:11px}.course-actions button:hover,.lesson-actions button:hover{color:var(--accent);border-color:var(--accent)}.inline-edit{background:var(--input-bg);border:1px solid var(--accent);color:var(--text);border-radius:3px;width:200px;padding:2px 6px}.video-player{background:#000;border-radius:4px;width:100%;margin-bottom:16px;overflow:hidden}.video-player video{width:100%;display:block}.lesson-editor h3{color:var(--accent);margin-bottom:16px}.form-actions{gap:8px;margin-top:16px;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 20px}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 20px}.btn-danger:hover{opacity:.9}.empty-detail{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;min-width:320px;padding:24px}.modal-wide{min-width:420px;max-width:520px}.modal h3{color:var(--accent);margin-bottom:16px}.pool-section{margin-bottom:8px}.pool-section>label{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.pool-list{border:1px solid var(--border);border-radius:4px;max-height:200px;overflow-y:auto}.pool-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 10px;font-size:.85rem;display:flex}.pool-item:last-child{border-bottom:none}.pool-item button{background:var(--accent);color:var(--card-bg);cursor:pointer;border:none;border-radius:3px;padding:3px 12px;font-size:.78rem}.modal-info{color:var(--muted);margin-bottom:12px;font-size:12px}.modal-actions{gap:8px;display:flex}.modal-actions button{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:4px;padding:8px 16px}.modal-actions button:first-child{background:var(--primary);color:#fff;border:none}.toast{color:#fff;z-index:9000;background:#166534;border:1px solid #22c55e;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;animation:.3s ease-out toastIn;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.toast.toast-error{background:#7f1d1d;border-color:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 12px}.data-table th{background:var(--nav-bg);color:var(--muted);text-transform:uppercase;font-size:12px}.data-table tr:hover{background:var(--hover)}.data-table tr.selected{background:var(--selected-bg)}.data-table .empty{text-align:center;color:var(--muted);padding:24px}.json-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-family:monospace;font-size:12px;overflow:hidden}.filter-input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;width:300px;margin-bottom:12px;padding:8px 12px}.save-points-page,.logs-page{padding:16px}.save-points-page h2,.logs-page h2{color:var(--accent);margin-bottom:16px}.json-viewer{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;margin-top:16px;padding:16px}.json-viewer h3{color:var(--accent);margin-bottom:8px}.json-viewer pre{white-space:pre-wrap;word-break:break-all;max-height:400px;font-family:monospace;font-size:12px;overflow:auto}.loading{height:200px;color:var(--muted);justify-content:center;align-items:center;display:flex}.data-table button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:3px;margin-right:4px;padding:4px 10px;font-size:12px}.data-table button:hover{border-color:var(--accent);color:var(--accent)}.data-table button.btn-danger{border-color:var(--danger);color:var(--danger)}.admin-index{max-width:1200px;margin:0 auto;padding:16px}.ai-header{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:2rem}.ai-header h1{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.ai-header p{color:var(--muted);margin:0;font-size:.88rem}.ai-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.ai-view-toggle{gap:0;display:flex}.ai-view-toggle button{background:var(--card-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;padding:6px 14px;font-size:.82rem;transition:all .2s}.ai-view-toggle button:first-child{border-radius:8px 0 0 8px}.ai-view-toggle button:last-child{border-radius:0 8px 8px 0}.ai-view-toggle button.active{background:var(--accent);border-color:var(--accent);color:var(--card-bg)}.ai-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.ai-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ai-cards{grid-template-columns:1fr}}.ai-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:2rem;text-decoration:none;transition:all .3s;display:block}.ai-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.ai-card i{color:var(--accent);margin-bottom:1rem;font-size:2.5rem;display:block}.ai-card h5{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:600}.ai-card p{color:var(--muted);margin:0;font-size:.85rem}.ai-card-disabled{opacity:.5;cursor:default}.ai-card-disabled:hover{border-color:var(--border);box-shadow:none;transform:none}.ai-badge-coming{background:var(--border);color:var(--muted);vertical-align:middle;border-radius:4px;margin-left:6px;padding:2px 8px;font-size:.7rem;display:inline-block}.ai-filter{margin-bottom:12px}.ai-filter input{background:var(--input-bg);border:1px solid var(--border);width:100%;max-width:400px;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:.88rem}.ai-filter input:focus{border-color:var(--accent)}.ai-table{border-collapse:separate;border-spacing:0;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.ai-table thead th{background:var(--hover);color:var(--accent);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 14px;font-size:.8rem;font-weight:600}.ai-table tbody tr{transition:background .2s}.ai-table tbody tr:hover{background:var(--hover)}.ai-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px;font-size:.88rem}.ai-table tbody tr:last-child td{border-bottom:none}.ai-table tbody td a{color:var(--accent);text-decoration:none}.ai-table tbody td a:hover{text-decoration:underline}.ai-tbl-icon{color:var(--accent);text-align:center;width:30px;font-size:1.1rem}.ai-tbl-path{color:var(--muted);font-family:monospace;font-size:.8rem}.ai-tbl-desc{color:var(--muted);font-size:.85rem}.admintbl-root{width:100%}.admintbl-topbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.admintbl-title{font-size:1.1rem;font-weight:600}.admintbl-topbar-right{margin-left:auto}.admintbl-export{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:.8rem;transition:background .15s,color .15s}.admintbl-export:hover{background:var(--hover);color:var(--text)}.admintbl-scroll{overflow-x:auto}.admintbl-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admintbl-arrow{opacity:.6;margin-left:2px;font-size:.75rem}.admintbl-filter-row th{background:var(--hover);padding:0 14px 8px!important}.admintbl-filter-cell{font-weight:400}.admintbl-filter-input{box-sizing:border-box;border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);border-radius:4px;padding:3px 8px;font-size:.8rem}.admintbl-filter-input::placeholder{color:var(--muted);opacity:.6}.admintbl-filter-input:focus{border-color:var(--accent);outline:none}.admintbl-pagination{background:var(--hover);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 14px;font-size:.85rem;display:flex}.admintbl-page-btns{align-items:center;gap:8px;display:flex}.admintbl-page-btns button{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:.8rem;transition:background .15s}.admintbl-page-btns button:hover:not(:disabled){background:var(--hover)}.admintbl-page-btns button:disabled{opacity:.35;cursor:default}.admintbl-page-num{font-size:.82rem}.admintbl-skeleton{background:var(--border);opacity:.4;border-radius:4px;height:14px;animation:1.2s ease-in-out infinite admintbl-pulse;display:block}@keyframes admintbl-pulse{0%,to{opacity:.4}50%{opacity:.15}}.ai-row-disabled{opacity:.4}.ai-card-internal{border-left:3px solid var(--accent)}.ai-badge-cat{color:var(--accent);white-space:nowrap;background:#e9456026;border-radius:10px;padding:2px 8px;font-size:.7rem}.log-page{max-width:1400px;margin:0 auto;padding:16px}.log-page h2{margin-bottom:12px}.log-page h3{margin:16px 0 8px}.log-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.log-search{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:300px;padding:8px 12px;font-size:.88rem}.log-search:focus{border-color:var(--accent)}.log-count{color:var(--muted);font-size:.85rem}.log-table-wrap{overflow-x:auto}.log-pagination{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.log-pagination button{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:6px 16px}.log-pagination button:disabled{opacity:.3;cursor:default}.log-pagination button:not(:disabled):hover{border-color:var(--accent)}.log-pagination span{color:var(--muted);font-size:.85rem}.rm-panels{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.rm-panels{grid-template-columns:1fr}}.rm-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:16px}.rm-panel h4{margin-bottom:8px;font-size:.9rem}.rm-row{flex-direction:column;gap:8px;display:flex}.rm-row input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:6px 10px;font-size:.85rem}.rm-row button{background:var(--accent);color:var(--card-bg);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:6px 16px;font-size:.85rem}.rm-roles{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.rm-role-badge{background:var(--hover);border:1px solid var(--border);border-radius:4px;padding:4px 12px;font-size:.82rem}.rm-role-tag{background:var(--hover);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;margin-right:4px;padding:2px 8px;font-size:.8rem;display:inline-flex}.rm-role-x{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.75rem;line-height:1}.cl-page{background:#0a0f19;max-width:1400px;min-height:100vh;margin:0 auto;padding:48px 24px}.cl-sec{margin-bottom:48px}.cl-hdr{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.cl-bar{background:#dc2626;border-radius:4px;flex-shrink:0;width:4px;height:28px}.cl-hdr h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:900}.cl-hdr p{color:#71717a;margin:0;font-size:.85rem}.cl-master{color:#000;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:#fff;border:none;border-radius:12px;margin-left:auto;padding:10px 28px;font-size:.75rem;font-weight:900;transition:all .2s}.cl-master:hover{color:#fff;background:#dc2626}.cl-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1100px){.cl-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cl-grid{grid-template-columns:1fr}}.cl-card{text-align:center;cursor:pointer;background:#09090b;border:1px solid #1c1c22;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;min-height:280px;padding:32px 24px;transition:all .4s;display:flex;position:relative;overflow:hidden}.cl-card:hover{border-color:#27272a;transform:translateY(-4px)}.cl-owned{background:#18181b;border-color:#dc2626}.cl-owned:hover{border-color:#ef4444}.cl-off{color:#fff;z-index:5;background:#dc2626;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:900;position:absolute;top:12px;right:12px;transform:rotate(12deg)}.cl-icon{color:#3f3f46;margin-bottom:16px;font-size:2.2rem;transition:all .4s}.cl-owned .cl-icon{color:#ef4444}.cl-card:hover .cl-icon{transform:scale(1.15)}.cl-card h3{color:#71717a;margin:0 0 8px;font-size:1.1rem;font-weight:700}.cl-owned h3{color:#f4f4f5}.cl-card p{color:#52525b;flex:1;margin:0;font-size:.8rem;line-height:1.5}.cl-foot{width:100%;margin-top:20px}.cl-unlocked{color:#ef4444;text-transform:uppercase;letter-spacing:.15em;background:#dc26261a;border-radius:999px;align-items:center;gap:4px;padding:6px 16px;font-size:.65rem;font-weight:900;display:inline-flex}.cl-pr{color:#71717a;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;display:flex}.cl-pr s{opacity:.5;font-size:.7rem}.cl-pr span{letter-spacing:-.03em;font-size:.95rem;font-weight:900}.cl-foot button{color:#d4d4d8;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border:2px solid #27272a;border-radius:12px;width:100%;padding:10px;font-size:.7rem;font-weight:900;transition:all .2s}.cl-foot button:hover{color:#000;background:#fff;border-color:#fff}.cl-hover-play{opacity:0;z-index:10;background:linear-gradient(#ef4444,#dc2626);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cl-owned:hover .cl-hover-play{opacity:1}.cl-hover-play i{color:#fff;margin-bottom:8px;font-size:3rem}.cl-hover-play span{color:#fff;letter-spacing:.2em;text-transform:uppercase;font-size:1rem;font-weight:900}.cp-page{color:#d4d4d8;background:#0a0f19;min-height:100vh}.cp-header{border-bottom:1px solid #1c1c22;align-items:center;gap:16px;padding:16px 24px;display:flex}.cp-back{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #27272a;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;transition:all .2s;display:flex}.cp-back:hover{color:#fff;border-color:#dc2626}.cp-header h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:900}.cp-layout{height:calc(100vh - 60px);display:flex}.cp-player{flex:1;padding:24px;overflow-y:auto}.cp-video-wrap{aspect-ratio:16/9;background:#000;border:1px solid #1c1c22;border-radius:16px;width:100%;overflow:hidden}.cp-video-wrap video{width:100%;height:100%;display:block}.cp-no-video{color:#3f3f46;flex-direction:column;justify-content:center;align-items:center;display:flex}.cp-no-video i{margin-bottom:12px;font-size:4rem}.cp-no-video p{font-size:.9rem}.cp-lesson-title{color:#fff;margin:16px 0 0;font-size:1.2rem;font-weight:900}.cp-sidebar{background:#09090b;border-left:1px solid #1c1c22;flex-direction:column;flex-shrink:0;width:340px;display:flex}.cp-sidebar-title{color:#71717a;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #1c1c22;align-items:center;gap:8px;padding:16px 20px;font-size:.85rem;font-weight:900;display:flex}.cp-sidebar-list{flex:1;overflow-y:auto}.cp-sb-course{color:#a1a1aa;border-bottom:1px solid #0f0f12;align-items:center;gap:6px;padding:10px 12px;font-size:.8rem;font-weight:700;display:flex}.cp-sb-lesson{color:#71717a;cursor:pointer;border-bottom:1px solid #0f0f12;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;transition:all .15s;display:flex}.cp-sb-lesson:hover{color:#d4d4d8;background:#18181b}.cp-sb-active{color:#fff;background:#1c1c22;border-left:3px solid #dc2626}.cp-sb-active i{color:#dc2626}.cp-sb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cp-sb-dur{color:#52525b;flex-shrink:0;font-size:.72rem}@media (width<=900px){.cp-layout{flex-direction:column;height:auto}.cp-sidebar{border-top:1px solid #1c1c22;border-left:none;width:100%;max-height:40vh}}.cp-unlock-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:8px 20px;font-size:.8rem;font-weight:900;display:flex}.cp-unlock-btn:hover{background:#ef4444}.cp-locked{justify-content:center;align-items:center;height:100%;display:flex}.cp-locked-inner{text-align:center;max-width:400px}.cp-locked-inner i{color:#3f3f46;margin-bottom:16px;font-size:4rem;display:block}.cp-locked-inner h2{color:#fff;margin-bottom:8px;font-weight:900}.cp-locked-price{color:#dc2626;margin:12px 0;font-size:2rem;font-weight:900}.cp-locked-disc{color:#71717a;font-size:.85rem}.cp-locked-disc s{opacity:.5}.cp-locked-inner button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#fff;border:none;border-radius:12px;margin-top:20px;padding:12px 32px;font-size:.85rem;font-weight:900;transition:all .2s}.cp-locked-inner button:hover{color:#fff;background:#dc2626}.cp-test-info{color:#a1a1aa;background:#dc262614;border:1px solid #dc262633;border-radius:12px;margin-top:20px;padding:12px 16px;font-size:.78rem}.cp-test-info code{color:#f87171;margin:4px 0;font-size:.9rem;font-weight:700;display:block}.cp-test-info span{color:#71717a;font-size:.72rem;display:block}.cp-test-info p{margin:4px 0}.cp-checkout{flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.cp-checkout h2{color:#fff;font-size:1.5rem;font-weight:900}.cp-checkout-card{text-align:center;background:#18181b;border:1px solid #27272a;border-radius:20px;width:100%;max-width:420px;padding:32px}.cp-checkout-card h3{color:#fff;margin:0 0 8px;font-weight:900}.cp-co-price{color:#dc2626;margin:8px 0 16px;font-size:2.5rem;font-weight:900}.cp-co-desc{color:#71717a;margin-bottom:20px;font-size:.85rem}.cp-co-methods{flex-direction:column;gap:10px;display:flex}.cp-co-methods button{color:#d4d4d8;cursor:pointer;background:#09090b;border:2px solid #27272a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.cp-co-methods button:hover{color:#fff;background:#27272a;border-color:#dc2626}.cp-co-note{color:#52525b;margin-top:12px;font-size:.72rem}.cp-co-cancel{color:#71717a;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:8px;padding:8px 24px;font-size:.8rem}.cp-sb-locked{opacity:.5;cursor:not-allowed!important}.cp-sdk-field{margin-bottom:12px}.cp-sdk-field label{color:#71717a;margin-bottom:4px;font-size:.78rem;display:block}.cp-sdk-iframe{background:#18181b;border:1px solid #27272a;border-radius:8px;height:40px;padding:8px}.cp-sdk-row{gap:12px;display:flex}.cp-sdk-row .cp-sdk-field{flex:1}.cp-pay-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#dc2626;border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:.9rem;font-weight:900;transition:all .2s}.cp-pay-btn:hover{background:#ef4444}.cp-pay-btn:disabled{opacity:.4;cursor:not-allowed}.cp-co-alt{gap:10px;margin-top:16px;display:flex}.cp-co-alt button{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #27272a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.82rem;display:flex}.cp-co-alt button:hover{color:#fff;border-color:#dc2626}.cp-pay-status{color:#a1a1aa;text-align:center;margin:16px 0;font-size:.9rem}.cp-checkout h4{color:#a1a1aa;margin-bottom:12px;font-size:.85rem}.lg-page{background:#0a0a1a;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 0;font-family:Inter,PingFang TC,Microsoft JhengHei,sans-serif;display:flex}.lg-form{width:95%;max-width:340px;margin:0 auto;padding:0 20px}.lg-logo{text-align:center;margin-bottom:56px}.lg-logo img{max-width:200px;height:auto}.lg-input{background:#3c3c3c;border:1px solid #0000;border-radius:11px;align-items:center;margin-bottom:15px;padding:12px 14px;transition:border-color .2s;display:flex}.lg-input:focus-within{border-color:#dc2627}.lg-input label{color:#fff;flex-shrink:0;width:3.5rem;font-size:1rem;font-weight:500}.lg-input input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1rem}.lg-input input::placeholder{color:#666}.lg-eye{cursor:pointer;color:#999;background:0 0;border:none;align-items:center;margin-left:8px;padding:0;font-size:14px;display:flex}.lg-eye:hover{color:#fff}.lg-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.lg-remember{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.lg-remember input[type=checkbox]{accent-color:#dc2627;width:14px;height:14px}.lg-forgot{font-size:12px}.lg-forgot a{color:#fff;text-decoration:none}.lg-forgot a:hover{text-decoration:underline}.lg-btn{cursor:pointer;color:#fff;text-align:center;background:#e11b19;border:none;border-radius:40px;width:100%;margin:0 auto 24px;padding:13px 0;font-size:1rem;font-weight:700;transition:all .25s;display:block}.lg-btn:hover{background:linear-gradient(#ff6b00 0%,red 100%);box-shadow:0 8px 15px #f006,0 15px 30px #ff000040}.lg-btn:disabled{opacity:.5;cursor:not-allowed}.lg-error{color:#dc2627;text-align:center;background:#dc26271f;border:1px solid #dc2627;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.lg-register{color:#fff;text-align:center;margin-bottom:28px;font-size:.85rem}.lg-register a{color:#e11b19;margin-left:4px;text-decoration:underline}.lg-divider{align-items:center;gap:12px;margin-bottom:28px;display:flex}.lg-divider:before,.lg-divider:after{content:"";border-bottom:1px solid #444;flex:1}.lg-divider span{color:#888;white-space:nowrap;font-size:12px;font-weight:600}.lg-oauth{justify-content:center;align-items:center;gap:16px;display:flex}.lg-google,.lg-discord{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:filter .2s,transform .2s;display:inline-flex}.lg-google:hover,.lg-discord:hover{filter:brightness(1.15);transform:translateY(-2px)}.lg-google{background:#fff}.lg-discord{background:#5865f2}.rg-page{background:#0a0a1a;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 0;font-family:Inter,PingFang TC,Microsoft JhengHei,sans-serif;display:flex}.rg-form{width:95%;max-width:340px;margin:0 auto;padding:0 20px}.rg-logo{text-align:center;margin-bottom:48px}.rg-logo img{max-width:200px;height:auto}.rg-input{background:#3c3c3c;border:1px solid #0000;border-radius:11px;align-items:center;margin-bottom:15px;padding:12px 14px;transition:border-color .2s;display:flex}.rg-input:focus-within{border-color:#dc2627}.rg-input label{color:#fff;flex-shrink:0;width:5rem;font-size:1rem;font-weight:500}.rg-input input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1rem}.rg-input input::placeholder{color:#666}.rg-eye{cursor:pointer;color:#999;background:0 0;border:none;align-items:center;margin-left:8px;padding:0;font-size:14px;display:flex}.rg-eye:hover{color:#fff}.rg-btn{cursor:pointer;color:#fff;text-align:center;background:#e11b19;border:none;border-radius:40px;width:100%;margin:24px auto 20px;padding:13px 0;font-size:1rem;font-weight:700;transition:all .25s;display:block}.rg-btn:hover{background:linear-gradient(#ff6b00 0%,red 100%);box-shadow:0 8px 15px #f006,0 15px 30px #ff000040}.rg-btn:disabled{opacity:.5;cursor:not-allowed}.rg-error{color:#dc2627;text-align:center;background:#dc26271f;border:1px solid #dc2627;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.rg-terms{color:#888;text-align:center;margin-bottom:20px;font-size:.75rem;line-height:1.6}.rg-terms a{color:#e11b19;text-decoration:underline}.rg-login-link{color:#fff;text-align:center;font-size:.85rem}.rg-login-link a{color:#e11b19;margin-left:4px;text-decoration:underline}.co-page{background:#0a0a1a;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;font-family:Inter,PingFang TC,Microsoft JhengHei,sans-serif;display:flex}.co-popup{background:#09090b;border:1px solid #ffffff1a;border-radius:2rem;flex-direction:row;width:100%;max-width:920px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@media (width<=768px){.co-popup{border-radius:1rem;flex-direction:column;max-height:none}}.co-left{border-right:1px solid #ffffff1a;flex-direction:column;flex:1;justify-content:center;padding:2.5rem;display:flex}@media (width<=768px){.co-left{border-bottom:1px solid #ffffff1a;border-right:none;padding:1.5rem}}.co-right{flex:1;max-height:90vh;padding:2rem 2.5rem;overflow-y:auto}@media (width<=768px){.co-right{max-height:none;padding:1.5rem}}.co-label{color:#dc2626;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:10px;font-weight:800}.co-title{color:#fff;margin-bottom:16px;font-size:1.75rem;font-weight:900}.co-desc{color:#71717a;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:20px;font-size:13px;line-height:1.6}.co-features{margin:0 0 24px;padding:0;list-style:none}.co-features li{color:#d4d4d8;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.co-features li i{color:#22c55e;font-size:12px}.co-price{align-items:baseline;gap:12px;margin-top:auto;display:flex}.co-price-label{color:#71717a;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.co-price-amount{color:#fff;font-size:2.5rem;font-weight:900}.co-price-currency{color:#71717a;letter-spacing:1px;font-size:12px;font-weight:600}.co-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;padding:24px 28px}.co-card-title{color:#6366f1;margin-bottom:16px;font-size:1.05rem;font-weight:700}.co-card-title i{margin-right:8px}.co-methods{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.co-method{text-align:center;cursor:pointer;color:#a1a1aa;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:10px;padding:12px;font-size:12px;font-weight:700;transition:all .2s}.co-method:hover{border-color:#ffffff40}.co-method.active{color:#fff;background:#6366f126;border-color:#6366f1}.co-method.disabled{opacity:.4;cursor:not-allowed}.co-method i{margin-bottom:6px;font-size:20px;display:block}.co-instalment{flex-direction:column;gap:8px;display:flex}.co-instalment label{cursor:pointer;color:#a1a1aa;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.co-instalment label:has(input:checked){color:#fff;background:#6366f114;border-color:#6366f1}.co-instalment input[type=radio]{accent-color:#6366f1;width:16px;height:16px;margin-right:10px}.co-instalment .co-per-period{color:#71717a;font-size:12px}.co-field-label{color:#94a3b8;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.co-field{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;min-height:44px;margin-bottom:12px;padding:12px;transition:border-color .2s,box-shadow .2s}.co-field:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.co-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.co-btn-pay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:1.05rem;font-weight:700;transition:all .3s;display:block}.co-btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #6366f166}.co-btn-pay:disabled{opacity:.5;cursor:not-allowed;transform:none}.co-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:13px}.co-secure{text-align:center;color:#fff6;margin-top:12px;font-size:12px}.co-secure i{margin-right:4px}.co-saved-card{cursor:pointer;border:2px solid #ffffff26;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.co-saved-card.selected{background:#22c55e14;border-color:#22c55e}.co-saved-card input[type=radio]{accent-color:#22c55e;width:18px;height:18px}.co-card-toggle{gap:8px;margin-bottom:16px;display:flex}.co-card-toggle button{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.co-card-toggle button.active{color:#22c55e;background:#22c55e14;border-color:#22c55e}.co-test-card{color:#f59e0b;background:#f59e0b14;border:1px dashed #f59e0b;border-radius:8px;margin-top:12px;padding:12px;font-size:12px}.co-discount{background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;margin-top:16px;padding:16px}.co-pay-info{background:#f59e0b0d;border:2px solid #f59e0b66;border-radius:16px;margin-bottom:16px;padding:24px}.co-login-prompt{text-align:center;padding:2rem}.co-login-prompt button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;width:100%;margin-bottom:12px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:block}.co-login-prompt button:hover{background:#6366f11a;border-color:#6366f1}.checkout-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out checkoutFadeIn;display:flex;position:fixed;inset:0}@keyframes checkoutFadeIn{0%{opacity:0}to{opacity:1}}.checkout-modal-container{border-radius:2rem;width:100%;max-width:960px;height:92vh;max-height:92vh;animation:.25s ease-out checkoutSlideUp;position:relative;overflow-y:auto}@keyframes checkoutSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.checkout-modal-close{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.checkout-modal-close:hover{background:#fff3}.checkout-modal-container .co-page{min-height:unset;background:0 0;padding:0}@media (width<=768px){.checkout-modal-container{border-radius:0;max-width:100%;max-height:100vh}.checkout-modal-close{top:8px;right:8px}}.article-content h1{color:#fff;margin:1.5em 0 .5em;font-size:1.75em;font-weight:800;line-height:1.3}.article-content h2{color:#fff;margin:1.3em 0 .4em;font-size:1.4em;font-weight:700;line-height:1.3}.article-content h3{color:#fff;margin:1.2em 0 .3em;font-size:1.15em;font-weight:700;line-height:1.4}.article-content p{margin:.8em 0;line-height:1.8}.article-content strong{color:#fff;font-weight:700}.article-content em{color:#d4d4d8}.article-content a{color:#f87171;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content ul,.article-content ol{margin:.8em 0;padding-left:1.5em}.article-content li{margin:.4em 0;line-height:1.7}.article-content li::marker{color:#71717a}.article-content blockquote{color:#a1a1aa;border-left:3px solid #3f3f46;margin:1em 0;padding-left:1em;font-style:italic}.article-content hr{border:none;border-top:1px solid #27272a;margin:2em 0}.article-content img{border-radius:12px;max-width:100%;margin:1.5em 0}.article-content code{color:#e4e4e7;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.9em}.article-content pre{background:#18181b;border:1px solid #27272a;border-radius:8px;margin:1em 0;padding:16px;overflow-x:auto}.article-content pre code{background:0 0;padding:0}