@import "https://fonts.googleapis.com/css2?family=Archivo:wght@700;800&family=Big+Shoulders:wght@700;800&family=IBM+Plex+Sans:wght@400;500;600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@600;700&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--bg:#0f0e0d;--panel:#1a1917;--panel-2:#221f1c;--chalk:#d4cfc8;--chalk-dim:#7a756e;--amber:#e8a44a;--rust:#b85050;--teal:#5a9e6f;--amber-rgb:232, 164, 74;--rust-rgb:184, 80, 80;--teal-rgb:90, 158, 111;--rule:#2e2c29;--input-bg:#0a0908;--on-accent:#0f0e0d;--radius-sm:3px;--radius-md:4px;--radius-pill:3px;--font-body:"Inter", -apple-system, sans-serif;--font-display:"JetBrains Mono", monospace;--heading-transform:none;--heading-weight:700}[data-theme=trail]{--bg:#121f19;--panel:#182b22;--panel-2:#1e332a;--chalk:#edeae0;--chalk-dim:#9fb0a6;--amber:#e8a33d;--rust:#c15f3c;--teal:#4c8577;--amber-rgb:232, 163, 61;--rust-rgb:193, 95, 60;--teal-rgb:76, 133, 119;--rule:#2a4136;--input-bg:#0d1712;--on-accent:#0d1712;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--heading-transform:none;--heading-weight:700}[data-theme=copper]{--bg:#0f0e0d;--panel:#1a1917;--panel-2:#221f1c;--chalk:#d4cfc8;--chalk-dim:#7a756e;--amber:#e8a44a;--rust:#b85050;--teal:#5a9e6f;--amber-rgb:232, 164, 74;--rust-rgb:184, 80, 80;--teal-rgb:90, 158, 111;--rule:#2e2c29;--input-bg:#0a0908;--on-accent:#0f0e0d;--radius-sm:3px;--radius-md:4px;--radius-pill:3px;--font-body:"Inter", -apple-system, sans-serif;--font-display:"JetBrains Mono", monospace;--heading-transform:none;--heading-weight:700}[data-theme=blueprint]{--bg:#14161a;--panel:#1c1f25;--panel-2:#23262d;--chalk:#e9eaee;--chalk-dim:#9ca0aa;--amber:#7095ff;--rust:#f0a15a;--teal:#6fd0db;--amber-rgb:112, 149, 255;--rust-rgb:240, 161, 90;--teal-rgb:111, 208, 219;--rule:#34383f;--input-bg:#101318;--on-accent:#0b1020;--radius-sm:4px;--radius-md:6px;--radius-pill:6px;--font-body:"Source Sans 3", -apple-system, sans-serif;--font-display:"Big Shoulders", "Arial Narrow", sans-serif;--heading-transform:uppercase;--heading-weight:700}[data-theme=workshop]{--bg:#14171c;--panel:#1b1f26;--panel-2:#232830;--chalk:#e7e9ec;--chalk-dim:#9aa3af;--amber:#e08a42;--rust:#f0a05e;--teal:#5fa8bd;--amber-rgb:224, 138, 66;--rust-rgb:240, 160, 94;--teal-rgb:95, 168, 189;--rule:#2a2f38;--input-bg:#101317;--on-accent:#14171c;--radius-sm:8px;--radius-md:10px;--radius-pill:999px;--font-body:"IBM Plex Sans", -apple-system, sans-serif;--font-display:"Archivo", -apple-system, sans-serif;--heading-transform:none;--heading-weight:800}*{box-sizing:border-box}body{background:var(--bg);color:var(--chalk);font-family:var(--font-body);margin:0}h1,h2,h3,h4{font-family:var(--font-display);text-transform:var(--heading-transform);font-weight:var(--heading-weight)}a{color:var(--amber)}input,select,button,textarea{font-family:inherit;font-size:14px}input,select,textarea{background:var(--input-bg);border:1px solid var(--rule);color:var(--chalk);border-radius:var(--radius-sm);padding:8px 10px}button{background:var(--amber);color:var(--on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--panel-2);color:var(--chalk);border:1px solid var(--rule)}button.danger{background:var(--rust);color:var(--on-accent)}.app{min-height:100vh}.nav{background:var(--panel);border-bottom:1px solid var(--rule);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.nav-links{gap:18px;display:flex}.nav-links a{color:var(--chalk-dim);font-size:14px;font-weight:600;text-decoration:none}.nav-links a.active{color:var(--amber)}.nav-user{color:var(--chalk-dim);align-items:center;gap:12px;font-size:13px;display:flex}.main{max-width:900px;margin:0 auto;padding:24px 20px 80px}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-md);flex-direction:column;gap:14px;width:320px;padding:32px;display:flex}.auth-card h1{margin:0;font-size:22px}.auth-card .sub{color:var(--chalk-dim);margin:0 0 8px;font-size:13px}.auth-card label{color:var(--chalk-dim);flex-direction:column;gap:6px;font-size:13px;display:flex}.error{color:var(--rust);background:rgba(var(--rust-rgb), .1);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-md);margin:16px 0;padding:18px 20px}.card h2,.card h3{margin-top:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--rule);overflow-wrap:break-word;padding:8px 10px}th{color:var(--chalk-dim);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.pill{border-radius:var(--radius-pill);padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.pill.open{background:rgba(var(--teal-rgb), .2);color:var(--teal)}.pill.locked{background:rgba(var(--rust-rgb), .2);color:var(--rust)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.stat-card{background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:16px;transition:border-color .15s}.stat-card:hover{border-color:var(--teal)}.stat-card.active{border-color:var(--amber);background:rgba(var(--amber-rgb), .12)}.stat-card .stat-value{color:var(--amber);font-size:28px;font-weight:700}.stat-card .stat-label{color:var(--chalk-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12px}.pick-form{flex-direction:column;gap:12px;display:flex}.pick-row{grid-template-columns:100px 1fr;align-items:center;gap:10px;display:grid}.taken-songs{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.taken-songs span{background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:3px 8px;font-size:12px}.warning-box{border-left:3px solid var(--amber);background:rgba(var(--amber-rgb), .08);border-radius:var(--radius-sm);margin:10px 0;padding:12px 14px}.warning-box img{border-radius:var(--radius-sm);max-width:200px;margin:8px 0;display:block}.page-loading{text-align:center;color:var(--chalk-dim);padding:40px}.autocomplete{position:relative}.autocomplete-list{background:var(--input-bg);border:1px solid var(--rule);border-radius:var(--radius-sm);z-index:20;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-list div{cursor:pointer;padding:6px 10px;font-size:13px}.autocomplete-list div:hover{background:var(--panel-2)}.autocomplete-hint{color:var(--chalk-dim);font-size:11.5px}.last-played-hint{color:var(--chalk-dim);margin-top:4px;font-size:12px}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-md);width:320px;padding:24px}.pick-hit{background:rgba(var(--amber-rgb), .18);color:var(--amber);border-radius:var(--radius-sm);font-weight:700}.setlist-hit{background:rgba(var(--amber-rgb), .25);color:var(--amber);border-radius:var(--radius-sm);padding:0 2px;font-weight:700}.photo-gallery{gap:10px;display:flex}.photo-thumb{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--rule);cursor:pointer;width:calc(33.3333% - 6.66667px)}.photo-thumb:hover{border-color:var(--amber)}.photo-enlarged{border-radius:var(--radius-md);cursor:zoom-out;max-width:90vw;max-height:90vh}.modal-card label{color:var(--chalk-dim);flex-direction:column;gap:6px;font-size:13px;display:flex}