@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);.login-bg{align-items:center;background:radial-gradient(120% 120% at 50% 0,#1a1400 0,#0c0a06 55%,#060504 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-blob{border-radius:50%;filter:blur(70px);mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:0}.login-blob-1{animation:blobFloat1 18s ease-in-out infinite;background:radial-gradient(circle,#ffd70047,#0000 70%);height:520px;left:-120px;top:-160px;width:520px}.login-blob-2{animation:blobFloat2 22s ease-in-out infinite;background:radial-gradient(circle,#ff961e38,#0000 70%);bottom:-180px;height:460px;right:-120px;width:460px}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,60px) scale(1.15)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,-50px) scale(1.1)}}.login-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);inset:0;opacity:.5;pointer-events:none;position:absolute;transform:perspective(900px) rotateX(52deg) scale(1.6) translateY(-6%);transform-origin:center;z-index:0}.login-board-sq{animation:sqDrop .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:translateY(-14px)}.login-board-sq.dark{background:#ffd7001a}.login-board-sq.light{background:#ffd70005}@keyframes sqDrop{to{opacity:1;transform:translateY(0)}}.login-drift{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.drift-piece{animation:driftAcross linear infinite;color:gold;left:-120px;position:absolute;-webkit-user-select:none;user-select:none;will-change:transform}@keyframes driftAcross{0%{transform:translateX(0) rotate(0deg)}to{transform:translateX(calc(100vw + 240px)) rotate(40deg)}}.login-container{animation:cardIn .7s cubic-bezier(.34,1.7,.5,1) both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0904db;border:2px solid #ffd7004d;border-radius:28px;box-shadow:0 32px 90px #000000e6,0 0 70px #ffd7001a,inset 0 1px 0 #ffd7002e;max-width:420px;padding:48px 44px;position:relative;text-align:center;width:100%;z-index:10}@keyframes cardIn{0%{opacity:0;transform:translateY(60px) scale(.8) rotate(-2deg)}60%{opacity:1;transform:translateY(-8px) scale(1.02) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.login-logo img{animation:logoBob 3s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(255,215,0,.55));height:84px;object-fit:contain;width:auto}.login-title{animation:titlePop .6s cubic-bezier(.34,1.7,.5,1) .2s both;color:gold;font-size:38px;letter-spacing:1px;margin-bottom:4px;text-shadow:0 0 36px #ffd7008c}@keyframes titlePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.login-sub{animation:fadeUp .5s .4s both;color:#ffd700a6;font-size:15px;font-style:italic;letter-spacing:.5px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:18px;text-align:left}.login-field{animation:fadeUp .5s both}.login-field:first-child{animation-delay:.45s}.login-field:nth-child(2){animation-delay:.55s}.login-field label{color:#f0eee88c;display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase;transition:color .2s}.login-field:focus-within label{color:gold}.login-field input{transition:border-color .2s,box-shadow .2s,transform .15s;width:100%}.login-field input:focus{transform:translateY(-1px)}.login-btn{animation:fadeUp .5s .65s both;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.4px;margin-top:8px;overflow:hidden;padding:15px;position:relative;width:100%}.login-btn:after{background:linear-gradient(100deg,#0000,#ffffff8c,#0000);content:"";height:100%;left:-120%;position:absolute;top:0;transform:skewX(-18deg);transition:left .55s ease;width:60%}.login-btn:hover:not(:disabled):after{left:130%}.login-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.login-btn:active:not(:disabled){transform:scale(.97)}.login-btn:disabled{cursor:default;opacity:.85}.login-dots{align-items:center;display:inline-flex;gap:6px;justify-content:center}.login-dots i{animation:dotBounce .6s ease-in-out infinite;background:#090909;border-radius:50%;display:inline-block;height:8px;width:8px}.login-dots i:nth-child(2){animation-delay:.15s}.login-dots i:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}.login-error{align-items:center;animation:shake .4s ease;background:#ff47571a;border:1px solid #ff47574d;border-radius:12px;color:#ff4757;display:flex;font-size:13px;gap:8px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.drift-piece,.login-blob,.login-logo img,.logo-bob{animation:none!important}.login-board-sq{animation-duration:.01s!important}.login-btn,.login-container,.login-field,.login-sub,.login-title{animation:none!important}}.puzzles-admin{padding:0}.puzzles-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.puzzles-header h2{font-size:26px}.puzzle-sets-list{display:flex;flex-direction:column;gap:12px}.puzzle-set-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;padding:20px 24px;transition:border-color .2s}.puzzle-set-card:hover{border-color:var(--accent)}.pset-left h3{font-size:17px;margin-bottom:6px}.pset-meta{font-size:13px}.pset-date,.pset-meta{color:var(--text-muted)}.pset-date{font-size:12px;margin-top:4px}.pset-right{display:flex;gap:10px}.create-set{display:flex;flex-direction:column;gap:20px}.create-set-top{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.puzzles-preview-list{display:flex;flex-direction:column;gap:12px}.puzzle-preview-card{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:20px;padding:16px}.puzzle-preview-board{flex-shrink:0;width:140px}.puzzle-preview-info{flex:1 1}.puzzle-num{color:var(--text-muted);font-size:13px;margin-bottom:4px}.puzzle-color{font-size:14px;font-weight:600;margin-bottom:4px}.puzzle-solution{color:var(--accent);font-family:monospace;font-size:12px}.puzzle-editor-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #00000080;display:flex;gap:28px;max-height:90vh;max-width:860px;overflow-y:auto;padding:28px;width:100%}.editor-left{display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:300px}.editor-right{align-items:center;display:flex;flex:1 1;flex-direction:column}.editor-mode-tabs{display:flex;gap:4px}.editor-tab{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:12px;padding:8px 10px}.editor-tab:hover{color:var(--text)}.editor-tab.active{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.editor-color-section,.editor-input-section,.editor-solution-section{display:flex;flex-direction:column;gap:8px}.solution-moves{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.solution-move{background:#c8a96e22;border:1px solid #c8a96e33;border-radius:4px;color:var(--accent);font-family:monospace;font-size:12px;padding:3px 8px}.results-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #00000080;max-height:85vh;max-width:680px;overflow-y:auto;padding:28px;width:100%}.student-result-row{background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:14px 16px;transition:border-color .2s}.student-result-row:hover{border-color:var(--accent)}.student-result-info{align-items:center;display:flex;gap:12px}.student-attempt-details{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px}.attempt-row{align-items:center;border-radius:6px;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;padding:6px 10px}.attempt-row.correct{background:#52c97a18}.attempt-row.wrong{background:#e0525218}.attempt-row.unattempted{background:var(--surface);opacity:.6}.admin-board-review{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-top:12px}.admin-board-puzzles{display:flex;flex-wrap:wrap;gap:6px}.puzzle-select-btn{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:5px 10px}.puzzle-select-btn.active{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.puzzle-select-btn.correct{color:var(--success)}.puzzle-select-btn.wrong{color:var(--danger)}.puzzle-select-btn.unattempted{opacity:.5}.admin-board-view{align-items:flex-start;display:flex;gap:16px}.admin-board-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.done-chip{opacity:.5}.library-bar{gap:16px;justify-content:space-between;margin-bottom:18px}.library-bar,.library-bar-controls{align-items:center;display:flex;flex-wrap:wrap}.library-bar-controls{gap:12px}.lib-search{align-items:center;display:flex;position:relative}.lib-search-icon{font-size:13px;left:12px;opacity:.6;pointer-events:none;position:absolute}.lib-search-input{background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;max-width:60vw;padding:9px 30px 9px 34px;width:240px}.lib-search-input:focus{border-color:var(--accent)}.lib-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:0 6px;position:absolute;right:6px}.lib-search-clear:hover{color:var(--text)}.lib-color-filter{display:flex;gap:6px}.lib-color-filter button{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s}.lib-color-filter button.active{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.library-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.library-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s,box-shadow .18s}.library-card:hover{border-color:var(--accent);box-shadow:0 10px 30px #c8a96e1f;transform:translateY(-4px)}.lib-card-top{align-items:center;display:flex;justify-content:space-between}.lib-color-dot{border:2px solid var(--border);border-radius:50%;height:16px;width:16px}.lib-color-dot.white{background:#f0ead6}.lib-color-dot.black{background:#2a2a2a;border-color:#555}.lib-card-count{background:#c8a96e22;border-radius:20px;color:var(--accent);font-size:11px;font-weight:700;padding:2px 10px}.lib-card-name{color:var(--text);font-size:15px;font-weight:600;line-height:1.3}.lib-card-sub{color:var(--text-muted);font-size:12px}.training-archive{padding:0}.ta-body{align-items:flex-start;display:flex;gap:24px}.ta-students{display:flex;flex-direction:column;flex-shrink:0;gap:8px;max-height:70vh;overflow-y:auto;padding-right:4px;width:220px}.ta-student-btn{align-items:center;background:#111113;border:1.5px solid #2a2a30;border-radius:14px;color:#f0eee899;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:11px 14px;text-align:left;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.ta-student-btn:hover{border-color:#ffd70059;color:#f0eee8;transform:translateX(4px)}.ta-student-btn.active{background:#ffd7001f;border-color:#ffd70066;color:gold;font-weight:600}.ta-student-avatar{align-items:center;background:#ffd70024;border:1.5px solid #ffd70040;border-radius:50%;color:gold;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.ta-results{flex:1 1;min-width:0}.ta-summary{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}.ta-sum-card{background:#111113;border:1.5px solid #2a2a30;border-radius:16px;display:flex;flex-direction:column;gap:4px;min-width:130px;padding:16px 22px}.ta-sum-num{color:#f0eee8;font-size:26px;font-weight:800}.ta-sum-num em{font-size:14px;font-style:normal;font-weight:700}.ta-sum-num em.up{color:#2ed573}.ta-sum-num em.down{color:#ff4757}.ta-sum-label{color:#f0eee873;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.ta-section-h{color:gold;font-size:17px;margin:22px 0 12px}.ta-empty-line{color:#f0eee866;font-size:13px;margin-bottom:8px}.ta-table{background:#111113;border:1.5px solid #2a2a30;border-collapse:collapse;border-radius:14px;font-size:13px;overflow:hidden;width:100%}.ta-table thead th{background:#0d0d0f;border-bottom:1.5px solid #2a2a30;color:#f0eee873;font-size:11px;letter-spacing:.8px;padding:11px 16px;text-align:left;text-transform:uppercase}.ta-table tbody td{border-bottom:1px solid #1c1c20;color:#f0eee8;padding:11px 16px}.ta-table tbody tr:last-child td{border-bottom:none}.ta-table tbody tr:hover td{background:#ffd7000a}.ta-table td.good{color:#2ed573;font-weight:600}.ta-table td.bad{color:#ff4757;font-weight:600}@media (max-width:900px){.ta-body{flex-direction:column}.ta-students{flex-direction:row;flex-wrap:wrap;max-height:none;width:100%}}.ta-del{background:none;border:none;cursor:pointer;font-size:15px;opacity:.45;padding:2px 6px;transition:opacity .15s,transform .15s}.ta-del:hover{opacity:1;transform:scale(1.15)}.ta-table td:last-child{text-align:right;width:44px}.db-browser{padding:0}.db-search-wrap{margin-bottom:20px;max-width:380px;position:relative}.db-search{background:#18181b;border:1.5px solid #2a2a30;border-radius:12px;color:#f0eee8;font-size:14px;outline:none;padding:11px 34px 11px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.db-search:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70026}.db-search-clear{background:none;border:none;color:#f0eee880;cursor:pointer;font-size:20px;line-height:1;padding:0 6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.db-search-clear:hover{color:gold}.db-group{margin-bottom:26px}.db-group-title{color:gold;font-size:15px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.db-topic-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.db-topic-card{align-items:flex-start;background:#111113;border:1.5px solid #2a2a30;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-align:left;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.db-topic-card:hover{border-color:#ffd70066;box-shadow:0 6px 24px #ffd70014;transform:translateY(-3px)}.db-topic-name{color:#f0eee8;font-size:14px;font-weight:600}.db-topic-count{color:#f0eee873;font-size:11px}.db-positions-head{align-items:center;display:flex;gap:16px;margin-bottom:18px}.db-positions-head h3{color:gold;font-size:20px}.db-pos-count{color:#f0eee873;font-size:14px;font-weight:400}.db-pos-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.db-pos-card{background:#111113;border:1.5px solid #2a2a30;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:14px}.db-pos-board{width:100%}.db-pos-meta{display:flex;flex-direction:column;gap:8px}.db-pos-turn{color:gold;font-size:12px;font-weight:700}.db-pos-note{color:#f0eee8bf;font-size:12.5px;line-height:1.45}.db-pos-solution summary{color:#f0eee880;cursor:pointer;font-size:12px}.db-pos-solution span{color:#2ed573;font-family:monospace;font-size:12px}.db-copy-btn{align-self:flex-start;font-size:12.5px;padding:8px 14px}.admin-layout{background:#090909;display:flex;min-height:100vh}.admin-sidebar{background:#111113;border-right:1px solid #2a2a30;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:28px 16px 24px;position:relative;width:240px;z-index:10}.admin-sidebar:after{background:linear-gradient(180deg,#0000,#ffd70080,#0000);bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.sidebar-logo{margin-bottom:32px;padding:8px;text-align:center}.sidebar-logo img{animation:logoFloat 4s ease-in-out infinite;filter:drop-shadow(0 4px 16px rgba(255,215,0,.4));height:60px;object-fit:contain;transition:filter .3s;width:auto}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sidebar-logo img:hover{filter:drop-shadow(0 4px 28px rgba(255,215,0,.75))}.sidebar-btn{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:14px;color:#f0eee873;display:flex;font-size:15px;font-weight:500;gap:12px;padding:13px 16px;text-align:left;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:100%}.sidebar-btn span:first-child{font-size:20px}.sidebar-btn:hover{background:#ffd70012;border-color:#ffd7002e;color:#f0eee8;transform:translateX(5px)}.sidebar-btn.active{background:#ffd70026;border-color:#ffd70059;box-shadow:0 0 20px #ffd7001a;color:gold;font-weight:600}.sidebar-logout{color:#ff4757a6!important;margin-top:auto}.sidebar-logout:hover{background:#ff47571a!important;border-color:#ff47574d!important;color:#ff4757!important}.admin-main{background:#090909;flex:1 1;overflow-y:auto;padding:36px 40px;position:relative;z-index:1}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.page-header h2{color:gold;font-family:Fredoka,sans-serif;font-size:28px}.page-sub{color:#f0eee873;font-size:13px;margin-top:4px}.classes-list{display:flex;flex-direction:column;gap:12px}.class-card{align-items:center;background:#111113;border:1.5px solid #2a2a30;border-radius:18px;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.class-card:before{background:linear-gradient(90deg,#0000,#ffd70080,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.class-card:hover{border-color:#ffd70066;box-shadow:0 8px 32px #ffd70014;transform:translateY(-2px)}.class-card:hover:before{opacity:1}.class-card-left{flex:1 1}.class-card-top{align-items:center;display:flex;gap:12px;margin-bottom:8px}.class-card-top h3{color:#f0eee8;font-size:17px}.class-students,.class-time{color:#f0eee873;font-size:13px;margin-top:4px}.class-card-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.students-list{display:flex;flex-direction:column;gap:10px}.student-card{align-items:center;background:#111113;border:1.5px solid #2a2a30;border-radius:16px;display:flex;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.student-card:hover{border-color:#ffd70059;box-shadow:0 4px 20px #ffd70012;transform:translateX(5px)}.student-avatar{align-items:center;background:#ffd70024;border:2px solid #ffd70040;border-radius:50%;color:gold;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;transition:all .2s;width:48px}.student-card:hover .student-avatar{background:#ffd70038;box-shadow:0 0 16px #ffd70040}.student-info{flex:1 1}.student-info h4{color:#f0eee8;font-size:15px}.student-info p{color:#f0eee873;font-size:13px;margin-top:2px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d1}.modal{animation:popUp .35s cubic-bezier(.34,1.56,.64,1);background:#111113;border:1.5px solid #ffd70038;border-radius:24px;box-shadow:0 32px 80px #000c,0 0 60px #ffd7000d;max-width:520px;padding:36px}@keyframes popUp{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h3{color:gold;font-size:22px;margin-bottom:24px}.modal-actions{gap:12px;margin-top:28px}.form-grid{display:flex;flex-direction:column;gap:18px}.full-width{grid-column:1/-1}.student-checkboxes{display:flex;flex-direction:column;gap:10px}.checkbox-label{align-items:center;color:#f0eee8!important;cursor:pointer;display:flex!important;font-size:14px;font-weight:400!important;gap:10px;letter-spacing:0!important;margin-bottom:0!important;text-transform:none!important}.checkbox-label input[type=checkbox]{accent-color:gold;flex-shrink:0;height:18px;width:18px}.empty-state{color:#f0eee866;padding:60px 20px;text-align:center}.empty-state>div:first-child{font-size:56px;margin-bottom:18px}.empty-state h3{color:#f0eee8;font-size:20px;margin-bottom:8px}.empty-state p{color:#f0eee866;font-size:14px;margin-bottom:20px}.btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:11px 22px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn:active{transform:scale(.96)!important}.btn-primary{background:gold;box-shadow:0 4px 20px #ffd70059;color:#090909;font-weight:700}.btn-primary:hover{background:#ffec6e;box-shadow:0 6px 28px #ffd7008c;transform:translateY(-2px)}.btn-secondary{background:#18181b;border:1.5px solid #2a2a30;color:#f0eee8}.btn-secondary:hover{border-color:gold;color:gold;transform:translateY(-1px)}.btn-danger{background:#ff4757;box-shadow:0 4px 16px #ff47574d;font-weight:700}.btn-danger:hover{opacity:.88;transform:translateY(-1px)}.btn-success{background:#2ed573;box-shadow:0 4px 16px #2ed5734d;color:#090909;font-weight:700}.btn-success:hover{opacity:.9;transform:translateY(-1px)}input,select,textarea{background:#18181b;border:1.5px solid #2a2a30;border-radius:12px;color:#f0eee8;font-family:Space Grotesk,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70026}input::placeholder,textarea::placeholder{color:#f0eee859}label{color:#f0eee873;font-size:12px;font-weight:600;letter-spacing:.6px}.tag,label{text-transform:uppercase}.tag{align-items:center;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 12px}.tag-live{animation:pulse-tag 2s ease-in-out infinite;background:#ff475726;border:1px solid #ff475759;color:#ff4757}.tag-scheduled{background:#ffd7001f;border:1px solid #ffd7004d;color:gold}.tag-done{background:#2ed5731f;border:1px solid #2ed5734d;color:#2ed573}@keyframes pulse-tag{0%,to{opacity:1}50%{opacity:.55}}.spinner{animation:spin .65s linear infinite;border:3px solid #222226;border-top-color:gold}.loading-screen{min-height:200px}.admin-sidebar nav .sidebar-btn{animation:sideIn .4s ease forwards;opacity:0}.admin-sidebar nav .sidebar-btn:first-child{animation-delay:.08s}.admin-sidebar nav .sidebar-btn:nth-child(2){animation-delay:.15s}.admin-sidebar nav .sidebar-btn:nth-child(3){animation-delay:.22s}.admin-sidebar nav .sidebar-btn:nth-child(4){animation-delay:.29s}.admin-sidebar nav .sidebar-btn:nth-child(5){animation-delay:.36s}@keyframes sideIn{0%{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}.sidebar-btn.active{animation:sideGlow 2.6s ease-in-out infinite}@keyframes sideGlow{0%,to{box-shadow:0 0 16px #ffd70014}50%{box-shadow:0 0 26px #ffd70033}}.page-header{animation:headerDrop .45s ease both}.class-card,.student-card{animation:adminCardUp .45s ease forwards;opacity:0}.classes-list .class-card:first-child,.students-list .student-card:first-child{animation-delay:.05s}.classes-list .class-card:nth-child(2),.students-list .student-card:nth-child(2){animation-delay:.12s}.classes-list .class-card:nth-child(3),.students-list .student-card:nth-child(3){animation-delay:.19s}.classes-list .class-card:nth-child(4),.students-list .student-card:nth-child(4){animation-delay:.26s}.classes-list .class-card:nth-child(n+5),.students-list .student-card:nth-child(n+5){animation-delay:.32s}@keyframes adminCardUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.class-card:has(.tag-live){animation:adminCardUp .45s ease forwards,liveBreatheAdmin 2.4s ease-in-out infinite}@keyframes liveBreatheAdmin{0%,to{box-shadow:0 0 0 0 #ff475700}50%{box-shadow:0 10px 36px #ff47572e}}.student-card:hover .student-avatar{transform:scale(1.08) rotate(-4deg)}.page-header .btn-primary{overflow:hidden;position:relative}.page-header .btn-primary:after{background:linear-gradient(100deg,#0000,#ffffff73,#0000);content:"";height:100%;left:-130%;position:absolute;top:0;transform:skewX(-18deg);transition:left .5s ease;width:55%}.page-header .btn-primary:hover:after{left:150%}.btn-success{animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 4px 16px #2ed5734d}50%{box-shadow:0 4px 22px #2ed57380}}.empty-state>div:first-child{animation:emptyBob 3s ease-in-out infinite;display:inline-block}@keyframes emptyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.admin-sidebar nav .sidebar-btn,.btn-success,.class-card,.empty-state>div:first-child,.page-header,.sidebar-btn.active,.student-card{animation:none!important}.admin-sidebar nav .sidebar-btn,.class-card,.student-card{opacity:1}}.class-search-wrap{margin-bottom:18px;max-width:380px;position:relative}.class-search{background:#18181b;border:1.5px solid #2a2a30;border-radius:12px;color:#f0eee8;font-size:14px;outline:none;padding:11px 34px 11px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.class-search:focus{border-color:gold;box-shadow:0 0 0 3px #ffd70026}.class-search::placeholder{color:#f0eee866}.class-search-clear{background:none;border:none;color:#f0eee880;cursor:pointer;font-size:20px;line-height:1;padding:0 6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.class-search-clear:hover{color:gold}.student-puzzles{padding:0}.student-puzzle-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.student-puzzle-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:22px 18px;position:relative;text-align:center;transition:transform .2s,border-color .2s}.student-puzzle-card:hover{border-color:var(--accent);transform:translateY(-3px)}.student-puzzle-card.incomplete{border-color:#c8a96e55}.student-puzzle-card.complete{border-color:#52c97a55}.incomplete-badge{background:#c8a96e33;border:1px solid #c8a96e44;border-radius:20px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.spcard-icon{font-size:32px}.spcard-name{font-family:Playfair Display,serif;font-size:17px}.spcard-count{color:var(--text-muted);font-size:12px}.spcard-progress{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.spcard-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden;width:100%}.spcard-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.spcard-progress span{color:var(--text-muted);font-size:11px}.spcard-score{color:var(--success);font-size:12px}.spcard-status-tag{border-radius:20px;font-size:12px;font-weight:600;margin-top:4px;padding:5px 16px}.spcard-status-tag.incomplete,.spcard-status-tag.new{background:#c8a96e22;border:1px solid #c8a96e44;color:var(--accent)}.spcard-status-tag.complete{background:#52c97a22;border:1px solid #52c97a44;color:var(--success)}.star-display{display:flex;gap:4px;justify-content:center}.star{color:var(--border);font-size:22px;transition:color .2s}.star.filled{color:#c8a96e}.star.gold{color:gold;text-shadow:0 0 8px #ffd70099}.puzzle-solver{display:flex;flex-direction:column;height:100%}.solver-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;padding:12px 20px}.solver-title h3{font-size:17px}.solver-body{display:flex;flex:1 1;overflow:hidden}.solver-board-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:20px}.color-to-move{background:#c8a96e18;border:1px solid #c8a96e33;border-radius:20px;color:var(--accent);font-size:15px;font-weight:600;padding:6px 16px}.solver-board{max-width:480px;width:100%}.solver-right{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:16px;overflow-y:auto;padding:20px;width:280px}.attempt-hint{padding:20px 0;text-align:center}.hint-icon{font-size:40px;margin-bottom:10px}.attempt-hint p{color:var(--text-muted);font-size:14px}.result-feedback{border-radius:12px;padding:16px;text-align:center}.result-feedback.correct{background:#52c97a18;border:1px solid #52c97a44}.result-feedback.wrong{background:#e0525218;border:1px solid #e0525244}.feedback-msg{font-size:18px;font-weight:700;margin-bottom:4px}.result-feedback.correct .feedback-msg{color:var(--success)}.result-feedback.wrong .feedback-msg{color:var(--danger)}.solution-display{margin-top:10px;text-align:left}.move-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.move-chip{background:var(--surface2);border-radius:4px;color:var(--text);font-family:monospace;font-size:12px;padding:3px 8px}.correct-chip{background:#52c97a22;border:1px solid #52c97a44;color:var(--success)}.progress-bar-wrap{background:var(--border);border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.progress-bar{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.review-panel{display:flex;flex-direction:column;gap:14px}.review-panel h4{font-size:16px}.review-result{border-radius:8px;font-size:14px;font-weight:600;padding:10px 14px}.review-result.correct{background:#52c97a18;color:var(--success)}.review-result.wrong{background:#e0525218;color:var(--danger)}.review-moves{display:flex;flex-direction:column;gap:4px}.review-nav{display:flex;gap:8px;margin-top:8px}.review-nav button{flex:1 1}.student-puzzle-card{animation:pCardPop .5s cubic-bezier(.34,1.6,.5,1) forwards;opacity:0}.student-puzzle-grid .student-puzzle-card:first-child{animation-delay:.04s}.student-puzzle-grid .student-puzzle-card:nth-child(2){animation-delay:.1s}.student-puzzle-grid .student-puzzle-card:nth-child(3){animation-delay:.16s}.student-puzzle-grid .student-puzzle-card:nth-child(4){animation-delay:.22s}.student-puzzle-grid .student-puzzle-card:nth-child(5){animation-delay:.28s}.student-puzzle-grid .student-puzzle-card:nth-child(n+6){animation-delay:.34s}@keyframes pCardPop{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.student-puzzle-card{transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .25s}.student-puzzle-card:hover{box-shadow:0 14px 40px #c8a96e29;transform:translateY(-6px) scale(1.03)}.student-puzzle-card.complete:hover{box-shadow:0 14px 40px #52c97a2e}.student-puzzle-card:hover .spcard-icon{animation:iconWiggle .5s ease}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(12deg) scale(1.1)}}.incomplete-badge{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.55}}.spcard-bar-fill{animation:barShimmer 2.5s linear infinite;background:linear-gradient(90deg,var(--accent),#f5e6c8,var(--accent));background-size:200% 100%}@keyframes barShimmer{to{background-position:200% 0}}.star-display .star.filled{animation:starPop .4s cubic-bezier(.34,1.8,.5,1) both}.star-display .star:first-child.filled{animation-delay:.05s}.star-display .star:nth-child(2).filled{animation-delay:.13s}.star-display .star:nth-child(3).filled{animation-delay:.21s}.star-display .star:nth-child(4).filled{animation-delay:.29s}.star-display .star:nth-child(5).filled{animation-delay:.37s}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-40deg)}70%{transform:scale(1.3) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}.star-display .star.gold{animation:starPop .4s cubic-bezier(.34,1.8,.5,1) both,goldGlow 1.6s ease-in-out .5s infinite}@keyframes goldGlow{0%,to{text-shadow:0 0 8px #ffd70099}50%{text-shadow:0 0 18px #ffd700f2}}.result-feedback{animation:fbIn .35s cubic-bezier(.34,1.6,.5,1) both}@keyframes fbIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.result-feedback.correct .feedback-msg{animation:correctBounce .6s cubic-bezier(.34,1.7,.5,1) both}@keyframes correctBounce{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.result-feedback.wrong .feedback-msg{animation:wrongShake .45s ease both}@keyframes wrongShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.solver-board{animation:boardIn .4s ease both}@keyframes boardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.color-to-move{animation:ctmPulse 2.2s ease-in-out infinite}@keyframes ctmPulse{0%,to{box-shadow:0 0 0 0 #c8a96e00}50%{box-shadow:0 0 0 4px #c8a96e1f}}@media (prefers-reduced-motion:reduce){.color-to-move,.incomplete-badge,.result-feedback,.result-feedback .feedback-msg,.solver-board,.spcard-bar-fill,.spcard-icon,.star-display .star,.student-puzzle-card{animation:none!important}.student-puzzle-card{opacity:1}}.sq-training{padding:24px 40px 40px;position:relative}.sq-top{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.sq-hud,.sq-top{align-items:center;display:flex}.sq-hud{gap:14px}.sq-timer{background:#c8a96e1f;border:1px solid #c8a96e59;border-radius:20px;color:#c8a96e;font-size:20px;font-weight:800;padding:6px 16px}.sq-timer.low{animation:sqTimerPulse .8s ease-in-out infinite;background:#ff47571f;border-color:#ff475780;color:#ff4757}@keyframes sqTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sq-live-score{color:#e8e8f0;font-size:15px;font-weight:600}.sq-setup{align-items:center;display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.sq-hint{color:#7a7f94;font-size:14px;max-width:420px;text-align:center}.sq-durations{display:flex;gap:10px}.sq-dur-btn{background:#161922;border:1.5px solid #2a2f3d;border-radius:14px;color:#7a7f94;cursor:pointer;font-size:17px;font-weight:700;padding:12px 26px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.sq-dur-btn:hover{color:#e8e8f0;transform:translateY(-2px)}.sq-dur-btn.active{background:#c8a96e26;border-color:#c8a96e;box-shadow:0 0 18px #c8a96e26;color:#c8a96e}.sq-start-btn{font-size:16px;padding:14px 42px}.sq-board-wrap{display:flex;justify-content:center}.sq-board-wrap.dimmed{opacity:.35;pointer-events:none}.sq-board{border:3px solid #c8a96e80;border-radius:10px;box-shadow:0 20px 60px #00000080;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;-webkit-user-select:none;user-select:none;width:min(560px,92vw)}.sq-board,.sq-cell{aspect-ratio:1;position:relative}.sq-cell{cursor:pointer;transition:filter .1s}.sq-cell.light{background:#e9dcc0}.sq-cell.dark{background:#7b5c3e}.sq-cell:hover{filter:brightness(1.18)}.sq-cell:active{filter:brightness(1.4)}.sq-target{align-items:center;animation:sqTargetIn .18s ease;color:#0d0f1480;display:flex;font-family:Fredoka,Space Grotesk,sans-serif;font-size:clamp(90px,22vmin,190px);font-weight:900;inset:0;justify-content:center;letter-spacing:2px;pointer-events:none;position:absolute;text-shadow:0 2px 20px #ffffff40}@keyframes sqTargetIn{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.sq-flash{animation:sqFlashFade .22s ease forwards;inset:0;pointer-events:none;position:fixed;z-index:300}.sq-flash.green{background:#2ed57366}.sq-flash.red{background:#ff475766}@keyframes sqFlashFade{0%{opacity:1}to{opacity:0}}.sq-results{align-items:center;display:flex;flex-direction:column;gap:14px;padding:40px 20px}.sq-results-emoji{animation:sqEmojiPop .5s cubic-bezier(.34,1.7,.5,1);font-size:64px}@keyframes sqEmojiPop{0%{transform:scale(0)}to{transform:scale(1)}}.sq-results h3{color:#c8a96e;font-size:26px}.sq-results-nums{display:flex;flex-wrap:wrap;gap:34px;justify-content:center;margin:10px 0}.sq-results-nums>div{align-items:center;display:flex;flex-direction:column;gap:4px}.sq-num{color:#e8e8f0;font-size:40px;font-weight:800}.sq-num.good{color:#2ed573}.sq-num.bad{color:#ff4757}.sq-num-label{color:#7a7f94;font-size:12px;letter-spacing:1px;text-transform:uppercase}.sq-save-state{color:#7a7f94;font-size:13px;min-height:18px}@media (prefers-reduced-motion:reduce){.sq-flash,.sq-results-emoji,.sq-target,.sq-timer.low{animation:none!important}}.sq-coord{font-family:Space Grotesk,sans-serif;font-size:clamp(10px,1.9vmin,14px);font-weight:800;line-height:1;opacity:.9;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.sq-coord.rank{left:5px;top:4px}.sq-coord.file{bottom:4px;right:6px}.sq-cell.light .sq-coord{color:#7b5c3e}.sq-cell.dark .sq-coord{color:#e9dcc0}.wp-training{padding:24px 40px 40px}.wp-top{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.wp-hud,.wp-top{align-items:center;display:flex}.wp-hud{gap:14px}.wp-count{background:#161922;border:1px solid #2a2f3d;border-radius:20px;color:#e8e8f0;font-size:14px;font-weight:600;padding:6px 14px}.wp-timer{background:#c8a96e1f;border:1px solid #c8a96e59;border-radius:20px;color:#c8a96e;font-size:18px;font-weight:800;padding:6px 16px}.wp-timer.low{animation:wpTimerPulse .8s ease-in-out infinite;background:#ff47571f;border-color:#ff475780;color:#ff4757}@keyframes wpTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.wp-hint{color:#7a7f94;font-size:14px;margin-bottom:20px}.wp-body{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px}.wp-board-wrap{position:relative;width:min(520px,92vw)}.wp-answer{align-items:center;animation:wpAnswerIn .25s ease;background:#0d0f148c;border-radius:10px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.wp-answer-text{animation:wpAnswerPop .4s cubic-bezier(.34,1.7,.5,1);color:gold;font-family:Fredoka,Space Grotesk,sans-serif;font-size:clamp(64px,16vmin,130px);font-weight:900;text-shadow:0 6px 40px #000c,0 0 30px #ffd70073}@keyframes wpAnswerIn{0%{opacity:0}to{opacity:1}}@keyframes wpAnswerPop{0%{transform:scale(.4)}to{transform:scale(1)}}.wp-controls{display:flex;flex-direction:column;gap:12px;min-width:220px;padding-top:8px}.wp-btn{font-size:15px;padding:14px 24px}.wp-save-state{color:#7a7f94;font-size:13px;min-height:18px}@media (max-width:760px){.wp-training{padding:20px 16px 32px}.wp-body{flex-direction:column}.wp-controls{width:100%}}@media (prefers-reduced-motion:reduce){.wp-answer,.wp-answer-text,.wp-timer.low{animation:none!important}}.wp-answer{flex-direction:column;gap:6px}.wp-answer-kind{background:#c8a96e4d;border:1px solid #c8a96e80;border-radius:20px;color:#f5efe3;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;padding:4px 16px;text-transform:capitalize}.rating-card{max-width:720px;padding:24px 40px 40px}.rc-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.rc-unlink{font-size:13px;padding:8px 16px}.rc-hint{color:#7a7f94;font-size:14px;margin:10px 0 20px}.rc-account-line{color:#7a7f94;font-size:13px;margin:4px 0 22px}.rc-account-line b{color:#c8a96e}.rc-link-form{display:flex;flex-direction:column;gap:16px;max-width:440px}.rc-platforms{display:flex;gap:10px}.rc-platform-btn{background:#161922;border:1.5px solid #2a2f3d;border-radius:14px;color:#7a7f94;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.rc-platform-btn:hover{color:#e8e8f0;transform:translateY(-2px)}.rc-platform-btn.active{background:#c8a96e26;border-color:#c8a96e;color:#c8a96e}.rc-username-row{display:flex;gap:10px}.rc-username-row input{flex:1 1}.rc-error{background:#ff47571a;border:1px solid #ff47574d;border-radius:10px;color:#ff4757;font-size:13px;padding:10px 14px}.rc-stats{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:22px}.rc-stat{display:flex;flex-direction:column;gap:4px}.rc-stat-num{color:#e8e8f0;font-size:34px;font-weight:800}.rc-stat-num.up{color:#2ed573}.rc-stat-num.down{color:#ff4757}.rc-stat-label{color:#7a7f94;font-size:11px;letter-spacing:1px;text-transform:uppercase}.rc-graph{background:#161922;border:1.5px solid #2a2f3d;border-radius:16px;max-width:620px;padding:6px;width:100%}.rc-graph-label{fill:#7a7f94;font-family:Space Grotesk,sans-serif;font-size:11px}@media (max-width:760px){.rating-card{padding:20px 16px 32px}.rc-stats{gap:20px}}.student-layout{background:#0d0f14;display:flex;flex-direction:column;min-height:100vh;position:relative}.student-header{align-items:center;background:#161922;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 36px;position:relative;z-index:10}.student-header:after{background:linear-gradient(90deg,#0000,#ffd70066,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.student-header-left{align-items:center;display:flex;gap:14px}.student-header-left h1{color:#c8a96e;font-size:20px;letter-spacing:.5px}.student-header-left p{color:#7a7f94;font-size:13px;margin-top:2px}.student-main{flex:1 1;overflow-y:auto;z-index:1}.home-hub,.student-main{background:#0d0f14;position:relative}.home-hub{align-items:center;flex-direction:column;min-height:calc(100vh - 76px);overflow:hidden;padding:40px 20px}.home-hub,.hub-cards{display:flex;justify-content:center}.hub-cards{flex-wrap:wrap;gap:22px;z-index:1}.hub-card{align-items:center;border:1.5px solid #2a2f3d;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:205px;justify-content:flex-end;overflow:hidden;padding-bottom:14px;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .3s ease;-webkit-user-select:none;user-select:none;width:205px}.hub-card:hover{transform:translateY(-16px) scale(1.04)}.classes-card{background:linear-gradient(160deg,#0f0c00,#1a1400 50%,#0f0c00);border-color:#ffd70033}.classes-card:hover{border-color:#c8a96e;box-shadow:0 24px 60px #ffd70040,0 0 0 1px #ffd7004d}.classes-card .hub-card-title,.classes-card .hub-icon-wrap{color:#c8a96e}.puzzles-card{background:linear-gradient(160deg,#0a0a0f,#10101a 50%,#0a0a0f);border-color:#c8c8ff26}.puzzles-card:hover{border-color:#c8c8ff80;box-shadow:0 24px 60px #b4b4ff26,0 0 0 1px #c8c8ff4d}.puzzles-card .hub-card-title,.puzzles-card .hub-icon-wrap{color:#d0d0ff}.hub-card-glow{border-radius:50%;height:150px;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .4s;width:150px}.classes-card .hub-card-glow{background:radial-gradient(circle,#ffd70026 0,#0000 70%)}.puzzles-card .hub-card-glow{background:radial-gradient(circle,#b4b4ff1f 0,#0000 70%)}.hub-card:hover .hub-card-glow{opacity:1}.hub-icon-wrap{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:22px;transform:translateX(-50%);transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s ease}.hub-card:hover .hub-icon-wrap{filter:drop-shadow(0 8px 20px currentColor);transform:translateX(-50%) translateY(-12px) scale(1.12)}.hub-card-text{align-items:center;display:flex;flex-direction:column;gap:5px;z-index:1}.hub-card-title{font-family:Playfair Display,serif;font-size:17px;font-weight:700;letter-spacing:.4px}.hub-card-sub{color:#7a7f94;font-size:11px}.hub-live-badge{animation:pulse-tag 2s ease-in-out infinite;background:#e0525226;border:1px solid #ff44444d;border-radius:20px;color:#e05252;font-size:11px;font-weight:700;margin-top:6px;padding:4px 14px}.student-section-title{color:#c8a96e;font-size:24px;margin-bottom:24px;padding:32px 40px 0}.student-classes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 40px 40px}.student-class-card{background:#161922;border:1.5px solid #2a2f3d;border-radius:18px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.student-class-card:hover{border-color:#ffd70066;box-shadow:0 8px 32px #ffd70014;transform:translateY(-4px)}.student-class-card.live{border-color:#ff444480}.student-class-card.live:hover{border-color:#e05252;box-shadow:0 8px 32px #ff444426}.live-pulse{animation:pulse-bar 2s ease-in-out infinite;background:linear-gradient(90deg,var(--red),#f88,var(--red));background-size:200% 100%;height:3px;left:0;position:absolute;right:0;top:0}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.4}}.student-class-top{margin-bottom:14px}.student-class-title{color:#e8e8f0;font-size:18px;margin-bottom:10px}.student-class-time{color:#7a7f94;font-size:13px;line-height:1.5}.student-class-countdown{background:#c8a96e1a;border:1px solid #c8a96e4d;border-radius:20px;color:#c8a96e;display:inline-block;font-size:13px;margin-top:12px;padding:4px 12px}.join-btn{animation:glow-pulse 2.5s ease-in-out infinite;border-radius:12px;font-size:15px;font-weight:700;margin-top:16px;padding:13px;width:100%}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 #ffd7004d}50%{box-shadow:0 0 20px 4px #ffd70033}}.ended-label{font-size:13px;margin-top:16px}.ended-label,.student-empty{color:#7a7f94;text-align:center}.student-empty{padding:80px 20px}.student-empty div{font-size:48px;margin-bottom:16px}.student-empty h3{color:#e8e8f0;font-size:20px;margin-bottom:8px}.student-empty p{font-size:14px;margin:0 auto;max-width:320px}.floating-pieces-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.floating-piece{animation:floatRight linear infinite;color:#c8a96e;left:-80px;position:absolute;-webkit-user-select:none;user-select:none;will-change:transform,opacity}@keyframes floatRight{0%{opacity:0;transform:translateX(0) rotate(0deg)}8%{opacity:.06;opacity:var(--opacity,.06)}92%{opacity:.06;opacity:var(--opacity,.06)}to{opacity:0;transform:translateX(calc(100vw + 120px)) rotate(15deg)}}.card-notif{align-items:center;animation:notifBounce .5s cubic-bezier(.34,1.56,.64,1) forwards,notifWiggle 3s ease-in-out 1s infinite;border-radius:20px;box-shadow:0 4px 16px #0006;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 14px;position:absolute;right:-14px;top:-14px;white-space:nowrap;z-index:10}.classes-notif{background:#ff4757;border:2px solid #fff3;color:#fff}.puzzles-notif{background:gold;border:2px solid #ffffff4d;color:#090909}.notif-emoji{font-size:14px}.notif-text{font-size:11px;font-weight:700;letter-spacing:.2px}.notif-pulse-ring{animation:ringPulse 1.5s ease-out infinite;border:2px solid #ff4757;border-radius:24px;inset:-4px;position:absolute}@keyframes notifBounce{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{opacity:1;transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes notifWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes ringPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.hub-card{overflow:visible!important}.hub-card-glow{pointer-events:none}.hub-card-wrap{animation:hubPop .7s cubic-bezier(.34,1.7,.5,1) forwards;opacity:0}@keyframes hubPop{0%{opacity:0;transform:translateY(50px) scale(.82) rotate(-3deg)}60%{opacity:1;transform:translateY(-10px) scale(1.03) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.hub-card{transform-style:preserve-3d}.student-header{animation:headerDrop .5s ease both}@keyframes headerDrop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.student-header-left img{animation:logoBob 3.5s ease-in-out infinite}@keyframes logoBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.student-class-card{animation:classUp .5s ease forwards;opacity:0}.student-classes-grid .student-class-card:first-child{animation-delay:.05s}.student-classes-grid .student-class-card:nth-child(2){animation-delay:.13s}.student-classes-grid .student-class-card:nth-child(3){animation-delay:.21s}.student-classes-grid .student-class-card:nth-child(4){animation-delay:.29s}.student-classes-grid .student-class-card:nth-child(n+5){animation-delay:.36s}@keyframes classUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.student-class-card.live{animation:classUp .5s ease forwards,liveBreathe 2.4s ease-in-out infinite}@keyframes liveBreathe{0%,to{box-shadow:0 0 0 0 #e0525200}50%{box-shadow:0 10px 36px #e052522e}}.notif-text{letter-spacing:.3px}.student-section-title{animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card-notif,.floating-piece,.hub-card-wrap,.notif-pulse-ring,.student-class-card,.student-header,.student-header-left img,.student-section-title{animation:none!important}.hub-card-wrap,.student-class-card{opacity:1}}.hub-icon-emoji{display:inline-block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));font-size:84px;line-height:1}.square-card{background:linear-gradient(160deg,#041008,#06180c 50%,#041008);border-color:#2ed57333}.square-card:hover{border-color:#2ed573;box-shadow:0 24px 60px #2ed57333,0 0 0 1px #2ed5734d}.square-card .hub-card-title{color:#7be8a8}.square-card .hub-card-glow{background:radial-gradient(circle,#2ed57324 0,#0000 70%)}.writing-card{background:linear-gradient(160deg,#140b00,#1c1100 50%,#140b00);border-color:#ffa50233}.writing-card:hover{border-color:#ffa502;box-shadow:0 24px 60px #ffa50233,0 0 0 1px #ffa5024d}.writing-card .hub-card-title{color:#ffc966}.writing-card .hub-card-glow{background:radial-gradient(circle,#ffa50221 0,#0000 70%)}.rating-card-hub{background:linear-gradient(160deg,#030a14,#06101f 50%,#030a14);border-color:#4a9eff33}.rating-card-hub:hover{border-color:#4a9eff;box-shadow:0 24px 60px #4a9eff33,0 0 0 1px #4a9eff4d}.rating-card-hub .hub-card-title{color:#8cc2ff}.rating-card-hub .hub-card-glow{background:radial-gradient(circle,#4a9eff21 0,#0000 70%)}.anim-scene{align-items:center;display:flex;height:100px;justify-content:center;pointer-events:none;position:relative}.card-notif{transform:scale(.82);transform-origin:top right}@media(max-width:1220px){.hub-card{height:180px;width:180px}.hub-cards{gap:16px}}@media(max-width:1020px){.hub-cards{gap:18px}}.pawn-fly{transform-origin:50% 100%}.classes-card:hover .pawn-fly{animation:pawnHop 1.15s cubic-bezier(.4,.1,.5,1) both}@keyframes pawnHop{0%{transform:translate(-170px) rotate(-10deg)}14%{transform:translate(-118px,-40px) rotate(8deg)}27%{transform:translate(-72px) scale(1.12,.8) rotate(0)}33%{transform:translate(-60px,-8px) scaleY(1.04)}46%{transform:translate(-28px,-30px) rotate(6deg)}58%{transform:translate(0) scale(1.1,.82)}64%{transform:translateY(-6px) scale(.98,1.05)}74%{transform:translateY(-14px)}84%{transform:translate(0) scale(1.06,.9)}92%{transform:translateY(-4px)}to{transform:translate(0) scale(1)}}.pz{transform-box:fill-box;transform-origin:center}.puzzles-card:hover .pz-tl{animation:pzTL .6s cubic-bezier(.3,1.35,.55,1) both}.puzzles-card:hover .pz-tr{animation:pzTR .6s cubic-bezier(.3,1.35,.55,1) .09s both}.puzzles-card:hover .pz-bl{animation:pzBL .6s cubic-bezier(.3,1.35,.55,1) .18s both}.puzzles-card:hover .pz-br{animation:pzBR .6s cubic-bezier(.3,1.35,.55,1) .27s both}@keyframes pzTL{0%{transform:translate(-140px,-140px) rotate(-45deg)}to{transform:none}}@keyframes pzTR{0%{transform:translate(140px,-140px) rotate(45deg)}to{transform:none}}@keyframes pzBL{0%{transform:translate(-140px,140px) rotate(35deg)}to{transform:none}}@keyframes pzBR{0%{transform:translate(140px,140px) rotate(-35deg)}to{transform:none}}.arrow-fly,.impact,.target-g{transform-box:fill-box;transform-origin:center}.square-card:hover .arrow-fly{animation:arrowIn .3s cubic-bezier(.6,0,1,.7) both}.square-card:hover .target-g{animation:targetHit .4s ease .28s both}.square-card:hover .impact{animation:impactRing .5s ease-out .3s both}@keyframes arrowIn{0%{transform:translate(130px,-95px)}to{transform:none}}@keyframes targetHit{0%{transform:none}30%{transform:translate(2px,1px) scale(.96) rotate(2deg)}60%{transform:translate(-1px) scale(1.01)}to{transform:none}}@keyframes impactRing{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.impact{opacity:0}.write-hand{display:inline-block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.5));font-size:50px;transform:rotate(-6deg)}.writing-card:hover .write-hand{animation:handWrite 1.3s ease-in-out both}@keyframes handWrite{0%,to{transform:rotate(-6deg) translate(0)}12%{transform:rotate(-2deg) translate(3px,2px)}25%{transform:rotate(-9deg) translate(7px,-1px)}38%{transform:rotate(-3deg) translate(11px,2px)}52%{transform:rotate(-8deg) translate(16px)}66%{transform:rotate(-2deg) translate(20px,2px)}80%{transform:rotate(-7deg) translate(10px,1px)}}.scribble{stroke-dasharray:120;stroke-dashoffset:0}.writing-card:hover .scribble{animation:scrib 1.25s linear both}@keyframes scrib{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}.rt-line{stroke-dasharray:130;stroke-dashoffset:0}.rating-card-hub:hover .rt-line{animation:rtDraw 1s ease-out both}@keyframes rtDraw{0%{stroke-dashoffset:130}to{stroke-dashoffset:0}}.rt-dot{transform-box:fill-box;transform-origin:center}.rating-card-hub:hover .rt-dot{animation:rtDot .35s cubic-bezier(.34,1.8,.6,1) .85s both}@keyframes rtDot{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.arrow-fly,.impact,.pawn-fly,.pz,.rt-dot,.rt-line,.scribble,.target-g,.write-hand{animation:none!important}}.live-layout{background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.live-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:10px 20px;z-index:10}.live-topbar,.live-topbar-left{align-items:center;display:flex}.live-topbar-left{gap:12px}.live-logo{filter:drop-shadow(0 2px 6px rgba(200,169,110,.4));font-size:26px}.live-class-title{font-family:Playfair Display,serif;font-size:16px}.live-timer{font-feature-settings:"tnum";background:#c8a96e18;border:1px solid #c8a96e33;border-radius:20px;color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums;padding:3px 10px}.live-topbar-right{display:flex;gap:8px}.live-body{display:flex;flex:1 1;overflow:hidden}.live-sidebar{align-items:stretch;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:5px;overflow:visible;padding:12px 8px;width:92px}@media (max-height:840px){.live-sidebar{overflow-y:auto}.live-sidebar .tip-wrap:after{display:none}}.sidebar-section-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:1.2px;padding:2px 0 4px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar-divider{background:var(--border);flex-shrink:0;height:1px;margin:8px 6px}.live-sidebar .tip-wrap{width:100%}.live-sidebar .tool-btn{min-width:0;width:100%}.live-board-col{align-items:center;flex:1 1;gap:10px;justify-content:center;min-width:0;overflow-y:auto;padding:14px}.board-stack,.live-board-col{display:flex;flex-direction:column}.board-stack{gap:12px;margin:0 auto;max-width:min(calc(100vh - 150px),860px)}.board-stack,.board-wrapper{flex-shrink:0;width:100%}.board-frame{background:radial-gradient(130% 90% at 50% -15%,#ffecc81a,#0000 55%),linear-gradient(160deg,#5b4636,#4a3728 52%,#382a1d);border:1px solid #c8a96e59;border-radius:16px;box-shadow:0 22px 55px #0000008c,inset 0 1px 0 #ffffff1a,inset 0 -3px 10px #0006;display:grid;grid-template-columns:30px 1fr 30px;grid-template-rows:30px 1fr 30px;padding:14px}.frame-ranks{display:flex;flex-direction:column;grid-column:1;grid-row:2}.frame-board{border-radius:3px;box-shadow:0 0 0 2px #2a1d12,0 0 0 3px #c8a96e99,0 0 0 4px #2a1d12,0 8px 22px #00000080;grid-column:2;grid-row:2;min-width:0;overflow:hidden}.frame-corner{display:none}.frame-files{display:flex;grid-column:2;grid-row:3}.frame-coord{align-items:center;color:#ecd6ad;display:flex;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;justify-content:center;letter-spacing:1.5px;text-shadow:0 1px 2px #00000073;text-transform:uppercase;-webkit-user-select:none;user-select:none}.board-nav{align-self:flex-end;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 22px #00000059;flex-shrink:0;gap:2px;padding:5px 6px}.board-nav,.nav-btn{align-items:center;display:inline-flex}.nav-btn{background:#0000;border:none;border-radius:50%;color:var(--text);cursor:pointer;font-size:16px;height:34px;justify-content:center;transition:all .15s;width:34px}.nav-btn:hover:not(:disabled){background:var(--surface2);color:var(--accent)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.nav-info{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.5px;min-width:56px;padding:0 4px;text-align:center}.nav-info,.tool-btn{color:var(--text-muted)}.tool-btn{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:18px;gap:2px;min-width:48px;padding:8px 6px;transition:all .15s}.tool-btn:hover{background:var(--border);color:var(--text)}.tool-btn.active{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.tool-label{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.3px;line-height:1.2;text-align:center;text-transform:uppercase}.tip-wrap{display:inline-flex;position:relative}.tip-wrap:after{background:#1e2230;border:1px solid var(--border);border-radius:6px;bottom:calc(100% + 6px);color:var(--text);content:attr(data-tip);font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap;z-index:100}.tip-wrap:hover:after{opacity:1}.tip-wrap.tip-right:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.live-right-col{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:320px}.video-section-head{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:10px;font-weight:700;gap:6px;justify-content:space-between;letter-spacing:1px;padding:8px 12px 6px;text-transform:uppercase}.student-count{font-feature-settings:"tnum";background:#c8a96e18;border:1px solid #c8a96e33;border-radius:10px;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.3px;padding:1px 8px;white-space:nowrap}.video-grid{grid-gap:6px;border-bottom:1px solid var(--border);display:grid;flex-shrink:0;gap:6px;grid-template-columns:1fr 1fr;max-height:46vh;overflow-y:auto;padding:0 8px 8px}.vtile{display:flex;flex-direction:column}.video-box{aspect-ratio:4/3;background:#0a0c10;border-radius:8px;overflow:hidden;position:relative}.video-el{display:block;height:100%;object-fit:cover;width:100%}.video-label{background:linear-gradient(#0000,#000000c7);bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:4px 8px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.video-controls{display:flex;gap:3px;position:absolute;right:4px;top:4px}.vid-btn{background:#0009;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;padding:2px 6px}.vid-btn.off{background:#dc3c3cbf}.vid-btn.fx-on{background:#c8a96ed9}.video-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:10px;gap:6px;height:100%;justify-content:center;padding:4px;text-align:center;width:100%}.video-placeholder span{font-size:20px}.conn-dot{background:#e0a030;border-radius:50%;display:inline-block;height:6px;margin-right:4px;vertical-align:middle;width:6px}.conn-dot.ok{background:#4cc56a}.perm-strip{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);margin-top:3px}.perm-btn{background:var(--surface2);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;font-size:12px;line-height:1;padding:4px 0;transition:all .12s}.perm-btn:hover{background:var(--border);color:var(--text)}.perm-btn.active{background:#c8a96e2e;border-color:var(--accent);color:var(--accent)}.effects-panel{animation:fadeIn .2s ease;background:#c8a96e10;border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px}.effects-title{align-items:center;color:var(--accent);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.effects-loading{color:var(--text-muted);font-size:10px;letter-spacing:0;text-transform:none}.effects-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.effect-chip{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:4px;padding:7px 4px;text-align:center;transition:all .15s}.effect-chip:hover{background:var(--border);color:var(--text)}.effect-chip.selected{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.effect-swatch{align-items:center;border:1px solid #ffffff1f;border-radius:5px;display:flex;font-size:13px;height:24px;justify-content:center;width:36px}.swatch-none{background:var(--bg)}.swatch-blur{background:radial-gradient(circle at 30% 40%,#ffffff40,#0000 60%),linear-gradient(135deg,#3a4150,#20242e);filter:blur(.4px)}.swatch-upload{background:linear-gradient(135deg,#36302a,#1d1a16)}.right-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.right-tabs{border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.right-tab{background:#0000;border-bottom:2px solid #0000;color:var(--text-muted);flex:1 1;font-size:12px;font-weight:500;padding:11px 6px;position:relative;transition:all .15s}.right-tab:hover{background:var(--surface2);color:var(--text)}.right-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.chat-badge{background:var(--accent);border-radius:10px;color:var(--bg);font-size:10px;font-weight:700;margin-left:4px;padding:1px 5px}.moves-panel{flex:1 1;overflow-y:auto;padding:10px}.no-moves{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.moves-grid{display:flex;flex-direction:column;gap:1px}.move-row{align-items:center;display:flex;gap:4px}.move-num{color:var(--text-muted);flex-shrink:0;font-size:11px;text-align:right;width:22px}.move-san{background:#0000;border-radius:4px;color:var(--text);cursor:pointer;flex:1 1;font-family:monospace;font-size:12px;padding:3px 7px;text-align:left}.move-san:hover{background:var(--surface2)}.move-san.current{background:#c8a96e33;color:var(--accent)}.chat-panel{background:var(--bg);overflow:hidden}.chat-messages,.chat-panel{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:10px;overflow-y:auto;padding:14px 12px}.chat-msg{display:flex;flex-direction:column;gap:3px;max-width:88%}.admin-msg{align-items:flex-end;align-self:flex-end}.student-msg{align-items:flex-start;align-self:flex-start}.chat-sender{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.2px;padding:0 6px}.chat-text{border-radius:14px;box-shadow:0 1px 3px #00000040;color:var(--text);font-size:14px;line-height:1.5;padding:9px 13px;word-break:break-word}.admin-msg .chat-text{background:linear-gradient(135deg,#c8a96e3d,#c8a96e29);border:1px solid #c8a96e44;border-radius:14px 14px 4px 14px}.student-msg .chat-text{background:var(--surface2);border:1px solid var(--border);border-radius:14px 14px 14px 4px}.chat-form{background:var(--surface);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:12px}.chat-input{border-radius:22px;flex:1 1;font-size:14px;padding:10px 14px}.chat-send{border-radius:22px;padding:10px 16px}.options-panel{flex:1 1;gap:16px;overflow-y:auto;padding:14px}.option-section,.options-panel{display:flex;flex-direction:column}.option-section{gap:6px}.fen-display{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:monospace;font-size:10px;line-height:1.5;padding:8px;word-break:break-all}.piece-palette{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.palette-piece{background:var(--surface2);border:2px solid var(--border);border-radius:8px;cursor:pointer;font-size:28px;padding:10px;text-align:center;transition:all .15s}.palette-piece:hover{background:var(--border)}.palette-piece.selected{background:#c8a96e22;border-color:var(--accent)}.result-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.result-card{animation:pop .4s cubic-bezier(.175,.885,.32,1.275);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 32px 80px #0009;padding:48px 56px;text-align:center}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-icon{font-size:72px;margin-bottom:12px}.result-label{color:var(--accent);font-family:Playfair Display,serif;font-size:32px}.result-score{font-feature-settings:"tnum";color:var(--text);font-size:48px;font-variant-numeric:tabular-nums;font-weight:700;margin:8px 0}.result-winner{color:var(--text-muted);font-size:16px;margin-bottom:4px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);max-width:480px;padding:28px;width:100%}.modal h3{font-size:18px;margin-bottom:8px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.piece-palette-bar{align-items:center;animation:fadeIn .2s ease;background:#c8a96e15;border:1px solid #c8a96e44;border-radius:10px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:4px;justify-content:center;max-width:min(calc(100vh - 170px),720px);padding:8px 12px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.palette-bar-label{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:4px;text-transform:uppercase}.palette-bar-piece{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;transition:all .15s;width:36px}.palette-bar-piece:hover{background:var(--border);transform:scale(1.1)}.palette-bar-piece.selected{background:#c8a96e33;border-color:var(--accent);transform:scale(1.1)}.palette-bar-erase{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--danger);cursor:pointer;font-size:12px;margin-left:4px;padding:6px 10px;transition:all .15s}.palette-bar-erase:hover{background:#e0525218;border-color:var(--danger)}.palette-bar-erase.active{background:#e0525233;border-color:var(--danger);color:var(--danger);font-weight:600;opacity:1!important}@media (max-width:1100px){.live-sidebar{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;flex-wrap:wrap;padding:8px;width:auto}.live-body{flex-direction:column}.live-right-col{border-left:none;border-top:1px solid var(--border);flex:1 1;width:100%}.sidebar-section-label{display:none}.sidebar-divider{height:36px;margin:0 4px;width:1px}.live-sidebar .tip-wrap,.live-sidebar .tool-btn{width:auto}.tip-wrap.tip-right:after{bottom:auto;left:50%;top:calc(100% + 6px);transform:translateX(-50%)}}.tile-search-wrap{margin:8px 0 10px;position:relative}.tile-search{background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:10px;color:#e8e8f0;font-size:13px;outline:none;padding:9px 32px 9px 14px;transition:border-color .2s;width:100%}.tile-search:focus{border-color:#c8a96e99}.tile-search::placeholder{color:#e8e8f066}.tile-search-clear{background:none;border:none;color:#e8e8f080;cursor:pointer;font-size:18px;line-height:1;padding:0 6px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.tile-search-clear:hover{color:#e8e8f0}.dbp-modal{display:flex;flex-direction:column;max-height:82vh;max-width:640px;width:92vw}.dbp-loading{color:#e8e8f099;font-size:14px;padding:12px 0}.dbp-search{background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:10px;color:#e8e8f0;font-size:13px;margin:10px 0 12px;outline:none;padding:10px 14px;width:100%}.dbp-search:focus{border-color:#c8a96e99}.dbp-topics{display:flex;flex-wrap:wrap;gap:8px;max-height:48vh;overflow-y:auto;padding-right:4px}.dbp-topic{align-items:flex-start;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:11px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:9px 13px;text-align:left;transition:border-color .15s,transform .15s}.dbp-topic:hover{border-color:#c8a96e99;transform:translateY(-2px)}.dbp-topic-name{color:#e8e8f0;font-size:13px;font-weight:600}.dbp-topic-sub{color:#e8e8f080;font-size:10.5px}.dbp-back{align-self:flex-start;font-size:12.5px;margin:8px 0 10px;padding:7px 14px}.dbp-positions{display:flex;flex-direction:column;gap:8px;max-height:48vh;overflow-y:auto;padding-right:4px}.dbp-pos{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:11px;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.dbp-pos-info{display:flex;flex-direction:column;gap:3px;min-width:0}.dbp-pos-num{color:#e8e8f073;font-size:11px;font-weight:700}.dbp-pos-turn{color:#c8a96e;font-size:13px;font-weight:600}.dbp-pos-note{color:#e8e8f0bf;font-size:12px;line-height:1.4}.dbp-pos-sol{color:#e8e8f080;font-size:11px}.dbp-load{flex-shrink:0;font-size:12.5px;padding:8px 16px}.analysis-page{background:var(--bg);min-height:100vh;padding:32px 40px}.analysis-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.analysis-header h1{color:var(--accent);font-size:28px}.analysis-header p{color:var(--text-muted);font-size:14px;margin-top:4px}.upload-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.upload-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px}.upload-icon{font-size:32px}.upload-card h3{font-size:16px}.upload-card p{color:var(--text-muted);font-size:13px}.upload-success{color:var(--success);font-size:13px;font-weight:600}.elo-input-wrap{align-items:center;display:flex;gap:10px}.elo-input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:22px;font-weight:700;padding:8px;text-align:center;width:90px}.elo-label{color:var(--text-muted);font-size:14px}.elo-band{background:#c8a96e22;border:1px solid #c8a96e44;border-radius:20px;color:var(--accent);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.elo-target{color:var(--text-muted);font-size:13px}.elo-target strong{color:var(--success)}.upload-note{align-items:flex-start;background:#c8a96e12;border:1px solid #c8a96e33;border-radius:10px;color:var(--text-muted);display:flex;font-size:13px;gap:10px;padding:14px 18px}.upload-note span{flex-shrink:0;font-size:20px}.analyze-btn{border-radius:12px;font-size:16px;font-weight:700;padding:14px 48px}.analyzing-section{align-items:center;display:flex;justify-content:center;min-height:60vh}.analyzing-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:480px;padding:48px 56px;text-align:center;width:100%}.analyzing-piece{animation:rock 2s ease-in-out infinite;display:inline-block;font-size:56px;margin-bottom:20px}@keyframes rock{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.analyzing-card h2{font-size:22px;margin-bottom:8px}.analyzing-card>p{color:var(--text-muted);font-size:13px;margin-bottom:24px}.progress-track{background:var(--border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--accent),#f5e6c8);border-radius:4px;height:100%;transition:width .4s ease}.progress-label{color:var(--accent);font-size:14px;font-weight:700;margin-bottom:24px}.analysis-steps{display:flex;flex-direction:column;gap:8px;text-align:left}.analysis-step{color:var(--text-muted);font-size:13px;transition:color .3s}.analysis-step.done{color:var(--success)}.summary-bar{background:var(--border);border:1px solid var(--border);border-radius:16px;display:flex;gap:1px;margin-bottom:28px;overflow:hidden}.summary-stat{background:var(--surface);flex:1 1;padding:16px 12px;text-align:center}.stat-value{color:var(--accent);font-size:26px;font-weight:700}.stat-label{font-size:12px;margin-top:2px}.stat-hint,.stat-label{color:var(--text-muted)}.stat-hint{font-size:10px;line-height:1.3;margin-top:3px}.results-grid{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:1fr 380px}.section-header{align-items:center;display:flex;gap:14px;margin-bottom:14px}.section-icon{font-size:24px}.section-header h3{font-size:17px}.section-header p{color:var(--text-muted);font-size:13px;margin-top:2px}.weakness-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}.weakness-card.critical.expanded,.weakness-card.critical:hover{border-color:var(--danger)}.weakness-card.growth.expanded,.weakness-card.growth:hover{border-color:var(--accent)}.wcard-header{cursor:pointer;gap:14px;padding:16px}.wcard-header,.wcard-rank{align-items:center;display:flex}.wcard-rank{border-radius:50%;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.wcard-rank.critical{background:#e0525222;color:var(--danger)}.wcard-rank.growth{background:#c8a96e22;color:var(--accent)}.wcard-info{flex:1 1}.wcard-label{font-size:15px;font-weight:600}.wcard-stats{color:var(--text-muted);font-size:12px;margin-top:3px}.wcard-chevron{color:var(--text-muted);font-size:11px;white-space:nowrap}.wcard-body{background:var(--surface2);border-top:1px solid var(--border);padding:16px}.examples-intro{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:16px}.examples-boards{gap:20px}.board-example,.examples-boards{display:flex;flex-direction:column}.board-example{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:12px;padding:16px}.example-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.severity-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px}.severity-badge.blunder{background:#e0525222;border:1px solid #e0525244;color:var(--danger)}.severity-badge.mistake{background:#f5a62322;border:1px solid #f5a62344;color:#f5a623}.severity-badge.inaccuracy{background:#c8a96e22;border:1px solid #c8a96e44;color:var(--accent)}.example-game-label,.example-move-num{color:var(--text-muted);font-size:12px}.eval-change{color:var(--danger);font-family:monospace;font-size:12px;font-weight:600;margin-left:auto}.example-board-wrap{margin:0 auto;max-width:300px;width:100%}.view-buttons{display:flex;flex-wrap:wrap;gap:8px}.view-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:8px 14px;transition:all .15s}.view-btn.active,.view-btn:hover{border-color:var(--accent);color:var(--text)}.view-btn.active{background:var(--surface2)}.view-btn.good.active{background:#52c97a18;border-color:var(--success);color:var(--success)}.arrows-legend{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:4px}.arrow-red{color:#e05252}.arrow-green,.arrow-red{font-size:14px;font-weight:700}.arrow-green{color:#52c97a}.explanation-box{margin-top:4px}.explain-btn{font-size:12px;padding:7px 14px}.loading-explanation{color:var(--text-muted);font-size:12px;font-style:italic}.explanation-text{background:#c8a96e0e;border:1px solid #c8a96e33;border-radius:8px;display:flex;gap:10px;padding:12px 14px}.explanation-icon{flex-shrink:0;font-size:18px}.explanation-text p{color:var(--text);font-size:13px;line-height:1.6;margin:0}.curriculum-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:20px}.curriculum-panel h3{font-size:16px;margin-bottom:4px}.curriculum-sub{color:var(--text-muted);font-size:12px;margin-bottom:16px}.curriculum-weeks{display:flex;flex-direction:column;gap:10px}.curriculum-week{border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:14px}.phase-leak{background:#e0525210;border-color:#e0525233}.phase-growth{background:#c8a96e10;border-color:#c8a96e33}.week-header{align-items:center;display:flex;justify-content:space-between}.week-number{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.week-number,.week-phase{color:var(--text-muted);font-size:11px}.week-topic{color:var(--text);font-size:13px;font-weight:600}.week-why{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4}.week-goal{color:var(--accent);font-size:12px}.week-exercises,.week-resources{display:flex;flex-direction:column;gap:3px}.exercises-label,.resources-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.exercise-item,.resource-item{color:var(--text-muted);font-size:12px;padding-left:4px}.games-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.games-panel h3{font-size:16px;margin-bottom:14px}.game-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.game-tab{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:5px 12px}.game-tab.active{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.game-detail{display:flex;flex-direction:column;gap:6px}.game-players{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.vs{color:var(--text-muted);font-size:11px}.game-result{color:var(--accent);font-size:12px;font-weight:600}.game-opening{color:var(--text-muted);font-size:12px}.game-mistakes{color:var(--danger);font-size:12px}.no-issues{color:var(--text-muted);padding:40px 20px;text-align:center}.no-issues div{font-size:40px;margin-bottom:12px}.tactical-viewer{display:flex;flex-direction:column;gap:10px}.tactical-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.tactical-label{color:#52c97a;font-size:13px;font-weight:600}.tactical-nav{display:flex;flex-wrap:wrap;gap:6px}.tactical-move-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:monospace;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.tactical-move-btn.active,.tactical-move-btn:hover{border-color:#52c97a;color:#52c97a}.tactical-move-btn.active{background:#52c97a26}.tm-phases{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.tm-phase{border:1px solid var(--border);border-radius:10px;padding:12px 14px}.tm-phase.phase-leak{background:#e0525210;border-color:#e0525233}.tm-phase.phase-growth{background:#c8a96e10;border-color:#c8a96e33}.tm-phase-label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.tm-phase-avg{color:var(--accent);font-size:22px;font-weight:700;margin:2px 0 6px}.tm-phase-avg span{color:var(--text-muted);font-size:12px;font-weight:500;margin-left:2px}.tm-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.tm-bar-fill{background:linear-gradient(90deg,var(--accent),#f5e6c8);border-radius:3px;height:100%;transition:width .4s ease}.tm-phase-pct{color:var(--text-muted);font-size:11px;margin-top:5px}.tm-flags{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tm-flag{background:#e0525212;border:1px solid #e0525233;border-radius:8px;color:var(--text);font-size:12px;line-height:1.4;padding:8px 12px}.tm-stat{color:var(--text-muted);font-size:12px;line-height:1.5;margin-bottom:4px}.input-mode-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.mode-tab{background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .18s}.mode-tab:hover{color:var(--text)}.mode-tab.active{background:#c8a96e22;border-color:var(--accent);color:var(--accent)}.fetch-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:22px}.fetch-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.fetch-site-pick{display:flex;gap:8px}.site-btn{align-items:center;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 16px;transition:all .18s}.site-btn svg{opacity:.5;transition:opacity .18s}.site-btn:hover{color:var(--text)}.site-lichess.active{background:#2a2a2e;border-color:#4a4a52;color:#fff}.site-lichess.active svg{color:#fff;opacity:1}.site-chesscom.active{background:#5d8a3a22;border-color:#81b64c;color:#81b64c}.site-chesscom.active svg{color:#81b64c;opacity:1}.fetch-name-input{flex:1 1;min-width:180px}.fetch-tip{align-items:flex-start;background:#c8a96e12;border:1px solid #c8a96e33;border-radius:10px;color:var(--text-muted);display:flex;font-size:13px;gap:10px;margin-top:14px;padding:12px 16px}.fetch-tip span{flex-shrink:0;font-size:18px}.fetch-tip strong{color:var(--accent)}.fetch-error{background:#e0525218;border:1px solid #e0525244;border-radius:10px;color:var(--danger);font-size:13px;margin-top:12px;padding:10px 14px}.fetch-identity{background:var(--surface2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:16px;padding:14px 18px}.fetch-id-user,.fetch-identity{align-items:center;display:flex}.fetch-id-user{gap:12px}.fetch-id-avatar{align-items:center;background:#c8a96e22;border:2px solid #c8a96e44;border-radius:50%;color:var(--accent);display:flex;font-size:18px;font-weight:700;height:42px;justify-content:center;width:42px}.fetch-id-name{color:var(--text);font-size:16px;font-weight:700}.fetch-id-site{color:var(--text-muted);font-size:12px}.fetch-id-elo{text-align:right}.fetch-id-elo label{color:var(--text-muted);display:block;font-size:11px;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.fetch-id-elo .elo-input-wrap{justify-content:flex-end}.fetch-results{margin-top:16px}.fetch-results-head{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.fetch-sel-count{color:var(--accent)}.fetch-game-row{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;font-size:13px;gap:12px;margin-bottom:6px;padding:11px 14px;transition:all .15s}.fetch-game-row:hover{border-color:var(--accent);transform:translateX(3px)}.fetch-game-row.selected{background:#c8a96e1a;border-color:var(--accent)}.fetch-check{align-items:center;border:1.5px solid var(--border);border-radius:6px;color:#090909;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:20px;justify-content:center;transition:all .15s;width:20px}.fetch-check.on{background:var(--accent);border-color:var(--accent)}.fetch-outcome{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.fetch-outcome.win{background:#52c97a22;color:var(--success)}.fetch-outcome.loss{background:#e0525222;color:var(--danger)}.fetch-outcome.draw{background:#c8a96e22;color:var(--accent)}.fetch-players{color:var(--text);flex:1 1}.fetch-tc{color:var(--text-muted);font-size:12px;text-transform:capitalize}.fetch-tc.good{color:var(--success);font-weight:600}.fetch-date{color:var(--text-muted);font-size:12px;min-width:84px;text-align:right}.upload-section .upload-grid:has(.upload-card:only-child){grid-template-columns:1fr;margin:0 auto 16px;max-width:420px}:root{--bg:#0d0f14;--surface:#161922;--surface2:#1e2230;--border:#2a2f3d;--accent:#c8a96e;--accent2:#e8c98e;--danger:#e05252;--success:#52c97a;--text:#e8e8f0;--text-muted:#7a7f94;--white-piece:#f5f0e8;--black-piece:#1a1a2e;--board-light:#f0d9b5;--board-dark:#b58863;--radius:12px;--shadow:0 8px 32px #0006}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0000;color:#e8e8f0;color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif}.loading-screen{align-items:center;color:#c8a96e;color:var(--accent);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #2a2f3d;border-top-color:#c8a96e;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}button{border:none;cursor:pointer;transition:all .2s ease}button,input,select,textarea{font-family:DM Sans,sans-serif;outline:none}input,select,textarea{background:#1e2230;background:var(--surface2);border:1px solid #2a2f3d;border:1px solid var(--border);border-radius:8px;color:#e8e8f0;color:var(--text);padding:10px 14px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#c8a96e;border-color:var(--accent)}.btn{border-radius:8px;font-size:14px;font-weight:500;padding:10px 20px}.btn-primary{background:#c8a96e;background:var(--accent);color:#0d0f14;color:var(--bg)}.btn-primary:hover{background:#e8c98e;background:var(--accent2);transform:translateY(-1px)}.btn-secondary{background:#1e2230;background:var(--surface2);border:1px solid #2a2f3d;border:1px solid var(--border);color:#e8e8f0;color:var(--text)}.btn-secondary:hover{background:#2a2f3d;background:var(--border)}.btn-danger{background:#e05252;background:var(--danger);color:#fff}.btn-danger:hover{opacity:.85}.btn-success{background:#52c97a;background:var(--success);color:#0d0f14;color:var(--bg)}.card{background:#161922;background:var(--surface);border:1px solid #2a2f3d;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:20px}label{color:#7a7f94;color:var(--text-muted);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.tag{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.login-logo img,.sidebar-logo img,.student-logo img{mix-blend-mode:screen}.tag-live{background:#e0525222;border:1px solid #e0525244;color:#e05252;color:var(--danger)}.tag-scheduled{background:#c8a96e22;border:1px solid #c8a96e44;color:#c8a96e;color:var(--accent)}.tag-done{background:#52c97a22;border:1px solid #52c97a44;color:#52c97a;color:var(--success)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0f14;background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a2f3d;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c8a96e;background:var(--accent)}
/*# sourceMappingURL=main.e9fbe4ba.css.map*/