:root{font-family:system-ui,-apple-system,sans-serif;color:#182638;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100vw - 1100px)/2));background:#17283d;color:white}header a{color:white;margin-right:18px}header small{display:block;color:#aebdd0}header button{margin-left:20px}main{max-width:1100px;margin:24px auto;padding:0 18px}.auth{max-width:390px;margin:12vh auto;background:white;padding:28px;border-radius:12px;box-shadow:0 4px 24px #1b2f4a14}h1{margin:0 0 8px}.toolbar{display:flex;gap:14px;flex-wrap:wrap;background:white;padding:18px;border:1px solid #d8e0ea;border-radius:10px}.toolbar label{flex:1;min-width:190px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{display:block;width:100%;font:inherit;padding:10px;margin-top:6px;border:1px solid #aab8c8;border-radius:7px;background:white;color:#182638}input[type=checkbox]{display:inline;width:auto;margin:0 6px 0 0}textarea{resize:vertical}.auth button{width:100%}button{cursor:pointer;border:0;border-radius:7px;padding:10px 15px;margin-top:12px;background:#135caa;color:white;font:inherit;font-weight:600}button:hover{background:#0c467f}button.minor{background:#354a63}.info{color:#496078}#player-wrap{position:sticky;top:0;background:#e7eef7;padding:8px 14px;border-radius:8px;z-index:2}#player{vertical-align:middle;width:min(500px,85vw)}article{background:white;border:1px solid #d8e0ea;border-radius:10px;padding:17px 20px;margin:12px 0}.meta{font-size:13px;color:#58708c}.original{font-size:18px;line-height:1.4;margin:10px 0 18px;white-space:pre-wrap}.actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.pending,.message,.timing-pending{font-size:13px;color:#496078}.message{min-height:1em}.time-fields{display:flex;gap:12px}.time-fields label{flex:1}.timing{margin-top:12px}.timing summary{cursor:pointer;color:#135caa}#error{color:#b42230}
.listen-badge{display:inline-block;margin:8px 8px 0 0;padding:5px 8px;border-radius:6px;background:#fff0d6;color:#7b4c05;font-size:12px;font-weight:700}.listen-badge[hidden]{display:none}article.playing{border-color:#135caa;box-shadow:0 0 0 2px #135caa22;scroll-margin-top:105px}#auto-listen{margin:4px 12px 4px 0}#auto-status{font-size:13px;color:#354a63}
.reviewed-badge{display:inline-block;margin:8px 8px 0 0;padding:5px 8px;border-radius:6px;background:#e3f5e8;color:#245c37;font-size:12px;font-weight:700}.reviewed-badge[hidden]{display:none}.actions>div{display:flex;gap:8px;flex-wrap:wrap}.actions>div button{margin-top:0}@media(max-width:650px){.actions{align-items:flex-start;flex-direction:column}#player-wrap{position:static}}
.peer-proposals{margin-top:18px;padding-top:12px;border-top:1px solid #d8e0ea}.peer-proposals[hidden]{display:none}.peer-proposal{margin-top:10px;padding:12px;background:#f3f6fa;border-radius:8px}.peer-proposal small{color:#496078}.peer-proposal p{white-space:pre-wrap;overflow-wrap:anywhere}.peer-proposal button{margin-right:8px;font-size:13px}