:root{--bg:#0b0d10;--surface:#131821;--surface-2:#0f141c;--surface-hover:#1a212d;--border:#283243;--border-2:#2a3648;--text:#eef2f7;--muted:#9fb0c8;--accent:#3b82f6;--accent-hover:#4f93f7;--accent-soft:rgba(59,130,246,.15);--radius:12px;--radius-lg:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.btn{border:1px solid #38475f;background:#1b2432;color:#f3f6fb;padding:8px 12px;border-radius:var(--radius);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .04s ease,opacity .15s ease}.btn:hover{background:var(--surface-hover);border-color:#45587a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.input,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);padding:10px 12px;border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:#64748b}.textarea{min-height:84px}.topbar{border-bottom:1px solid #222c3a;background:rgba(15,19,26,.85);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:1000;isolation:isolate}.nav{justify-content:space-between;gap:12px}.nav,.navlinks{display:flex;align-items:center}.navlinks{gap:4px}.navlink{padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:500;transition:background .15s ease,color .15s ease}.navlink:hover{background:#171d27;color:var(--text)}.navlink.active{background:var(--accent-soft);color:#bfdbfe}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-gap:16px;gap:16px}.grid-cols-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.section-title{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--text);margin-bottom:10px}.session-card{padding:14px;display:flex;flex-direction:column;gap:10px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid #344155;background:#0f1622;color:#b9c8dc;font-size:12px;margin-right:6px}.muted,.small{color:var(--muted);font-size:14px}.small{font-size:12px}.split{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:980px){.split{grid-template-columns:1fr}}.panel{padding:14px}.videoWrap{background:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #2b3442}.video{width:100%;max-height:70vh;display:block;background:#000}.list{display:flex;flex-direction:column;gap:10px}.item{padding:10px;border:1px solid #2a3445;background:var(--surface-2);border-radius:var(--radius)}.item h4{margin:0 0 6px;font-size:14px}.item p{margin:0;color:#bdd0e8;white-space:pre-wrap}.item p,.kv{font-size:13px}.kv{display:grid;grid-template-columns:110px 1fr;grid-gap:8px;gap:8px}.frame-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-shell{position:relative;z-index:0}.topbar .container{padding-top:14px;padding-bottom:14px}.nav-hamburger{display:none}.nav-mobile-menu{border-top:1px solid #222c3a;background:rgba(15,19,26,.98)}.nav-mobile-menu .navlink{width:100%}@media (max-width:760px){.container{padding:14px 12px}.nav-links-desktop{display:none}.nav-hamburger{display:inline-flex;align-items:center;justify-content:center}.split{grid-template-columns:1fr}.kv{grid-template-columns:92px 1fr}.video{max-height:60vh}h1{font-size:28px}}