:root,[data-theme=dark]{--bg-base-rgb: 11, 17, 32;--bg-base: #0b1120;--bg-panel-rgb: 19, 29, 49;--bg-panel: #131d31;--bg-input-rgb: 28, 41, 66;--bg-input: #1c2942;--border-color: #24344d;--border-light: rgba(255, 255, 255, .1);--border-lighter: rgba(255, 255, 255, .05);--primary: #38bdf8;--primary-rgb: 56, 189, 248;--primary-hover: #0284c7;--text-pure: #ffffff;--text-main: #cbd5e1;--text-dim: #94a3b8;--text-muted: #64748b;--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #f59e0b;--warning-rgb: 245, 158, 11;--purple: #a855f7;--purple-rgb: 168, 85, 247;--purple-hover: #9333ea;--accent-purple: var(--purple);--gold: #facc15;--gold-rgb: 250, 204, 21;--accent-gold: var(--gold);--accent-green: var(--success);--accent-red: var(--danger);--piece-white: #f8fafc;--piece-white-border: #cbd5e1;--piece-black: #1e293b;--piece-black-border: #475569;--board-light: #f0d9b5;--board-dark: #b58863;--board-border: #7a5538;--board-last-move: #eab308;--board-last-move-rgb: 234, 179, 8}[data-theme=light]{--bg-base-rgb: 241, 245, 249;--bg-base: #f1f5f9;--bg-panel-rgb: 255, 255, 255;--bg-panel: #ffffff;--bg-input-rgb: 226, 232, 240;--bg-input: #e2e8f0;--border-color: #cbd5e1;--border-light: rgba(0, 0, 0, .1);--border-lighter: rgba(0, 0, 0, .05);--primary: #0284c7;--primary-rgb: 2, 132, 199;--primary-hover: #0369a1;--purple: #9333ea;--purple-rgb: 147, 51, 234;--purple-hover: #7e22ce;--accent-purple: var(--purple);--gold: #d97706;--gold-rgb: 217, 119, 6;--accent-gold: var(--gold);--piece-white: #f8fafc;--piece-white-border: #cbd5e1;--piece-black: #1e293b;--piece-black-border: #475569;--board-light: #f0d9b5;--board-dark: #b58863;--board-border: #7a5538;--board-last-move: #d97706;--board-last-move-rgb: 217, 119, 6;--text-pure: #0f172a;--text-main: #334155;--text-dim: #64748b;--text-muted: #94a3b8}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.5)}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-base)!important;color:var(--text-main);height:100%;overflow:hidden;overscroll-behavior:none}.settings-page{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:24px 36px;box-sizing:border-box;background-color:var(--bg-base);overflow:hidden;overscroll-behavior:none}.settings-layout-grid{max-width:1200px;width:100%;height:100%;min-height:0;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:stretch;overflow:hidden}.settings-sidebar-col{display:flex;flex-direction:column;gap:16px;width:240px;height:100%;max-height:100%;box-sizing:border-box;flex-shrink:0;overflow:hidden}.settings-sidebar-nav{background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:4px;box-shadow:none;width:100%;box-sizing:border-box}.sidebar-category-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.1px;color:var(--text-dim);padding:16px 12px 6px;-webkit-user-select:none;user-select:none}.sidebar-category-title:first-child{padding-top:4px}.settings-nav-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;box-sizing:border-box}.settings-nav-btn svg{width:18px;height:18px;opacity:.75;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.settings-nav-btn:hover{background:#ffffff0d;color:var(--text-pure)}.settings-nav-btn:hover svg{opacity:1}.settings-nav-btn.active{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.25);color:var(--primary);font-weight:700;box-shadow:none}.settings-nav-btn.active svg{opacity:1;color:var(--primary)}.settings-nav-badge{margin-left:auto;background:var(--border-light);color:var(--text-pure);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.settings-nav-badge.danger{background:var(--danger);color:#fff}.sidebar-user-bottom-card{margin-top:auto;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;box-shadow:0 4px 16px #00000040}.sidebar-user-avatar{width:34px;height:34px;border-radius:8px;background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0}.sidebar-user-details{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-weight:700;font-size:.88rem;color:var(--text-pure);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:.72rem;color:var(--text-dim);font-weight:600}.sidebar-user-simple-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px 4px;box-sizing:border-box;width:100%}.sidebar-user-simple-name{font-size:.95rem;font-weight:700;color:var(--text-pure);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px}.sidebar-user-simple-tag{font-size:.82rem;color:var(--text-dim);font-weight:500;margin-left:2px}.settings-logout-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .1s;flex-shrink:0}.settings-logout-btn:hover{background:rgba(var(--danger-rgb),.15);color:var(--danger)}.settings-content-pane{display:flex;flex-direction:column;gap:24px;min-width:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;padding-right:6px}.settings-content-pane.courses-pane{overflow:hidden;padding-right:0;gap:0}.settings-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;display:flex;flex-direction:column;gap:24px}.settings-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:20px;margin-bottom:8px}.settings-card-header h2{margin:0;font-size:1.2rem;font-weight:800;color:var(--text-pure);display:flex;align-items:center;gap:10px}.settings-card-header p{margin:5px 0 0;font-size:.88rem;color:var(--text-dim)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-pure);padding:9px 16px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border-lighter)}.admin-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-search-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-pure);padding:10px 14px;border-radius:8px;font-size:.88rem;font-family:inherit;outline:none;min-width:280px;margin:4px 0;transition:border-color .2s ease,box-shadow .2s ease}.admin-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.admin-search-input::placeholder{color:var(--text-muted)}select,.form-select,.admin-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-pure);font-family:inherit;font-size:.88rem;font-weight:500;padding:9px 36px 9px 12px;outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}select:hover,.form-select:hover,.admin-select:hover{border-color:rgba(var(--primary-rgb),.5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select:focus,.form-select:focus,.admin-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select option,.form-select option,.admin-select option{background-color:#131d31;color:#f8fafc;padding:10px 14px;font-size:.88rem}select option:checked,.form-select option:checked,.admin-select option:checked{background-color:#1e2e4a;color:var(--primary);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(var(--bg-base-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;justify-content:center;align-items:center}.modal-box{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:14px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #000000b3;display:flex;flex-direction:column;overflow:hidden}.modal-header{background:#0003;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-pure);font-size:1.1rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer}.modal-close:hover{color:var(--text-pure)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.modal-footer{background:#0003;padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group-row{display:flex;gap:20px;align-items:flex-start;width:100%}.form-label{font-size:.82rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.form-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-pure);padding:9px 12px;border-radius:8px;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-input::placeholder{color:var(--text-muted)}.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-pure);padding:10px 12px;border-radius:8px;font-size:.88rem;font-family:inherit;outline:none;resize:vertical;min-height:80px;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.form-textarea::placeholder{color:var(--text-muted)}.admin-toast{display:none!important}.admin-toast.success{background:#14532d;border:1px solid var(--success);color:#bbf7d0}.admin-toast.error{background:#7f1d1d;border:1px solid var(--danger);color:#fecaca}.notfound-page{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--bg-panel) 0%,var(--bg-base) 100%);padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.notfound-glow-bg{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--primary-rgb),.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(50px)}.notfound-card{background:rgba(var(--bg-panel-rgb),.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-lighter);border-radius:24px;padding:48px 36px;max-width:520px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 60px #00000073,0 0 35px rgba(var(--primary-rgb),.08);position:relative;z-index:2}.notfound-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:50px;background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.notfound-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.notfound-code{font-size:clamp(4rem,10vw,5.5rem);font-weight:900;line-height:1;margin:0;letter-spacing:-2px;background:linear-gradient(135deg,var(--text-pure) 25%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(var(--primary-rgb),.2);cursor:default;-webkit-user-select:none;user-select:none}.notfound-title{font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:800;color:var(--text-pure);margin:12px 0 8px;text-transform:uppercase;letter-spacing:.8px}.notfound-desc{font-size:.95rem;color:var(--text-dim);line-height:1.6;max-width:420px;margin:0 0 24px}.notfound-actions{display:flex;gap:14px;width:100%;justify-content:center;flex-wrap:wrap}.notfound-btn-primary{background:var(--primary);color:var(--text-pure);font-weight:700;font-size:.95rem;border-radius:12px;padding:13px 26px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;box-shadow:0 4px 18px rgba(var(--primary-rgb),.35);text-decoration:none;font-family:inherit;transition:transform .2s,box-shadow .2s,filter .2s}.notfound-btn-primary:hover{box-shadow:0 8px 26px rgba(var(--primary-rgb),.5);filter:brightness(1.08)}.color-picker-modal-box{max-width:330px!important;width:100%;background:#0f172af2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 24px 48px -12px #000c,0 0 1px #ffffff40!important;overflow:hidden}.color-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}.color-picker-modal-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-pure);margin:0}.color-picker-modal-close{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:.7;transition:opacity .15s ease,background .15s ease,color .15s ease}.color-picker-modal-close:hover{color:var(--text-pure);opacity:1;background:#ffffff14}.color-picker-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.cp-color-row{display:flex;gap:10px;align-items:center}.cp-color-preview{width:38px;height:38px;border-radius:10px;border:1.5px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #0006;flex-shrink:0}.cp-hex-input{flex:1;min-width:0;box-sizing:border-box;background:transparent;border:1px solid transparent;color:var(--text-pure);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;font-size:.95rem;letter-spacing:1.5px;padding:9px 12px;border-radius:10px;outline:none;transition:all .2s ease;text-transform:uppercase}.cp-hex-input:hover{background:#00000059;border-color:#ffffff1f}.cp-hex-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833;background:#0000008c}.cp-color-area{position:relative;width:100%;height:150px;cursor:crosshair;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 8px #0006}.cp-color-picker-cursor{width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;position:absolute;pointer-events:none;box-shadow:0 0 0 1px #0009,0 2px 6px #000c;transform:translate(-50%,-50%);z-index:50;transition:transform .08s ease}.cp-hue-slider{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;outline:none;margin:2px 0 0;padding:0;cursor:pointer}.cp-hue-slider::-webkit-slider-runnable-track{width:100%;height:12px;cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:6px;box-shadow:inset 0 1px 3px #00000059;border:none}.cp-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);cursor:pointer;box-shadow:0 2px 8px #0000008c;margin-top:-4px;transition:transform .12s ease}.cp-hue-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.cp-hue-slider::-moz-range-track{width:100%;height:12px;cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:6px;box-shadow:inset 0 1px 3px #00000059;border:none}.cp-hue-slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);cursor:pointer;box-shadow:0 2px 8px #0000008c;transition:transform .12s ease}.color-picker-modal-footer{display:flex;gap:12px;padding:6px 20px 18px}.color-picker-btn-cancel{flex:1;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-dim);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;text-align:center}.color-picker-btn-cancel:hover{color:var(--text-pure);background:#ffffff12;border-color:#ffffff1a}.color-picker-btn-confirm{flex:1;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--primary);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;text-align:center}.color-picker-btn-confirm:hover{color:var(--primary-hover, #38bdf8);background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.25)}.avatar-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.admin-av-card{background:transparent;border:1px solid var(--border-lighter);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;transition:all .2s ease;text-align:center}.admin-av-card:hover{border-color:var(--primary);background:#ffffff09;box-shadow:0 8px 20px #0000004d}.admin-av-img{width:80px;height:80px;object-fit:cover;border-radius:10px;margin-bottom:10px;background:var(--bg-base);border:1px solid var(--border-color)}.admin-av-name{font-weight:700;color:var(--text-pure);font-size:.92rem;margin-bottom:4px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-av-price{font-size:.8rem;color:var(--text-dim);font-family:monospace;margin-bottom:12px}.admin-card-actions{display:flex;align-items:center;gap:8px;width:100%;margin-top:auto}.admin-card-btn-edit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:rgba(var(--primary-rgb),.12);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3);border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.admin-card-btn-edit:hover{background:var(--primary);color:#fff}.admin-card-btn-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:31px;background:rgba(var(--danger-rgb),.1);color:var(--danger);border:1px solid rgba(var(--danger-rgb),.3);border-radius:6px;cursor:pointer;transition:all .15s ease}.admin-card-btn-delete:hover{background:var(--danger);color:#fff}.puzzle-admin-list{display:flex;flex-direction:column;gap:12px}.puzzle-row-card{background:transparent;border:1px solid var(--border-lighter);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:18px;transition:all .15s ease;cursor:pointer}.puzzle-row-card:hover{border-color:rgba(var(--primary-rgb),.6);background:#ffffff09}.puzzle-mini-board-wrapper{width:72px;height:72px;flex-shrink:0}.puzzle-row-info{flex:1}.puzzle-row-title{font-size:1rem;font-weight:700;color:var(--text-pure);margin-bottom:4px}.puzzle-row-meta{display:flex;align-items:center;gap:14px;font-size:.82rem;color:var(--text-dim)}.puzzle-elo-badge{background:rgba(var(--primary-rgb),.15);color:var(--primary);padding:2px 8px;border-radius:6px;font-weight:700;font-family:monospace}.report-admin-list{display:flex;flex-direction:column;gap:14px}.report-card{background:transparent;border:1px solid var(--border-lighter);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:12px}.report-card-header{display:flex;justify-content:space-between;align-items:center}.report-status-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase}.report-status-badge.pending{background:rgba(var(--warning-rgb),.15);color:var(--warning);border:1px solid rgba(var(--warning-rgb),.3)}.report-status-badge.resolved{background:rgba(var(--success-rgb),.15);color:var(--success);border:1px solid rgba(var(--success-rgb),.3)}.report-desc-box{background:#ffffff08;border:1px solid var(--border-lighter);padding:12px 16px;border-radius:8px;font-size:.88rem;color:var(--text-main);line-height:1.5}.user-search-wrapper{display:flex;gap:10px;align-items:center;margin-bottom:20px}.user-search-wrapper .admin-search-input{flex:1}.user-search-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary);color:var(--text-pure);border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.user-search-btn:hover{filter:brightness(1.1)}.user-search-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;text-align:center;background:#ffffff05;border:1px dashed var(--border-color);border-radius:14px}.user-empty-icon{width:52px;height:52px;border-radius:16px;background:rgba(var(--primary-rgb),.12);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.user-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-pure);margin:0 0 8px}.user-empty-desc{font-size:.9rem;color:var(--text-dim);max-width:440px;margin:0;line-height:1.5}.user-inspector-list{display:flex;flex-direction:column;gap:16px}.user-inspector-card{background:transparent;border:1px solid var(--border-lighter);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s ease}.user-inspector-card:hover{border-color:rgba(var(--primary-rgb),.35);background:#ffffff05}.user-inspector-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.user-inspector-identity{display:flex;align-items:center;gap:14px}.user-inspector-avatar{width:44px;height:44px;border-radius:12px;background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.user-inspector-name-row{display:flex;align-items:center;gap:10px}.user-inspector-name{font-size:1.05rem;font-weight:700;color:var(--text-pure)}.user-inspector-tag{font-size:.85rem;color:var(--text-dim);font-weight:600}.user-role-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;border-radius:20px}.user-role-badge.admin{background:rgba(var(--primary-rgb),.18);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.4)}.user-role-badge.member{background:#ffffff0d;color:var(--text-dim);border:1px solid var(--border-color)}.user-inspector-actions{display:flex;align-items:center;gap:10px}.btn-toggle-admin{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .18s ease;border:1px solid transparent}.btn-toggle-admin.promote{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}.btn-toggle-admin.promote:hover{background:var(--primary);color:var(--text-pure)}.btn-toggle-admin.demote{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.btn-toggle-admin.demote:hover{background:#ef4444;color:#fff}.user-inspector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding-top:12px;border-top:1px solid var(--border-color)}.user-stat-card{background:transparent;border:none;padding:6px 10px;display:flex;flex-direction:column;gap:2px}.user-stat-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;font-weight:700}.user-stat-value{font-size:1rem;font-weight:800;color:var(--text-pure)}.modal-box.puzzle-modal{max-width:600px}.puzzle-modal-preview-wrapper{display:flex;align-items:center;gap:20px;padding:6px 0 16px;border-bottom:1px solid var(--border-lighter)}.puzzle-modal-board{width:100px;height:100px;flex-shrink:0}.puzzle-modal-preview-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.puzzle-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.puzzle-checkbox-group{display:flex;align-items:center;gap:10px;margin-top:4px}.puzzle-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.cosmetic-type-pills{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:22px;margin-bottom:20px;padding-bottom:2px}.cosmetic-type-pills::-webkit-scrollbar{display:none}.cosmetic-type-pill{padding:5px 11px;background:#ffffff0a;border:1px solid var(--border-lighter);color:var(--text-dim);border-radius:20px;font-size:.77rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.cosmetic-type-pill:hover{color:var(--text-pure);border-color:var(--border-color);background:#ffffff14}.cosmetic-type-pill.active{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:var(--primary)}.cosmetic-rarity-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;margin-bottom:8px;letter-spacing:.5px}.cosmetic-rarity-badge.common{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.cosmetic-rarity-badge.rare{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.cosmetic-rarity-badge.epic{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.cosmetic-rarity-badge.legendary{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.cosmetic-preview-wrapper{width:100%;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;border-radius:8px;overflow:hidden;background:#0003}.cosmetic-frame-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;color:#fff;background:#1e293b;position:relative}.cosmetic-level-badge{padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:800;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center}.cosmetic-banner-box{width:100%;height:100%;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:8px}.cosmetic-title-box{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;padding:6px 10px;text-align:center}.cosmetic-bg-box{width:100%;height:100%;border-radius:6px;display:flex;align-items:center;justify-content:center}.cosmetic-avatar-bg-circle{width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0000004d}.puzzle-item-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#ffffff0a,#ffffff04);border:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;transition:background .15s ease,border-color .15s ease;cursor:pointer;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.puzzle-item-row:hover{background:linear-gradient(135deg,#ffffff12,#ffffff08);border-color:#ffffff40}.puzzle-mini-thumb{width:58px;min-width:58px;max-width:58px;height:58px;border-radius:6px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.cosmetic-pill-badge{font-size:.68rem;padding:1px 5px;border-radius:10px;background:#ffffff1a;color:var(--text-dim);margin-left:2px}.cosmetic-type-pill.active .cosmetic-pill-badge{background:var(--primary);color:var(--text-pure)}.cosmetics-scroll-area{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.cosmetic-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;width:100%;box-sizing:border-box}.cosmetic-grid-layout.banner-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cosmetic-catalog-card{background:linear-gradient(135deg,#ffffff0a,#ffffff04);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 3px 10px #0003;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;box-sizing:border-box}.cosmetic-catalog-card:hover{background:linear-gradient(135deg,#fff1,#ffffff06);border-color:rgba(var(--primary-rgb),.5);box-shadow:0 6px 18px #00000059}.cosmetic-card-top-row{display:flex;align-items:center;justify-content:space-between}.cosmetic-card-top-row .cosmetic-rarity-badge{margin-bottom:0;font-size:.65rem;padding:2px 6px}.cosmetic-card-price{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:.82rem;color:#facc15}.cosmetic-card-preview-area{width:100%;height:76px;border-radius:6px;background:#0000004d;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cosmetic-card-preview-area.banner-preview,.cosmetic-card-preview-area.bg-preview{height:76px;border:none}.cosmetic-card-preview-area .cosmetic-frame-avatar{width:50px;height:50px;font-size:1.15rem}.cosmetic-card-preview-area .cosmetic-avatar-bg-circle{width:44px;height:44px}.cosmetic-card-preview-area .cosmetic-level-badge{padding:4px 10px;font-size:.78rem}.cosmetic-card-preview-area .cosmetic-title-box{font-size:.8rem;padding:4px 8px}.cosmetic-card-preview-area .admin-av-img{width:50px;height:50px;border-radius:50%;object-fit:cover}.cosmetic-card-info{display:flex;flex-direction:column;gap:0}.cosmetic-card-title-text{font-size:.86rem;font-weight:700;color:var(--text-pure);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.cosmetic-card-palette-row{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:5px;border-top:1px dashed var(--border-lighter)}.palette-label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;font-weight:600}.palette-dots-list{display:flex;align-items:center;gap:4px}.palette-color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #0000004d}.palette-more-count{font-size:.68rem;color:var(--text-dim);font-weight:700}.cosmetic-editor-split-container{display:grid;grid-template-columns:380px 1fr;gap:20px;flex:1;min-height:0;overflow:hidden;padding:16px 20px 24px}@media(max-width:1024px){.cosmetic-editor-split-container{grid-template-columns:1fr;overflow-y:auto}}.cosmetic-editor-preview-column{display:flex;flex-direction:column;gap:16px;min-height:0}.cosmetic-editor-preview-box{display:flex;flex-direction:column;gap:16px;background:linear-gradient(135deg,#ffffff09,#ffffff04);border:1px solid var(--border-color);border-radius:12px;padding:18px 20px}.cosmetic-editor-form-column{display:flex;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding-right:6px}.cosmetic-editor-card-box{background:linear-gradient(135deg,#ffffff09,#ffffff04);border:1px solid var(--border-color);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.cosmetic-editor-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border-lighter)}.cosmetic-card-title{font-size:.92rem;font-weight:700;color:var(--text-pure);letter-spacing:.2px}.cosmetic-hero-stage{min-height:180px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#ffffff0d,#00000059);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px;position:relative;overflow:hidden}.cosmetic-preview-hero-avatar{position:relative;display:flex;align-items:center;justify-content:center}.hero-avatar-image{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 4px 20px #00000080}.hero-avatar-placeholder{width:96px;height:96px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;color:var(--text-pure)}.hero-avatar-layer-badge{position:absolute;bottom:-6px;right:-6px;background:#000000b3;border:1px solid rgba(255,255,255,.2);color:var(--text-pure);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px}.cosmetic-preview-hero-frame{display:flex;align-items:center;justify-content:center}.hero-frame-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172a;transition:all .2s ease}.hero-frame-inner-avatar{width:82px;height:82px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#f8fafc}.cosmetic-preview-hero-level{display:flex;align-items:center;justify-content:center}.hero-level-badge{padding:10px 22px;border-radius:10px;font-weight:800;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px;letter-spacing:.5px;transition:all .2s ease}.hero-level-icon{font-size:1rem;opacity:.8}.cosmetic-preview-hero-banner{width:100%}.hero-banner-display{width:100%;height:130px;border-radius:10px;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:0 4px 16px #0006}.hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;align-items:flex-end;padding:14px 16px}.hero-banner-profile-mock{display:flex;align-items:center;gap:12px}.hero-banner-mini-avatar{width:36px;height:36px;border-radius:50%;background:#334155;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.hero-banner-mock-name{font-size:.95rem;font-weight:800;color:#fff}.hero-banner-mock-sub{font-size:.75rem;color:#ffffffb3}.cosmetic-preview-hero-bg{width:100%;height:120px;border-radius:10px;display:flex;align-items:center;justify-content:center}.hero-bg-inner-mock{display:flex;flex-direction:column;align-items:center;gap:4px}.cosmetic-preview-hero-title{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-title-badge{padding:8px 18px;border-radius:20px;background:#0006;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;letter-spacing:.3px}.hero-title-tagline{font-size:.82rem;color:#94a3b8;font-style:italic}.cosmetic-preview-hero-avatar-bg{display:flex;align-items:center;justify-content:center}.hero-avatar-bg-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.2);transition:all .2s ease}.hero-avatar-bg-figure{font-size:2.2rem;color:#fff}.cosmetic-preview-color-tester{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px dashed var(--border-lighter)}.cosmetic-color-tester-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-dim)}.cosmetic-tester-swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cosmetic-swatch-circle{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.cosmetic-swatch-circle:hover{transform:scale(1.15)}.cosmetic-swatch-circle.active{border-color:#fff;box-shadow:0 0 10px #fff9;transform:scale(1.15)}.cosmetic-color-picker-input{width:26px;height:26px;padding:0;border:1px solid var(--border-color);border-radius:6px;background:transparent;cursor:pointer}.cosmetic-color-picker-input.mini{width:34px;height:34px}.cosmetic-preview-meta-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-lighter)}.cosmetic-preview-price-tag{display:flex;align-items:center;gap:6px;font-weight:800;font-size:1.05rem;color:#facc15}.price-diamond{color:#facc15}.price-unit{font-size:.75rem;color:var(--text-dim);font-weight:600}.cosmetic-preview-type-tag{font-size:.75rem;font-weight:700;color:var(--text-dim);background:#ffffff0d;padding:3px 8px;border-radius:6px;text-transform:uppercase}.cosmetic-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cosmetic-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.88rem;color:var(--text-pure);font-weight:600}.cosmetic-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.cosmetic-preset-chips-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.cosmetic-color-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0f;border:1px solid var(--border-color);border-radius:16px;font-size:.8rem;color:var(--text-pure)}.chip-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.chip-code{font-family:monospace;font-size:.78rem}.chip-remove-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:0;display:flex;align-items:center}.chip-remove-btn:hover{color:var(--danger)}.cosmetic-add-color-bar{display:flex;align-items:center;gap:10px}.form-input.mini{width:120px;padding:6px 10px;font-size:.85rem}.btn-secondary.mini{padding:6px 12px;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}@keyframes cosmetic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cosmetic-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-level-svg-ornament.animated-spin,.hero-frame-svg-container.animated-spin,.cosmetic-level-svg-layer.animated-spin,.cosmetic-avatar-svg-layer.animated-spin{animation:cosmetic-spin 12s linear infinite}.hero-level-default-border.animated-pulse,.hero-frame-circle.animated-pulse,.cosmetic-level-default-border.animated-pulse,.cosmetic-frame-circle.animated-pulse{animation:cosmetic-pulse 2.5s ease-in-out infinite}.hero-level-svg-ornament svg,.hero-frame-svg-container svg{width:100%;height:100%;overflow:visible}.cosmetic-level-card-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:52px}.cosmetic-level-badge-compact{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:20px;background:transparent;border-radius:999px;transform:scale(1.35);transform-origin:center center}.cosmetic-level-svg-layer{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.cosmetic-level-svg-layer svg{width:100%;height:100%;overflow:visible}.cosmetic-level-default-border{position:absolute;inset:0;border-radius:999px;border:1.5px solid;pointer-events:none;z-index:1}.cosmetic-level-number{position:relative;z-index:2;font-size:.7rem;font-weight:800;color:#fff;line-height:1;letter-spacing:.1px;-webkit-user-select:none;user-select:none}.cosmetic-level-number.three-digits{font-size:.63rem;letter-spacing:-.3px}.cosmetic-avatar-preview-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px}.cosmetic-avatar-svg-layer{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.cosmetic-avatar-svg-layer svg{width:100%;height:100%;overflow:visible}.cosmetic-avatar-center-circle{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#f8fafc}.profile-simulation-global-wrapper{width:100%;max-width:440px;margin:0 auto;padding:28px 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:background .25s ease;box-sizing:border-box;background-clip:padding-box;overflow:hidden}.profile-simulation-card{width:100%;max-width:380px;margin:0 auto;border-radius:16px;overflow:hidden;position:relative;transition:all .25s ease}.profile-simulation-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a33,#0f172ab3);pointer-events:none;z-index:1}.profile-simulation-body{padding:18px 16px;display:flex;align-items:center;gap:14px;position:relative;z-index:2}.profile-simulation-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.profile-simulation-avatar-stack{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.profile-simulation-avatar-bg-layer,.profile-simulation-avatar-bg-circle{position:absolute;inset:0;border-radius:50%;overflow:hidden}.profile-simulation-avatar-bg-layer svg,.chesscad-avatar-bg-layer svg{width:100%;height:100%;display:block}.profile-simulation-avatar-piece-layer{position:relative;z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.profile-simulation-avatar-piece-layer svg,.chesscad-avatar-piece-layer svg{width:100%;height:100%;display:block}.profile-simulation-avatar-frame-layer{position:absolute;inset:-3px;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.profile-simulation-avatar-frame-layer svg,.chesscad-avatar-frame-layer svg{width:100%;height:100%;overflow:visible;display:block}.profile-simulation-avatar-frame-default{position:absolute;inset:0;border-radius:50%;z-index:3;pointer-events:none}.profile-simulation-level-badge{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;justify-content:center;width:36px;height:20px;background:#0b101b;border-radius:999px;border-width:1.5px;border-style:solid;box-sizing:border-box;cursor:pointer;transition:all .2s ease}.profile-simulation-level-badge.has-custom-frame{border:none!important;background:transparent!important;box-shadow:none!important}.profile-simulation-level-number{position:relative;z-index:2;font-size:.7rem;font-weight:800;color:#fff;line-height:1;letter-spacing:.1px;-webkit-user-select:none;user-select:none}.profile-simulation-level-number.three-digits{font-size:.63rem;letter-spacing:-.3px}.profile-simulation-level-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.profile-simulation-level-svg svg{width:100%;height:100%;overflow:visible}.profile-simulation-online-indicator{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#22c55e;border:3px solid #0f172a;z-index:7;box-shadow:0 1px 4px #0006}.profile-simulation-info{flex:1;min-width:0;padding-top:42px;display:flex;flex-direction:column;align-items:flex-start}.profile-simulation-username-row{display:flex;align-items:center;gap:6px}.profile-simulation-username{font-weight:800;font-size:1rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-simulation-title-box{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;margin-top:6px;padding:3px 10px;border-radius:6px;border-width:1px;border-style:solid;background:#ffffff0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .2s ease}.cosmetic-color-bubble-btn{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;padding:0;outline:none}.cosmetic-color-bubble-btn:hover:not(:disabled){transform:scale(1.12);border-color:#fff}.cosmetic-color-bubble-btn:disabled{cursor:not-allowed!important;transform:none!important;border-color:#ffffff26!important;box-shadow:none!important}.cosmetic-avatar-bg-preview-disc{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000073;background-color:#0b0f19;border:1.5px solid rgba(255,255,255,.12)}.cosmetic-avatar-bg-preview-disc svg{width:100%;height:100%;display:block}.cosmetic-color-swatches-row{display:flex;align-items:center;justify-content:center;gap:16px}.cosmetic-color-swatch-item{display:flex;flex-direction:column;align-items:center;gap:6px}.cosmetic-color-swatch-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.cosmetic-level-toggle-group{display:inline-flex;align-items:center;background:#00000040;border:1px solid var(--border-lighter);border-radius:8px;padding:2px;gap:2px}.cosmetic-level-toggle-btn{background:transparent;border:none;color:var(--text-muted);font-family:Roboto Mono,monospace;font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.cosmetic-level-toggle-btn:hover{color:var(--text-pure)}.cosmetic-level-toggle-btn.active{background:#ffffff14;color:var(--text-pure);box-shadow:0 1px 4px #0000004d}.cosmetic-editor-field-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.cosmetic-price-box{display:flex;align-items:center;gap:8px;height:44px;background:transparent;border:1px solid transparent;border-radius:8px;padding:0 12px;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}.cosmetic-price-box:hover{background:#ffffff0d;border-color:var(--border-lighter)}.cosmetic-price-box:focus-within{background:#00000040;border-color:#fbbf24}.cosmetic-price-diamond{font-size:1.15rem;color:#fbbf24;font-weight:800;-webkit-user-select:none;user-select:none;line-height:1}.cosmetic-price-input{width:76px;background:transparent!important;border:none!important;outline:none!important;color:#fbbf24!important;font-family:Roboto Mono,monospace;font-weight:700;font-size:.95rem;padding:0!important}.cosmetic-rarity-select-trigger{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid transparent;border-radius:8px;padding:0 12px;box-sizing:border-box;cursor:pointer;outline:none;transition:background .15s ease,border-color .15s ease}.cosmetic-rarity-select-trigger:hover{background:#ffffff0d;border-color:var(--border-lighter)}.cosmetic-rarity-select-trigger.open{background:#00000040;border-color:var(--primary)}.cosmetic-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel, #18202c);border:1px solid var(--border-lighter);border-radius:8px;box-shadow:0 10px 25px #00000073;z-index:50;padding:4px;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.cosmetic-select-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;color:var(--text-dim);font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cosmetic-select-option:hover{background:#ffffff14;color:var(--text-pure)}.cosmetic-select-option.selected{background:rgba(var(--primary-rgb),.15);color:var(--primary);font-weight:700}.cosmetic-textarea-svg{width:100%;height:320px;min-height:280px;resize:none!important;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 12px;box-sizing:border-box;font-family:Roboto Mono,monospace;font-size:.82rem;line-height:1.5;color:var(--text-main);outline:none;transition:border-color .2s ease,background .2s ease}.cosmetic-textarea-svg:hover:not(:focus){border-color:var(--border-lighter)}.cosmetic-textarea-svg:focus{outline:none;background:#00000040;border-color:var(--primary)}.cosmetic-text-input{width:100%;height:44px;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 12px;box-sizing:border-box;font-family:Roboto Mono,monospace;font-size:.85rem;color:var(--text-main);outline:none;transition:border-color .2s ease,background .2s ease}.cosmetic-text-input:hover:not(:focus){border-color:var(--border-lighter)}.cosmetic-text-input:focus{outline:none;background:#00000040;border-color:var(--primary)}.cosmetic-avatar-card-preview{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.cosmetic-avatar-card-preview svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.course-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.course-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;cursor:pointer}.course-card:hover{border-color:rgba(var(--primary-rgb),.6);background:#ffffff08;box-shadow:0 8px 24px #00000059}.course-card-top{display:flex;align-items:center;justify-content:space-between}.course-card-icon{font-size:2rem;line-height:1}.course-card-title{font-size:1.05rem;font-weight:700;color:var(--text-pure);margin:0;line-height:1.35}.course-card-desc{font-size:.85rem;color:var(--text-dim);line-height:1.45;margin:0;flex:1}.course-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-dim);padding-top:10px;border-top:1px solid var(--border-color)}.course-category-badge{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:3px 8px;border-radius:6px;background:rgba(var(--primary-rgb),.15);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3)}.modal-box.course-modal{max-width:820px;width:95%}.course-modal-tabs{display:flex;border-bottom:1px solid var(--border-color);background:#00000026;padding:0 16px;gap:8px}.course-modal-tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:12px 16px;color:var(--text-dim);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.course-modal-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.course-sections-layout{display:grid;grid-template-columns:310px 1fr;gap:28px;min-height:560px}.course-sections-sidebar{display:flex;flex-direction:column;gap:6px;padding-right:20px;border-right:1px solid var(--border-lighter);max-height:calc(100vh - 250px);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.course-section-nav-item{padding:9px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:.84rem;font-weight:600;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between}.course-section-nav-item:hover{background:#ffffff0a;color:var(--text-pure)}.course-section-nav-item.active{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.25);color:var(--primary);font-weight:700}.course-section-editor{display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 250px);overflow-y:auto;padding-right:8px;scrollbar-gutter:stable;overscroll-behavior:contain}.course-filter-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.course-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.course-chip:hover{border-color:rgba(var(--primary-rgb),.5);color:var(--text-pure)}.course-chip.active{background:rgba(var(--primary-rgb),.15);border-color:var(--primary);color:var(--primary)}.course-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.course-card-stats{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-dim)}.course-card-actions{display:flex;align-items:center;gap:6px}.course-card-pole-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:rgba(var(--primary-rgb),.12);padding:3px 8px;border-radius:6px;border:1px solid rgba(var(--primary-rgb),.25)}.course-difficulty-badge{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:6px;text-transform:capitalize}.course-difficulty-badge.débutant,.course-difficulty-badge.facile{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.course-difficulty-badge.moyen{background:#f1c40f26;color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.course-difficulty-badge.avancé{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.course-fen-preview{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center;background:#00000038;border:1px solid var(--border-lighter);border-radius:12px;padding:18px 20px}.course-exercise-box{display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--border-lighter)}.course-qcm-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.course-admin-list{display:flex;flex-direction:column;border:none;border-radius:0;overflow:visible;background:transparent}.course-row-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;background:transparent;border:none;border-bottom:1px solid var(--border-lighter);cursor:pointer;transition:background .15s ease}.course-row-item:last-child{border-bottom:none}.course-row-item:hover{background:#ffffff09}.course-row-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.course-row-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-rgb),.12);color:var(--primary);flex-shrink:0}.course-row-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.course-row-title-line{display:flex;align-items:center;gap:8px;overflow:hidden}.course-row-title{font-size:.92rem;font-weight:700;color:var(--text-pure);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-row-id{font-size:.74rem;color:var(--text-dim);font-family:monospace;white-space:nowrap}.course-row-meta{display:flex;align-items:center;gap:10px;font-size:.76rem;color:var(--text-dim)}.course-row-badges{display:flex;align-items:center;gap:8px;flex-shrink:0}.course-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.course-editor-page{display:flex;flex-direction:column;gap:24px}.course-editor-content{display:flex;flex-direction:column;gap:26px;padding-top:8px}.course-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;box-sizing:border-box;padding-top:6px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.course-editor-meta-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border-lighter)}.admin-back-btn{background:transparent;border:none;box-shadow:none;color:var(--text-dim);padding:0;width:32px;height:32px;cursor:pointer;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease,transform .15s ease;flex-shrink:0}.admin-back-btn:hover{background:#ffffff0f;color:var(--text-pure)}.course-category-title-input{background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 8px;color:var(--text-pure);font-weight:800;font-size:1.35rem;font-family:inherit;letter-spacing:-.01em;outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:background .15s ease;max-width:480px}.course-category-title-input:hover{background:#ffffff0d}.course-category-title-input:focus,.course-category-title-input:focus-visible{background:#00000080!important;border-color:rgba(var(--primary-rgb),.7)!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}.course-category-desc-input{background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 4px;color:var(--text-dim);font-size:.82rem;font-family:inherit;line-height:1.4;outline:none!important;outline-offset:0!important;box-shadow:none!important;resize:none;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;transition:background .15s ease,color .15s ease}.course-category-desc-input::-webkit-scrollbar{display:none}.course-category-desc-input:hover{background:#ffffff0d;color:var(--text-pure)}.course-category-desc-input:focus,.course-category-desc-input:focus-visible{background:#00000080!important;border-color:rgba(var(--primary-rgb),.7)!important;color:var(--text-pure)!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}.admin-action-icon-btn{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-dim);cursor:pointer;transition:color .15s ease,background .15s ease;padding:0;box-sizing:border-box;flex-shrink:0}.admin-action-icon-btn:hover{background:#ffffff14;color:var(--text-pure)}.admin-action-icon-btn.primary{background:rgba(var(--primary-rgb),.12);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3)}.admin-action-icon-btn.primary:hover{background:var(--primary);color:#fff}.course-section-kind-badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.course-section-kind-badge.course,.course-section-kind-badge.theory{background:#3498db2e;color:#3498db;border:1px solid rgba(52,152,219,.35)}.course-section-kind-badge.exercise{background:#2ecc712e;color:#2ecc71;border:1px solid rgba(46,204,113,.35)}.course-section-kind-badge.mixed{background:#9b59b62e;color:#9b59b6;border:1px solid rgba(155,89,182,.35)}.step-type-segmented{display:inline-flex;align-items:center;background:#00000059;border:1px solid var(--border-color);border-radius:10px;padding:4px;gap:6px}.step-type-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-dim);font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s ease}.step-type-btn:hover{color:var(--text-pure);background:#ffffff0f}.step-type-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px rgba(var(--primary-rgb),.35)}.course-qcm-options-list{display:flex;flex-direction:column;gap:10px;width:100%}.course-qcm-option-row{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#ffffff06;border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s ease,background .15s ease}.course-qcm-option-row:hover{border-color:#fff3;background:#ffffff0d}.course-qcm-option-row.correct{border-color:rgba(var(--primary-rgb),.5);background:rgba(var(--primary-rgb),.08)}.course-tree-item-block{background:transparent;border:none;border-bottom:1px solid var(--border-lighter);padding:2px 0}.course-tree-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.course-tree-row:hover{background:#ffffff0a}.course-tree-row.hidden-course{opacity:.75}.course-tree-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.course-tree-chevron-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-dim);cursor:pointer;border-radius:4px;padding:0;transition:all .15s ease}.course-tree-chevron-btn:hover{color:var(--text-pure);background:#ffffff0f}.course-tree-chevron-btn.small{width:20px;height:20px}.admin-action-icon-btn.small{width:24px;height:24px;padding:3px;border-radius:4px;background:transparent;border:none;color:var(--text-dim);box-sizing:border-box}.admin-action-icon-btn.small:hover{color:var(--text-pure);background:#ffffff14}.admin-action-icon-btn.visibility-active{color:var(--text-main)}.admin-action-icon-btn.visibility-active:hover{color:var(--text-pure);background:#ffffff14}.admin-action-icon-btn.visibility-hidden{color:var(--text-dim);background:transparent;border:none}.admin-action-icon-btn.visibility-hidden:hover{color:var(--text-pure);background:#ffffff14}.admin-action-icon-btn.danger{background:transparent;border:none;color:#ef4444}.admin-action-icon-btn.danger:hover{background:#ef44441f;color:#f87171}.admin-action-icon-btn.theory{background:transparent;border:none;color:#38bdf8}.admin-action-icon-btn.theory:hover{background:#38bdf81f;color:#7dd3fc}.admin-action-icon-btn.practice{background:transparent;border:none;color:#2ecc71}.admin-action-icon-btn.practice:hover{background:#2ecc711f;color:#55efc4}.course-sub-right .admin-action-icon-btn{width:24px;height:24px;padding:3px;border-radius:4px}.course-hidden-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.course-chapters-container{background:transparent;border:none;padding:4px 0 8px 24px;display:flex;flex-direction:column;gap:4px}.course-chapter-block{display:flex;flex-direction:column}.course-chapter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:6px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.course-chapter-row:hover{background:#ffffff0a;border-color:var(--border-lighter)}.course-chapter-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.course-module-title-input{background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 8px;color:var(--text-pure);font-weight:700;font-size:.95rem;flex:1;max-width:420px;outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:background .15s ease,border-color .15s ease}.course-module-title-input:hover{background:#ffffff0d;border-color:var(--border-lighter)}.course-module-title-input:focus,.course-module-title-input:focus-visible{background:#00000080!important;border-color:rgba(var(--primary-rgb),.7)!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}.course-chapter-idx,.course-sub-idx{font-size:.8rem;font-weight:700;color:var(--text-dim);min-width:20px;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.course-chapter-idx:hover,.course-sub-idx:hover{color:var(--text-pure);background:#ffffff14}.course-chapter-idx:active,.course-sub-idx:active{cursor:grabbing}.course-drag-target-before{border-top:2px solid var(--primary)!important}.course-drag-target-after{border-bottom:2px solid var(--primary)!important}.course-drag-divider{position:absolute;left:0;right:0;height:3px;background:var(--primary);border-radius:2px;z-index:50;pointer-events:none;box-shadow:0 0 8px rgba(var(--primary-rgb),.7)}.course-drag-divider.top{top:-2px}.course-drag-divider.bottom{bottom:-2px}.course-custom-svg-wrapper{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.course-custom-svg-wrapper svg{width:100%!important;height:100%!important;display:block}.course-drag-target-inside{background:rgba(var(--primary-rgb),.08)!important;border:1px dashed var(--primary)!important}.course-is-dragging{opacity:.4!important}.course-chapter-title-input{background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;color:var(--text-pure);font-weight:600;font-size:.88rem;flex:1;max-width:380px;outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;transition:background .15s ease,border-color .15s ease}.course-chapter-title-input:hover{background:#ffffff0d;border-color:var(--border-lighter)}.course-chapter-title-input:focus,.course-chapter-title-input:focus-visible{background:#00000080!important;border-color:rgba(var(--primary-rgb),.7)!important;outline:none!important;outline-offset:0!important;box-shadow:none!important}.course-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:0;align-content:start}.course-category-banner{position:relative;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--border-color);border-radius:12px;padding:18px 20px 14px;cursor:pointer;transition:background .15s ease,border-color .15s ease;display:flex;flex-direction:column;justify-content:space-between;height:202px;min-height:202px;max-height:202px;gap:8px;overflow:visible;box-sizing:border-box;box-shadow:0 4px 14px #0003;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}@keyframes categoryCreatedPulse{0%{transform:scale(.85);opacity:0;border-color:#6366f1;box-shadow:0 0 25px #6366f199}60%{transform:scale(1.03);opacity:1;border-color:#6366f1cc;box-shadow:0 0 20px #6366f166}to{transform:scale(1);opacity:1;border-color:var(--border-color);box-shadow:0 4px 14px #0003}}.course-category-banner.just-created{animation:categoryCreatedPulse .5s cubic-bezier(.16,1,.3,1) forwards}.course-category-banner.has-dropdown,.course-category-banner.has-popover,.course-category-banner:has(.course-context-menu),.course-category-banner:has(.course-icon-picker-popover),.course-category-banner:has(.category-color-picker-popover){overflow:visible!important;z-index:100000!important}.course-tree-item.course-level.has-popover,.course-tree-item.course-level:has(.course-icon-picker-popover){overflow:visible!important;z-index:100000!important}.course-category-banner:hover{background:linear-gradient(135deg,#ffffff14,#ffffff09);border-color:#ffffff47}.course-category-banner-header{display:flex;align-items:center;justify-content:space-between}.course-category-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.course-category-title{font-size:1.15rem;font-weight:700;color:var(--text-pure);letter-spacing:-.01em}.course-category-desc{font-size:.84rem;color:var(--text-dim);line-height:1.45;flex:1}.course-category-footer{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--border-lighter);font-size:.76rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;height:22px;line-height:22px;box-sizing:content-box}.course-category-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border-lighter)}.course-category-back-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-lighter);padding:6px 14px;border-radius:6px;color:var(--text-main);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.course-category-back-btn:hover{background:#ffffff14;border-color:var(--border-color);color:var(--text-pure)}.course-context-wrapper{position:relative;display:inline-flex}.course-context-wrapper.active,.course-context-wrapper:has(.course-context-menu){z-index:9999}.course-tree-row.has-dropdown,.course-chapter-row.has-dropdown,.course-subsection-row.has-dropdown,.course-tree-row:has(.course-context-menu),.course-chapter-row:has(.course-context-menu),.course-subsection-row:has(.course-context-menu){z-index:9998;position:relative}.course-tree-item-block.has-dropdown,.course-tree-item-block:has(.course-context-menu){z-index:9997;position:relative}.course-context-menu{position:absolute;top:calc(100% + 4px);right:0;background:#0d1527;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 16px 36px #000000d9,0 0 0 1px #ffffff14;padding:6px;min-width:210px;z-index:99999;display:flex;flex-direction:column;gap:2px}.course-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:6px;background:transparent;border:none;color:var(--text-main);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.course-context-menu-item:hover{background:#ffffff14;color:var(--text-pure)}.course-context-menu-item.danger{color:var(--danger)}.course-context-menu-item.danger:hover{background:rgba(var(--danger-rgb),.12);color:#ff6b6b}.course-context-divider{height:1px;background:var(--border-lighter);margin:4px 0}.course-chapter-meta{display:flex;align-items:center;gap:8px;margin-left:auto}.course-chapter-count-badge{font-size:.72rem;color:var(--text-dim);background:#ffffff0d;padding:2px 8px;border-radius:12px;flex-shrink:0}.course-chapter-meta-item{font-size:.73rem;color:var(--text-dim);font-weight:600;flex-shrink:0}.course-sub-meta{display:flex;align-items:center;gap:10px;margin-left:auto;padding-right:6px}.course-sub-meta-item{font-size:.74rem;color:var(--text-dim);font-weight:600;white-space:nowrap}.course-diff-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:4px;letter-spacing:.03em;white-space:nowrap}.course-diff-badge.facile{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.35)}.course-diff-badge.moyen{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.35)}.course-diff-badge.difficile{background:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.35)}.course-diff-badge.tres_difficile{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.35)}.course-diff-badge.extreme{background:#9b59b62e;color:#b388ff;border:1px solid rgba(155,89,182,.4)}.course-chapter-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.course-subsections-container{background:transparent;border:none;padding-left:24px;margin-top:2px;margin-bottom:2px;display:flex;flex-direction:column;gap:3px}.course-subsection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-radius:6px;background:transparent;border:1px solid transparent;transition:all .15s ease;cursor:pointer}.course-subsection-row:hover{background:#ffffff0a;border-color:var(--border-lighter)}.course-sub-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.course-sub-idx{font-size:.76rem;color:var(--text-dim);font-family:monospace;min-width:26px;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.course-sub-idx:hover{color:var(--text-pure);background:#ffffff14}.course-sub-idx:active{cursor:grabbing}.course-sub-title{font-size:.86rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-add-sub-wrapper{position:relative;display:inline-flex}.course-add-sub-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0000008c;padding:4px;display:flex;flex-direction:row;gap:4px;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-add-sub-dropdown-item{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.course-add-sub-dropdown-item.theory{color:#38bdf8;background:#38bdf81a;border-color:#38bdf833}.course-add-sub-dropdown-item.theory:hover{background:#38bdf838;border-color:#38bdf873}.course-add-sub-dropdown-item.practice{color:#2ecc71;background:#2ecc711a;border-color:#2ecc7133}.course-add-sub-dropdown-item.practice:hover{background:#2ecc7138;border-color:#2ecc7173}.course-section-kind-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;flex-shrink:0}.course-section-kind-icon.course,.course-section-kind-icon.theory{color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.25)}.course-section-kind-icon.exercise{color:#2ecc71;background:#2ecc711f;border:1px solid rgba(46,204,113,.25)}.course-editor-title-inline-input{background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 12px;font-size:1.25rem;font-weight:700;color:var(--text-pure);width:100%;outline:none;transition:all .15s ease}.course-editor-title-inline-input:hover{background:#ffffff0a;border-color:#ffffff1f}.course-editor-title-inline-input:focus{background:#0f172acc;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.25)}.course-editor-title-inline-input::placeholder{color:var(--text-dim);font-weight:500}.admin-action-icon-btn.confirm-delete{background:#e74c3c!important;color:#fff!important;border-color:#e74c3c!important;box-shadow:0 0 10px #e74c3c80!important}.course-sub-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.course-empty-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffffff05;border:1px dashed var(--border-lighter);border-radius:6px;font-size:.8rem;color:var(--text-dim);font-style:italic}.course-empty-row.subsection{padding:6px 12px;font-size:.76rem}.course-add-sub-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;border-radius:5px;background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.25);color:var(--primary);cursor:pointer;transition:all .15s ease}.course-add-sub-btn:hover{background:var(--primary);color:#fff}.course-add-sub-btn.practice{background:#2ecc711f;border-color:#2ecc7140;color:#2ecc71}.course-add-sub-btn.practice:hover{background:#2ecc71;color:#fff}.course-practice-folder-wrapper{margin-top:6px;margin-bottom:4px;border-radius:6px;background:#2ecc7108;border:1px dashed rgba(46,204,113,.22);transition:all .2s ease}.course-practice-folder-wrapper:hover{border-color:#2ecc7166;background:#2ecc710d}.course-practice-folder-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.course-practice-folder-header:hover{background:#ffffff08}.course-practice-folder-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.course-practice-folder-icon{color:#2ecc71;flex-shrink:0}.course-practice-folder-name{font-size:.8rem;font-weight:600;color:var(--text-normal, #e2e8f0)}.course-practice-badge{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:10px;background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.course-practice-list{display:flex;flex-direction:column;gap:3px;padding:4px 8px 8px 18px}.course-empty-row.practice-empty{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.76rem;background:transparent;border-radius:5px;color:var(--text-dim);font-style:italic}.course-subsection-row.practice-row{background:#2ecc7105;border-color:#2ecc711a}.course-subsection-row.practice-row:hover{background:#2ecc7114;border-color:#2ecc714d}.course-sub-idx.practice-idx{color:#2ecc71;background:#2ecc711a;border-radius:4px;font-weight:600}.category-color-picker-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:100010;background:#0f172af5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;width:300px;box-shadow:0 16px 40px -8px #000000bf,0 0 1px #fff3;display:flex;flex-direction:column;animation:categoryPickerFadeIn .14s cubic-bezier(.16,1,.3,1)}@keyframes categoryPickerFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.category-color-picker-list{display:flex;flex-direction:column;gap:2px;max-height:290px;overflow-y:auto;padding-right:2px}.category-color-picker-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:background .15s ease;width:100%;box-sizing:border-box}.category-color-picker-item:hover{background:#ffffff0f}.category-color-picker-item.is-selected{background:#ffffff17;border-color:#ffffff29}.category-color-picker-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.25);box-shadow:0 2px 6px #00000059}.category-color-picker-info{flex:1;min-width:0}.category-color-picker-label{font-size:.84rem;font-weight:600;color:var(--text-pure);line-height:1.25}.category-color-picker-var{font-size:.82rem;font-family:monospace;color:var(--text-pure);flex:1}.course-block-builder{display:flex;flex-direction:column;gap:28px;width:100%}.course-block-builder-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 16px;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:24px}.course-block-type-palette{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.course-palette-item{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s ease}.course-palette-item:active{cursor:grabbing}.course-palette-item:hover{border-color:#ffffff40}.course-palette-item.type-text{background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8}.course-palette-item.type-text:hover{background:#38bdf838;border-color:#38bdf899;box-shadow:0 0 12px #38bdf847}.course-palette-item.type-callout{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#f59e0b}.course-palette-item.type-callout:hover{background:#f59e0b38;border-color:#f59e0b99;box-shadow:0 0 12px #f59e0b47}.course-palette-item.type-diagram{background:#2ecc711f;border:1px solid rgba(46,204,113,.35);color:#2ecc71}.course-palette-item.type-diagram:hover{background:#2ecc7138;border-color:#2ecc7199;box-shadow:0 0 12px #2ecc7147}.course-palette-item.type-game{background:#a855f71f;border:1px solid rgba(168,85,247,.35);color:#a855f7}.course-palette-item.type-game:hover{background:#a855f738;border-color:#a855f799;box-shadow:0 0 12px #a855f747}.course-palette-item.type-image{background:#ec48991f;border:1px solid rgba(236,72,153,.35);color:#ec4899}.course-palette-item.type-image:hover{background:#ec489938;border-color:#ec489999;box-shadow:0 0 12px #ec489947}.course-block-add-dropdown-wrapper{position:relative;display:inline-flex}.course-block-add-main-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(var(--primary-rgb),.15);border:1px solid var(--primary);border-radius:7px;color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s ease}.course-block-add-main-btn:hover{background:var(--primary)}.course-block-add-main-btn svg.rotate{transform:rotate(180deg)}.course-block-add-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:#0e172a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:3px;z-index:1000;box-shadow:0 10px 30px #000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.course-block-add-dropdown-menu.small{min-width:170px}.course-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-pure);font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:all .12s ease;width:100%}.course-dropdown-item:hover{background:#ffffff14;color:#fff}.course-toolbar-left-group,.course-toolbar-right-group{display:flex;align-items:center;gap:8px}.course-toolbar-divider{width:1px;height:20px;background:#ffffff1f;margin:0 4px}.course-block-action-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-pure);cursor:pointer;transition:all .15s ease;padding:0}.course-block-action-icon-btn *{pointer-events:none}.course-block-action-icon-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.course-block-action-icon-btn:disabled{opacity:.22;cursor:not-allowed;border-color:#ffffff0a;color:var(--text-dim)!important;background:transparent!important;pointer-events:none;box-shadow:none!important}.course-block-builder-toolbar.is-dragging .course-block-action-icon-btn.danger{pointer-events:auto!important;opacity:.9!important;border-color:#ef444473;background:#ef44441a;color:#ef4444}.course-block-action-icon-btn.danger:hover:not(:disabled){background:#ef444426;border-color:#ef444459;color:#ef4444}@keyframes trash-blink-red{0%,to{background:#ef444433;border-color:#ef444480;color:#ef4444;box-shadow:0 0 #ef444499;transform:scale(1)}50%{background:#ef4444;border-color:#f87171;color:#fff;box-shadow:0 0 16px 4px #ef4444b3;transform:scale(1.15)}}.course-block-action-icon-btn.danger.trash-blinking{animation:trash-blink-red .5s infinite ease-in-out!important;opacity:1!important;pointer-events:auto!important;cursor:copy!important;border-color:#ef4444!important}.course-block-view-toggles{display:flex;align-items:center;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:2px;gap:2px;position:relative;-webkit-user-select:none;user-select:none}.course-block-view-toggles:before{content:"";position:absolute;top:2px;left:2px;width:32px;height:32px;background:var(--primary);border-radius:5px;box-shadow:0 2px 8px rgba(var(--primary-rgb),.35);transition:transform .22s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}.course-block-view-toggles.preview:before,.course-block-view-toggles.game:before{transform:translate(34px)}.course-block-view-toggles.edit:before,.course-block-view-toggles.layout:before,.course-block-view-toggles.diagram:before{transform:translate(0)}.course-block-toggle-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:none;background:transparent!important;color:var(--text-dim);cursor:pointer;transition:color .18s ease,transform .12s ease;padding:0;position:relative;z-index:2}.course-block-toggle-btn:hover{color:var(--text-pure)}.course-block-toggle-btn:active{transform:scale(.92)}.course-block-toggle-btn.active{color:#fff}.course-layout-canvas{width:100%}.course-builder-empty-state{padding:48px 20px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:var(--text-dim);font-size:.92rem;background:#ffffff04}.course-builder-empty-state strong{color:var(--primary)}.course-tiles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:14px;align-items:stretch;grid-auto-flow:dense}.course-tile-card{position:relative;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:calc(150px * var(--card-row-span, 1) + 14px * (var(--card-row-span, 1) - 1));grid-row:span var(--card-row-span, 1);box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #0003}.course-tiles-grid.is-dragging .course-tile-card{transition:none!important;transform:none!important}.course-tiles-grid.is-dragging .course-tile-card:hover{transform:none!important}.course-tiles-grid.is-dragging .course-tile-card *{pointer-events:none}.course-tile-card.is-dragged{opacity:.35;border-style:dashed}.course-tile-card:active{cursor:grabbing}.course-tile-card.col-span-2{grid-column:span 2}.course-tile-card.col-span-1{grid-column:span 1}.course-tile-card:hover{background:#1e293bb3;border-color:#fff3;box-shadow:0 8px 20px #0000004d}.course-tile-card.selected{border-color:#38bdf8;background:#38bdf814;box-shadow:0 0 0 2px #38bdf859,0 8px 22px #00000059}.course-drop-indicator-bar{position:absolute;background:#38bdf8;box-shadow:0 0 10px #38bdf8,0 0 4px #fff;border-radius:4px;z-index:40;pointer-events:none;animation:pulseDropLine .9s infinite alternate ease-in-out}.course-drop-indicator-bar.top{top:-9px;left:0;right:0;height:4px}.course-drop-indicator-bar.bottom{bottom:-9px;left:0;right:0;height:4px}.course-drop-indicator-bar.left{top:0;bottom:0;left:-9px;width:4px}.course-drop-indicator-bar.right{top:0;bottom:0;right:-9px;width:4px}.course-drop-indicator-bar.right-top{top:0;height:calc(50% - 4px);right:-9px;width:4px}.course-drop-indicator-bar.right-bottom{top:calc(50% + 4px);bottom:0;right:-9px;width:4px}.course-drop-indicator-bar.left-top{top:0;height:calc(50% - 4px);left:-9px;width:4px}.course-drop-indicator-bar.left-bottom{top:calc(50% + 4px);bottom:0;left:-9px;width:4px}@keyframes pulseDropLine{0%{opacity:.75}to{opacity:1}}.course-grid-bottom-drop-slot{width:100%;height:14px;position:relative}.course-grid-bottom-drop-slot .course-drop-indicator-bar.bottom{transform:translateY(-50%);inset:50% 0 auto}.course-tile-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.course-tile-span-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-dim);background:#ffffff0a;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.course-tile-rowspan-pill{font-size:.68rem;font-weight:700;color:#38bdf8;background:#38bdf826;padding:1px 5px;border-radius:3px;border:1px solid rgba(56,189,248,.25)}.course-tile-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin:auto 0}.course-tile-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.course-tile-card:hover .course-tile-icon-box{opacity:.95}.course-tile-icon-box.small{width:32px;height:32px;border-radius:8px}.course-tile-icon-box.type-text{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8}.course-tile-icon-box.type-callout{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.course-tile-icon-box.type-diagram{background:#2ecc7126;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.course-tile-icon-box.type-game{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#a855f7}.course-tile-icon-box.type-image{background:#ec489926;border:1px solid rgba(236,72,153,.3);color:#ec4899}.course-tile-image-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-tile-image-thumb img{width:100%;height:100%;pointer-events:none}.course-tile-label{font-size:.94rem;font-weight:700;color:var(--text-pure)}.course-tile-desc{font-size:.78rem;color:var(--text-dim);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-tile-footer{display:flex;justify-content:center;width:100%}.course-tile-hint{font-size:.72rem;color:var(--text-dim);opacity:.5;transition:opacity .15s ease}.course-tile-card:hover .course-tile-hint{opacity:.9;color:var(--primary)}.course-block-builder-container,.course-block-dedicated-editor{display:flex;flex-direction:column;width:100%;animation:courseViewTransition .22s cubic-bezier(.16,1,.3,1)}@keyframes courseViewTransition{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.course-dedicated-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:2px 0 16px}.course-dedicated-header-left{display:flex;align-items:center;gap:12px}.course-dedicated-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-pure)}.course-dedicated-header-right{display:flex;align-items:center;gap:12px}.course-dedicated-text-studio{width:100%;display:flex;flex-direction:column}.course-text-seamless-input{width:100%;min-height:520px;padding:8px 10px;background:transparent!important;border:1px solid transparent!important;border-radius:8px;color:var(--text-pure);font-family:inherit;font-size:1rem;line-height:1.7;outline:none;resize:vertical;transition:all .2s ease;box-sizing:border-box}.course-text-seamless-input:hover:not(:focus){border-color:#ffffff1f!important}.course-text-seamless-input:focus{outline:none;background:#00000040!important;border-color:var(--primary)!important}.course-board-pgn-editor-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px}.course-board-pgn-label{font-size:.85rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.course-text-seamless-input.mono{font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.5}.course-text-seamless-preview{width:100%;min-height:520px;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:var(--text-pure);font-size:1rem;line-height:1.7;cursor:pointer;box-sizing:border-box;transition:all .2s ease}.course-text-seamless-preview:hover{border-color:#ffffff1f}.course-text-seamless-input,.course-text-seamless-preview{animation:courseFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes courseFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.course-md-rendered-content{color:var(--text-pure);font-size:.96rem;line-height:1.7}.course-md-h1{font-size:1.45rem;font-weight:700;margin:0 0 14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.course-md-h2{font-size:1.25rem;font-weight:700;margin:18px 0 10px;color:#fff}.course-md-h3{font-size:1.05rem;font-weight:600;margin:14px 0 8px;color:var(--text-pure)}.course-md-p{margin:0 0 12px}.course-md-quote{margin:14px 0;padding:8px 16px;border-left:3px solid var(--primary);background:rgba(var(--primary-rgb),.06);border-radius:0 6px 6px 0;font-style:italic;color:var(--text-pure)}.course-md-ul,.course-md-ol{margin:0 0 14px;padding-left:24px}.course-md-ul li,.course-md-ol li{margin-bottom:5px}.course-md-inline-code{padding:2px 6px;border-radius:4px;background:#ffffff14;color:#38bdf8;font-family:monospace;font-size:.88rem}.course-tag-arrow,.course-tag-square{display:inline-flex;align-items:center;gap:6px;padding:2px 7px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-family:var(--font-mono, monospace);font-size:.82em;font-weight:600;vertical-align:middle;margin:0 2px;transition:all .2s ease}.course-tag-arrow:hover,.course-tag-square:hover{border-color:var(--tag-color, var(--accent-primary));box-shadow:0 0 10px #38bdf833}.course-tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.course-tag-box{width:9px;height:9px;border-radius:2px;border-width:1.5px;border-style:solid;flex-shrink:0}.course-tag-label{letter-spacing:.5px}.course-md-empty-preview{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:.88rem;font-style:italic;padding:40px;text-align:center}.course-dedicated-board-preview-pane{display:flex;flex-direction:column;align-items:center;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding-bottom:20px}.course-dedicated-board-container{width:100%;max-width:380px;padding:16px;display:flex;justify-content:center}.course-dedicated-board-workspace{display:flex;flex-direction:column;gap:14px;width:100%}.course-board-main-row{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"board data";gap:16px;align-items:stretch;width:100%;max-width:870px}@media(max-width:768px){.course-board-main-row{grid-template-columns:1fr;grid-template-areas:"board" "data"}}.course-board-left-col{grid-area:board;display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.course-board-left-col .course-dedicated-board-container{width:100%;max-width:100%;aspect-ratio:1;padding:0;display:flex;justify-content:center;box-shadow:0 16px 40px #00000073;border-radius:8px;overflow:hidden}.course-board-right-col{grid-area:data;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;padding:0;box-sizing:border-box;width:100%;height:100%}.course-board-right-col .data-section{padding:0 0 10px;border-bottom:none;display:flex;flex-direction:column;gap:4px}.course-board-right-col .data-section.flex-grow{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;gap:4px}.course-board-right-col .section-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.course-board-right-col .label{font-size:.82rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.course-board-right-col .data-input{background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 12px;color:var(--text-main);font-family:Roboto Mono,monospace;font-size:.85rem;line-height:1.4;transition:all .2s ease;width:100%;box-sizing:border-box}.course-board-right-col .data-input:hover:not(:focus){border-color:var(--border-lighter)}.course-board-right-col .data-input:focus{outline:none;background:#00000040;border-color:var(--primary)}.course-board-right-col textarea.data-input{resize:none!important}.course-board-right-col textarea.data-input::-webkit-resizer{display:none!important}.course-board-right-col textarea.data-input.full-height{flex:1;height:100%}.btn-icon-small{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-icon-small:hover{color:var(--text-pure);background:var(--border-light)}.course-dedicated-board-studio{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;gap:18px}.course-dedicated-board-studio .course-dedicated-board-container{width:100%;max-width:min(500px,66vh);aspect-ratio:1;padding:0;display:flex;justify-content:center;box-shadow:0 16px 40px #00000073;border-radius:8px;overflow:hidden}.course-board-studio-controls{display:flex;flex-direction:column;align-items:center;width:100%;max-width:min(500px,66vh)}.course-board-palette{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin:0 0 12px;flex-wrap:wrap;width:100%;box-sizing:border-box}.course-palette-group{display:flex;align-items:center;gap:3px;flex-shrink:0}.course-palette-divider{width:1px;height:24px;background:#ffffff1f;margin:0 4px;flex-shrink:0}.course-palette-piece{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .15s ease;padding:2px;flex-shrink:0}.course-palette-piece img{width:80%;height:80%;pointer-events:none}.course-palette-piece:hover{background:#ffffff14}.course-palette-piece.active-stamp{background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 8px #38bdf866}.course-palette-piece.trash-stamp{color:var(--danger, #ef4444)}.course-palette-piece.trash-stamp.active-stamp{background:#ef444433;border-color:#ef4444;box-shadow:0 0 8px #ef444466}.course-board-quick-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:0;flex-wrap:wrap;width:100%}.course-board-subtabs{display:flex;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px;gap:4px;margin-bottom:14px}.course-board-subtab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:6px;background:transparent;border:none;color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.course-board-subtab-btn:hover{color:var(--text-pure);background:#ffffff0a}.course-board-subtab-btn.active{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.course-board-subtab-badge{padding:1px 6px;border-radius:10px;font-size:.72rem;background:#38bdf840;color:#38bdf8}.course-callout-studio{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:start;width:100%;max-width:900px}@media(max-width:800px){.course-callout-studio{grid-template-columns:1fr;gap:20px}}.course-callout-controls{display:flex;flex-direction:column;gap:4px}.course-callout-controls .data-section{padding:0 0 14px;border-bottom:none;display:flex;flex-direction:column;gap:6px}.course-callout-controls .section-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.course-callout-controls .label{font-size:.82rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.course-callout-controls .data-input{background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 12px;color:var(--text-main);font-size:.92rem;line-height:1.5;transition:all .2s ease;width:100%;box-sizing:border-box}.course-callout-controls .data-input:hover:not(:focus){border-color:var(--border-lighter)}.course-callout-controls .data-input:focus{outline:none;background:#00000040;border-color:var(--primary)}.course-callout-controls textarea.data-input{resize:none!important;min-height:140px}.course-callout-controls textarea.data-input::-webkit-resizer{display:none!important}.course-callout-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.course-callout-type-card{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s ease;text-align:left}.course-callout-type-card:hover:not(.active){background:#ffffff0a;border-color:var(--border-lighter);color:var(--text-pure)}.course-callout-type-card .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-callout-type-card .card-label{font-size:.82rem;font-weight:600}.course-callout-type-card.active.tip{border-color:#2ecc71;background:#2ecc711f;color:#2ecc71}.course-callout-type-card.active.warning{border-color:#f39c12;background:#f39c121f;color:#f39c12}.course-callout-type-card.active.info{border-color:#38bdf8;background:#38bdf81f;color:#38bdf8}.course-callout-type-card.active.objective{border-color:#a855f7;background:#a855f71f;color:#a855f7}.course-callout-preview-side{display:flex;flex-direction:column;padding-top:24px}.course-game-moves-scroll{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:4px}.active-move-row{border-color:var(--primary)!important;background:rgba(var(--primary-rgb),.12)!important}.course-preview-scroll-container{width:100%}.course-preview-page{width:100%;padding:6px 0}.course-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;width:100%;grid-auto-flow:dense}.course-preview-grid-item.col-span-2{grid-column:span 2}.course-preview-grid-item.col-span-1{grid-column:span 1}.course-preview-grid-item{grid-row:span var(--preview-row-span, 1)}@media(max-width:768px){.course-tiles-grid{grid-template-columns:1fr}.course-tile-card.col-span-2,.course-tile-card.col-span-1{grid-column:span 1}.course-tile-card.row-span-2,.course-tile-card.row-span-1{grid-row:span 1;min-height:145px}.course-preview-grid{grid-template-columns:1fr}.course-preview-grid-item.col-span-2,.course-preview-grid-item.col-span-1{grid-column:span 1}.course-preview-grid-item.row-span-2,.course-preview-grid-item.row-span-1{grid-row:span 1}}.course-blocks-list{display:flex;flex-direction:column;gap:0}.course-block-item{display:flex;flex-direction:column;background:transparent;border-bottom:1px solid rgba(255,255,255,.07);padding:20px 0;gap:14px}.course-block-item:last-child{border-bottom:none}.course-block-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-block-badge-wrapper{display:flex;align-items:center;gap:10px}.course-block-type-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.course-block-type-badge.text{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:#38bdf8}.course-block-type-badge.callout{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#f59e0b}.course-block-type-badge.diagram{background:#2ecc711f;border:1px solid rgba(46,204,113,.25);color:#2ecc71}.course-block-type-badge.columns{background:#0ea5e91f;border:1px solid rgba(14,165,233,.25);color:#0ea5e9}.course-block-type-badge.game{background:#a855f71f;border:1px solid rgba(168,85,247,.25);color:#a855f7}.course-block-type-badge.svg{background:#ec48991f;border:1px solid rgba(236,72,153,.25);color:#ec4899}.course-block-controls{display:flex;align-items:center;gap:4px}.course-block-ctrl-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:5px;color:var(--text-dim);cursor:pointer;transition:all .15s ease;padding:0}.course-block-ctrl-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-pure)}.course-block-ctrl-btn:disabled{opacity:.25;cursor:not-allowed}.course-block-ctrl-btn.danger:hover:not(:disabled){background:#ef44441f;border-color:#ef44444d;color:#ef4444}.course-block-item-body{display:flex;flex-direction:column;gap:12px}.course-block-callout-editor{display:flex;flex-direction:column;gap:10px}.course-block-diagram-editor{display:flex;flex-direction:column;gap:14px}.course-block-diagram-top-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.course-layout-toggle-group{display:flex;gap:6px}.course-layout-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-dim);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.course-layout-btn:hover{color:var(--text-pure);background:#ffffff0f}.course-layout-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.course-block-diagram-main{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:start}@media(max-width:768px){.course-block-diagram-main{grid-template-columns:1fr}}.course-block-diagram-preview{flex-shrink:0}.course-block-board-wrap{width:200px;height:200px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 6px 18px #00000059}.course-block-diagram-fields{display:flex;flex-direction:column;gap:10px}.course-columns-builder{display:flex;flex-direction:column;gap:14px;width:100%}.course-columns-ratio-bar{display:flex;align-items:center;gap:10px}.course-columns-ratio-label{font-size:.78rem;color:var(--text-dim);font-weight:600}.course-columns-row{display:grid;gap:16px;width:100%}.course-columns-row.ratio-50-50{grid-template-columns:1fr 1fr}.course-columns-row.ratio-40-60{grid-template-columns:40% 1fr}.course-columns-row.ratio-60-40{grid-template-columns:1fr 40%}@media(max-width:768px){.course-columns-row{grid-template-columns:1fr!important}}.course-column-panel{display:flex;flex-direction:column;gap:12px;border:1px dashed rgba(255,255,255,.08);border-radius:8px;padding:12px;background:#ffffff04}.course-column-panel-header{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.course-sub-add-dropdown-wrapper{position:relative}.course-sub-add-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-pure);font-size:.74rem;cursor:pointer;transition:all .12s ease}.course-sub-add-btn:hover{background:rgba(var(--primary-rgb),.2);border-color:var(--primary)}.course-column-panel-body{display:flex;flex-direction:column;gap:12px}.course-sub-block-item{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.course-sub-block-item:last-child{border-bottom:none}.course-sub-block-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.course-sub-block-body{display:flex;flex-direction:column;gap:8px}.form-input.mono,.form-textarea.mono{font-family:monospace;font-size:.84rem}.course-block-game-editor{display:flex;flex-direction:column;gap:12px}.course-block-moves-editor{display:flex;flex-direction:column;gap:8px}.course-block-moves-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:4px}.course-block-move-row{display:flex;align-items:center;gap:10px}.course-block-move-tag{display:inline-block;min-width:64px;padding:6px 10px;border-radius:6px;background:#a855f71f;border:1px solid rgba(168,85,247,.25);color:#d8b4fe;font-size:.82rem;font-weight:700;text-align:center;font-family:monospace}.course-block-svg-editor{display:flex;flex-direction:column;gap:10px}.course-block-svg-preview-wrap{padding:12px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden}.course-blocks-preview{display:flex;flex-direction:column;gap:28px;padding:8px 0;background:transparent;border:none}.course-preview-block{display:flex;flex-direction:column;gap:12px}.course-preview-text{display:flex;flex-direction:column;gap:12px;color:var(--text-main);font-size:.98rem;line-height:1.7}.course-preview-text p{margin:0}.course-preview-callout{display:flex;gap:14px;padding:14px 18px;border-radius:8px;align-items:flex-start}.course-preview-callout.tip{background:#2ecc711a;border-left:3px solid #2ecc71;color:#2ecc71}.course-preview-callout.warning{background:#f39c121a;border-left:3px solid #f39c12;color:#f39c12}.course-preview-callout.info{background:#38bdf81a;border-left:3px solid #38bdf8;color:#38bdf8}.course-preview-callout.objective{background:#a855f71a;border-left:3px solid #a855f7;color:#a855f7}.course-preview-callout-icon{flex-shrink:0;margin-top:2px}.course-preview-callout-body{display:flex;flex-direction:column;gap:4px;color:var(--text-pure);font-size:.94rem;line-height:1.55}.course-preview-callout-body p{margin:0;color:var(--text-main)}.course-preview-columns{display:grid;gap:28px;width:100%;align-items:start}.course-preview-columns.ratio-50-50{grid-template-columns:1fr 1fr}.course-preview-columns.ratio-40-60{grid-template-columns:40% 1fr}.course-preview-columns.ratio-60-40{grid-template-columns:1fr 40%}@media(max-width:768px){.course-preview-columns{grid-template-columns:1fr!important}}.course-preview-column{display:flex;flex-direction:column;gap:16px}.course-preview-diagram-layout{width:100%}.course-preview-diagram-layout.with-text,.course-preview-diagram-layout.left{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center}.course-preview-diagram-layout.solo,.course-preview-diagram-layout.center{display:flex;justify-content:center;align-items:center}.course-preview-diagram-layout.right{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:center}@media(max-width:768px){.course-preview-diagram-layout.with-text,.course-preview-diagram-layout.left,.course-preview-diagram-layout.right{grid-template-columns:1fr;justify-items:center}}.course-preview-diagram-board{width:260px;height:260px;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000073;flex-shrink:0}.course-preview-diagram-board.center{width:280px;height:280px}.course-preview-diagram-text{display:flex;flex-direction:column;gap:10px;color:var(--text-main);font-size:.98rem;line-height:1.7}.course-preview-diagram-text.center{max-width:640px;text-align:center}.course-preview-diagram-text p{margin:0}.course-preview-caption{margin:0;font-size:.84rem;color:var(--text-dim);font-style:italic;text-align:center}.course-preview-game{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:10px 0;align-items:start}@media(max-width:768px){.course-preview-game{grid-template-columns:1fr}}.course-preview-game-board{width:240px;height:240px;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #00000073}.course-preview-game-controls{display:flex;flex-direction:column;gap:12px}.course-preview-game-nav{display:flex;align-items:center;gap:8px}.course-preview-move-badge{padding:4px 12px;background:rgba(var(--primary-rgb),.15);border:1px solid var(--primary);border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;font-family:monospace}.course-preview-move-comment-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#ffffff08;border-left:2px solid var(--primary);border-radius:0 6px 6px 0}.course-preview-move-comment-card strong{color:var(--text-pure);font-size:.9rem}.course-preview-move-comment-card p{margin:0;color:var(--text-main);font-size:.88rem;line-height:1.5}.course-preview-chips-list{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto}.course-preview-chip{padding:3px 8px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);font-size:.78rem;font-family:monospace;cursor:pointer;transition:all .12s ease}.course-preview-chip:hover{background:#ffffff1a;color:var(--text-pure)}.course-preview-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.course-image-dedicated-studio{display:grid;grid-template-columns:minmax(340px,420px) minmax(300px,1fr);gap:36px;align-items:start;width:100%;max-width:960px;margin:0 auto;padding:4px 0}@media(max-width:860px){.course-image-dedicated-studio{grid-template-columns:1fr;justify-items:center;gap:24px}}.course-image-crop-column{display:flex;flex-direction:column;align-items:center;width:100%}.course-image-crop-square-wrapper{position:relative;width:100%;max-width:380px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px #00000073;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color .2s ease,box-shadow .2s ease}.course-image-crop-square-wrapper.empty{border:2px dashed rgba(255,255,255,.16);background:#0f172a66}.course-image-crop-square-wrapper.empty:hover{border-color:#ec489980;background:#ec489908;box-shadow:0 0 24px #ec48991f}.course-image-crop-square-wrapper:not(.empty){cursor:grab}.course-image-crop-square-wrapper:not(.empty):active{cursor:grabbing}.course-image-crop-viewport{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-image-crop-target{width:100%;height:100%;pointer-events:none;transform-origin:center center;transition:transform .05s linear}.course-image-crop-grid-overlay{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.15);background-image:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px);background-size:33.333% 33.333%;opacity:.5;transition:opacity .2s ease}.course-image-crop-square-wrapper:hover .course-image-crop-grid-overlay{opacity:.8}.course-image-empty-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:32px;text-align:center;color:var(--text-dim);cursor:pointer;transition:all .2s ease}.course-image-empty-icon-circle{width:64px;height:64px;border-radius:50%;background:#ec48991f;border:1px solid rgba(236,72,153,.25);color:#ec4899;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:transform .2s ease,background .2s ease}.course-image-empty-dropzone:hover .course-image-empty-icon-circle{background:#ec489933;box-shadow:0 0 20px #ec48994d}.course-image-empty-headline{font-size:.98rem;font-weight:600;color:var(--text-pure)}.course-image-empty-subtext{font-size:.84rem;color:var(--text-dim)}.course-image-formats-pill{font-size:.72rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);background:#ffffff0d;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.08);margin-top:6px}.course-image-crop-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:380px;margin-top:14px;padding:6px 10px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:10px;gap:8px;box-sizing:border-box}.course-image-zoom-cluster{display:flex;align-items:center;gap:8px;flex:1}.course-image-zoom-btn{width:26px;height:26px;border-radius:6px;border:none;background:#ffffff0f;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.course-image-zoom-btn:hover:not(:disabled){background:#ffffff26;color:var(--text-pure)}.course-image-zoom-btn:disabled{opacity:.35;cursor:not-allowed}.course-image-zoom-slider{flex:1;min-width:70px;accent-color:#ec4899;cursor:pointer;height:4px}.course-image-zoom-badge{font-family:monospace;font-size:.78rem;font-weight:700;color:var(--text-pure);min-width:38px;text-align:right}.course-image-crop-reset-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-dim);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.course-image-crop-reset-btn:hover{background:#ffffff1f;color:var(--text-pure);border-color:#fff3}.course-image-crop-hint{margin-top:8px;font-size:.76rem;color:var(--text-dim);text-align:center;letter-spacing:.2px}.course-image-controls-panel{display:flex;flex-direction:column;gap:16px;width:100%}.course-image-card{display:flex;flex-direction:column;gap:12px;background:#0f172a8c;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 18px}.course-image-card-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.course-image-fit-segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.course-image-segmented-item{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-dim);cursor:pointer;transition:all .18s ease;text-align:left;gap:2px}.course-image-segmented-item strong{font-size:.86rem;font-weight:600;color:var(--text-pure)}.course-image-segmented-item small{font-size:.72rem;color:var(--text-dim)}.course-image-segmented-item:hover{border-color:#fff3;background:#ffffff0f}.course-image-segmented-item.active{border-color:#ec4899;background:#ec48991f;box-shadow:0 0 14px #ec48992e}.course-image-segmented-item.active strong{color:#ec4899}.course-image-actions-row{display:flex;align-items:center;gap:10px}.course-image-url-box{display:flex;align-items:center;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;transition:border-color .2s ease}.course-image-url-box:focus-within{border-color:#ec4899;box-shadow:0 0 10px #ec489933}.course-image-url-prefix{padding:0 10px;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.course-image-url-input{flex:1;background:transparent!important;border:none!important;padding:9px 12px 9px 0;color:var(--text-pure);font-size:.86rem;outline:none}.course-image-caption-input{width:100%;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px 12px;color:var(--text-pure);font-size:.88rem;outline:none;box-sizing:border-box;transition:border-color .2s ease}.course-image-caption-input:focus{border-color:#ec4899;box-shadow:0 0 10px #ec489933}.course-preview-image-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:8px;padding:8px;box-sizing:border-box}.course-preview-image-square-box{position:relative;width:100%;max-width:min(100%,340px);aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000059;display:flex;align-items:center;justify-content:center}.course-preview-image-square-box img{width:100%;height:100%;pointer-events:none;transform-origin:center center}.course-preview-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);font-size:.84rem}.course-preview-image-caption{font-size:.84rem;color:var(--text-dim);font-style:italic;text-align:center;max-width:90%;line-height:1.4}.editor-meta-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-bottom:24px}.editor-meta-inline-item{display:flex;align-items:center;gap:8px}.editor-meta-inline-item .label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap}.editor-meta-inline-item .data-input{width:75px;padding:6px 10px;text-align:center}.editor-meta-inline-item select.data-input{width:auto;min-width:90px;text-align:left;cursor:pointer}.editor-meta-inline-item input[type=text].data-input{width:auto;min-width:140px;text-align:left}.exercise-editor-container{display:flex;flex-direction:column;gap:28px;margin-top:4px}.editor-free-section{display:flex;flex-direction:column;gap:10px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header .label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.btn-icon-small{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.btn-icon-small:hover{color:var(--text-pure);background:#ffffff14}.data-input{background:transparent!important;border:1px solid transparent!important;border-radius:8px;padding:10px 12px;color:var(--text-main);font-family:inherit;font-size:.84rem;transition:border-color .2s ease,background .2s ease;width:100%;box-sizing:border-box;outline:none}.data-input:hover:not(:focus){border-color:var(--border-lighter)!important}.data-input:focus{outline:none;background:#00000040!important;border-color:var(--primary)!important}.exercise-cpgn-layout{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start}@media(max-width:680px){.exercise-cpgn-layout{grid-template-columns:1fr}}.exercise-board-col{display:flex;flex-direction:column;align-items:center;gap:8px}.exercise-board-box{width:180px;height:180px;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 16px #0006;background:#111}.exercise-cpgn-col{display:flex;flex-direction:column;gap:6px;min-width:0}.exercise-cpgn-textarea{width:100%;min-height:180px;height:180px;font-family:Roboto Mono,JetBrains Mono,monospace;font-size:.84rem;line-height:1.5;resize:none!important}.cpgn-status-indicator{display:flex;align-items:center;gap:8px;font-size:.78rem;margin-top:6px}.cpgn-status-ok{display:flex;align-items:center;gap:6px;color:var(--success, #10b981);font-weight:600}.cpgn-status-err{display:flex;align-items:center;gap:6px;color:var(--danger, #ef4444);font-weight:600}.exercise-type-question-row{display:flex;align-items:center;gap:10px}@media(max-width:600px){.exercise-type-question-row{flex-direction:column}}.custom-ep-dropdown{position:relative;width:190px;flex-shrink:0}@media(max-width:600px){.custom-ep-dropdown{width:100%}}.custom-ep-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent!important;border:1px solid transparent!important;border-radius:8px;padding:10px 12px;color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;box-sizing:border-box;transition:background .15s ease,border-color .15s ease}.custom-ep-trigger:hover{background:#ffffff0d!important;border-color:var(--border-lighter)!important;color:var(--text-pure)}.custom-ep-trigger.open{background:#00000040!important;border-color:var(--primary)!important;color:var(--text-pure)}.custom-ep-chevron{color:var(--text-dim);transition:transform .2s cubic-bezier(.2,.8,.2,1);flex-shrink:0}.custom-ep-chevron.rotated{transform:rotate(180deg);color:var(--primary)}.custom-ep-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel, #18202c);border:1px solid var(--border-lighter);border-radius:8px;box-shadow:0 10px 25px #00000073;z-index:50;padding:4px;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.custom-ep-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;color:var(--text-dim);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .15s ease}.custom-ep-option:hover{background:#ffffff14;color:var(--text-pure)}.custom-ep-option.selected{background:rgba(var(--primary-rgb),.15);color:var(--primary);font-weight:700}.custom-ep-option.selected svg{color:var(--primary)}.exercise-type-config-compact{padding-top:4px}.course-qcm-options-list{display:flex;flex-direction:column;gap:6px}.course-qcm-option-item{display:flex;align-items:center;gap:8px;width:100%}.qcm-opt-letter{font-size:.82rem;font-weight:700;color:var(--text-dim);min-width:18px}.custom-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.77rem;font-weight:500;color:var(--text-dim);cursor:pointer;padding:4px 2px;border-radius:4px;border:1px solid transparent;transition:color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.custom-checkbox:hover{color:var(--text-pure)}.custom-checkbox input[type=checkbox],.custom-checkbox input[type=radio]{-webkit-appearance:none;appearance:none;width:15px;height:15px;margin:0;flex-shrink:0;background:transparent!important;border:1.5px solid rgba(255,255,255,.3)!important;border-radius:3.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease}.custom-checkbox input[type=radio]{border-radius:50%}.custom-checkbox:hover input[type=checkbox],.custom-checkbox:hover input[type=radio]{border-color:#ffffff8c!important}.custom-checkbox input[type=checkbox]:checked,.custom-checkbox input[type=radio]:checked{background-color:var(--primary)!important;border-color:var(--primary)!important}.custom-checkbox input[type=checkbox]:checked:after{content:"";width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px;display:block}.custom-checkbox input[type=radio]:checked:after{content:"";width:5px;height:5px;background:#fff;border-radius:50%;display:block}.toggle-group{position:relative;display:flex;background:transparent;border:none!important;outline:none!important;box-shadow:none!important;padding:0;border-radius:8px;width:100%;box-sizing:border-box}.toggle-btn{position:relative;z-index:2;flex:1;padding:9px 14px;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:8px;color:var(--text-dim);font-family:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:color .2s ease,background .2s ease;text-align:center}.toggle-btn:hover{color:var(--text-pure);background:#ffffff0a!important}.toggle-btn.active{background:rgba(var(--primary-rgb),.15)!important;color:var(--primary)!important;font-weight:700}.exercise-explanation-textarea{width:100%;min-height:90px;line-height:1.5;resize:none!important}.exercise-editor-container textarea{resize:none!important}.editor-status-bar{border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600;text-align:center;transition:all .2s ease;background:rgba(var(--danger-rgb, 231, 76, 60),.1);color:var(--danger, #e74c3c);border:1px solid rgba(var(--danger-rgb, 231, 76, 60),.25);display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-status-bar.success{background:rgba(var(--success-rgb, 46, 204, 113),.1);color:var(--success, #2ecc71);border-color:rgba(var(--success-rgb, 46, 204, 113),.25)}.target-square-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.35);border-radius:6px;color:var(--primary);font-size:.8rem;font-weight:700;font-family:Roboto Mono,monospace}.target-square-remove-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:0;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease}.target-square-remove-btn:hover{color:var(--danger, #ef4444)}.exercise-target-container{display:flex;flex-direction:column;gap:8px}.exercise-target-badges-row{display:flex;align-items:center;gap:8px;height:32px;min-height:32px;max-height:32px;box-sizing:border-box}.exercise-target-label{font-size:.8rem;font-weight:600;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.exercise-target-empty-hint{font-size:.8rem;color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exercise-target-badges-list{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;height:100%;scrollbar-width:none}.exercise-target-badges-list::-webkit-scrollbar{display:none}.editor-mode-toggle{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:2px;gap:2px}.editor-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.editor-mode-btn:hover{color:var(--text-pure)}.editor-mode-btn.active{background:rgba(var(--primary-rgb),.15);color:var(--primary);font-weight:700}.course-code-editor-container{display:flex;flex-direction:column;gap:12px;width:100%}.course-code-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px}.course-code-editor-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.code-status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:.78rem;font-weight:600}.code-status-pill.success{background:rgba(var(--success-rgb, 46, 204, 113),.12);color:var(--success, #2ecc71);border:1px solid rgba(var(--success-rgb, 46, 204, 113),.3)}.code-status-pill.error{background:rgba(var(--danger-rgb, 239, 68, 68),.12);color:var(--danger, #ef4444);border:1px solid rgba(var(--danger-rgb, 239, 68, 68),.3)}.code-status-pill.warning{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.course-code-editor-actions{display:flex;align-items:center;gap:8px}.code-action-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-dim);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.code-action-btn:hover{color:var(--text-pure);border-color:var(--border-light);background:var(--bg-hover)}.course-code-validation-box{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:8px;background:rgba(var(--danger-rgb, 239, 68, 68),.06);border:1px solid rgba(var(--danger-rgb, 239, 68, 68),.25);max-height:140px;overflow-y:auto}.code-validation-item{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.4}.code-validation-item.error{color:var(--danger, #ef4444)}.code-validation-item.warning{color:#f59e0b}.code-validation-item svg{flex-shrink:0;margin-top:2px}.course-code-editor-wrapper{position:relative;width:100%}.course-code-textarea{width:100%;min-height:480px;padding:16px;box-sizing:border-box;font-family:Roboto Mono,Fira Code,Cascadia Code,monospace;font-size:.88rem;line-height:1.5;background:#0d1117;color:#c9d1d9;border:1px solid var(--border-color);border-radius:10px;resize:vertical;tab-size:4;white-space:pre;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.course-code-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.import-export-tabs-row{display:flex;gap:8px;padding:0 20px 14px;border-bottom:1px solid var(--border-lighter)}.import-export-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.import-export-tab:hover{color:var(--text-pure)}.import-export-tab.active{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.3);color:var(--primary);font-weight:700}.export-options-container,.import-options-container{display:flex;flex-direction:column;gap:16px;padding:16px 20px}.export-option-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px}.export-card-icon{width:48px;height:48px;border-radius:10px;background:rgba(var(--primary-rgb),.1);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-card-info{flex:1;min-width:0}.export-card-info h4{margin:0 0 4px;font-size:.95rem;color:var(--text-pure)}.export-card-info p{margin:0;font-size:.82rem;color:var(--text-dim);line-height:1.4}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;border:2px dashed var(--border-color);border-radius:12px;background:#ffffff04;cursor:pointer;text-align:center;transition:all .2s ease}.import-dropzone:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.import-dropzone-icon{color:var(--primary)}.import-dropzone-text{display:flex;flex-direction:column;gap:4px}.import-dropzone-text strong{font-size:.92rem;color:var(--text-pure)}.import-dropzone-text span{font-size:.8rem;color:var(--text-dim)}.import-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.import-divider:before,.import-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-lighter)}.import-divider span{padding:0 12px}.import-raw-json-box{display:flex;flex-direction:column}.import-analysis-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px}.import-analysis-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.import-analysis-count{font-size:.82rem;color:var(--text-dim);font-weight:600}.import-mode-selector{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--border-lighter)}.import-mode-label{font-size:.82rem;font-weight:700;color:var(--text-pure)}.import-mode-radios{display:flex;flex-direction:column;gap:8px}.import-radio-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--border-lighter);cursor:pointer;transition:border-color .15s ease}.import-radio-item:hover{border-color:var(--border-color)}.import-radio-item input{margin-top:3px;cursor:pointer}.import-radio-item div{display:flex;flex-direction:column;gap:2px}.import-radio-item strong{font-size:.84rem;color:var(--text-pure)}.import-radio-item span{font-size:.76rem;color:var(--text-dim)}.custom-toggle-pill-row{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:2px;gap:2px}.custom-toggle-pill-btn{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;border:none;background:transparent;color:var(--text-dim);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s ease}.custom-toggle-pill-btn:hover{color:var(--text-pure);background:#ffffff0a}.custom-toggle-pill-btn.active{background:rgba(var(--primary-rgb),.18);color:var(--primary);font-weight:700}.exercise-auto-clue-badge{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#ffffff05;border:1px dashed var(--border-color);color:var(--text-muted);font-size:.82rem;line-height:1.4}.courses-tab-container{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;flex:1}.courses-tab-card{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;gap:0;flex:1}.courses-tab-card .settings-card-header,.courses-tab-card .course-editor-header{flex-shrink:0;min-height:70px;box-sizing:border-box;padding-top:6px;padding-bottom:16px;margin-bottom:0}.courses-tab-card .course-categories-grid,.courses-tab-card .cosmetics-scroll-area{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;padding:14px 20px 30px;scrollbar-gutter:stable;width:100%;box-sizing:border-box}.courses-tab-card .course-modules-scroll-area{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;padding-top:14px;padding-right:8px;padding-bottom:30px;scrollbar-gutter:stable}.courses-tab-card.course-editor-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;gap:0}.courses-tab-card.course-editor-page .course-editor-header{flex-shrink:0;min-height:70px;box-sizing:border-box;padding-top:6px;padding-bottom:16px;margin-bottom:0}.courses-tab-card.course-editor-page .course-editor-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;padding-bottom:30px;scrollbar-gutter:stable}.course-category-banner.category-is-dragging{opacity:.35}.course-categories-grid.is-dragging .course-category-banner{transition:none!important}.course-categories-grid.is-dragging .course-category-banner *{pointer-events:none}.course-categories-grid.is-dragging .course-category-banner:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;border-color:var(--border-color)!important;box-shadow:none!important}.course-categories-grid.is-dragging .course-category-banner.is-drop-target{border-color:var(--border-color)!important;box-shadow:none!important;z-index:60!important}.course-category-banner .course-drop-indicator-bar{position:absolute;background:var(--primary);box-shadow:none!important;animation:none!important;z-index:70;pointer-events:none;border-radius:2px;contain:layout paint}.course-category-banner .course-drop-indicator-bar.left{top:6px;bottom:6px;left:-11px;width:4px;height:auto}.course-category-banner .course-drop-indicator-bar.right{top:6px;bottom:6px;right:-11px;width:4px;height:auto}.chesscad-notfound-view{width:100%;min-height:calc(100vh - var(--header-height, 64px));flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-sizing:border-box;margin:auto}.chesscad-notfound-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:520px;width:100%;margin:auto}.chesscad-notfound-logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.chesscad-notfound-number{font-size:6rem;font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-pure, #ffffff) 25%,var(--notfound-accent, var(--primary, #f97316)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 12px;-webkit-user-select:none;user-select:none}.chesscad-notfound-title{font-size:1.6rem;font-weight:800;color:var(--text-pure, #ffffff);margin:0 0 12px}.chesscad-notfound-desc{font-size:.95rem;color:var(--text-dim, #64748b);line-height:1.6;margin:0 0 32px;max-width:440px}.chesscad-notfound-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.chesscad-notfound-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.92rem;cursor:pointer;transition:filter .15s ease,background-color .15s ease,color .15s ease;box-sizing:border-box;text-decoration:none}.chesscad-notfound-btn.primary{background:var(--notfound-accent, var(--primary, #f97316));color:#fff;font-weight:700;border:none}.chesscad-notfound-btn.primary:hover{filter:brightness(1.1)}.chesscad-notfound-btn.secondary{background:#ffffff0d;color:var(--text-main, #f8fafc);font-weight:600;border:1px solid var(--border-color, #243452)}.chesscad-notfound-btn.secondary:hover{background:#ffffff1a;color:var(--text-pure, #ffffff)}@media(max-width:580px){.chesscad-notfound-number{font-size:4.2rem}.chesscad-notfound-title{font-size:1.3rem}.chesscad-notfound-actions{flex-direction:column;width:100%}.chesscad-notfound-btn{width:100%}}