/* Hallmark · macrostructure: Workbench · theme: existing neutral · P4 H4 E4 S4 R5 V4 */
:root{--color-paper:oklch(1 0 0);--color-ink:oklch(.2 0 0);--color-muted:oklch(.48 0 0);--color-line:oklch(.9 0 0);--color-wash:oklch(.975 0 0);--color-accent:oklch(.38 .105 152);--color-error:oklch(.45 .18 25);--color-focus:oklch(.5 .13 152);--font-body:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,system-ui,sans-serif;--radius-control:6px;--space-page:20px;--text-body:16px;--text-small:14px;--text-title:26px}
html,body{overflow-x:clip;margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body)}*{box-sizing:border-box}main{max-width:760px;margin:auto;padding:var(--space-page);padding-bottom:48px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--color-line);padding-bottom:16px}h1{font-size:var(--text-title);overflow-wrap:anywhere;margin:4px 0;font-style:normal}h2{font-size:20px;font-style:normal}p{line-height:1.75}small,.muted{font-size:var(--text-small);color:var(--color-muted)}label{display:block;margin:16px 0 6px}input,textarea,button{font:inherit;border-radius:var(--radius-control)}input,textarea{display:block;width:100%;min-height:48px;padding:10px;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink)}textarea{min-height:120px;resize:vertical}button{cursor:pointer;min-height:48px;padding:10px 16px;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink);white-space:nowrap}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-paper)}button:hover{border-color:var(--color-accent)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}nav button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}section{margin-top:24px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.entry{padding:20px 0;border-bottom:1px solid var(--color-line)}.entry h3{margin:0 0 8px;overflow-wrap:anywhere}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.reply{padding:16px;background:var(--color-wash);white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}#message{color:var(--color-error);white-space:pre-wrap;overflow-wrap:anywhere}input[readonly]{background:var(--color-wash)}[hidden]{display:none!important}@media(max-width:375px){:root{--space-page:16px;--text-title:22px}header{align-items:flex-start}header button{padding:8px}nav{gap:6px}nav button{padding:10px 12px}}

@media(prefers-reduced-motion:reduce){button:active{transform:none}}
#message.success{color:var(--color-accent)}