:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#151119; color:#f7f2f8; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 20% -20%,#4a195855,transparent 33rem),#151119; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
.site-header { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 5vw; border-bottom:1px solid #342b37; background:#1d1820cc; backdrop-filter:blur(12px); position:sticky; top:0; z-index:4; }
.brand { display:flex; align-items:center; gap:9px; color:#fff; font-weight:800; letter-spacing:-.03em; text-decoration:none; font-size:18px; }
.brand img { width:33px; height:33px; object-fit:cover; border-radius:9px; box-shadow:0 0 18px #2fc7ff77; }
#nav { display:flex; align-items:center; gap:9px; font-size:14px; }
.nav-link,.button { border:0; border-radius:9px; padding:9px 12px; color:inherit; background:transparent; text-decoration:none; }
.nav-link:hover,.button.secondary:hover { background:#302735; }
.creator-menu { position:relative; }.creator-menu summary { list-style:none; }.creator-menu summary::-webkit-details-marker { display:none; }.creator-menu summary span { display:inline-block; margin-left:3px; transition:transform .15s; }.creator-menu[open] summary { background:#302735; }.creator-menu[open] summary span { transform:rotate(180deg); }.creator-menu-items { position:absolute; top:calc(100% + 8px); right:0; z-index:10; min-width:172px; overflow:hidden; padding:5px; border:1px solid #493d4c; border-radius:10px; background:#211b24; box-shadow:0 12px 30px #0009; }.creator-menu-items a { display:block; padding:9px 10px; border-radius:7px; color:#eee5f0; text-decoration:none; white-space:nowrap; }.creator-menu-items a:hover { background:#302735; }
.button { background:linear-gradient(135deg,#eb5056,#9447d4); color:#fff; font-weight:700; }
.button.secondary { border:1px solid #4a3e4e; background:#251f29; }
.button.danger { background:#b83c54; }
.app-shell { max-width:1120px; margin:0 auto; padding:42px 24px 70px; }
.site-footer { display:flex; justify-content:center; gap:8px; padding:0 24px 28px; color:#978a9a; font-size:13px; }.site-footer a { color:#c9a4ec; text-decoration:none; }.site-footer a:hover { text-decoration:underline; }
.loading,.empty { padding:54px 18px; text-align:center; color:#c9bdcd; }
.eyebrow { margin:0 0 7px; color:#c8a4ed; font-size:13px; font-weight:650; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(28px,4vw,44px); letter-spacing:-.045em; margin-bottom:10px; }
h2 { font-size:20px; letter-spacing:-.025em; }
.lead { max-width:650px; color:#c8bdca; line-height:1.55; }
.brand-hero { position:relative; min-height:310px; margin:-18px 0 34px; overflow:hidden; border:1px solid #453748; border-radius:18px; display:flex; align-items:end; isolation:isolate; background:#09080d; }
.brand-hero::before { content:''; position:absolute; inset:0; z-index:-2; background:url('/assets/modfrenzy-banner.png') center / cover no-repeat; }
.brand-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0d0914ee 0%,#0d091488 46%,#0d091430 100%),linear-gradient(0deg,#0d0914dd 0%,transparent 70%); }
.hero-content { max-width:660px; padding:32px; }.hero-content h1 { margin-bottom:9px; }.hero-content .lead { color:#efe6f2; }.hero-links { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:18px; font-size:14px; }.hero-links a { color:#63d9ff; font-weight:700; text-decoration:none; }.hero-links a:hover { text-decoration:underline; }.content-note { margin:22px 0 29px; padding:14px 16px; border-left:3px solid #db55e9; background:#211a26; color:#d3c6d8; border-radius:0 10px 10px 0; font-size:14px; line-height:1.55; }
.notice { padding:12px 14px; margin:18px 0; border-radius:10px; background:#2b2530; color:#d9cedc; font-size:14px; }
.notice.ok { background:#173829; color:#b8f0cb; }
.notice.error { background:#45212c; color:#ffc2cf; }
.notice.info { background:#202d42; color:#c9ddff; }
.notice.warning { background:#493914; color:#ffe6a0; }
.toolbar { display:flex; gap:12px; align-items:center; justify-content:space-between; margin:28px 0 18px; flex-wrap:wrap; }
.search { flex:1 1 250px; min-width:0; border:1px solid #453a48; background:#211b24; color:#fff; padding:11px 13px; border-radius:10px; outline:none; }
.search:focus,.field input:focus,.field textarea:focus,.field select:focus { border-color:#b266ed; box-shadow:0 0 0 3px #a855f733; }
.selection { color:#d9cedd; font-size:14px; white-space:nowrap; }
.poll-list,.option-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.poll-card,.option-card,.panel { background:#211b24; border:1px solid #403543; border-radius:14px; overflow:hidden; }
.poll-card { padding:0; text-decoration:none; color:inherit; transition:transform .15s,border-color .15s; }
.poll-card:hover { transform:translateY(-2px); border-color:#9d58cf; }
.poll-card-cover { position:relative; aspect-ratio:16 / 9; overflow:hidden; border-bottom:1px solid #403543; background:#211b24; }.poll-card-cover img { display:block; width:100%; height:100%; object-fit:cover; }.poll-card-cover-placeholder { display:grid; place-items:end start; isolation:isolate; background:radial-gradient(circle at 78% 18%,#2b90c766,transparent 38%),radial-gradient(circle at 14% 90%,#bd4dd966,transparent 43%),linear-gradient(135deg,#171422,#25203a 52%,#162534); }.poll-card-cover-placeholder::after { content:''; position:absolute; inset:0; z-index:-1; opacity:.5; background:linear-gradient(125deg,transparent 0 45%,#ffffff12 45% 47%,transparent 47% 58%,#ffffff0e 58% 60%,transparent 60%); }.poll-card-cover-placeholder[data-poll-type="popularity"] { background:radial-gradient(circle at 78% 18%,#f176b266,transparent 38%),radial-gradient(circle at 14% 90%,#8f55e966,transparent 43%),linear-gradient(135deg,#25121f,#322044 52%,#1d1836); }.poll-card-cover-placeholder[data-poll-type="isekai_dating_sim"] { background:radial-gradient(circle at 78% 18%,#58c7bd66,transparent 38%),radial-gradient(circle at 14% 90%,#3e7edb66,transparent 43%),linear-gradient(135deg,#102227,#1b3240 52%,#192545); }.poll-card-cover-placeholder span { position:relative; z-index:1; margin:14px; padding:6px 9px; border:1px solid #ffffff2e; border-radius:999px; background:#160f1dbb; color:#f0def7; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.poll-card-body { padding:18px 20px 20px; }
.poll-card h2 { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin:8px 0 10px; }
.poll-card p { color:#c3b6c8; line-height:1.5; font-size:14px; }
.poll-card small,.subtle { color:#a99baa; }
.rich-text > :first-child { margin-top:0; }.rich-text > :last-child { margin-bottom:0; }.rich-text h2 { font-size:20px; margin:18px 0 8px; letter-spacing:-.025em; }.rich-text p { margin:0 0 10px; line-height:1.6; }.rich-text ul { margin:0 0 12px; padding-left:24px; line-height:1.6; }.rich-text a { color:#e7a6ff; text-decoration:underline; text-underline-offset:2px; }.rich-text a:hover { color:#f2c7ff; }.rich-text code { padding:1px 4px; border-radius:4px; background:#292130; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em; }.poll-card-description { position:relative; display:-webkit-box; max-height:8.2em; margin:0 0 8px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:5; }.poll-card-description::after { content:''; position:absolute; right:0; bottom:0; left:0; height:28px; background:linear-gradient(transparent,#211b24); pointer-events:none; }.poll-card-description h2 { font-size:16px; margin:0 0 6px; }.poll-card-description p { margin:0 0 7px; font-size:14px; }.read-more { display:block; margin:0 0 13px; color:#d9a6ff; font-size:13px; font-weight:700; }
.option-card { padding:0; color:inherit; text-align:left; position:relative; transition:border-color .15s,transform .15s,box-shadow .15s; }
.option-card:hover:not(.readonly) { transform:translateY(-2px); }
.option-card.readonly { cursor:default; opacity:.94; }
.option-card.selected { border-color:#b566ef; box-shadow:0 0 0 2px #a855f744; }
.option-art { aspect-ratio:9/16; background:linear-gradient(140deg,#4e286a,#dc6d9d); position:relative; overflow:hidden; }
.dating-sim-options .option-art { aspect-ratio:var(--option-image-aspect-ratio,16 / 9); }
.dating-sim-options .option-art::before { display:none; }
.option-art::after { content:'✦'; position:absolute; right:14px; top:10px; color:#fff; font-size:21px; text-shadow:0 2px 8px #0008; }
.option-art::before { content:''; position:absolute; width:58%; height:75%; left:21%; bottom:-7%; border-radius:55% 55% 24% 24%; background:linear-gradient(110deg,#fff9,#d9c3ff77); box-shadow:0 -18px 0 -9px #fff9; }
.option-art img { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; }
.option-art[data-hover-preview] { cursor:zoom-in; }.option-art[data-hover-preview].previewing { cursor:zoom-out; }.preview-hint { position:absolute; z-index:2; right:9px; bottom:9px; display:none; padding:5px 7px; border-radius:999px; background:#130d18cc; color:#fff; font-size:11px; font-weight:700; box-shadow:0 2px 8px #0008; }
.art-2 { background:linear-gradient(140deg,#125274,#58d6df); }.art-3 { background:linear-gradient(140deg,#bf3b77,#ffb99d); }.art-4 { background:linear-gradient(140deg,#293969,#7e9dff); }.art-5 { background:linear-gradient(140deg,#216d58,#bedf7c); }.art-6 { background:linear-gradient(140deg,#7729d8,#f778dc); }
.option-copy { padding:12px 13px 14px; }.option-copy strong { display:block; font-size:15px; }.option-copy span { display:block; margin-top:3px; color:#b9acbd; font-size:13px; }
.suggested-by { display:block; margin-top:8px; color:#e6b4ff; font-size:12px; font-weight:700; }
.check { position:absolute; z-index:2; left:10px; top:10px; display:none; width:25px; height:25px; place-items:center; border-radius:50%; background:#fff; color:#8127c7; font-weight:900; }.selected .check { display:grid; }
.submit-bar-slot { min-height:76px; margin-top:22px; }.submit-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border-radius:12px; background:#2a2330; }.submit-bar.is-floating { position:fixed; z-index:9; bottom:18px; left:50%; width:min(1072px,calc(100vw - 48px)); transform:translateX(-50%); border:1px solid #59455f; box-shadow:0 15px 38px #0009; background:#2a2330f4; backdrop-filter:blur(12px); }.submit-bar span { color:#c7b9cc; font-size:14px; }
.mobile-vote { display:none; }
.turnstile-widget { min-height:1px; margin-top:12px; }
.dashboard-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:25px; }.dashboard-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }.panel { padding:19px; }.panel h2 { margin-bottom:15px; }
.dashboard-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0 0 18px; }.dashboard-stat { min-height:74px; padding:12px; border:1px solid #403543; border-radius:12px; color:#d7c9db; background:#211b24; text-align:left; text-transform:capitalize; }.dashboard-stat:hover,.dashboard-stat.active { border-color:#b266ed; background:#2a2030; }.dashboard-stat span,.dashboard-stat strong { display:block; }.dashboard-stat span { font-size:13px; color:#bfaec4; }.dashboard-stat strong { margin-top:5px; color:#fff; font-size:24px; }.dashboard-panel { overflow:visible; padding:18px; }.dashboard-toolbar { display:grid; grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,auto)) auto; gap:9px; align-items:center; margin-bottom:16px; }.dashboard-toolbar select { min-width:0; border:1px solid #493d4c; border-radius:9px; padding:10px; color:#fff; background:#211b24; }.dashboard-table-wrap { overflow-x:auto; border:1px solid #403543; border-radius:11px; }.dashboard-table { width:100%; min-width:900px; border-collapse:collapse; font-size:13px; }.dashboard-table th { padding:11px 12px; color:#bbaabd; background:#1b161e; font-size:11px; letter-spacing:.06em; text-align:left; text-transform:uppercase; }.dashboard-table td { padding:12px; border-top:1px solid #3d3340; color:#d8cddb; vertical-align:middle; }.dashboard-table tbody tr:hover { background:#271f2b; }.dashboard-table td:first-child { min-width:220px; }.dashboard-table td strong,.dashboard-table td small { display:block; }.dashboard-table td small { margin-top:4px; color:#978a9a; font-size:11px; }.dashboard-empty { padding:34px!important; color:#ab9eaf!important; text-align:center; }.type-pill { display:inline-block; padding:4px 7px; border-radius:999px; background:#30263a; color:#ddb7ff; font-size:11px; }.dashboard-actions { display:flex; align-items:center; gap:2px; white-space:nowrap; }.row-menu { position:relative; }.row-menu summary { list-style:none; }.row-menu summary::-webkit-details-marker { display:none; }.row-menu[open] summary { background:#302735; }.row-menu-items { position:absolute; right:0; z-index:3; min-width:135px; overflow:hidden; padding:5px; border:1px solid #493d4c; border-radius:10px; background:#211b24; box-shadow:0 12px 30px #0009; }.row-menu-items button { display:block; width:100%; border:0; border-radius:7px; padding:8px 9px; color:#eee5f0; background:transparent; text-align:left; }.row-menu-items button:hover { background:#302735; }.dashboard-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; color:#b9acbd; font-size:13px; }.dashboard-pagination > div { display:flex; align-items:center; gap:7px; }.dashboard-pagination button:disabled { cursor:not-allowed; opacity:.4; }
.admin-row { display:flex; justify-content:space-between; align-items:center; gap:13px; padding:13px 0; border-top:1px solid #3d3340; }.admin-row:first-of-type { border-top:0; }.admin-row p { margin:4px 0 0; color:#ad9eaf; font-size:13px; }.admin-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:2px; }.status { display:inline-block; font-size:12px; border-radius:999px; padding:4px 8px; background:#332a38; color:#d7c7da; text-transform:capitalize; }.status.open { background:#173b2b; color:#adf0c5; }.status.scheduled { background:#23334e; color:#a7d2ff; }.status.closed { background:#46313c; color:#ffc0d1; }
.field { display:block; margin:0 0 14px; }.field span { display:block; margin-bottom:6px; font-size:13px; color:#c8b9cc; }.field input,.field textarea,.field select { width:100%; border:1px solid #493d4c; border-radius:9px; padding:10px; color:#fff; background:#211b24; outline:0; }.field textarea { min-height:92px; resize:vertical; }.field-help { display:block; margin-top:7px; color:#a99baa; line-height:1.45; }.inline-fields { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.poll-cover-field { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:end; }.poll-cover-field .upload-poll-cover { min-height:42px; cursor:pointer; font-weight:800; }.check-field { display:block; margin:0 0 12px; color:#d7c9db; font-size:14px; }.check-field input { margin-right:8px; }.results-panel { margin-top:24px; }
.option-form { display:grid; grid-template-columns:1fr 1fr 1fr 1.4fr auto auto auto auto; gap:8px; margin-bottom:8px; }.option-form input { min-width:0; }.hover-preview-controls { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:8px; border:1px dashed #57425d; border-radius:9px; background:#1b1620; }.hover-preview-controls .field-help { grid-column:1 / -1; margin:0; }.category-filter { flex:0 1 180px; }.icon-button { width:38px; border:1px solid #493d4c; border-radius:9px; color:#f1dce4; background:#2d242f; }.upload-button { display:grid; place-items:center; cursor:pointer; font-weight:800; }.import-row { display:flex; align-items:center; gap:12px; margin:-3px 0 14px; }.danger-link { color:#ff9dae; }.submit-actions { display:flex; align-items:center; gap:8px; }.form-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:19px; }.result-leader { margin:0 0 16px; color:#e9d9ef; font-size:14px; }.result-row { display:grid; grid-template-columns:minmax(115px,1.25fr) minmax(110px,3fr) 58px; gap:10px; align-items:center; padding:10px 0; border-top:1px solid #3d3340; font-size:14px; }.result-option strong,.result-option small,.result-count strong,.result-count small { display:block; }.result-option small,.result-count small { margin-top:2px; color:#a99baa; font-size:12px; }.result-count { text-align:right; }.bar { height:8px; overflow:hidden; border-radius:99px; background:#403444; }.bar div { height:100%; border-radius:inherit; background:linear-gradient(90deg,#ec4899,#8b5cf6); }
.option-form { display:grid; grid-template-columns:124px minmax(0,1fr) auto; gap:14px; align-items:stretch; margin:0 0 13px; padding:12px; border:1px solid #403543; border-radius:13px; background:#1c171f; }.option-thumb { display:grid; min-height:194px; place-items:center; overflow:hidden; border:1px solid #4a3d4c; border-radius:9px; background:#292230; color:#9f91a3; font-size:12px; text-align:center; }.option-thumb img { width:100%; height:100%; object-fit:cover; }.option-editor { min-width:0; }.option-header-fields { display:grid; grid-template-columns:1fr 1fr 1fr 1fr auto; gap:8px; align-items:end; }.option-header-fields label,.option-media-row label:first-child { display:block; min-width:0; }.option-header-fields span,.option-media-row span { display:block; margin:0 0 5px; color:#c8b9cc; font-size:12px; }.option-header-fields input,.option-media-row input { width:100%; min-width:0; border:1px solid #493d4c; border-radius:8px; padding:9px; color:#fff; background:#211b24; outline:0; }.option-header-fields input:focus,.option-media-row input:focus { border-color:#b266ed; box-shadow:0 0 0 3px #a855f733; }.option-order { display:flex; gap:4px; }.option-order .icon-button { height:38px; }.option-media-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; align-items:end; margin-top:9px; }.option-media-row .button { min-height:38px; }.option-media-row .upload-button { display:grid; place-items:center; }.option-form > .remove-option { align-self:center; white-space:nowrap; }.option-hover-row { padding-top:9px; border-top:1px solid #3d3340; }
.option-hover-row .clear-hover-preview { display:none; }
.dating-sim-ratio-controls { margin:0 0 14px; padding:13px; border:1px solid #4d3b55; border-radius:11px; background:#1c171f; }.dating-sim-ratio-controls .field { margin-bottom:8px; }.dating-sim-ratio-controls .field-help { margin:0; }.option-form.is-dating-sim .option-thumb { min-height:0; aspect-ratio:var(--option-image-aspect-ratio,16 / 9); }
.poll-selection-summary { margin:0 0 15px; }
details.panel { margin-top:18px; } details.panel summary { cursor:pointer; font-weight:700; } .tier-form { margin-top:18px; }
.suggestion-panel { max-width:760px; }.suggestion-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.suggestion-heading h2 { margin-bottom:6px; }.suggestion-heading p { margin:0; }.suggestion-image { display:block; width:min(250px,100%); max-height:440px; object-fit:cover; border:1px solid #4c3d50; border-radius:11px; margin:15px 0; }.suggestion-summary { padding-top:4px; }.suggestion-summary strong,.suggestion-summary span { display:block; }.suggestion-summary span { color:#c6b7ca; margin-top:4px; }.suggestion-summary p { line-height:1.55; }.current-suggestion-card { max-width:760px; margin-top:16px; }.current-suggestion-content { display:flex; align-items:flex-start; gap:14px; margin-top:14px; }.current-suggestion-image { width:92px; height:122px; flex:0 0 auto; object-fit:cover; border:1px solid #4c3d50; border-radius:9px; background:#241d29; }.current-suggestion-copy { min-width:0; }.current-suggestion-copy strong,.current-suggestion-copy span { display:block; }.current-suggestion-copy strong { font-size:18px; }.current-suggestion-copy span { color:#c6b7ca; margin-top:4px; }.current-suggestion-copy p { margin:8px 0 0; line-height:1.55; }.current-suggestion-empty h2 { margin-bottom:6px; }.current-suggestion-empty p { margin:0; }.suggestion-list { display:grid; gap:12px; margin-top:16px; }.suggestion-card { display:grid; grid-template-columns:105px minmax(0,1fr); gap:14px; padding:12px 0; border-top:1px solid #3d3340; }.suggestion-card:first-child { border-top:0; padding-top:0; }.suggestion-card-image { min-width:0; }.suggestion-thumb { width:105px; height:140px; object-fit:cover; border-radius:9px; border:1px solid #4a3d4c; background:#2a2330; }.suggestion-thumb.placeholder { display:grid; place-items:center; color:#978a9a; font-size:12px; }.suggestion-card-copy { min-width:0; }.suggestion-card-copy strong { font-size:17px; }.suggestion-card-copy p { margin:4px 0 0; color:#c2b4c7; line-height:1.45; }.suggestion-import { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }.suggestion-import select { max-width:280px; border:1px solid #493d4c; border-radius:8px; padding:7px; color:#fff; background:#211b24; }
.suggestion-quick-actions { align-items:stretch; flex-direction:column; gap:5px; }.suggestion-quick-actions button { width:100%; }
.content-guidelines { max-width:820px; margin:18px 0; padding:14px 16px; border:1px solid #5c495f; border-left:3px solid #d07af7; border-radius:10px; background:#251e28; color:#d7c8da; line-height:1.5; }.content-guidelines strong { color:#f3e7f7; }.content-guidelines ul { margin:8px 0 0; padding-left:20px; }.content-guidelines li + li { margin-top:5px; }
.privacy-copy { max-width:780px; line-height:1.65; color:#d2c6d6; }.privacy-copy h2 { margin:26px 0 7px; color:#f7f2f8; }.privacy-copy p:last-child { margin-bottom:0; }
.media-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }.media-toolbar select { border:1px solid #493d4c; border-radius:9px; padding:10px; color:#fff; background:#211b24; }.media-list { display:grid; gap:13px; margin-top:18px; }.media-card { display:grid; grid-template-columns:112px minmax(0,1fr); gap:14px; padding:12px 0; border-top:1px solid #3d3340; }.media-card:first-child { border-top:0; padding-top:0; }.media-thumb { display:block; height:150px; overflow:hidden; border:1px solid #4a3d4c; border-radius:9px; background:#2a2330; }.media-thumb img { display:block; width:100%; height:100%; object-fit:cover; }.media-copy { min-width:0; }.media-title { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }.media-title strong { font-size:17px; }.media-title p { margin:4px 0 0; color:#ad9eaf; font-size:13px; }.media-key { display:block; overflow:auto; margin:9px 0 6px; padding:8px; border-radius:7px; background:#17121a; color:#deb7ff; font-size:12px; white-space:nowrap; }.media-usage { margin:9px 0; color:#d1c3d5; font-size:13px; line-height:1.45; }.media-usage.unused { color:#a99baa; }.media-actions { display:flex; flex-wrap:wrap; gap:2px; }.media-actions a { font-size:14px; }
@media (max-width:760px) { .app-shell { padding:30px 16px 112px; }.poll-list,.option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.dashboard-grid { grid-template-columns:1fr; }.option-form { grid-template-columns:1fr 1fr; }.option-form .icon-button { min-height:42px; }.dashboard-head { align-items:flex-start; flex-direction:column; }.site-header { padding:0 16px; }.nav-label { display:none; }.submit-bar { display:none; }.mobile-vote { position:fixed; z-index:10; left:16px; right:16px; bottom:max(12px, env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; border:1px solid #514055; border-radius:13px; background:#211b24f2; box-shadow:0 12px 35px #0009; backdrop-filter:blur(12px); }.mobile-vote span { color:#d9cedd; font-size:13px; }.mobile-vote .button:disabled { cursor:not-allowed; opacity:.55; } }
@media (hover:none) { .option-art[data-hover-preview] .preview-hint { display:block; } }
@media (max-width:560px) { .brand-hero { min-height:365px; margin:-10px 0 28px; background-position:56% center; }.hero-content { padding:25px 20px; }.hero-content h1 { font-size:34px; } }
@media (max-width:560px) { .suggestion-card { grid-template-columns:82px minmax(0,1fr); }.suggestion-thumb { width:82px; height:110px; }.suggestion-heading { align-items:flex-start; flex-direction:column; gap:6px; }.current-suggestion-content { gap:11px; }.current-suggestion-image { width:78px; height:104px; } }
@media (max-width:560px) { .media-card { grid-template-columns:82px minmax(0,1fr); }.media-thumb { height:110px; }.media-title { align-items:flex-start; flex-direction:column; gap:6px; }.media-toolbar select { flex:1 1 140px; min-width:0; } }
@media (max-width:900px) { .option-form { grid-template-columns:100px minmax(0,1fr) auto; }.option-thumb { min-height:160px; }.option-header-fields { grid-template-columns:1fr 1fr; }.option-order { grid-column:1 / -1; } }
@media (max-width:560px) { .option-form { grid-template-columns:82px minmax(0,1fr); gap:10px; padding:10px; }.option-thumb { min-height:126px; }.option-form > .remove-option { grid-column:1 / -1; justify-self:end; }.option-header-fields { grid-template-columns:1fr; }.option-media-row { grid-template-columns:minmax(0,1fr) auto; }.option-hover-row .clear-hover-preview { grid-column:1 / -1; justify-self:start; }.option-media-row .button { padding:9px 10px; } }
@media (max-width:1000px) { .dashboard-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }.dashboard-toolbar { grid-template-columns:1fr 1fr; }.dashboard-toolbar .search { grid-column:1 / -1; }.dashboard-toolbar #clear-dashboard-filters { justify-self:start; }.dashboard-table-wrap { overflow:visible; border:0; }.dashboard-table,.dashboard-table tbody,.dashboard-table tr,.dashboard-table td { display:block; min-width:0; width:100%; }.dashboard-table thead { display:none; }.dashboard-table tr { margin:0 0 11px; overflow:visible; border:1px solid #403543; border-radius:11px; background:#1c171f; }.dashboard-table td { display:grid; grid-template-columns:112px minmax(0,1fr); gap:10px; padding:8px 11px; border-top:1px solid #332a38; }.dashboard-table td:first-child { min-width:0; padding-top:13px; }.dashboard-table td::before { content:attr(data-label); color:#a99baa; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.dashboard-table td:first-child::before { content:'Poll'; }.dashboard-table td[data-label="Actions"] { display:block; padding:10px 7px; }.dashboard-table td[data-label="Actions"]::before { display:none; }.dashboard-actions { justify-content:flex-end; }.dashboard-empty { display:block!important; padding:28px!important; border:0!important; text-align:center; }.dashboard-pagination { align-items:flex-start; flex-direction:column; }.row-menu-items { right:0; } }
@media (max-width:420px) { .dashboard-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-toolbar { grid-template-columns:1fr; }.dashboard-toolbar .search { grid-column:auto; } }
@media (max-width:390px) { .option-grid { grid-template-columns:1fr; }.submit-bar { align-items:stretch; flex-direction:column; }.submit-bar .button { width:100%; }.inline-fields,.poll-cover-field { grid-template-columns:1fr; }.poll-cover-field .upload-poll-cover { justify-self:start; } }

/* Creator command center */
.creator-menu-items a { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.nav-badge { min-width:18px; padding:2px 5px; border-radius:999px; background:#9f4be0; color:#fff; font-size:10px; font-weight:800; line-height:1.25; text-align:center; }
.panel-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }.panel-title-row h2 { margin-bottom:4px; }.panel-title-row .subtle { margin:0; }
.attention-panel { margin:0 0 18px; padding:17px 19px; border:1px solid #543963; border-radius:14px; background:linear-gradient(125deg,#271b2d,#211b24); }.attention-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.attention-heading h2 { margin:0 0 5px; }.attention-heading p { margin:0; color:#bcaec1; font-size:13px; }.attention-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.attention-links a { padding:7px 9px; border:1px solid #5b3d68; border-radius:9px; color:#efc7ff; font-size:12px; font-weight:700; text-decoration:none; }.attention-links a:hover { border-color:#d374fa; background:#32213b; }.attention-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:15px; }.attention-grid > div { min-height:68px; padding:11px; border:1px solid #3e3145; border-radius:10px; background:#1a151e; }.attention-label { display:block; margin-bottom:8px; color:#ae9ab5; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.attention-grid a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:5px 0; color:#ebe0ed; font-size:13px; text-decoration:none; }.attention-grid a:hover strong { color:#e5a5ff; }.attention-grid a span { color:#aa9bac; font-size:12px; text-align:right; }.due-soon { color:#ffb0c0; font-weight:800; }.attention-row td { background:#38232d55; }.scheduled-row td { background:#1d2a3a33; }
.creator-filter-grid { display:grid; grid-template-columns:minmax(220px,1fr) repeat(3,minmax(145px,auto)) auto; gap:9px; align-items:center; margin-bottom:16px; }.creator-filter-grid input:not(.search),.creator-filter-grid select { min-width:0; border:1px solid #493d4c; border-radius:9px; padding:10px; color:#fff; background:#211b24; outline:0; }.creator-filter-grid input:focus,.creator-filter-grid select:focus { border-color:#b266ed; box-shadow:0 0 0 3px #a855f733; }.creator-result-count { margin-top:14px; color:#b9acbd; font-size:13px; }.creator-pagination { margin-top:17px; }.creator-tabs { display:flex; gap:6px; margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid #3b303f; }.creator-tab { border:1px solid transparent; border-radius:9px; padding:8px 11px; color:#cbbdce; background:transparent; font-weight:700; }.creator-tab:hover,.creator-tab.active { border-color:#63416f; background:#302238; color:#f7e9fa; }.creator-empty { display:flex; min-height:145px; align-items:center; justify-content:center; flex-direction:column; gap:7px; padding:24px; color:#d8ccda; text-align:center; }.creator-empty span { color:#a99baa; font-size:13px; }
.media-library-panel { overflow:visible; }.media-bulk-bar { position:sticky; z-index:2; top:72px; display:flex; align-items:center; justify-content:space-between; gap:13px; margin:0 0 15px; padding:10px 12px; border:1px solid #965165; border-radius:10px; background:#3b202bfa; box-shadow:0 8px 24px #0006; color:#ffd7df; font-size:13px; }.media-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.media-gallery-card { overflow:hidden; border:1px solid #443646; border-radius:13px; background:#1c171f; transition:transform .16s,border-color .16s,box-shadow .16s; }.media-gallery-card:hover { transform:translateY(-2px); border-color:#a65bd7; box-shadow:0 9px 26px #0005; }.media-gallery-art { position:relative; aspect-ratio:3/4; overflow:hidden; background:#2b2230; }.media-gallery-art img { width:100%; height:100%; object-fit:cover; }.media-kind-chip { position:absolute; top:8px; right:8px; padding:4px 6px; border-radius:999px; background:#130d18d9; color:#f6e9f9; font-size:10px; font-weight:800; }.media-select { position:absolute; bottom:8px; left:8px; display:flex; align-items:center; gap:5px; padding:5px 7px; border-radius:8px; background:#130d18dc; color:#fff; font-size:11px; font-weight:800; cursor:pointer; }.media-select input { accent-color:#c064f5; }.media-gallery-copy { display:flex; align-items:flex-start; justify-content:space-between; gap:7px; padding:10px 10px 7px; }.media-gallery-copy strong { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:13px; line-height:1.3; }.media-gallery-copy p { margin:4px 0 0; color:#a99baa; font-size:11px; }.media-gallery-copy .status { flex:0 0 auto; font-size:10px; }.media-view-button { width:100%; margin:0; border-radius:0; border-top:1px solid #3d3340; color:#dbb6f1; font-size:12px; font-weight:700; text-align:left; }.media-dialog { width:min(750px,calc(100vw - 28px)); max-height:calc(100vh - 28px); border:1px solid #5a4062; border-radius:16px; padding:20px; color:#f7f2f8; background:#201923; box-shadow:0 25px 90px #000c; }.media-dialog::backdrop { background:#09070bba; backdrop-filter:blur(4px); }.dialog-close { position:absolute; top:10px; right:11px; width:32px; height:32px; border:0; border-radius:50%; color:#f8edf9; background:#3a2b3d; font-size:22px; line-height:1; }.media-dialog-image { display:block; width:min(250px,100%); max-height:48vh; margin:0 auto 16px; border:1px solid #4d3c50; border-radius:11px; object-fit:contain; background:#120f15; }.media-dialog h2 { margin:0 0 6px; }.media-dialog h3 { margin:18px 0 8px; font-size:15px; }.media-usage-list { margin:0; padding-left:20px; color:#cfc1d3; font-size:13px; line-height:1.6; }.media-usage-list a { color:#e0aafa; }.media-dialog .media-key { white-space:normal; overflow-wrap:anywhere; }
.review-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:18px; }.review-sidebar { display:grid; align-content:start; gap:18px; }.review-import-panel { padding:17px; border:1px solid #493b50; border-radius:13px; background:#211b24; }.review-import-panel h2 { margin-bottom:6px; }.review-import-panel p { margin-bottom:13px; }.review-imports { margin:0; padding-left:18px; color:#d7c8da; line-height:1.75; }.review-imports a { color:#dfb0fa; }
.bulk-suggestion-import { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); gap:16px; align-items:end; margin-bottom:18px; border-color:#53405b; background:linear-gradient(120deg,#241c29,#211b24); }.bulk-suggestion-import h2 { margin-bottom:5px; }.bulk-suggestion-import .eyebrow { margin-bottom:5px; }.bulk-suggestion-import .subtle { margin-bottom:0; }.bulk-suggestion-import-controls { display:flex; gap:8px; align-items:center; }.bulk-suggestion-import-controls select { min-width:0; flex:1; border:1px solid #493d4c; border-radius:9px; padding:10px; color:#fff; background:#211b24; }.bulk-suggestion-import-result { grid-column:1 / -1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding-top:13px; border-top:1px solid #403545; }.bulk-suggestion-import-result p { width:100%; margin:0; color:#c9bbcd; font-size:13px; }.bulk-suggestion-import-result .button { margin-left:auto; }
.tier-sync-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; padding:15px 18px; border:1px solid #3b5a64; border-radius:13px; background:linear-gradient(115deg,#1a2b31,#211b24); }.tier-sync-card strong { color:#d8f7ff; }.tier-sync-card p { margin:5px 0 0; color:#b4c7cb; font-size:13px; }.tier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.tier-card { display:flex; align-items:flex-start; justify-content:space-between; gap:13px; padding:14px; border:1px solid #403543; border-radius:11px; background:#1b161e; }.tier-title-row { display:flex; align-items:center; gap:8px; }.tier-price { margin:8px 0 4px; color:#f5e8f8; font-size:22px; font-weight:800; }.tier-price span { margin-left:4px; color:#a99baa; font-size:12px; font-weight:500; }.tier-card p { margin:0; color:#a99baa; font-size:12px; }.tier-manual { margin-top:18px; }
.activity-list { margin-top:4px; }.activity-date { margin:22px 0 7px; color:#b9a6c0; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }.activity-date:first-child { margin-top:4px; }.activity-event { display:flex; align-items:flex-start; gap:11px; padding:11px 0; border-top:1px solid #3a303e; }.activity-icon { display:grid; width:27px; height:27px; flex:0 0 27px; place-items:center; border-radius:8px; color:#efc5ff; background:#39273f; font-size:12px; font-weight:900; }.activity-event strong { font-size:14px; }.activity-event p { margin:4px 0 0; color:#ad9eaf; font-size:12px; }.activity-event a { color:#e2b3fb; text-decoration:none; }.activity-event a:hover { text-decoration:underline; }
@media (max-width:1000px) { .creator-filter-grid { grid-template-columns:1fr 1fr; }.creator-filter-grid .search { grid-column:1 / -1; }.media-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }.review-layout { grid-template-columns:1fr; }.review-sidebar { grid-template-columns:1fr 1fr; }.attention-grid { grid-template-columns:1fr; } }
@media (max-width:680px) { .attention-heading,.tier-sync-card { align-items:flex-start; flex-direction:column; }.attention-links { justify-content:flex-start; }.media-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.media-bulk-bar { top:64px; align-items:flex-start; flex-direction:column; }.creator-filter-grid { grid-template-columns:1fr; }.creator-filter-grid .search { grid-column:auto; }.creator-tabs { overflow-x:auto; }.review-sidebar,.tier-grid,.bulk-suggestion-import { grid-template-columns:1fr; }.bulk-suggestion-import-controls { align-items:stretch; flex-direction:column; }.bulk-suggestion-import-result .button { margin-left:0; }.activity-filters { grid-template-columns:1fr; } }

/* Supporter-facing status polish */
.poll-card-meta,.poll-card-footer,.poll-facts { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }.poll-card-meta { margin-bottom:10px; color:#bcaec1; font-size:11px; font-weight:700; }.poll-card-footer { padding-top:11px; border-top:1px solid #3a303e; color:#ac9daf; font-size:11px; line-height:1.35; }.poll-card-footer span + span::before { content:'•'; margin-right:7px; color:#725a78; }.poll-facts { margin:15px 0; }.poll-facts span { padding:6px 8px; border:1px solid #46394a; border-radius:999px; color:#d6c8da; background:#211b24; font-size:12px; }.poll-share-control { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:-5px 0 15px; }.poll-share-control .subtle { margin:0; font-size:12px; }

/* Supporter archive and personal suggestion history */
.home-section { margin:38px 0; }.home-browser { padding-top:28px; border-top:1px solid #382f3c; }.section-heading,.supporter-page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:16px; }.section-heading h2,.supporter-page-head h1 { margin-bottom:5px; }.section-heading .subtle { margin:0; }.public-poll-toolbar { display:grid; grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,auto)) auto auto; gap:9px; align-items:center; margin:0 0 18px; }.public-poll-toolbar select { min-width:0; border:1px solid #493d4c; border-radius:9px; padding:10px; color:#fff; background:#211b24; }.public-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; color:#b9acbd; font-size:13px; }.public-pagination > div { display:flex; align-items:center; gap:7px; }.public-pagination button:disabled { cursor:not-allowed; opacity:.4; }.my-suggestions-panel { padding:8px 18px; }.my-suggestion-card { grid-template-columns:72px minmax(0,1fr); gap:12px; padding:12px 0; }.suggestion-history-art { position:relative; width:72px; }.suggestion-history-art.has-hover-preview { cursor:zoom-in; }.suggestion-history-thumb { display:block; width:72px; height:96px; object-fit:cover; border:1px solid #4a3d4c; border-radius:8px; background:#2a2330; }.suggestion-history-thumb.placeholder { display:grid; place-items:center; color:#978a9a; font-size:11px; text-align:center; }.history-preview-hint { position:absolute; right:4px; bottom:4px; padding:2px 5px; border-radius:999px; background:#130d18df; color:#ebd4f8; font-size:9px; font-weight:800; }.my-suggestion-card .suggestion-heading { align-items:center; }.my-suggestion-card .suggestion-card-copy > p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.my-suggestion-imports { display:grid; gap:5px; margin-top:8px; }.my-suggestion-import { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 8px; border:1px solid #403543; border-radius:8px; color:#eadff0; background:#1b171e; text-decoration:none; font-size:12px; }.my-suggestion-import:hover { border-color:#9d58cf; }.outcome { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#34293a; color:#dac6df; font-size:11px; font-weight:700; }.outcome.winner { background:#47381a; color:#ffe18b; }.outcome.completed { background:#293334; color:#bde1de; }.outcome.entered { background:#30263a; color:#ddb7ff; }.option-winner { min-width:126px; padding:8px 10px; border:1px solid #69513b; border-radius:8px; background:#302819; color:#f7dfa0; font-size:12px; }.option-winner span { margin-bottom:4px!important; color:#f7dfa0!important; }.option-winner input { width:auto!important; margin:0 6px 0 0; accent-color:#f0bb3e; }
.winner-option-list { display:grid; gap:8px; }.winner-option-list label { display:flex; align-items:center; gap:10px; padding:11px; border:1px solid #403543; border-radius:10px; background:#1b171e; }.winner-option-list input { width:18px; height:18px; accent-color:#f0bb3e; }.winner-option-list strong,.winner-option-list small { display:block; }.winner-option-list small { margin-top:3px; color:#ad9dad; }

@media (max-width:900px) { .public-poll-toolbar { grid-template-columns:1fr 1fr; }.public-poll-toolbar .search { grid-column:1 / -1; }.option-winner { grid-column:1 / -1; } }
@media (max-width:680px) { .section-heading,.supporter-page-head { align-items:flex-start; flex-direction:column; }.public-poll-toolbar { grid-template-columns:1fr; }.public-poll-toolbar .search { grid-column:auto; }.public-pagination { align-items:flex-start; flex-direction:column; }.my-suggestion-import { align-items:flex-start; flex-direction:column; gap:6px; } }