@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,sans-serif;--bg: #f5f0e6;--bg-2: #f0f7f0;--ink: #15261d;--muted: #5f6d61;--accent: #ffb347;--accent-2: #f36f4f;--accent-3: #2b7a5d;--card: rgba(255, 255, 255, .85);--border: rgba(21, 38, 29, .12);--shadow: 0 20px 60px rgba(10, 30, 20, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff2d9,transparent 50%),radial-gradient(circle at bottom right,#dff4e6,transparent 55%),linear-gradient(120deg,var(--bg),var(--bg-2));color:var(--ink);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.admin{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,#fef2d2,transparent 45%),radial-gradient(circle at 80% 10%,#ffe0cf,transparent 40%),radial-gradient(circle at 70% 80%,#d9f2e6,transparent 45%)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px 10px}.admin-login{flex:1;display:grid;place-items:center;padding:40px 20px}.admin-card{width:min(520px,100%);background:var(--card);padding:32px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);animation:floatIn .6s ease both}.admin-card h1{font-family:Fraunces,serif;margin-top:0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px 40px 40px}.admin-panel{background:var(--card);border-radius:20px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow)}.admin-panel.wide{grid-column:1 / -1}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.stat{background:#f8f4eb;border-radius:16px;padding:12px;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:6px}.stat strong{font-size:20px}.list{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:#fffdf7;border-radius:16px;border:1px solid rgba(0,0,0,.05)}.list-title{font-weight:600}.list-sub{font-size:12px;color:var(--muted)}.list-links{display:flex;flex-direction:column;gap:6px}.list-links a{color:var(--accent-3);text-decoration:none;font-weight:600}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 40px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-family:Fraunces,serif;font-size:28px;background:var(--accent);color:#3e2a1b;padding:8px 12px;border-radius:12px;box-shadow:var(--shadow)}.brand-title{font-size:20px;font-weight:700}.brand-sub{font-size:13px;color:var(--muted)}.room-info{display:flex;align-items:center;gap:12px;font-size:14px;background:var(--card);padding:10px 16px;border-radius:999px;border:1px solid var(--border)}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.open{background:#e3f4ea;color:#1a5d3f}.badge.locked{background:#ffe3dd;color:#7b2a1a}.join{flex:1;display:grid;place-items:center;padding:40px 20px}.join-card{width:min(720px,100%);background:var(--card);padding:32px;border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow);animation:floatIn .6s ease both}.join-card h1{font-family:Fraunces,serif;font-size:34px;margin:0 0 8px}.join-card p{margin:0 0 20px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}input,select{padding:12px 14px;border-radius:14px;border:1px solid var(--border);font-size:15px;font-family:inherit}button{font-family:inherit;cursor:pointer;border:none}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#2b1b10;padding:14px 22px;border-radius:16px;font-weight:600;box-shadow:var(--shadow)}.ghost{background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:999px}.error{background:#ffe0dc;color:#8b2a1f;padding:10px 14px;border-radius:12px;margin-bottom:12px}.hint{margin-top:10px;font-size:12px;color:var(--muted)}.stage{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:0 32px 32px}.left,.right{background:var(--card);border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;animation:fadeUp .6s ease both}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h2,.panel-header h3{margin:0;font-family:Fraunces,serif}.status{font-size:12px;color:var(--muted)}.control-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toggle{padding:10px 14px;border-radius:999px;background:#eef5ee;color:#134028;border:1px solid rgba(19,64,40,.2);font-weight:600}.danger{background:#ffe3dd;color:#7b2a1a;padding:10px 14px;border-radius:999px;border:1px solid rgba(123,42,26,.2);font-weight:600}.toggle.disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tile{background:#1a2b22;border-radius:18px;padding:10px;color:#f8f6f0;position:relative;min-height:180px;overflow:hidden;animation:fadeUp .6s ease both}.tile-title{font-size:12px;margin-bottom:6px;color:#f8f6f0cc}.tile-video{width:100%;height:100%;border-radius:12px;background:#0b1410;object-fit:cover}.right{display:flex;flex-direction:column;gap:16px}.log-panel{background:#f7f2e7;border-radius:18px;padding:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.log-list{max-height:180px;overflow:auto;display:grid;gap:8px}.log-item{display:grid;grid-template-columns:64px 1fr;gap:10px;font-size:13px;align-items:center}.log-item span{color:var(--muted)}.session-status{display:flex;gap:16px;margin-bottom:16px}.session-status div{background:#f6efe3;border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(0,0,0,.05)}.chat{flex:1;overflow:auto;background:#f8f4eb;border-radius:16px;padding:12px;border:1px solid var(--border);min-height:220px}.bubble{background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:8px;max-width:85%}.bubble.me{margin-left:auto;background:#ffe7c7}.chat-input{display:flex;gap:8px}.chat-input input{flex:1}.chat-input button{background:var(--accent-3);color:#fff;padding:10px 16px;border-radius:12px}.student-list{background:#f0f6f1;padding:12px;border-radius:16px;border:1px solid var(--border)}.student-item{padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;gap:12px}.student-item:last-child{border-bottom:none}.student-meta{display:flex;flex-direction:column;gap:2px}.student-name{font-weight:600}.student-time{font-size:12px;color:var(--muted)}.student-actions{display:flex;gap:8px}.tiny{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:12px}.tiny.danger{background:#ffe3dd;color:#7b2a1a;border-color:#7b2a1a33}.student-select{border-radius:999px;padding:6px 12px}.empty{color:var(--muted);text-align:center;padding:24px 0}.waiting{background:#fff4dc;border-radius:18px;padding:16px;margin-bottom:16px;border:1px solid rgba(0,0,0,.06)}@media (max-width: 980px){.topbar{flex-direction:column;gap:16px}.stage{grid-template-columns:1fr}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}