.question-browser{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:20px;border:1px solid #79556d;background:#1c101bd9;border-radius:20px;padding:22px;margin:22px 0 16px;text-align:center}
.question-browser[hidden]{display:none}
.question-browser p{font:18px/1.6 var(--pixel);color:var(--pink);margin-top:9px;text-wrap:balance}
.question-browser button,.answer-pagination button,.reader-header button{border:1px solid #946880;background:#23131f;color:var(--pink);border-radius:50%;width:44px;height:44px;flex:none;font:22px var(--pixel);cursor:pointer}
.question-browser button:disabled,.answer-pagination button:disabled,.reader-navigation button:disabled{opacity:.3;cursor:default}
.answer-pagination{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-bottom:18px;font:12px var(--mono);color:var(--muted)}
.answer-pagination span{min-width:100px;text-align:center}
.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reply-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:315px;padding:25px;border:1px solid #79556d;border-radius:22px;background:linear-gradient(145deg,#281622f0,#130c17f5);box-shadow:0 12px 35px #0002}
.reply-card h3{font:500 17px/1.5 var(--display);letter-spacing:-.045em;color:var(--pink);margin:0;overflow-wrap:anywhere}
.reply-card-question{font:11px/1.6 var(--mono);color:var(--muted);margin-top:8px}
.reply-card .answer-badges{margin-top:12px;gap:5px}
.reply-card .answer-badges span{font-size:11px}
.reply-card-preview{font:14px/1.75 var(--mono);margin:19px 0 22px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.reply-card>.text-link{margin-top:auto;font-size:14px;min-height:44px;display:flex;align-items:center}
.empty-answers{grid-column:1/-1;border:1px dashed #79556d;border-radius:20px;padding:60px 25px;text-align:center;font:16px var(--pixel);color:var(--muted)}
.reading-answer{overflow:hidden}
.answer-dialog{margin:auto;width:min(760px,calc(100% - 32px));max-width:none;height:auto;max-height:calc(100dvh - 36px);padding:0;border:1px solid #b07d9a;border-radius:24px;background:#130c16;color:var(--text);box-shadow:0 18px 100px #000b;overflow:hidden}
.answer-dialog[open]{display:flex;flex-direction:column}
.answer-dialog::backdrop{background:#07050cbd;backdrop-filter:blur(7px)}
.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid #503548;flex-shrink:0}
.reader-header button{font-size:28px}
.reader-body{padding:28px 34px;overflow:auto;overscroll-behavior:contain;min-height:0}
.reader-body h2{font:500 clamp(22px,3vw,29px)/1.4 var(--display);letter-spacing:-.05em;color:var(--pink);margin:0}
.reader-question{font:17px/1.65 var(--pixel);color:#e4b9d2;padding:18px 20px;background:#271624;border-radius:15px;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.reader-text{font:16px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0 30px;color:#f7e8f3}
.reader-audit{border-top:1px solid #503548;padding-top:18px;color:var(--muted)}
.reader-audit summary{font:13px var(--pixel);cursor:pointer;color:var(--pink)}
.reader-audit dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:7px 18px;font:11px/1.8 var(--mono);margin:20px 0 0;overflow-wrap:anywhere}
.reader-audit dd,.reader-audit dt{margin:0}
.reader-navigation{display:flex;justify-content:space-between;gap:15px;padding:16px 24px;background:#1e111d;border-top:1px solid #503548;flex-shrink:0}
.reader-navigation button{border:1px solid #946880;border-radius:24px;background:#ffd0e7;color:#190d17;padding:11px 18px;min-height:44px;font:14px var(--pixel);cursor:pointer}
.reply-card button:focus-visible,.question-browser button:focus-visible,.answer-pagination button:focus-visible,.answer-dialog button:focus-visible,.reader-audit summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
@media(max-width:1000px){.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.answer-grid{grid-template-columns:1fr}.reply-card{min-height:310px;padding:23px}.reply-card h3{font-size:18px}.question-browser{gap:10px;padding:17px 10px;grid-template-columns:36px 1fr 36px}.question-browser button{width:36px;height:44px;border-radius:18px}.question-browser p{font-size:16px}.answer-pagination{justify-content:center}.answer-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:20px}.reader-header{padding:12px 18px}.reader-body{padding:22px}.reader-text{font-size:15px;line-height:1.85}.reader-question{font-size:16px;padding:15px}.reader-navigation{padding:14px;gap:8px}.reader-navigation button{font-size:12px;padding:10px 14px}.reader-audit dl{grid-template-columns:90px minmax(0,1fr);gap:7px 12px}}