:root{color-scheme:dark;--bg:#08090b;--panel:#101216;--panel2:#15181e;--line:#242832;--muted:#9299a8;--red:#e0182d;--red2:#7f0d1b;--green:#39d98a;--gold:#f3c75f;--text:#f4f5f8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#231016 0,transparent 28%),var(--bg);color:var(--text);font:14px Inter,system-ui,Segoe UI,sans-serif}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:24px;background:#0e1014;box-shadow:0 30px 80px #0008}.brand{font-weight:900;letter-spacing:.18em}.brand b{color:var(--red)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;background:#0a0c0f;border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}textarea{min-height:110px;resize:vertical}button{border:0;border-radius:12px;background:var(--red);padding:11px 15px;font-weight:800;cursor:pointer}button.secondary{background:#20242c}button.ghost{background:transparent;border:1px solid var(--line)}button.danger{background:#5d1019}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);background:#0b0d10;padding:24px 16px;position:sticky;top:0;height:100vh}.side .brand{font-size:18px;margin:2px 8px 28px}.nav button{display:flex;width:100%;background:transparent;color:var(--muted);justify-content:flex-start;margin:3px 0;padding:12px}.nav button.active,.nav button:hover{background:#171a20;color:#fff}.main{padding:30px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.title h1{margin:0;font-size:28px}.title p{margin:5px 0 0;color:var(--muted)}.status{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#11141a;border-radius:999px;padding:7px 10px;color:var(--muted)}.pill.on{color:#baf7d8;border-color:#1e6546}.pill.off{color:#ff9aa6;border-color:#6d202b}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(180deg,#12151a,#0d0f13);border:1px solid var(--line);border-radius:18px;padding:18px}.metric b{display:block;font-size:26px;margin-top:8px}.muted{color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;margin:0 0 14px;flex-wrap:wrap}.toolbar input{max-width:360px}.list{display:grid;gap:10px}.row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:#0e1115;border:1px solid var(--line);border-radius:15px;padding:14px}.row strong{font-size:15px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{font-size:11px;color:#c9ced8;background:#20242b;border-radius:999px;padding:4px 7px}.tag.red{background:#3b141a;color:#ffb6be}.empty{padding:36px;text-align:center;color:var(--muted)}.modal-back{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#101319;border:1px solid #2d323d;border-radius:22px;padding:22px}.modal h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.toast{position:fixed;right:20px;bottom:20px;background:#171b21;border:1px solid var(--line);padding:12px 16px;border-radius:12px;z-index:30}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#080a0d;padding:10px;border-radius:10px;overflow-wrap:anywhere}.mobile-menu{display:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:13px}.side .brand{margin:0 0 10px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;width:auto}.main{padding:18px}.grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.main{padding:14px}.row{grid-template-columns:1fr}.actions{justify-content:stretch}.actions button{flex:1}}
.spacer{height:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.card h3{margin:0 0 14px}.card label,.modal label{display:block;margin:9px 0 5px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.checks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.actions.left{justify-content:flex-start;flex-wrap:wrap}.field-action{display:grid;grid-template-columns:1fr auto;gap:8px}.hidden-file{display:none}.modal.wide{width:min(900px,100%)}.phrase-list{display:grid;gap:10px;margin-bottom:10px}.phrase{border:1px solid var(--line);border-radius:14px;padding:12px;background:#0c0f13}.phrase textarea{min-height:72px}.phrase-meta{display:grid;grid-template-columns:1fr 150px auto auto;gap:8px;align-items:center;margin-top:8px}.phrase-meta .check{margin:0}.form-row{grid-template-columns:1fr 1.4fr 100px auto auto}.gag{padding:14px}.feedback{border-top:1px solid var(--line);padding:12px 0}.feedback:first-of-type{border-top:0}.feedback textarea{min-height:75px}.kv{display:grid;grid-template-columns:1fr auto;gap:8px 14px;margin-top:14px}.selectable{user-select:all}.pair-code{font-size:22px;text-align:center;user-select:all}.compact-list{margin-top:12px}.compact-list .row{padding:10px}.modal small{display:block;margin-top:6px}.row.form-row input{margin:0}
@media(max-width:900px){.grid.two{grid-template-columns:1fr}.phrase-meta{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.field-action{grid-template-columns:1fr}.checks{align-items:flex-start;flex-direction:column}}
.table-head{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:8px;margin-bottom:10px}.table-head button{text-align:left}.table-head button.active{outline:1px solid var(--red);background:#2a171c}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.pager span{min-width:180px;text-align:center}.pager button:disabled,button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}
@media(max-width:620px){.table-head{grid-template-columns:1fr}.pager{justify-content:space-between}.pager span{min-width:0;font-size:12px}.loyalty-row .code{font-size:10px}}
.live-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.variable-grid button{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;text-align:left}.variable-grid button .code{padding:5px 7px}.variable-grid button small{color:var(--muted);margin:0}.queue-main{min-width:0}
@media(max-width:1100px){.live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.live-metrics,.variable-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.live-metrics,.variable-grid{grid-template-columns:1fr}}
/* PATCH UX/HARDENING */
.top-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.top-inline h3{margin:0 0 6px}.top-inline p{margin:0}.nav-group{display:grid;gap:2px;margin:0 0 15px}.nav-group>span{padding:0 10px 5px;color:#666e7b;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.mobile-nav{display:none;width:100%;margin:0 0 8px;background:#101319}.side{display:flex;flex-direction:column}.nav{flex:1;min-height:0;overflow:auto}.side-logout{width:100%;margin-top:14px;color:var(--muted)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid rgba(224,24,45,.7);outline-offset:2px;border-color:rgba(224,24,45,.65)}
.remember{margin:14px 0}.turnstile-box{min-height:0;margin:12px 0}.login-card label{display:grid;gap:7px}.login-card .check{display:flex}.login-card button:disabled{opacity:.6}
.reward-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(145px,.6fr));gap:10px}.reward-row .actions{margin:0;flex-wrap:wrap}.quick-state{min-width:84px}.quick-state.on{background:#173529;color:#c7f7df}.media-picker{display:grid;gap:9px;margin-top:6px}.media-current{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#090b0e}.media-current img{width:48px;height:38px;object-fit:cover;border-radius:7px}.media-current audio{width:min(360px,100%);height:32px}.media-current .media-info{min-width:0;flex:1}.media-current .media-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-current .media-info small{color:var(--muted)}.media-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-box summary{cursor:pointer;font-weight:850}.advanced-box[open] summary{margin-bottom:12px}.hotkey-capture{display:grid;grid-template-columns:1fr auto;gap:8px}.form-note{padding:9px 11px;border-radius:10px;background:#0b0e12;color:var(--muted);font-size:12px}.money-field .suffix{color:var(--muted)}
.personality-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.personality-tools input{max-width:340px}.event-section{display:grid;gap:9px;margin:0 0 20px}.event-section>h3{margin:8px 0 2px;color:#d8dce4;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.event-row .event-key{font-size:10px;color:#6f7784;margin-top:4px}.danger-soft{background:#32151a;color:#ffc0c7}.save-state{font-size:12px;color:var(--muted);min-height:18px}
@media(max-width:900px){.side{position:sticky;top:0;z-index:15}.side .brand{display:none}.nav{display:none}.mobile-nav{display:block}.side-logout{display:none}.reward-toolbar{grid-template-columns:1fr 1fr}.top-inline{align-items:stretch}.top-inline>.actions{margin-top:0}}
@media(max-width:620px){.reward-toolbar{grid-template-columns:1fr}.top-inline{display:grid}.media-current{align-items:flex-start}.media-current audio{width:100%}.hotkey-capture{grid-template-columns:1fr}.reward-row .actions button{flex:1}}

.login-submit{width:100%}