.avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;flex-shrink:0}.message-image{display:block;max-width:100%;max-height:480px;object-fit:contain;margin-top:12px}.image-preview{display:block;width:120px;height:100px;object-fit:contain}.account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;border-block:1px solid #b9cabe}.account-bar span{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.account-bar button,.account-dialog button{padding:10px 16px;border:1px solid #9caf9f;border-radius:4px;background:#fff;color:#173c2b}.account-bar label,.account-bar input{max-width:100%}.account-dialog{width:420px;max-width:calc(100% - 24px);max-height:90vh;overflow:auto;border:1px solid #9caf9f;border-radius:6px;padding:24px}.account-dialog::backdrop{background:#0008}.account-dialog label{display:block;margin:12px 0}.account-dialog input,.account-dialog select{display:block;width:100%;padding:10px;border:1px solid #9caf9f}.account-dialog small{display:block;line-height:1.6}.account-dialog h2{font-size:22px}.comment-item{display:flex;gap:12px}.admin strong{overflow-wrap:anywhere}.admin article input{max-width:100%;margin:8px}.account-bar button:disabled{opacity:.5}

[hidden]{display:none!important}.comment-main{min-width:0;flex:1}.comment-meta{flex-wrap:wrap;overflow-wrap:anywhere}.account-dialog,.account-dialog *{box-sizing:border-box}.account-dialog input{min-width:0}.comment-form input[type=file]{max-width:100%}
/* Restore centering after the global margin reset. */
.account-dialog{position:fixed;inset:0;margin:auto;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--green-100,#e9f1e8);border-top:4px solid var(--green-700,#2f6b3f);border-radius:8px;background:#fff;color:var(--ink,#26322a);box-shadow:0 20px 64px #17301f33;overscroll-behavior:contain;font-size:15px;line-height:1.6}
.account-dialog::backdrop{background:rgb(23 48 31 / 48%)}
.account-dialog h2{margin:0 0 20px;font-family:var(--serif,serif);font-size:24px;color:var(--green-900,#17301f)}
.account-dialog label{margin:0 0 16px;font-weight:500;color:var(--green-900,#17301f)}
.account-dialog input,.account-dialog select{margin-top:6px;min-height:44px;padding:10px 12px;border:1px solid #c6d5c8;border-radius:6px;background:var(--green-050,#f4f8f2);color:var(--ink,#26322a);font:inherit;font-size:16px}
.account-dialog input:focus-visible,.account-dialog select:focus-visible,.account-dialog button:focus-visible{outline:2px solid var(--green-700,#2f6b3f);outline-offset:2px}
.account-dialog small{margin-top:8px;font-size:12px;font-weight:400;color:var(--ink-soft,#5a6b5f)}.account-dialog #accountNotice{color:var(--red-600,#a72c36);font-size:13px;overflow-wrap:anywhere}.account-dialog #accountNotice:not(:empty){margin-bottom:16px}
.account-dialog button{min-height:44px;padding:10px 24px;font:inherit;font-weight:600;border:1px solid var(--green-700,#2f6b3f);border-radius:6px;color:var(--green-700,#2f6b3f)}.account-dialog button[type=submit]{background:var(--green-700,#2f6b3f);color:#fff}.account-dialog button[type=submit]:hover{background:var(--green-800,#1f4529)}.account-dialog #accountClose{margin-left:12px}.account-dialog #accountClose:hover{background:var(--green-100,#e9f1e8)}
.account-dialog input::file-selector-button{font:inherit;border:0;border-radius:4px;padding:6px 10px;margin-right:10px;background:var(--green-100,#e9f1e8);color:var(--green-800,#1f4529)}
@media(max-width:480px),(max-height:540px){.account-dialog{padding:20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.account-dialog h2{font-size:22px;margin-bottom:16px}}