:root{--bg:#f6f6f8;--card:#fff;--text:#16151a;--muted:#6f6d78;--accent:#7c3aed;--accent-hover:#8b5cf6;--accent-press:#6d28d9;--pill:#f1f1f3;--hairline:#00000014;--danger:#dc2626;--ok:#16a34a;--warn:#d97706}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:1040px;margin:0 auto;padding:24px 20px 80px}.topbar{align-items:center;gap:14px;padding:14px 0 22px;display:flex}.brand{color:var(--text);align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-dot{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.topbar .spacer{flex:1}.avatar{border-radius:50%;width:30px;height:30px}.card{background:var(--card);border:1px solid var(--hairline);border-radius:16px;padding:22px}.btn{cursor:pointer;background:var(--pill);color:var(--text);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font:600 14px/1 inherit;transition:background .12s,transform .12s;display:inline-flex}.btn:hover{background:#e7e7ec}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.primary:active{background:var(--accent-press)}.btn.danger{color:var(--danger);background:#dc262617}.btn.danger:hover{background:#dc262629}.btn.small{padding:8px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:default;transform:none}.hero{text-align:center;padding:84px 0 44px}.hero h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(38px,6vw,56px);font-weight:700;line-height:1.06}.hero p{color:var(--muted);max-width:480px;margin:0 auto 30px;font-size:17.5px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.demo-card{max-width:560px;margin:26px auto 0}.demo-video{aspect-ratio:16/9;border:1px solid var(--hairline);background:linear-gradient(145deg,#1b1a22,#0e0d13);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.demo-play{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding-left:4px;font-size:19px;display:flex;box-shadow:0 10px 30px #7c3aed59}.demo-rec{color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font:600 12px/1 ui-monospace,monospace;display:flex;position:absolute;top:14px;left:14px}.demo-bubble{background:radial-gradient(circle at 35% 30%,#6d5a49 0 28%,#0000 32%),linear-gradient(160deg,#3a3542,#241f2c);border:2px solid #ffffffd9;border-radius:50%;width:64px;height:64px;position:absolute;bottom:16px;left:16px}.demo-link{background:var(--card);border:1px solid var(--hairline);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:11px 16px;font-size:13.5px;display:flex}.demo-url{color:var(--muted);font-family:ui-monospace,monospace}.demo-copied{color:var(--ok);white-space:nowrap;font-weight:600}.quiet-features{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px;max-width:760px;margin:56px auto 0;display:grid}.quiet-features strong{margin-bottom:3px;font-size:14.5px;display:block}.quiet-features span{color:var(--muted);font-size:13.5px;line-height:1.5}.site-footer{border-top:1px solid var(--hairline);justify-content:center;align-items:center;gap:18px;margin-top:72px;padding-top:22px;font-size:13px;display:flex}.site-footer>span:first-child{font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tile{background:var(--card);border:1px solid var(--hairline);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.tile .poster{aspect-ratio:16/9;object-fit:cover;background:#101014;width:100%;display:block}.tile .meta{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.tile .title{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.tile .sub{color:var(--muted);gap:10px;font-size:12.5px;display:flex}.tile .row{gap:8px;margin-top:4px;display:flex}.banner{border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:14px;display:flex}.banner.warn{color:#92400e;background:#d977061a}.banner.block{color:#991b1b;background:#dc262614}.banner .grow{flex:1}.meter{background:var(--hairline);border-radius:3px;min-width:140px;height:6px;overflow:hidden}.meter>i{background:var(--accent);height:100%;display:block}.meter.hot>i{background:var(--danger)}table.admin{border-collapse:collapse;width:100%;font-size:14px}table.admin th{text-align:left;color:var(--muted);padding:8px 10px;font-size:12.5px;font-weight:600}table.admin td{border-top:1px solid var(--hairline);vertical-align:middle;padding:10px}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.badge.pending{color:#92400e;background:#d977061f}.badge.approved{color:#14532d;background:#16a34a1f}.badge.rejected{color:#991b1b;background:#dc26261a}.player-wrap{background:#000;border-radius:16px;position:relative;overflow:hidden}.player-wrap video{width:100%;max-height:72vh;display:block}.player-wrap video.pip{aspect-ratio:1;object-fit:cover;pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:18%;min-width:110px;max-width:220px;height:auto;position:absolute;bottom:64px;left:16px;box-shadow:0 4px 18px #00000059}.comments{flex-direction:column;gap:12px;margin-top:18px;display:flex}.comment{gap:10px;font-size:14px;display:flex}.comment .who{font-weight:600}.comment .when{color:var(--muted);font-size:12px}.comment-form{gap:8px;margin-top:14px;display:flex}.comment-form input[type=text]{border:1px solid var(--hairline);font:inherit;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-size:14px}.comment-form input[type=text]:focus{border-color:var(--accent)}.rec-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rec-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.35}}.rec-time{font:600 15px/1 ui-monospace,monospace}.empty{text-align:center;color:var(--muted);padding:60px 0}.center{text-align:center}.muted{color:var(--muted)}.mt{margin-top:18px}