:root{--bg: #0C0A08;--surface: #17130F;--surface2: #1F1A15;--surface3: #262019;--line: rgba(255, 246, 230, .08);--line-strong: rgba(255, 246, 230, .14);--text: #F4EDE1;--muted: rgba(244, 237, 225, .62);--faint: rgba(244, 237, 225, .38);--ember: #FF5A1F;--ember-2: #FF7A47;--ember-soft: rgba(255, 90, 31, .13);--rose: #E47A96;--rose-soft: rgba(228, 122, 150, .14);--moss: #7FB069;--amber: #F2B33D;--sans: "Inter Tight", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:var(--ember-2)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px 28px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.brand .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,var(--ember),var(--ember-2));display:grid;place-items:center;font-weight:800;color:#1a0d05}.brand h1{font-size:17px;margin:0;letter-spacing:-.01em}.login-card .sub{color:var(--muted);font-size:13px;margin:0 0 22px}label{display:block;font-size:12px;color:var(--muted);margin:14px 0 6px}.field{width:100%;background:var(--surface2);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);padding:11px 13px;font-size:14px}.field:focus{outline:none;border-color:var(--ember)}.btn{width:100%;margin-top:20px;background:linear-gradient(150deg,var(--ember),var(--ember-2));color:#1a0d05;font-weight:700;border:none;border-radius:10px;padding:12px;font-size:14px}.btn:disabled{opacity:.55;cursor:default}.err{margin-top:16px;background:#e5484d1f;border:1px solid rgba(229,72,77,.3);color:#f3a3a6;border-radius:9px;padding:10px 12px;font-size:13px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:12px 20px;background:#0c0a08d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .grow{flex:1}.topbar .who{color:var(--muted);font-size:13px}.btn-ghost{background:var(--surface2);border:1px solid var(--line-strong);color:var(--text);border-radius:9px;padding:7px 13px;font-size:13px}.layout{display:grid;grid-template-columns:360px 1fr;height:calc(100% - 53px)}@media (max-width: 820px){.layout{grid-template-columns:1fr}}.list-pane{border-right:1px solid var(--line);overflow-y:auto;padding:14px}.search{width:100%;margin-bottom:12px;background:var(--surface2);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px}.search:focus{outline:none;border-color:var(--ember)}.group-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:16px 6px 6px}.ex-row{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 11px;color:var(--text);display:flex;align-items:center;gap:8px;font-size:14px}.ex-row:hover{background:var(--surface)}.ex-row.active{background:var(--ember-soft);border-color:#ff5a1f59}.ex-row .name{flex:1}.ex-row .muscle{color:var(--faint);font-size:12px}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot.both{background:var(--moss)}.dot.male{background:var(--ember)}.dot.none{background:#fff6e62e}.detail-pane{overflow-y:auto;padding:26px 30px}.empty{height:100%;display:grid;place-items:center;color:var(--faint);text-align:center}.detail-head h2{margin:0 0 4px;font-size:22px;letter-spacing:-.01em}.detail-head .meta{color:var(--muted);font-size:13px;margin-bottom:24px}.chip{display:inline-block;background:var(--surface2);border:1px solid var(--line-strong);border-radius:999px;padding:2px 10px;font-size:11px;color:var(--muted);margin-right:6px}.variant-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.variant-card h3{margin:0 0 2px;font-size:16px}.variant-card .vmeta{color:var(--faint);font-size:12px;margin-bottom:16px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 700px){.video-grid{grid-template-columns:1fr}}.video-col .col-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:7px}.video-col.male .col-label{color:var(--ember-2)}.video-col.female .col-label{color:var(--rose)}.thumb{aspect-ratio:16 / 9;width:100%;border-radius:10px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:8px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .ph{color:var(--faint);font-size:12px;padding:10px;text-align:center}.save-bar{display:flex;align-items:center;gap:12px;margin-top:16px}.btn-save{background:linear-gradient(150deg,var(--ember),var(--ember-2));color:#1a0d05;font-weight:700;border:none;border-radius:9px;padding:9px 18px;font-size:13px}.btn-save:disabled{opacity:.5;cursor:default}.save-state{font-size:13px}.save-state.ok{color:var(--moss)}.save-state.err{color:#f3a3a6}.save-state.dirty{color:var(--amber, #F2B33D)}.spinner-page{height:100%;display:grid;place-items:center;color:var(--muted)}