:root{--bg:#0b0b0f;--text:#f5f5f7;--red:#c1121f;--red-dark:#9d0f1a;--border:#ffffff1f;--card:#ffffff0f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.auth-screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 520px at 20% 15%,#c1121f33,#0000 55%),radial-gradient(820px 520px at 80% 20%,#ffffff0f,#0000 60%),radial-gradient(900px 620px at 50% 90%,#c1121f24,#0000 60%),linear-gradient(#0000004d,#000000a6);position:fixed;inset:0}.auth-screen>*{z-index:1;position:relative}#app{min-height:100vh}.app{max-width:880px;margin:0 auto;padding:48px 20px}.app.app-workspace{max-width:none}.hero{margin-bottom:28px}.hero-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.hero-actions .workspace-tabs{margin-top:0}.hero-user{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.hero-user-top{align-items:center;gap:10px;display:flex}.hero-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:800;overflow:hidden}.hero-user-avatar{border:1px solid var(--border);object-fit:cover;background:#ffffff0a;border-radius:12px;width:42px;height:42px}.workspace-tabs{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.auth-screen{align-items:center;max-width:480px;min-height:calc(100vh - 96px);margin:0 auto;display:flex}.auth-card{flex-direction:column;justify-content:center;min-height:540px;display:flex;box-shadow:0 0 0 1px #c1121f59,0 0 24px #c1121f38,0 0 60px #c1121f24}.auth-screen{max-width:1180px}.auth-split{background:#00000038;border-radius:22px;grid-template-columns:1.25fr .95fr;width:100%;padding:0;display:grid;overflow:hidden}.auth-left{background:linear-gradient(90deg,#c1121f47,#00000040),radial-gradient(800px 520px at 20% 20%,#c1121f38,#0000 60%),radial-gradient(900px 620px at 70% 90%,#c1121f24,#0000 60%),#0000001f;border-right:1px solid #ffffff1a;padding:44px}.auth-left-kicker{color:#ffffffb8;letter-spacing:.4px;margin-bottom:12px;font-size:14px}.auth-left-title{font-size:40px;font-weight:900;line-height:1.1}.auth-left-version{color:#ffffffa6;font-weight:800}.auth-left-subtitle{color:#ffffffd1;max-width:520px;margin-top:10px}.auth-left-welcome{color:#ffffffc7;max-width:560px;margin-top:18px}.auth-left-features{flex-direction:column;gap:14px;margin-top:26px;display:flex}.auth-feature{align-items:center;gap:12px;display:flex}.auth-feature-icon{background:#0000002e;border:1px solid #ffffff1a;border-radius:14px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.auth-feature-icon svg{color:#ffffffe0;width:20px;height:20px}.auth-feature-text{color:#ffffffdb}.auth-right{background:#0000002e;padding:44px}.auth-right-brand{align-items:center;gap:14px;margin-bottom:22px;display:flex}.auth-right-logo{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex;overflow:hidden}.auth-right-logo img{object-fit:cover;width:100%;height:100%;display:block}.auth-right-logo-fallback{color:#ffffffeb;font-weight:900}.auth-right-title{font-size:20px;font-weight:900}.auth-right-subtitle{color:#ffffffb8;margin-top:2px;font-size:14px}.auth-check{color:#ffffffc7;align-items:center;gap:10px;font-size:14px;display:flex}.auth-check input{width:16px;height:16px}@media (width<=960px){.auth-screen{max-width:520px}.auth-split{grid-template-columns:1fr}.auth-left{display:none}}.auth-notice{background:#0003;border:1px solid #ffffff1a;border-radius:14px;margin:10px 0 14px;padding:12px 14px}.auth-notice-title{margin-bottom:6px;font-weight:900}.auth-notice-text{color:#ffffffc7;font-size:14px}.auth-card .auth-cta{text-align:center;align-self:center;min-width:160px}.auth-brand{align-items:center;gap:14px;margin-bottom:12px;display:flex}.auth-logo{border:1px solid var(--border);object-fit:cover;background:#ffffff0a;border-radius:16px;width:104px;height:104px}.auth-brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.auth-brand-title{letter-spacing:.4px;font-size:18px;font-weight:900}.auth-brand-subtitle{color:#ffffffc7;font-size:13px}.tab{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:10px 14px;font-weight:800}.tab:hover{border-color:#c1121f73}.tab.active{border-color:#c1121f8c;box-shadow:0 0 0 3px #c1121f1f}.tab:disabled{opacity:.5;cursor:not-allowed}.workspace{grid-template-columns:240px 1fr;gap:16px;display:grid}@media (width<=960px){.workspace{grid-template-columns:1fr}}.sidebar{border:1px solid var(--border);background:var(--card);border-radius:14px;flex-direction:column;gap:10px;height:fit-content;padding:14px;display:flex;position:sticky;top:16px}.sidebar.icon-sidebar{width:64px;margin-left:0;padding:12px;transition:width .16s}.sidebar.icon-sidebar.expanded{width:240px}.workspace.with-icon-sidebar{gap:0;display:block;position:relative}.workspace.with-icon-sidebar>.sidebar.icon-sidebar{z-index:40;border-top-left-radius:0;border-bottom-left-radius:0;height:100vh;position:fixed;top:0;bottom:0;left:0}.workspace.with-icon-sidebar>.content{margin-left:64px;transition:margin-left .16s}.workspace.with-icon-sidebar.sidebar-expanded>.content{margin-left:240px}.viewer-workspace>.sidebar.viewer-sidebar{background:linear-gradient(#ffffff0f,#0000);border:0;border-radius:0;width:82px;padding:18px 12px}.viewer-workspace>.content{width:calc(100% - 82px);margin-left:82px;padding:18px 18px 32px;overflow-x:hidden}.viewer-workspace>.content>.stack{max-width:1180px;margin:0 auto}.viewer-sidebar .nav-item{background:0 0;border:0;border-radius:18px;justify-content:center;padding:14px}.sidebar.icon-sidebar.viewer-sidebar:not(.expanded) .nav-item{justify-content:center;padding:14px}.viewer-sidebar .nav-icon,.viewer-sidebar .nav-icon svg{width:26px;height:26px}.viewer-sidebar .nav-label{display:none}.viewer-sidebar .nav-item:hover{background:#ffffff0f;border-color:#0000}.viewer-sidebar .nav-item.active{background:#ffffff17;border-color:#0000}.viewer-sidebar .nav-icon-avatar,.viewer-sidebar .nav-avatar{flex:0 0 32px;width:32px;height:32px}@media (width<=960px){.sidebar{position:static}.sidebar.icon-sidebar{width:100%}.workspace.with-icon-sidebar>.sidebar.icon-sidebar{border-radius:14px;height:auto;position:static}.workspace.with-icon-sidebar>.content{margin-left:0}.viewer-workspace>.sidebar.viewer-sidebar{border-radius:14px;width:100%}.viewer-workspace>.content{width:100%;margin-left:0;padding:14px 12px 24px}}.nav-item{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:flex}.nav-icon{color:#ffffffeb;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.nav-icon-avatar{flex:0 0 34px;width:34px;height:34px}.nav-icon svg{width:22px;height:22px;display:block}.nav-avatar{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;width:34px;height:34px;display:block}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar.icon-sidebar:not(.expanded) .nav-label{display:none}.sidebar.icon-sidebar:not(.expanded) .nav-item{justify-content:center;padding:12px}.workspace.with-icon-sidebar>.sidebar.icon-sidebar .nav-item.nav-bottom{margin-top:auto}.sidebar .nav-bottom{flex-direction:column;gap:10px;margin-top:auto;display:flex}.nav-item:hover{border-color:#c1121f73}.nav-item.active{background:#c1121f1f;border-color:#c1121f8c}.content{min-width:0}.badge{border:1px solid var(--red);color:var(--red);border-radius:999px;margin-bottom:12px;padding:6px 12px;font-weight:600;display:inline-block}h1{color:var(--text);margin:0;font-size:40px;line-height:1.15}.subtitle{color:#ffffffc7;max-width:620px;margin-top:12px}.card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:24px}.home-panel{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;margin-left:-20px;margin-right:-20px;padding:12px 16px}.home-panel .card-head{margin-bottom:8px}.home-panel .chip{padding:6px 10px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:8px 12px;font-weight:700}.chip:hover{border-color:#c1121f73}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=840px){.grid{grid-template-columns:1fr}}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.link-btn{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.link-btn:hover{color:var(--red)}.stack{flex-direction:column;gap:14px;display:flex}.form{flex-direction:column;gap:12px;display:flex}.form-title{margin-bottom:2px;font-weight:700}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field span{color:#ffffffc7;font-weight:600}input,textarea,select{border:1px solid var(--border);font:inherit;color:var(--text);background:#00000040;border-radius:12px;padding:10px 12px}.file-hidden{display:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#c1121f8c;outline:none;box-shadow:0 0 0 3px #c1121f1f}.actions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;height:34px;padding:0 14px;font-weight:600;display:inline-flex}.ghost:hover{border-color:#c1121f73}.divider{background:var(--border);height:1px}.pill-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modal-overlay{z-index:50;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#0f0f14f5;border-radius:16px;width:100%;max-width:520px;padding:18px;box-shadow:0 24px 60px #00000073}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-title{font-size:18px;font-weight:800}.modal-close{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:8px 12px;font-weight:700}.modal-close:hover{border-color:#c1121f73}.list{flex-direction:column;gap:10px;display:flex}.row{border:1px solid var(--border);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;display:flex}.row:hover{border-color:#c1121f73}.title{color:var(--text);font-weight:600}.meta{color:#ffffffb8;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px}.icon-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;font-size:20px;font-weight:900;line-height:1;display:inline-flex}.icon-btn svg{stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.profile-actions .icon-btn{background:#ffffff08;border-radius:999px;width:38px;height:38px}.icon-btn:hover{border-color:#c1121f8c}.icon-btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn-red{background:#c1121f2e;border-color:#c1121f73}.icon-btn-red:hover{background:#c1121f3d;border-color:#c1121fa6}.live-wrap{border:1px solid var(--border);background:#00000059;border-radius:14px;margin-top:12px;overflow:hidden}.live-top{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.live-dot{background:var(--red);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #c1121f2e}.live-label{letter-spacing:.6px;color:#ffffffeb;font-weight:900}.live-video{background:#000;width:100%;height:auto;display:block}.profile-header{align-items:center;gap:14px;display:flex}.profile-card{width:100%;max-width:920px;margin:0 auto;position:relative}.profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:absolute;top:16px;right:16px}.profile-avatar{border:1px solid var(--border);object-fit:cover;background:#ffffff0a;border-radius:999px;width:120px;height:120px}.profile-avatar-fallback{color:#ffffffd1;justify-content:center;align-items:center;display:inline-flex}.profile-avatar-fallback svg{width:48px;height:48px}.profile-top{align-items:flex-start;gap:18px;display:flex}.profile-info{flex:1;min-width:0}.profile-username{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:900;line-height:1.1;overflow:hidden}.profile-stats{color:#ffffffeb;flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.profile-stat strong{margin-right:6px;font-weight:900}.profile-cta{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}@media (width<=640px){.profile-top{text-align:center;flex-direction:column;align-items:center}.profile-username{white-space:normal}.profile-stats{justify-content:center}.profile-cta{grid-template-columns:1fr}}.profile-head-text{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900;overflow:hidden}.stat-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.stat{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;min-width:140px;padding:10px 12px}.stat-value{font-size:18px;font-weight:900}.stat-label{color:#ffffffb8;margin-top:4px;font-size:12px}.detail{margin-top:16px}.player{border:1px solid var(--border);background:#00000059;border-radius:14px;margin-top:14px;overflow:hidden}.player-video{background:#000;width:100%;height:auto;display:block}.note{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;padding:12px 14px}.detail-title{margin-bottom:8px;font-weight:700}.meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.pill{color:var(--red);background:#c1121f14;border:1px solid #c1121f40;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.link{color:var(--red);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.muted{color:#ffffffb8;margin:6px 0 0;font-size:14px}.error{color:var(--red);font-size:14px;font-weight:600}h2{color:var(--text);margin:0 0 10px;font-size:24px}.card p{margin:0 0 18px}.cta{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:fit-content;height:34px;padding:0 12px;font-weight:600;display:inline-flex}.cta:hover{background:var(--red-dark)}