:root{--bg: #0e0f12;--panel: #16181d;--panel-2: #1d2027;--line: #2a2e37;--text: #e8e9ec;--muted: #8b909c;--gold: #c8a96a;--gold-dim: #9c844f;--blue: #5b8def;--green: #3fb37f;--amber: #e0a23b;--red: #e0604f;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0 0 .4em;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.center{display:grid;place-items:center;min-height:100vh}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.gap{gap:10px}.wrap{flex-wrap:wrap}.block{width:100%}.brand{font-size:20px;font-weight:700;letter-spacing:.5px}.brand span{color:var(--gold)}.brand.big{font-size:30px}.header{display:flex;align-items:center;gap:28px;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header nav{display:flex;gap:18px}.header nav a{color:var(--muted);padding:4px 0}.header nav a.active,.header nav a:hover{color:var(--text)}.header-right{margin-left:auto;display:flex;align-items:center;gap:14px}.who em{color:var(--gold);font-style:normal;font-size:12px;text-transform:uppercase;margin-left:4px}.container{max-width:1180px;margin:0 auto;padding:24px}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:.15s;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--gold-dim)}.btn.primary{background:var(--gold);color:#1a1407;border-color:var(--gold)}.btn.primary:hover{background:#d6b878}.btn.ghost{background:transparent}.btn.danger{color:var(--red)}.btn.danger:hover{border-color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login{width:360px}.login label,.team-form input,.composer textarea,.modal label,form label{display:block;margin:12px 0;color:var(--muted);font-size:13px}input,textarea,select{width:100%;margin-top:6px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit}input[type=checkbox]{width:auto;margin:0 6px 0 0}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold-dim)}textarea{resize:vertical}.error{background:#3a1f1c;border:1px solid var(--red);color:#f3b6ac;padding:10px 12px;border-radius:8px;margin:10px 0}.error.inline{display:inline;background:none;border:none;padding:0;margin:0 0 0 8px;color:var(--red)}.replace-media{display:inline-flex;align-items:center}.success{background:#16301f;border:1px solid var(--green);color:#a7e6c5;padding:10px 12px;border-radius:8px;margin:10px 0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.search{width:240px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:20px;cursor:pointer;font-size:13px}.chip.active{background:var(--gold);color:#1a1407;border-color:var(--gold)}.badge{font-size:12px;padding:3px 10px;border-radius:20px;font-weight:600;border:1px solid var(--line);white-space:nowrap}.badge.awaiting{background:#3a2f15;color:var(--amber);border-color:#5a4a20}.badge.revision{background:#3a201c;color:var(--red);border-color:#5a2c26}.badge.confirmed{background:#163021;color:var(--green);border-color:#1f4a30}.rows{display:flex;flex-direction:column;gap:10px}.edit-row{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;transition:.15s}.edit-row:hover{border-color:var(--gold-dim)}.row-thumb{width:120px;height:68px;flex:0 0 auto;background:#000;border-radius:8px;overflow:hidden;display:grid;place-items:center}.row-thumb img{width:100%;height:100%;object-fit:cover}.row-main{flex:1 1 auto;min-width:0}.row-main h3{margin:0 0 3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main p{margin:0}.edit-row .platform-badges{margin:0;flex:0 0 auto}.edit-row .badge{flex:0 0 auto}.thumb-placeholder{color:var(--muted);font-size:12px;text-align:center}.empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}@media (max-width: 640px){.edit-row{flex-wrap:wrap}.row-main{flex-basis:60%}}.breadcrumb{margin-bottom:10px}.breadcrumb a{color:var(--muted)}.desc{color:var(--muted);margin:-6px 0 16px}.title-block{min-width:0;flex:1 1 auto}.title-row{display:flex;align-items:center;gap:8px}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:6px;line-height:1}.icon-btn:hover{color:var(--gold);background:var(--panel-2)}.title-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.title-edit input{margin:0;font-size:18px;font-weight:600;min-width:220px;flex:1 1 240px}.status-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.media-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--line)}.media-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:8px 14px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:7px}.media-tab:hover{color:var(--text)}.media-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.media-tab .count{background:var(--blue);color:#fff;border-radius:10px;padding:0 7px;font-size:11px}.player{text-align:center}.player video{max-height:70vh;max-width:100%;width:auto;background:#000;border-radius:var(--radius);display:inline-block}.thumb-view{text-align:center;background:#000;border-radius:var(--radius);padding:8px}.thumb-view img{max-height:70vh;max-width:100%;border-radius:6px;display:inline-block}.timeline{position:relative;height:8px;background:var(--panel-2);border-radius:4px;margin:8px 0 4px}.timeline-progress{position:absolute;top:0;left:0;height:100%;background:var(--gold-dim);border-radius:4px;opacity:.5}.marker{position:absolute;top:-3px;width:4px;height:14px;background:var(--blue);border:none;border-radius:2px;cursor:pointer;transform:translate(-50%);padding:0}.marker:hover{background:#fff}.marker.resolved{background:var(--green);opacity:.6}.player-time{text-align:right}.version-meta{margin:10px 0 16px}.version-tabs{display:flex;gap:8px;margin-bottom:12px}.link{color:var(--blue);cursor:pointer}.link.small{font-size:13px;background:none;border:none;padding:0}.link.danger{color:var(--red)}.composer textarea{margin-top:0}.detail-side .composer{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.pin-toggle{display:flex;align-items:center;color:var(--muted);font-size:13px;cursor:pointer}.pin-toggle strong{color:var(--gold);margin-left:4px}.comments{list-style:none;padding:0;margin:0;max-height:420px;overflow-y:auto}.comment{padding:12px 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:none}.comment.resolved{opacity:.55}.comment-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment p{margin:4px 0}.ts{background:var(--blue);color:#fff;border:none;border-radius:5px;padding:1px 7px;font-size:12px;cursor:pointer;font-weight:600}.comment-actions{display:flex;gap:14px}.caption-box textarea{min-height:90px}.caption-readonly{white-space:pre-wrap;background:var(--panel-2);padding:12px;border-radius:8px}.post-helper{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.post-helper .hint{margin-top:10px}.posted-checks{display:flex;flex-direction:column;gap:8px;margin-top:14px}.posted-checks label.posted{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px}.posted-checks label.posted.on{color:var(--green);border-color:#1f4a30;background:#163021}.posted-checks input{width:auto;margin:0}.subfilters{margin-top:-6px}.subfilter-label{align-self:center;margin-right:4px}.platform-badges{display:flex;gap:6px;margin-top:10px}.platform-badges .pf{font-size:11px;padding:2px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted);background:var(--panel-2)}.platform-badges .pf.on{color:var(--green);border-color:#1f4a30;background:#163021}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:520px;max-width:100%;max-height:90vh;overflow-y:auto;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.seg{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;background:var(--panel-2);border:none;color:var(--muted);padding:9px;cursor:pointer}.seg button.active{background:var(--gold);color:#1a1407}.progress-wrap{margin:14px 0}.progress{height:10px;background:var(--panel-2);border-radius:5px;overflow:hidden}.progress .bar{height:100%;background:var(--gold);transition:width .2s}.team-form{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:10px;align-items:center}.team-form input,.team-form select{margin:0}@media (max-width: 760px){.team-form{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:500;font-size:13px}