:root{color-scheme:dark;--bg: #060a12;--panel: rgba(20, 26, 39, .8);--accent: #2ce3a5;--accent-2: #5ac8ff;--text: #e8ecf5;--muted: #9da9c2;--border: rgba(255, 255, 255, .08);font-family:Space Grotesk,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 10%,rgba(92,200,255,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(44,227,165,.14),transparent 30%),radial-gradient(circle at 20% 80%,rgba(92,200,255,.16),transparent 32%),var(--bg);color:var(--text);min-height:100vh}.page{position:relative;min-height:100vh;padding:32px 24px 24px;display:flex;flex-direction:column;gap:16px}.glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(92,200,255,.08),transparent 35%),radial-gradient(circle at 80% 40%,rgba(44,227,165,.08),transparent 40%);filter:blur(40px);opacity:.9;z-index:0}.nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#141a27d9,#0a0c14e6);border:1px solid var(--border);border-radius:18px;padding:14px 18px;box-shadow:0 10px 40px #00000059}.brand{display:flex;align-items:center;gap:12px;font-weight:600}.brand-title{letter-spacing:.08em;text-transform:uppercase}.brand-sub{color:var(--muted);font-size:12px}.badge{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(120deg,#2ce3a54d,#5ac8ff4d);border:1px solid var(--border);font-weight:700;letter-spacing:.06em}.status{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:12px}.shell{position:relative;z-index:1;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px}.grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;gap:16px}.panel{background:#080a12b3;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 40px #00000073;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel-title.small{font-size:11px}.video-panel{min-height:220px}.video-placeholder{flex:1;border-radius:16px;border:1px dashed rgba(255,255,255,.2);display:grid;place-items:center;color:var(--muted);font-size:14px}.notebook-panel{min-height:340px}.chat-panel{grid-row:span 2;min-height:640px}.chat-window{flex:1;overflow-y:auto;padding:16px 4px 8px;display:flex;flex-direction:column;gap:14px}.checklist{display:flex;flex-direction:column;gap:10px}.task{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff08}.task.done{opacity:.6;text-decoration:line-through}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px}.inline-form input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff0d;color:var(--text)}.inline-form button,.auth-form button,.ghost{border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#02060f;font-weight:700;cursor:pointer;padding:10px 16px}.ghost{background:#ffffff14;color:var(--text);font-weight:600}.notes{display:flex;flex-direction:column;gap:10px}.note-list{display:flex;flex-direction:column;gap:8px}.note-item{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff08}.empty{color:var(--muted);font-size:13px}.bubble-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start}.bubble-row.user{grid-template-columns:1fr auto}.bubble-row.user .avatar{order:2}.bubble-row.user .bubble{order:1;margin-left:auto;background:linear-gradient(135deg,#2ce3a52e,#5ac8ff33);border:1px solid rgba(90,200,255,.2)}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;color:var(--text);font-weight:700;letter-spacing:.05em;border:1px solid var(--border)}.bubble{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:12px 14px;max-width:780px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bubble .meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.bubble p{margin:0;line-height:1.6;color:#dfe6f3}.input-bar{display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:6px}.input-bar input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:15px}.input-bar input:focus{outline:1px solid var(--accent)}.input-bar button{min-width:120px}.typing{display:inline-flex;gap:4px;align-items:center}.typing span{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:blink 1s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.error-banner{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:#ff63631a;border:1px solid rgba(255,99,99,.25);color:#ff9b9b}.auth-card{position:relative;z-index:1;max-width:420px;margin:auto;padding:28px;border-radius:20px;background:#080a12cc;border:1px solid var(--border);box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:12px}.auth-title{font-size:22px;font-weight:700}.auth-sub{color:var(--muted);font-size:13px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.loading{position:relative;z-index:1;margin:auto;color:var(--muted)}@media (max-width: 980px){.grid{grid-template-columns:1fr}.chat-panel{grid-row:auto}}