:root{--bg: #0b0b0d;--bg-elevated: #16161a;--bg-soft: #1c1c22;--bg-hover: #22222a;--text: #f5f5f5;--muted: #9a9aa3;--line: rgba(245, 245, 245, .1);--accent: #f6c968;--accent-ink: #1a1508;--accent-soft: rgba(246, 201, 104, .14);--danger: #e07070;--ok: #6fbf8f;--radius: 16px;--radius-sm: 10px;--font-sans: "Instrument Sans", system-ui, sans-serif;--font-display: "Newsreader", Georgia, serif;--sidebar-w: 248px;--rail-w: 300px;--top-h: 64px;--glow: 0 0 40px rgba(246, 201, 104, .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rail-w);grid-template-rows:var(--top-h) minmax(0,1fr);grid-template-areas:"side top top" "side main rail";background:var(--bg)}.app-sidebar{grid-area:side;position:sticky;top:0;height:100vh;overflow-y:auto;padding:1.1rem .85rem 1.5rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#0e0e12 0%,var(--bg) 100%);scrollbar-width:thin}.app-top{grid-area:top;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.85rem;padding:0 1.25rem;border-bottom:1px solid var(--line);background:#0b0b0deb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-main{grid-area:main;min-width:0;padding:1.15rem 1.35rem 2.5rem;overflow-x:hidden}.app-rail{grid-area:rail;position:sticky;top:var(--top-h);height:calc(100vh - var(--top-h));overflow-y:auto;padding:1rem .9rem 1.5rem;border-left:1px solid var(--line);background:#0e0e12d9;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.02em;padding:.35rem .5rem 1rem}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#c9a24a);box-shadow:var(--glow)}.nav-section{margin-top:.85rem}.nav-section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.4rem .65rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:999px;color:var(--muted);font-size:.92rem;transition:background .15s,color .15s}.nav-item:hover{color:var(--text);background:var(--bg-hover)}.nav-item.active{color:var(--accent-ink);background:var(--accent);font-weight:600}.nav-item .badge{margin-left:auto;font-size:.65rem;padding:.12rem .4rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700}.nav-item.active .badge{background:#00000026;color:var(--accent-ink)}.creator-cta{margin-top:1.25rem;padding:1rem;border-radius:var(--radius);background:linear-gradient(145deg,#f6c96838,#f6c9680f);border:1px solid rgba(246,201,104,.35);box-shadow:var(--glow)}.creator-cta h3{margin:0 0 .35rem;font-size:.95rem}.creator-cta p{margin:0 0 .75rem;font-size:.8rem;color:var(--muted)}.search-wrap{flex:1;max-width:520px;display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem}.search-wrap input{flex:1;border:0;background:transparent;color:var(--text);outline:none;padding:.4rem 0}.chip-row{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.15rem 0}.chip{flex:0 0 auto;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.82rem;cursor:pointer}.chip.active,.chip:hover{color:var(--text);border-color:#f6c96873;background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;padding:.65rem 1.15rem;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-weight:600}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ghost{background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sm{padding:.4rem .85rem;font-size:.85rem}.page-title{font-family:var(--font-display);font-size:clamp(1.45rem,2.2vw,2rem);margin:0 0 .35rem;font-weight:600}.page-sub{color:var(--muted);margin:0 0 1.25rem;max-width:42rem}.section-h{font-family:var(--font-display);font-size:1.2rem;margin:1.5rem 0 .85rem;font-weight:600}.hero{position:relative;border-radius:calc(var(--radius) + 4px);overflow:hidden;min-height:280px;border:1px solid var(--line);background:var(--bg-elevated)}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:relative;z-index:1;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(0deg,#08080ceb 10%,#08080c40 70%)}.hero-kicker{display:inline-flex;align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:.25rem .55rem;border-radius:6px;margin-bottom:.65rem}.hero h2{margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);max-width:18ch}.hero p{margin:0 0 1rem;color:#f5f5f5c7;max-width:42ch;font-size:.95rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem}.shorts-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin}.short-card{flex:0 0 132px;display:flex;flex-direction:column;gap:.4rem}.short-thumb{aspect-ratio:9 / 16;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:var(--bg-elevated);position:relative}.short-thumb img{width:100%;height:100%;object-fit:cover}.short-thumb .live-dot{position:absolute;top:.4rem;left:.4rem;background:#c43b3b;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:4px}.short-card span{font-size:.8rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card-video{display:flex;flex-direction:column;gap:.55rem;min-width:0}.thumb{aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--line);position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .badge{position:absolute;right:.45rem;bottom:.45rem;background:#000000b8;color:#fff;font-size:.72rem;padding:.12rem .35rem;border-radius:5px}.thumb .live{left:.45rem;right:auto;background:#c43b3b}.meta h3{margin:0;font-size:.92rem;font-weight:600;line-height:1.3}.meta p{margin:.15rem 0 0;color:var(--muted);font-size:.8rem}.spotlight{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elevated)}.spotlight-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--bg-soft);border:2px solid rgba(246,201,104,.4)}.rail-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem;margin-bottom:.85rem}.rail-card h3{margin:0 0 .65rem;font-size:.88rem;font-weight:600}.profile-rail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.profile-rail img,.profile-rail .avatar-fallback{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--bg-soft);border:2px solid rgba(246,201,104,.35)}.profile-rail .avatar-fallback{display:grid;place-items:center;font-weight:700;color:var(--accent)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:100%;margin-top:.5rem}.profile-stats div{background:var(--bg-soft);border-radius:8px;padding:.4rem .2rem}.profile-stats strong{display:block;font-size:.85rem}.profile-stats span{font-size:.65rem;color:var(--muted)}.rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.rail-list li{display:flex;gap:.55rem;align-items:center;font-size:.8rem}.rail-list img,.rail-list .ph{width:56px;height:36px;border-radius:6px;object-fit:cover;background:var(--bg-soft);flex-shrink:0}.rail-list .ph{display:block}.task-item{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .6rem;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line)}.task-item strong{font-size:.82rem}.task-item span{font-size:.75rem;color:var(--accent);font-weight:600}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.quick-grid a,.quick-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:72px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);font-size:.72rem;cursor:pointer;text-align:center;padding:.5rem}.quick-grid a:hover,.quick-grid button:hover{border-color:#f6c96866;background:var(--accent-soft)}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);padding:1.25rem}.form{display:flex;flex-direction:column;gap:.85rem;max-width:24rem}.form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted)}.form input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:.7rem .85rem}.alert{border-radius:10px;padding:.75rem .9rem;font-size:.9rem}.alert.error{background:#e070701f;color:#ffc9c9;border:1px solid rgba(224,112,112,.35)}.alert.info{background:var(--accent-soft);color:var(--text);border:1px solid rgba(246,201,104,.28)}.player-wrap{width:100%;max-width:960px}.player-wrap video{width:100%;border-radius:var(--radius);background:#000;border:1px solid var(--line);aspect-ratio:16 / 9}.unavailable{border:1px dashed var(--line);border-radius:var(--radius);padding:1.25rem;background:#ffffff05}.unavailable h2{margin:0 0 .4rem;font-size:1.05rem}.unavailable p{margin:0;color:var(--muted)}.empty{color:var(--muted);padding:1.25rem 0}.action-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.comment-list li p{margin:.25rem 0 0}.comment-time{margin-left:.5rem;color:var(--muted);font-size:.8rem;font-weight:400}.simple-list{margin:0;padding-left:1.1rem;color:var(--muted)}.order-list{list-style:none;margin:0;padding:0}.audit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.pill{display:inline-block;font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}.status-read_ok{background:#6fbf8f33;color:var(--ok)}.status-publish_partial{background:var(--accent-soft);color:var(--accent)}.status-blocked{background:#e0707026;color:var(--danger)}.mobile-nav-toggle{display:none;border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);border-radius:10px;padding:.4rem .65rem;cursor:pointer}.shell-overlay{display:none}@media(max-width:1100px){.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-areas:"side top" "side main"}.app-rail{display:none}}@media(max-width:860px){.app-shell{grid-template-columns:1fr;grid-template-areas:"top" "main"}.app-sidebar{position:fixed;left:0;top:0;z-index:50;width:min(86vw,280px);transform:translate(-105%);transition:transform .2s ease;box-shadow:8px 0 40px #00000073}.app-shell.nav-open .app-sidebar{transform:translate(0)}.app-shell.nav-open .shell-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:45}.mobile-nav-toggle{display:inline-flex}.chip-row{display:none}.app-main{padding:1rem .85rem 2rem}}