:root{--bg: #0a0e0c;--surface: #141b18;--surface-2: #1d2722;--border: #324239;--text: #f3f6f4;--muted: #93a39b;--accent: #22c55e;--accent-2: #22c55e;--accent-hover: #16a34a;--mint: #fbbf24;--danger: #f87171;--radius: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-glow: none;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.9}}.shell{max-width:1080px;margin:0 auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:10px}.brand{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;color:var(--text)}.brand .dot{width:12px;height:16px;border-radius:3px;background:var(--accent)}.topbar-right{display:flex;align-items:center;gap:16px}.who{font-size:14px;color:var(--muted)}.who strong{color:var(--text)}.role-chip{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;padding:4px 10px;border-radius:4px;border:1px solid var(--border);color:var(--muted);letter-spacing:.06em}.role-chip.teacher{color:#fff;border-color:transparent;background:var(--accent)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-md);animation:fadeUp .35s ease both}.auth-card h1{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em;margin-bottom:4px}.auth-card .sub{color:var(--muted);font-size:14px;margin-bottom:26px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.field input{width:100%;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #22c55e40}.btn{width:100%;padding:12px;border:none;border-radius:18px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;transition:background .15s,transform .1s}.btn:hover{background:var(--accent-hover)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:#2a2a2a;border-color:var(--muted)}.btn-row{display:flex;gap:10px}.btn-row .btn{width:auto;flex:1}.switch-link{margin-top:18px;font-size:14px;color:var(--muted);text-align:center}.switch-link b{color:var(--accent);cursor:pointer}.error{background:#f871711f;border:1px solid rgba(248,113,113,.4);color:var(--danger);padding:11px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.notice{background:#22c55e1f;border:1px solid rgba(34,197,94,.4);color:var(--accent);padding:11px 14px;border-radius:8px;font-size:14px;margin-bottom:16px}.btn-link-danger{background:none;border:none;color:var(--danger);font-size:13px;cursor:pointer;padding:4px 8px}.btn-link-danger:hover{text-decoration:underline}.btn-link-danger:disabled{opacity:.5;cursor:not-allowed}.page-head{padding:36px 0 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h2{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em}.page-head p{color:var(--muted);font-size:14px;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:24px 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 18px 20px;box-shadow:var(--shadow-sm);border-left:3px solid var(--accent);transition:border-color .15s,transform .15s,box-shadow .15s}.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat .value{font-family:var(--font-mono);font-size:28px;font-weight:700;letter-spacing:-.02em}.stat .value.accent{color:var(--accent)}.stat .value.mint{color:var(--mint)}.link-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:24px 0;box-shadow:var(--shadow-sm)}.link-box h3{font-family:var(--font-display);margin-bottom:6px}.link-box p{color:var(--muted);font-size:14px;margin-bottom:16px}.link-row{display:flex;gap:10px}.link-row input{flex:1;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px}.link-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #22c55e40}.link-row .btn{width:auto;padding:12px 22px;white-space:nowrap}.channel-head{display:flex;align-items:center;gap:16px}.channel-head img{width:56px;height:56px;border-radius:50%;border:2px solid var(--accent)}.channel-head .name{font-family:var(--font-display);font-size:18px}.channel-head .synced{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.section-title{font-family:var(--font-display);font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0 14px}.video{display:flex;gap:14px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;box-shadow:var(--shadow-sm);transition:border-color .15s,transform .15s,box-shadow .15s}.video:hover{border-color:var(--accent);transform:translate(3px)}.video img{width:120px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}.video .v-title{font-weight:500;font-size:14px;line-height:1.35;margin-bottom:4px}.video .v-date{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.video .v-stats{display:flex;gap:18px;margin-left:auto;text-align:right;flex-shrink:0}.video .v-stat .n{font-family:var(--font-mono);font-weight:700;font-size:15px}.video .v-stat .k{font-size:11px;color:var(--muted);text-transform:uppercase}.tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.tbl thead th.num{text-align:right}.tbl tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.tbl tbody tr:last-child{border-bottom:none}.tbl tbody tr:hover{background:var(--surface-2)}.tbl td{padding:14px 16px;font-size:14px}.tbl td.num{text-align:right;font-family:var(--font-mono);font-weight:700}.tbl .s-name{font-weight:600}.tbl .s-email{font-size:12px;color:var(--muted)}.tbl .s-channel{color:var(--accent);font-size:13px}.tbl .no-channel{color:var(--muted);font-style:italic;font-size:13px}.rank{font-family:var(--font-mono);color:var(--muted);width:36px}.empty{text-align:center;padding:48px 24px;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);margin:24px 0}.loading{padding:48px;text-align:center;color:var(--muted)}.back-link{color:var(--muted);font-size:14px;display:inline-block;margin:24px 0 0}.back-link:hover{color:var(--accent)}.skel{background:var(--surface-2);border-radius:6px;animation:pulse 1.3s ease-in-out infinite}.skel-row{display:flex;gap:14px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.skel-row .skel-thumb{width:120px;height:68px;flex-shrink:0;border-radius:8px}.skel-row .skel-line{height:14px;margin-bottom:8px;width:70%}.skel-row .skel-line.short{width:40%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:50;animation:fadeUp .15s ease both}.modal-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-md)}.modal-card h3{font-family:var(--font-display);margin-bottom:8px;font-size:18px}.modal-card p{color:var(--muted);font-size:14px;margin-bottom:20px}.modal-actions{display:flex;gap:10px}.modal-actions .btn{width:auto;flex:1}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#ef4444}@media (max-width: 640px){.video{flex-wrap:wrap}.video img{width:100%;height:auto;max-height:160px}.video .v-stats{gap:12px;margin-left:0;width:100%;justify-content:space-between}.skel-row .skel-thumb{width:88px;height:50px}.tbl .hide-sm{display:none}.tbl-wrap{overflow-x:auto}.topbar-right{width:100%;justify-content:space-between}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}