:root{--bg:#161823;--surface:#1e202d;--surface-raised:#262938;--surface-hover:#2d3042;--border:#ffffff14;--border-strong:#ffffff29;--text:#f4f5f9;--muted:#f4f5f99e;--red:#fe2c55;--red-hover:#ff4a6f;--cyan:#25f4ee;--amber:#ffb800;--radius:12px;--sidebar:248px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}h1,h2,p,ol,ul,figure,blockquote{margin:0}ol,ul{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.skip-link{z-index:10;background:var(--cyan);color:#000;border-radius:8px;padding:8px 14px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#12141d;flex-direction:column;gap:24px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand img{border-radius:10px}.brand strong{font-size:17px;display:block}.brand span{color:var(--muted);font-size:13px;display:block}.nav{flex-direction:column;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--surface);color:var(--text)}.nav a[aria-current=page]{background:var(--surface-raised);color:var(--text);box-shadow:inset 3px 0 0 var(--red)}.nav a[aria-current=page] svg{color:var(--red)}.nav-count{min-width:26px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;background:#ffffff12;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:12px}.sidebar-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.live{color:var(--amber);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.live.on{color:var(--cyan)}.live-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.live.on .live-dot{animation:2s infinite pulse;box-shadow:0 0 #25f4ee99}@keyframes pulse{70%{box-shadow:0 0 0 7px #25f4ee00}to{box-shadow:0 0 #25f4ee00}}.main{min-width:0;padding:32px 40px 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-size:26px;line-height:1.2}.page-header p{margin-top:4px}.page-actions{gap:12px;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel-title{border-bottom:1px solid var(--border);padding:16px 20px;font-size:15px}.summary{gap:8px;display:flex}.summary li{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.summary svg{color:var(--muted)}.summary .count{font-weight:650}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.card-label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.card-label svg{flex:none}.card .count{letter-spacing:-.01em;font-size:26px;font-weight:650}.card.likes .card-label svg{color:var(--red)}.card.views .card-label svg,.card.comments .card-label svg{color:var(--cyan)}.card.saves .card-label svg,.card.shares .card-label svg{color:var(--amber)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.dashboard-grid>.panel:last-child{flex-direction:column;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:600}.table th svg{vertical-align:middle}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#ffffff05}.table .number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.count{font-variant-numeric:tabular-nums;border-radius:4px}.row-actions{white-space:nowrap;text-align:right;width:1%}.video-cell{align-items:center;gap:14px;min-width:260px;max-width:460px;display:flex}.video-cell.compact{gap:10px;min-width:200px;max-width:320px}.byline{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.table .user-chip-text,.table .user-name{white-space:nowrap}.video-cell>div{flex-direction:column;gap:4px;min-width:0;display:flex}.thumb{background:var(--surface-raised);object-fit:cover;border-radius:6px;flex:none;width:45px;height:80px}.thumb.small{width:36px;height:64px}.caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.caption.one-line{-webkit-line-clamp:1}.music{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.bio{max-width:280px;color:var(--muted);font-size:14px}.user-chip{align-items:center;gap:10px;min-width:0;display:inline-flex}.user-chip-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-chip-text .muted{font-size:13px}.user-name{align-items:center;gap:8px;font-weight:600;display:inline-flex}.avatar{color:#fff;text-shadow:0 1px 2px #00000059;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar.unknown{background:var(--surface-raised);width:32px;height:32px}.badge,.pill{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.badge{color:var(--cyan);letter-spacing:.03em;text-transform:uppercase;background:#25f4ee24}.pill{color:var(--muted);background:#ffffff12;margin-left:auto;font-size:12px}.button{border:1px solid var(--border-strong);background:var(--surface-raised);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary,.button.danger{background:var(--red);color:#fff;border-color:#0000}.button.primary:hover:not(:disabled),.button.danger:hover:not(:disabled){background:var(--red-hover)}.button.ghost{color:var(--muted);background:0 0;border-color:#0000;justify-content:flex-start}.button.ghost:hover{color:var(--text)}.button.block{width:100%}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button.danger:hover:not(:disabled){color:var(--red);background:#fe2c5524}.icon-button:disabled{opacity:.3;cursor:not-allowed}.state{min-height:60vh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid #ffffff1f;border-top-color:var(--cyan);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-icon{background:var(--surface-raised);color:var(--muted);border-radius:50%;padding:14px;display:inline-flex}.empty-title{font-weight:600}.empty .muted{max-width:360px}.empty .button{margin-top:8px}.notice{color:#ffd76a;background:#ffb8001a;border:1px solid #ffb80059;border-radius:10px;padding:10px 14px}.form-error{color:#ff8aa1;background:#fe2c551f;border:1px solid #fe2c5566;border-radius:10px;padding:10px 14px}.activity{padding:8px 0;overflow-y:auto}.activity-item{gap:12px;padding:10px 20px;animation:.4s ease-out enter;display:flex}.activity-item p{font-size:14px}.activity-item time{font-size:12px}.activity-detail{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.activity-icon{background:var(--surface-raised);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.activity-item.like .activity-icon,.activity-item.removed .activity-icon{color:var(--red);background:#fe2c5524}.activity-item.comment .activity-icon,.activity-item.follow .activity-icon,.activity-item.video .activity-icon,.activity-item.user .activity-icon{color:var(--cyan);background:#25f4ee1f}.activity-item.save .activity-icon,.activity-item.share .activity-icon{color:var(--amber);background:#ffb8001f}@keyframes enter{0%{opacity:0;transform:translateY(-6px)}}.search{border:1px solid var(--border-strong);background:var(--surface);width:300px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--cyan)}.search input{min-width:0;height:40px;color:var(--text);background:0 0;border:0;outline:none;flex:1}.comment-group{margin-bottom:16px}.group-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.group-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.group-head h2{font-size:15px}.threads>li+li{border-top:1px solid var(--border)}.comment{align-items:flex-start;gap:12px;padding:14px 20px;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.comment-text{overflow-wrap:anywhere;margin-top:2px}.comment-likes{align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.replies{border-left:2px solid var(--border-strong);margin:0 20px 12px 64px}.replies .comment{padding:10px 0 10px 16px}.dialog{border:1px solid var(--border-strong);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);border-radius:16px;padding:0;box-shadow:0 24px 64px #00000080}.dialog.wide{width:min(880px,100vw - 32px)}.dialog::backdrop{background:#08090eb8}.dialog-head{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 0 24px;display:flex}.dialog-head h2{font-size:19px}.dialog-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.dialog-note{margin-right:auto;font-size:14px}.confirm-subject{background:var(--surface-raised);border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}.confirm-subject>div{flex-direction:column;gap:4px;min-width:0;display:flex}.cascade{flex-direction:column;gap:8px;display:flex}.cascade li{align-items:center;gap:10px;font-weight:600;display:flex}.cascade svg{color:var(--red)}.quote{border-left:3px solid var(--red);background:var(--surface-raised);border-radius:0 10px 10px 0;padding:12px 16px}.quote footer{margin-top:6px;font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{font-size:14px;font-weight:600}.hint{color:var(--muted);font-size:13px}.field-error{color:#ff8aa1;font-size:13px}input[type=text],input[type=password],input[type=email],select,textarea{border:1px solid var(--border-strong);background:#171925;border-radius:10px;width:100%;padding:10px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #25f4ee2e}[aria-invalid=true]{border-color:var(--red)!important}.file-pick{border:1px dashed var(--border-strong);background:#171925;border-radius:10px;align-items:center;gap:12px;padding:8px;font-size:14px;display:flex;position:relative}.file-pick:hover .file-button{background:#383c53}.file-pick:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #25f4ee2e}.file-pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-button{background:var(--surface-hover);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;display:inline-flex}.input-prefix{border:1px solid var(--border-strong);background:#171925;border-radius:10px;align-items:center;display:flex}.input-prefix:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #25f4ee2e}.input-prefix>span{color:var(--muted);padding-left:12px}.input-prefix input{background:0 0;border:0;padding-left:4px;box-shadow:none!important}.color-input{gap:10px;display:flex}.color-input input[type=color]{border:1px solid var(--border-strong);cursor:pointer;background:#171925;border-radius:10px;flex:none;width:44px;height:42px;padding:3px}.profile-preview{align-items:center;gap:14px;display:flex}.upload{background:var(--surface-raised);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.upload-file{justify-content:space-between;gap:12px;font-size:13px;display:flex}.upload-file span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), #7af8f4);height:100%;transition:width .2s;display:block}.upload-state{color:var(--muted);font-size:13px}.upload-state.done{color:var(--cyan)}.video-form-grid{grid-template-columns:220px minmax(0,1fr);gap:24px;max-height:calc(100vh - 220px);display:grid;overflow-y:auto}.form-fields{flex-direction:column;gap:16px;display:flex}.preview{aspect-ratio:9/16;background:#0d0e14;border-radius:12px;justify-content:center;align-items:center;width:220px;display:flex;position:sticky;top:0;overflow:hidden}.preview video,.preview img{object-fit:cover;width:100%;height:100%}.preview-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;font-size:13px;display:flex}.login{background:radial-gradient(circle at 20% 10%, #25f4ee14, transparent 40%), radial-gradient(circle at 80% 90%, #fe2c551a, transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:18px;width:min(420px,100%);padding:36px 32px;display:flex;box-shadow:0 24px 64px #0006}.login-card img{border-radius:14px}.login-card h1{font-size:24px}@media (max-width:1100px){.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.panel:last-child{max-height:none;position:static}}@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:12px;height:auto;padding:12px 16px;position:sticky}.brand span{display:none}.sidebar nav{order:3;width:100%;overflow-x:auto}.nav{flex-direction:row}.nav a{white-space:nowrap}.sidebar-foot{flex-direction:row;align-items:center;margin-top:0;margin-left:auto}.main{padding:24px 16px 40px}.page-header{flex-direction:column;align-items:stretch}.search{width:100%}.video-form-grid{grid-template-columns:minmax(0,1fr)}.preview{width:160px;margin:0 auto;position:static}.replies{margin-left:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.account-form{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.account-form h3{margin:0;font-size:15px}.account-form p{margin:0}.account-form .button{align-self:flex-start}.account-balance{font-size:18px;font-weight:700}.account-entries{margin:0;padding:0;list-style:none}.account-entries li{justify-content:space-between;gap:12px;padding:8px 0;display:flex}.invite-form{flex-direction:column;gap:12px;margin-bottom:20px;padding:20px;display:flex}.invite-form>.button{align-self:flex-start}.invite-form p{margin:0}.invite-result{flex-direction:column;gap:8px;display:flex}.invite-link{gap:8px;display:flex}.invite-link .button{white-space:nowrap;flex:none}