:root{--bg-color: #05070a;--surface-color: #0f131a;--surface-bright: #161c26;--primary-color: #8b5cf6;--primary-glow: rgba(139, 92, 246, .4);--accent-color: #6366f1;--accent-glow: rgba(99, 102, 241, .3);--brand-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--danger-color: #ef4444;--danger-glow: rgba(239, 68, 68, .3);--caution-color: #f59e0b;--text-color: #f8fafc;--text-muted: #94a3b8;--border-color: #1e293b;--hud-overlay: rgba(139, 92, 246, .03);--scrollbar-track-color: rgba(15, 23, 42, .45);--scrollbar-thumb-color: color-mix(in srgb, var(--primary-color) 62%, var(--border-color));--scrollbar-thumb-hover-color: color-mix(in srgb, var(--primary-color) 78%, white)}[data-theme=night]{--bg-color: #0a0000;--surface-color: #140000;--surface-bright: #260000;--text-color: #fca5a5;--text-muted: #cc5555;--border-color: #450a0a}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}*::-webkit-scrollbar{width:.55rem;height:.55rem}*::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:999px}*::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track-color);border-radius:999px;background-color:var(--scrollbar-thumb-color);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}html,body{margin:0;padding:0;min-height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;overflow-x:hidden}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:2000;min-height:44px;padding:.75rem 1rem;transform:translateY(calc(-100% - 1rem));border-radius:8px;background:var(--text-color);color:var(--bg-color);font-weight:800;text-decoration:none;transition:transform .15s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--accent-color);outline-offset:3px}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px}.glow-btn{background:var(--brand-gradient);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #6366f159}.glow-btn:visited,.glow-btn:hover,.glow-btn:active{color:#fff}.glow-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.hud-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 100%);opacity:.3}.sessions-route-state-frame{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:clamp(.8rem,2vw,1.25rem);background:linear-gradient(180deg,rgba(99,102,241,.04),transparent 42%),var(--bg-color)}.sessions-layout{--ai-panel-width: 320px;--sidebar-width: 320px;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:var(--sidebar-width) minmax(0,1fr) 6px var(--ai-panel-width);grid-template-areas:"header   header  header  header" "sidebar  main    resize  right";height:100vh;width:min(100%,1536px);margin-inline:auto;overflow:hidden;overflow:clip;background:var(--bg-color);animation:sessions-route-fade-in .2s ease;position:relative}@keyframes sessions-route-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sessions-layout--pending{background:linear-gradient(180deg,rgba(99,102,241,.04),transparent 42%),var(--bg-color)}.sessions-route-state-frame>.sessions-main{width:min(100%,72rem)}.sessions-main{grid-area:main;display:flex;flex-direction:column;gap:0;min-height:0;overflow-y:auto;overflow-x:hidden}.sessions-header{grid-area:header;display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:100;position:relative}.sessions-header:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),rgba(99,102,241,.15),transparent)}.sessions-header__brand{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;white-space:nowrap;text-decoration:none;color:inherit}.sessions-header__brand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--brand-gradient);color:#fff;font-size:.8rem;font-weight:900;box-shadow:0 10px 22px #6366f13d}.sessions-header__nav{display:flex;gap:.25rem;margin-left:1rem}.sessions-header__nav-btn{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:6px;border:0;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;white-space:nowrap;text-decoration:none}.sessions-header__nav-btn--active{background:#8b5cf61f;color:var(--primary-color)}.sessions-header__spacer{flex:1}.sessions-header__stats{display:flex;align-items:center;gap:1rem}.sessions-header__stat{display:flex;flex-direction:column;align-items:center;gap:.05rem}.sessions-header__stat-value{color:var(--text-color);font-size:.85rem;font-weight:700}.sessions-header__stat-label{color:var(--text-muted);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase}.sessions-header__xp-bar{display:flex;align-items:center;gap:.5rem}.sessions-header__xp-track{width:100px;height:6px;overflow:hidden;border-radius:3px;background:var(--surface-bright)}.sessions-header__xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#f59e0b,#ef4444)}.sessions-header__xp-text{color:var(--text-muted);font-size:.7rem;font-weight:600;white-space:nowrap}.sessions-header__profile{position:relative}.sessions-header__profile-btn{display:flex;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;color:var(--text-color);cursor:pointer}.sessions-header--pending .sessions-header__profile-btn{cursor:default}.sessions-header__avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:.75rem;font-weight:700;box-shadow:0 0 0 2px var(--surface-color),0 0 0 3px #8b5cf64d}.sessions-header__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sessions-header__profile-info{display:flex;flex-direction:column;text-align:left}.sessions-header__profile-name{font-size:.78rem;font-weight:600;line-height:1.1}.sessions-header__profile-rank,.sessions-header__profile-chevron{color:var(--text-muted);font-size:.62rem}.sessions-header__profile-chevron{font-size:.6rem}.sessions-header__profile-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;padding:.4rem;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);box-shadow:0 12px 40px #00000080;opacity:0;visibility:hidden;transform:translateY(-4px);z-index:200}.sessions-header__profile-dropdown--open,.sessions-header__profile:focus-within .sessions-header__profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.sessions-header__dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .7rem;border:0;border-radius:6px;background:transparent;color:var(--text-color);font-size:.78rem;font-weight:500;text-decoration:none}.sessions-header__dropdown-item--danger{color:var(--danger-color)}.sessions-header__build-card{display:block;margin-top:.35rem;padding:.38rem .5rem;border:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface-bright) 36%,transparent);color:var(--text-muted);font-size:.58rem;font-weight:500;line-height:1.25;text-align:center;white-space:nowrap}.sessions-header__dropdown-divider{height:1px;margin:.3rem 0;background:var(--border-color)}.sessions-pending-sidebar,.sessions-pending-right{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0;padding:.9rem;border:1px solid rgba(148,163,184,.1);background:#0f131ab8}.sessions-pending-sidebar{grid-area:sidebar;border-left:0;border-block:0}.sessions-pending-right{grid-area:right;border-right:0;border-block:0}.sessions-ai-resize{grid-area:resize}.sessions-ai-resize--placeholder{pointer-events:none}.sessions-dashboard-skeleton{display:grid;gap:.8rem;width:100%;min-height:100%;padding:clamp(.85rem,1.5vw,1.1rem)}.sessions-dashboard-skeleton__sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sessions-dashboard-skeleton__block{position:relative;display:block;overflow:hidden;border-radius:6px;background:#94a3b824}.sessions-dashboard-skeleton__hero,.sessions-dashboard-skeleton__metrics>span,.sessions-dashboard-skeleton__panel,.session-player__error-state{border:1px solid rgba(148,163,184,.1);background:#0f131abd}.sessions-dashboard-skeleton__hero{display:grid;gap:.7rem;padding:clamp(.9rem,2vw,1.15rem);border-radius:8px}.sessions-dashboard-skeleton__eyebrow{width:min(42%,13rem);height:.65rem}.sessions-dashboard-skeleton__headline{width:min(72%,28rem);height:1.75rem}.sessions-dashboard-skeleton__copy{width:min(88%,38rem);height:.9rem}.sessions-dashboard-skeleton__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.sessions-dashboard-skeleton__button{width:9.5rem;height:2.45rem;border-radius:8px}.sessions-dashboard-skeleton__button--secondary{width:7.5rem;opacity:.74}.sessions-dashboard-skeleton__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.sessions-dashboard-skeleton__metrics>span{height:5.5rem}.sessions-dashboard-skeleton__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);gap:.8rem;min-height:0}.sessions-dashboard-skeleton__panel{min-height:13rem}.sessions-dashboard-skeleton__panel--large{min-height:18rem}.sessions-dashboard-skeleton__sidebar-title,.sessions-dashboard-skeleton__rail-title{width:55%;height:.8rem}.sessions-dashboard-skeleton__sidebar-list{display:grid;gap:.55rem}.sessions-dashboard-skeleton__sidebar-list>span{height:2.55rem}.sessions-dashboard-skeleton__rail-line{height:.85rem}.sessions-dashboard-skeleton__rail-line--short{width:72%}.sessions-dashboard-skeleton__rail-card{min-height:9rem;margin-top:.4rem}.session-player__placeholder-copy{color:var(--text-muted);font-size:.92rem;line-height:1.5}.session-player__error-state{display:grid;justify-items:center;gap:.75rem;padding:2rem;text-align:center;color:var(--text-muted);border-radius:12px}@media(min-width:901px)and (max-width:1200px){.sessions-layout{--ai-panel-width: 280px;--sidebar-width: 280px}.sessions-header{padding-inline:.9rem}.sessions-header__profile-name{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:900px){.sessions-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header" "main";height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto}.sessions-header{padding-inline:.85rem}.sessions-header__stats,.sessions-header__nav,.sessions-pending-sidebar,.sessions-pending-right,.sessions-ai-resize--placeholder{display:none}.sessions-dashboard-skeleton__metrics,.sessions-dashboard-skeleton__body{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sessions-layout,.sessions-dashboard-skeleton__block{animation:none}}
