:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f6f8;min-width:320px}body{min-width:320px;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #00747c47}#root{min-height:100svh}.app-shell{color:#172026;background-color:#f4f6f8;background-image:linear-gradient(90deg,#141b1f0f 1px,#0000 1px),linear-gradient(#141b1f0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:100svh;display:grid}.side-panel{background:#fff;border-right:1px solid #d9e0e3;height:100svh;padding:22px;position:sticky;top:0;overflow-y:auto}.brand-row,.section-heading,.topline-left,.title-tags span,.leader-kicker,.sync-note,.meta-pill,.vote-button,.search-box,.search-result,.manual-form,.filter-stack button,.notice,.loading-state{align-items:center;display:flex}.brand-row{border-bottom:1px solid #e1e6e9;gap:12px;padding-bottom:20px}.brand-row strong{font-size:20px;line-height:1.1;display:block}.brand-row span{color:#61707a;font-size:13px}.brand-mark{color:#f6c453;background:#172026;border-radius:8px;justify-content:center;width:42px;height:42px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0;display:grid}.metric-grid div{background:#f8fafb;border:1px solid #dfe5e8;border-radius:8px;min-width:0;padding:12px}.metric-grid span{color:#667781;text-transform:uppercase;font-size:11px;display:block}.metric-grid strong{margin-top:6px;font-size:24px;line-height:1;display:block}.tool-section{border-top:1px solid #e1e6e9;padding:18px 0}.account-section{border-top:0}.section-heading{gap:8px;margin-bottom:12px}.section-heading h2{margin:0;font-size:15px;line-height:1.2}.search-box{background:#fff;border:1px solid #cdd6da;border-radius:8px;gap:8px;height:44px;padding:0 12px}.search-box:focus-within{border-color:#00747c;box-shadow:0 0 0 3px #00747c24}.search-box input,.manual-form input,.manual-form select{color:#172026;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.result-list{gap:8px;margin-top:10px;display:grid}.search-result{width:100%;min-height:64px;color:inherit;text-align:left;cursor:pointer;background:#f8fafb;border:1px solid #dfe5e8;border-radius:8px;gap:10px;padding:8px}.search-result:disabled{cursor:default;opacity:.55}.search-result:not(:disabled):hover{background:#eef7f7;border-color:#00747c}.result-copy{flex:1;min-width:0}.result-copy strong,.result-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.result-copy small{color:#667781;align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.empty-note{color:#6d7a83;margin:6px 2px 0;font-size:13px}.auth-switch{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.auth-switch button,.auth-form button,.profile-box button,.admin-actions button,.admin-user button{color:#233139;cursor:pointer;background:#fff;border:1px solid #d8e0e4;border-radius:8px;min-height:36px;font-weight:800}.auth-switch button.selected{color:#fff;background:#172026;border-color:#172026}.privacy-note{color:#5c6971;margin:0 0 10px;font-size:12px;line-height:1.42}.auth-form{gap:8px;display:grid}.auth-form input{color:#172026;background:#fff;border:1px solid #cdd6da;border-radius:8px;width:100%;min-height:42px;padding:0 11px}.auth-form button,.profile-box button{color:#fff;background:#172026;justify-content:center;align-items:center;gap:7px;display:inline-flex}.profile-box button.danger{color:#9c2b1b;background:#fff1ee;border-color:#ffd4cc}.auth-form button:disabled,.profile-box button:disabled,.admin-user button:disabled{cursor:default;opacity:.45}.profile-box{background:#f8fafb;border:1px solid #dfe5e8;border-radius:8px;padding:12px}.profile-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-box strong,.profile-box span,.profile-box p{display:block}.profile-box strong{color:#10171b}.profile-box span{color:#00747c;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:800}.profile-box.pending span{color:#a45600}.profile-box.disabled span{color:#9c2b1b}.profile-box p{color:#5c6971;margin:9px 0 10px;font-size:12px;line-height:1.42}.admin-users{gap:8px;display:grid}.admin-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-actions button:last-child{grid-column:1/-1}.admin-actions button.danger{color:#9c2b1b;background:#fff1ee;border-color:#ffd4cc}.admin-user{background:#f8fafb;border:1px solid #dfe5e8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:9px;display:grid}.admin-user strong,.admin-user span{text-overflow:ellipsis;display:block;overflow:hidden}.admin-user span{color:#667781;margin-top:3px;font-size:12px}.admin-user.pending{background:#fff8e5;border-color:#ffd6a0}.admin-user button{padding:0 10px}.manual-form{background:#f8fafb;border:1px solid #dfe5e8;border-radius:8px;gap:8px;padding:12px}.manual-form select{width:84px}.manual-form button,.vote-button{cursor:pointer;border:0}.manual-form button{color:#fff;background:#e6462e;border-radius:8px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.manual-form button:disabled{cursor:default;opacity:.45}.manual-form input:disabled,.manual-form select:disabled{color:#8a969d}.view-switch,.filter-stack{gap:8px;display:grid}.view-switch{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.view-switch button,.filter-stack button{color:#334047;cursor:pointer;background:#fff;border:1px solid #dfe5e8;border-radius:8px;gap:9px;height:40px;padding:0 12px}.view-switch button{text-align:center;place-items:center;padding:0 8px;font-size:12px;line-height:1.12;display:grid}.view-switch button.selected,.filter-stack button.selected{color:#fff;background:#172026;border-color:#172026}.queue-main{min-width:0;padding:28px}.queue-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:#e6462e;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.queue-header h1{color:#10171b;letter-spacing:0;max-width:680px;margin:0;font-size:42px;line-height:1.02}.sync-note{color:#52636c;white-space:nowrap;background:#ffffffc7;border:1px solid #d9e0e3;border-radius:8px;gap:7px;min-height:36px;padding:0 12px;font-size:13px}.notice{color:#5c4100;cursor:pointer;background:#fff8e5;border:1px solid #ffd6a0;border-radius:8px;justify-content:space-between;width:100%;min-height:42px;margin-bottom:14px;padding:0 14px}.leader-strip{background:#fff;border:1px solid #cfd8dc;border-radius:8px;grid-template-columns:154px minmax(0,1fr) auto;align-items:stretch;gap:20px;padding:18px;display:grid;box-shadow:0 18px 44px #212d3414}.poster{aspect-ratio:2/3;color:#59676f;background:#dfe6e9;border-radius:6px;flex:0 0 58px;place-items:center;width:58px;display:grid;position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;display:block}.leader-poster{width:154px}.leader-copy{align-self:center;min-width:0}.leader-kicker{color:#00747c;text-transform:uppercase;gap:8px;font-size:13px;font-weight:800}.leader-copy h2{color:#10171b;margin:8px 0 10px;font-size:31px;line-height:1.05}.leader-meta,.title-tags{flex-wrap:wrap;gap:7px;display:flex}.leader-copy p{color:#52636c;max-width:760px;margin:12px 0 0;line-height:1.5}.leader-action{align-content:center;display:grid}.meta-pill{color:#3c4a51;background:#edf2f4;border-radius:999px;gap:5px;min-height:28px;padding:0 9px;font-size:13px;font-weight:700}.schedule-facts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.schedule-facts span{color:#52636c;background:#f2f5f6;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.interested-list{color:#315058;background:#eef8f8;border:1px solid #cde3e6;border-radius:8px;gap:3px;min-width:0;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.35;display:grid}.interested-list strong,.interested-list span{overflow-wrap:anywhere;min-width:0}.interested-list strong{color:#00747c;text-transform:uppercase;font-size:11px}.meta-pill.hot{color:#a22b17;background:#ffe8db}.meta-pill.rating{color:#725000;background:#fff0bd}.queue-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.queue-toolbar div{background:#ffffffc7;border:1px solid #d9e0e3;border-radius:8px;padding:13px 14px}.queue-toolbar strong,.queue-toolbar span{display:block}.queue-toolbar strong{color:#10171b;font-size:23px;line-height:1}.queue-toolbar span{color:#61707a;margin-top:5px;font-size:12px}.title-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.title-card{background:#ffffffe6;border:1px solid #d9e0e3;border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:92px minmax(0,1fr);gap:12px;min-width:0;min-height:278px;padding:12px;display:grid;position:relative}.title-card.planned{background:#fafefef2;border-color:#b9d8dc}.title-card .poster{grid-row:1;width:92px}.title-body{min-width:0}.title-topline{color:#65737c;justify-content:space-between;gap:8px;font-size:12px;display:flex}.topline-left{gap:7px;min-width:0}.rank-inline{color:#fff;background:#172026;border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.source-dot{color:#00747c;font-weight:800}.title-body h3{color:#10171b;margin:6px 0 8px;font-size:21px;line-height:1.12}.title-tags span{color:#47565e;background:#edf2f4;border-radius:999px;gap:4px;min-height:24px;padding:0 7px;font-size:12px}.title-body p{color:#52636c;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:10px 0 0;font-size:13px;line-height:1.42;display:-webkit-box;overflow:hidden}.admin-title-tools{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.admin-title-tools input,.admin-title-tools button,.rating-control select,.rating-control button{color:#233139;min-height:36px;font:inherit;background:#fff;border:1px solid #d8e0e4;border-radius:8px}.admin-title-tools input{min-width:0;padding:0 8px}.admin-title-tools button,.rating-control button{cursor:pointer;padding:0 10px;font-weight:800}.title-footer{grid-column:1/-1;justify-content:space-between;align-self:end;align-items:center;gap:8px;display:flex}.title-footer strong{white-space:nowrap}.title-footer strong small{color:#667781;margin-top:2px;font-size:11px;font-weight:700;display:block}.rating-control{align-items:center;gap:6px;display:flex}.rating-control select{width:86px;padding:0 6px}.empty-list{color:#5e6c74;background:#ffffffb8;border:1px dashed #cbd6dc;border-radius:8px;grid-column:1/-1;place-items:center;min-height:180px;display:grid}.vote-button{color:#fff;background:#172026;border-radius:8px;justify-content:center;gap:7px;min-width:106px;height:40px;padding:0 12px;font-size:14px;font-weight:800}.vote-button span{white-space:nowrap}.vote-button.large{min-width:142px;height:48px}.vote-button.active{background:#00747c}.vote-button:disabled{cursor:default;background:#93a0a7}.vote-button:hover,.manual-form button:hover{filter:brightness(1.05)}.loading-state{color:#52636c;justify-content:center;gap:10px;min-height:320px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.side-panel{border-top:1px solid #d9e0e3;border-bottom:0;border-right:0;order:2;height:auto;position:relative}.queue-main{order:1;padding:18px}.queue-header{display:grid}.queue-header h1{font-size:34px}.leader-strip{grid-template-columns:112px minmax(0,1fr)}.leader-poster{width:112px}.leader-action{grid-column:1/-1}.leader-action .vote-button{width:100%}}@media (width<=620px){.side-panel{padding:16px}.queue-main{padding:14px}.metric-grid,.queue-toolbar{grid-template-columns:1fr 1fr}.queue-toolbar div:last-child{grid-column:1/-1}.leader-strip,.title-card{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px}.leader-poster,.title-card .poster{width:84px}.leader-copy h2{font-size:24px}.leader-copy p,.title-body p{-webkit-line-clamp:3}.title-footer{grid-column:1/-1}.vote-button{min-width:104px}.view-switch button{height:auto;min-height:42px;padding:7px 5px}}
