/* Open questions and single-choice polls. */
.poll-board{max-width:920px;margin:0 auto}
.works-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}
.works-heading h1{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:500;letter-spacing:-.8px}
.works-heading p{font-size:14px;color:var(--muted);margin-top:6px}
.poll-write{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#fff0f5;color:#ad4e72;border-radius:7px;font-size:13px;white-space:nowrap}
.poll-write:hover{background:#fbe6ef}
.poll-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.poll-category-tabs{display:flex;flex-wrap:wrap;gap:6px}
.poll-category-tabs button{background:#f5f5f7;color:#7e7885;font-size:13px;border-radius:6px;padding:7px 13px;white-space:nowrap}
.poll-category-tabs button[aria-pressed=true]{background:#29272e;color:white}
.poll-search{display:flex;align-items:center;gap:9px;max-width:200px;min-width:120px;background:#f6f6f8;padding:9px 12px;border-radius:7px;color:#aaa2b1}
.poll-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px}
.poll-search:focus-within{outline:2px solid #b49ce9;outline-offset:2px}
.poll-search input::placeholder{color:#98919e}
.poll-list-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#88818f;font-size:12px;padding:18px 0 0}
.poll-list-meta b{color:#72558e;font-weight:400;margin-left:4px}
.poll-list-meta>div{display:flex;gap:18px}
.poll-list-meta button{font-size:12px;color:#a098a6;padding:0}
.poll-list-meta button[aria-pressed=true]{color:#302a37}
.poll-list-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 70px;align-items:center;gap:22px;min-height:64px;border-bottom:1px solid var(--line);padding:18px 0}
.poll-list-row h2{font-size:16px;line-height:1.7;font-weight:400;letter-spacing:-.35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.poll-row-title{display:flex;align-items:center;gap:8px;min-width:0}
.poll-row-title h2{min-width:0;flex:0 1 auto}
.poll-list-spoiler{flex-shrink:0;background:#fff0f5;color:#b34e73;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:400;line-height:1.5}
.poll-list-row:hover h2{color:var(--purple)}
.poll-list-stat{font-size:12px;color:#9a90a2;display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap}
.poll-list-stat b{font-size:13px;font-weight:400;color:#73667d;font-variant-numeric:tabular-nums}
@media(max-width:560px){.poll-list-row{grid-template-columns:minmax(0,1fr) 61px 47px;gap:10px;min-height:59px;padding:16px 0}.poll-list-row h2{font-size:14px}.poll-list-stat{font-size:10px;gap:5px}.poll-list-stat b{font-size:11px}}
.poll-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#8b7d98;margin-bottom:10px}
.poll-tags>span{padding:3px 8px;border-radius:4px;background:#f5f2f9}
.poll-tags>span+span{background:#f6f6f8;color:#85808d}
.poll-tags>.poll-spoiler-tag,.poll-spoiler-tag{background:#fff0f4;color:#ad5e7b;font-size:11px;padding:3px 8px;border-radius:4px}
.poll-author{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#88818e;font-size:12px}
.poll-author strong{font-size:12px;font-weight:400;color:#69626f}
.poll-author>span:last-child{font-size:11px;color:#a39ba9}
.poll-ballot{margin-top:17px}
.poll-choices{display:flex;flex-direction:column;gap:7px}
.poll-choice{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:45px;width:100%;border:1px solid #e9e5ed;background:#fff;border-radius:7px;padding:11px 14px;text-align:left;font-size:14px;font-weight:400;line-height:1.6}
.poll-choice:hover{border-color:#bfa5d9;background:#fcfaff}
.poll-choice.chosen{border-color:#bca0d8;color:#714b9e}
.poll-choice-fill{position:absolute;left:0;top:0;height:100%;background:#f5f3f7;z-index:-1;pointer-events:none}
.poll-choice.chosen .poll-choice-fill{background:#f0e8f9}
.poll-choice-label{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere;min-width:0}
.poll-choice-mark{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid #d3cadc;border-radius:50%}
.poll-choice.chosen .poll-choice-mark{background:#9873bd;color:white;border-color:#9873bd}
.poll-choice-stat{white-space:nowrap;font-size:13px;color:#84708f}
.poll-choice-stat small{font-size:11px;color:#a296ac;margin-left:6px}
.poll-ballot-foot{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9d93a5;margin-top:10px;flex-wrap:wrap}
.poll-empty{padding:65px 15px;text-align:center;color:#9b8fa4;font-size:14px}
.poll-empty h1{font-size:23px;font-weight:500;margin-bottom:15px}
.poll-empty button,.poll-empty a{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:var(--purple);font-size:13px}
.poll-detail{max-width:720px;margin:0 auto}
.poll-back{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#918299;margin-bottom:30px}
.poll-detail>h1{font-size:25px;line-height:1.6;font-weight:500;letter-spacing:-.6px;margin:17px 0 18px;overflow-wrap:anywhere}
.poll-body{font-size:15px;line-height:1.95;color:#716777;margin:0 0 20px;overflow-wrap:anywhere}
.poll-source{font-size:11px;color:#a495ac;text-decoration:underline;text-underline-offset:3px}
.poll-detail .poll-ballot{margin-top:25px}
.poll-detail-gate{text-align:center;border:1px solid #eee7f1;border-radius:10px;padding:48px 25px;margin-top:25px;background:#fcfafc}
.poll-detail-gate h1{font-size:24px;font-weight:500;margin:18px 0 10px}
.poll-detail-gate p{font-size:13px;color:#9c8da5}
.poll-detail-gate button{font-size:13px;font-weight:400;display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 20px}
.work-comments{border-top:1px solid var(--line);padding-top:28px;margin-top:35px}
.work-comments-heading{margin-bottom:17px}
.work-comments-heading h2{font-size:18px;font-weight:500}
.work-comments-heading h2 span{font-size:15px;color:var(--purple);margin-left:5px}
#work-comment-form textarea{display:block;width:100%;min-height:90px;resize:vertical;border:1px solid #e7e1ec;border-radius:7px;padding:13px 15px;font-size:14px;line-height:1.8}
#work-comment-form textarea::placeholder{color:#aaa0b1}
#work-comment-form>div{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}
#work-comment-form>div>span{font-size:12px;color:#a293aa;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#work-comment-form button{white-space:nowrap;background:var(--ink);color:white;font-size:12px;padding:9px 13px;border-radius:6px}
.work-comments .comment p{font-size:14px;font-weight:400;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.work-comments .comment-meta strong{font-size:12px;font-weight:400}
.work-comments .comment-meta>span:last-of-type{font-size:10px;color:#a195a9}
.work-comments [data-delete-comment]{font-size:10px;padding:0;margin-left:auto;color:#a195a9;text-decoration:underline;text-underline-offset:3px}
.poll-no-comments{font-size:13px;color:#a195a9;text-align:center;padding:35px 0}
#work-compose-dialog{max-width:600px;width:calc(100% - 32px);padding:28px}
#work-compose-dialog .dialog-head h2{font-size:21px;font-weight:500}
#work-compose-form{margin-top:23px}
#work-compose-form label{display:block;font-size:13px;font-weight:400;margin:17px 0;color:#675f6f}
#work-compose-form label>span:not(.poll-option-number){font-size:11px;color:#a99fb1;margin-left:4px}
#work-compose-form input:not([type=checkbox]),#work-compose-form textarea,#work-compose-form select{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #e5dfea;border-radius:6px;background:white;font-size:14px;font-weight:400}
#work-compose-form input::placeholder,#work-compose-form textarea::placeholder{color:#aea4b5}
#work-compose-form textarea{min-height:100px;resize:vertical;line-height:1.7}
.poll-form-row{display:grid;grid-template-columns:125px 1fr;gap:14px}
#work-compose-form .poll-form-row label{margin:0}
.poll-compose-options{border:0;padding:0;margin:22px 0 0;min-width:0}
.poll-compose-options legend{font-size:13px;color:#675f6f;margin-bottom:6px;padding:0}
#poll-option-fields>div{display:flex;align-items:center;gap:8px;margin:8px 0}
#work-compose-form #poll-option-fields label{display:flex;align-items:center;gap:10px;margin:0;flex:1;min-width:0}
#work-compose-form #poll-option-fields input{margin:0}
.poll-option-number{display:block;width:16px;flex-shrink:0;color:#b4a3c2;font-size:12px}
#poll-option-fields button{display:flex;padding:8px;color:#a59aaa}
#poll-option-fields button:disabled{opacity:.25;cursor:default}
#poll-add-option{display:block;padding:9px 0;margin-left:26px;color:#9874af;font-size:12px}
#poll-add-option:disabled{color:#b4a9ba;cursor:default}
#work-compose-form .poll-spoiler-check{display:flex;align-items:center;gap:9px;margin-top:22px}
.poll-spoiler-check input{accent-color:var(--purple);width:15px;height:15px;margin:0}
#poll-episode-label[hidden]{display:none}
.poll-form-error{font-size:12px;color:#c3587d;min-height:0}
.poll-form-error:not(:empty){margin:15px 0}
.poll-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}
.poll-compose-bottom small{font-size:11px;color:#9f93a7}
.poll-compose-bottom button{font-size:13px;font-weight:400;padding:11px 17px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.works-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px;border:1px solid #eee5ec;border-radius:8px;margin:-20px 0 34px;background:#fffbfd}
.works-entry>div{display:flex;align-items:center;gap:17px}
.works-entry>div>span{font-size:12px;color:#a65d7c;white-space:nowrap}
.works-entry strong{font-size:15px;font-weight:400}
.works-entry-copy p{margin:5px 0 0;color:#85818b;font-size:13px;font-weight:400;line-height:1.6;word-break:keep-all}
.works-entry>span{font-size:12px;display:flex;align-items:center;gap:12px;color:#9f8290;white-space:nowrap}
.work-my-votes{margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:20px}
.work-my-votes h2{font-size:22px;font-weight:500;margin-bottom:14px}
.work-my-votes>a{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;padding:15px 0;color:#7c638f}
.work-my-votes>a+a{border-top:1px solid var(--line)}
@media(max-width:1050px) and (min-width:761px){.topbar-inner{gap:16px;padding-left:24px;padding-right:24px}.topbar nav{gap:18px}.topbar nav a{font-size:13px}}
@media(max-width:900px){.works-entry>div{align-items:flex-start;flex-direction:column;gap:5px}.poll-tools{flex-wrap:wrap;gap:14px}.poll-search{max-width:none;flex:1;min-width:160px}}
@media(max-width:560px){.works-heading h1{font-size:23px}.works-heading p{font-size:13px}.works-heading{gap:10px}.poll-write{font-size:12px;padding:10px 12px}.poll-category-tabs{gap:5px}.poll-category-tabs button{font-size:12px;padding:7px 11px}.poll-search{flex-basis:100%;max-width:none}.poll-choice{font-size:13px;padding:10px 11px;gap:10px}.poll-choice-stat{font-size:12px}.poll-choice-stat small{display:none}.poll-author{gap:6px}.poll-detail>h1{font-size:22px}.poll-body{font-size:14px}.poll-detail-gate{padding:36px 20px}.poll-detail-gate h1{font-size:22px}.poll-detail-gate p{line-height:1.8}#work-compose-dialog{padding:22px}.poll-form-row{grid-template-columns:100px 1fr;gap:12px}.poll-compose-bottom{flex-wrap:wrap}.poll-compose-bottom button{margin-left:auto}.works-entry{align-items:flex-start;flex-direction:column;gap:10px;padding:16px 17px}.works-entry strong{font-size:14px}.works-entry>span{font-size:11px;align-self:flex-end}}

/* Work names sit immediately before vote counts. */
.poll-list-row{grid-template-columns:minmax(0,1fr) 152px 90px 70px;gap:18px}
.poll-work-name{justify-self:end;max-width:100%;box-sizing:border-box;border:1px solid #e6dbe9;border-radius:0;padding:5px 9px;background:#fcf9fd;color:#87718d;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.poll-list-row{grid-template-columns:minmax(0,1fr) 61px 47px;gap:8px 10px}.poll-row-title{grid-column:1/-1}.poll-work-name{grid-column:1;justify-self:start;max-width:100%;font-size:11px;padding:4px 7px}}

.poll-work-name{display:block;width:140px;height:30px;padding:0 9px;line-height:28px;text-align:center}
@media(max-width:700px){.poll-work-name{width:140px;height:30px;padding:0 7px;line-height:28px}}

.quiz-entry strong,.works-entry strong{font-size:18px}
.quiz-entry>span:last-child,.works-entry>span{font-size:13px}