:root{color-scheme:light dark;--paper:light-dark(#fbfbf9,#1e2020);--ink:light-dark(#202322,#eceeeb);--secondary:light-dark(#626967,#b9bfbb);--rule:light-dark(#e4e7e3,#3c4140);--button:light-dark(#262c29,#e2e8e3);--button-text:light-dark(#fff,#1d2420)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.page{max-width:1040px;margin:auto;padding:0 42px 64px}
.top{height:70px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}
.mark{font-size:16px;font-weight:500;letter-spacing:.04em}.mark span{color:var(--secondary);font-size:11px;font-weight:400;letter-spacing:.11em}
button{font:inherit}#logout{border:0;background:transparent;color:var(--secondary);padding:9px 0}
main{max-width:720px;margin:auto}.intro{padding:42px 0 32px}.kicker{color:var(--secondary);font-size:11px;letter-spacing:.16em;margin-bottom:8px}
h1{font-size:34px;line-height:1.25;letter-spacing:-.035em;font-weight:400;margin:0}
.search-form{margin-bottom:46px}.search-form label,.login-panel label{display:block;color:var(--secondary);font-size:13px;margin:0 0 8px}
.input-row{display:flex;gap:10px}input{height:46px;min-width:0;width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:4px;padding:0 14px;font:inherit;font-size:16px}
.input-row button,.login-panel form button{border:0;border-radius:4px;background:var(--button);color:var(--button-text);min-width:76px;min-height:46px;padding:0 16px;font-weight:500}
.section-title{color:var(--secondary);font-size:12px;border-bottom:1px solid var(--rule);padding-bottom:13px}
.entry{border-bottom:1px solid var(--rule);padding:24px 0}.head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 12px}.name{font-weight:500;overflow-wrap:anywhere}.time{color:var(--secondary);font-size:12px;white-space:nowrap}
.content{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 8px}.view{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-decoration-color:var(--secondary);text-underline-offset:4px;padding:5px 0;font-size:13px}
.replies{border-left:2px solid var(--rule);margin:18px 0 0;padding:0 0 0 22px}.reply{border-bottom:1px solid var(--rule);padding:15px 0 17px}.reply:last-of-type{border-bottom:0}.reply .content{margin:7px 0 0}
.pages{display:flex;gap:18px;justify-content:flex-end;margin-top:18px}.pages button{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:4px;padding:8px 0}.pages button:disabled{color:var(--secondary);text-decoration:none}
.message,.empty{color:var(--secondary)}.empty{padding:24px 0}.message:empty{display:none}
.login-panel{max-width:380px;margin:90px auto}.login-panel h1{font-size:28px;margin-bottom:28px}.login-panel input{margin-bottom:20px}.login-panel form button{width:100%;margin-top:4px}
@media(max-width:700px){.page{padding:0 18px 40px}.top{height:58px}.intro{padding:30px 0 26px}h1{font-size:28px}.search-form{margin-bottom:30px}.login-panel{margin:64px auto}}