.comments-controls{display:flex;justify-content:center;gap:18px;margin:14px 0}
.runtime-text-button{font:inherit;font-size:12px;color:inherit;background:#fff8e6e6;border:1px solid #baa779;border-radius:16px;padding:7px 15px;cursor:pointer}
.runtime-text-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
button:disabled{opacity:.55;cursor:wait}
.voice-card [data-message]{white-space:pre-wrap;overflow-wrap:anywhere}
.voice-card [data-time]{font-size:10px;font-style:normal}
#comments-status{line-height:1.8;min-height:24px}
#submit-status.has-feedback{font-size:12px;line-height:1.7;padding:6px 8px;border-radius:8px;background:#fff8e8;color:#296346}
#submit-status[data-tone=error]{color:#a23d24}
.showing-voices{min-height:100svh}
#voices-title:focus{outline:none}
/* Modal paper, ornament, button skin and editable text remain separate layers. */
.submission-modal-open{overflow:hidden}
.submission-dialog{--modal-ink:#4d5944;--modal-edge:#b9a36c;--modal-paper:#fcf8ee;--modal-soft:#eee5cb;position:fixed;inset:0;width:calc(100% - 40px);max-width:330px;max-height:calc(100dvh - 40px);margin:auto;padding:30px 24px 23px;border:0;border-radius:24px 9px 24px 9px;isolation:isolate;background:var(--modal-paper);color:var(--modal-ink);text-align:center;box-shadow:0 16px 55px #302b3940;overflow:auto}
.submission-dialog::backdrop{background:#252c27a6;backdrop-filter:blur(3px)}
.submission-paper{position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid var(--modal-edge);border-radius:inherit;background:radial-gradient(ellipse at top,var(--modal-soft),transparent 65%)}
.submission-paper::after{content:"";position:absolute;inset:6px;border:1px solid var(--modal-edge);border-radius:18px 5px 18px 5px;opacity:.45}
.submission-seal{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 17px;border:1px solid var(--modal-edge);border-radius:21px 15px 22px 14px;background:var(--modal-soft);box-shadow:0 3px 0 #796a3318;transform:rotate(-6deg)}
.submission-seal svg{width:35px;height:35px;fill:none;stroke:var(--modal-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform:rotate(6deg)}
.submission-dialog h2{font-size:25px;line-height:1.4;letter-spacing:3px;margin:0}
.submission-thanks{font-size:14px;font-weight:600;margin:12px 0 8px;line-height:1.7}
#submission-description{font-size:13px;line-height:1.9;margin:0}
.submission-dismiss{position:relative;isolation:isolate;display:block;width:180px;height:52px;margin:22px auto 0;padding:0;border:0;background:transparent;color:var(--modal-ink);font:700 15px/1 "Microsoft YaHei",sans-serif;letter-spacing:2px;cursor:pointer}
.submission-button-skin{position:absolute;inset:0;z-index:-1;background:url('/assets/optimized/f6f35d420e2c4b5f.webp') center/100% 100% no-repeat}
.submission-dismiss:focus-visible{outline:2px solid var(--modal-ink);outline-offset:3px;border-radius:8px}
.submission-dialog[data-topic=bufuchu]{--modal-ink:#914c32;--modal-edge:#cd9970;--modal-paper:#fff4e3;--modal-soft:#f5dfc2}
.submission-dialog[data-topic=bufuchu] .submission-button-skin{background-image:url('/assets/material-refresh-20261024/bufuchu/button-primary.svg')}
.submission-dialog[data-topic=bufuchu] .submission-dismiss{color:#fff4df;padding-bottom:4px}
.submission-dialog[data-topic=bulianwu]{--modal-ink:#215e57;--modal-edge:#91b49b;--modal-paper:#fffdeb;--modal-soft:#e5efd8}
.submission-dialog[data-topic=bulianwu] .submission-button-skin{background-image:url('/assets/optimized/e4eb5b54ab094dfb.webp')}
.submission-dialog[data-topic=bulianwu] .submission-dismiss{color:#725e28}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Desktop browsers show the approved 390 × 844 mobile composition.
   Keep natural content height for long comment lists; phone viewports retain
   their theme's responsive layout and full-screen sizing. */
@media(min-width:600px){
  .history-page,.history-page.showing-voices{
    width:390px;
    max-width:390px;
    min-height:844px;
    margin:24px auto;
  }
}