.member-portrait{width:88px;height:88px;object-fit:cover;border:1px solid #796447;flex-shrink:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;background:#211e16;color:#c4a570;font:28px monospace}.member-link{color:inherit;text-decoration:none}.member-link:hover{background:#b98d3210}.profile-heading{display:flex;align-items:center;gap:28px;padding:30px 0;border-bottom:1px solid #655239}.signature{white-space:pre-wrap}.section-heading{font-size:18px;margin-top:35px;color:#ceb58a}.button-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button-line button{padding:12px 18px;cursor:pointer}.primary{border-color:#b78a42!important;background:#63491e!important}.draft-form input,.draft-form textarea{box-sizing:border-box;width:100%;min-width:0;background:#141411;color:#e5d8be;border:1px solid #655438;padding:12px;font:inherit}.draft-form input[type=file]{font-size:13px}.draft-form .writing-area{min-height:260px;line-height:1.85}.draft-form label{display:grid;gap:8px}.draft-form{gap:18px}#form-error{color:#e4b775;white-space:pre-wrap}button:disabled{opacity:.55;cursor:wait}.download{display:inline-block;overflow-wrap:anywhere}.detail-body{white-space:pre-wrap;overflow-wrap:anywhere}.member h2,.note-row h2{overflow-wrap:anywhere}#about-btn{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog{max-height:88svh;overflow-y:auto}.note-row{width:100%;text-align:left}.profile-heading a{color:#dfb976}@media(max-width:600px){#about-btn{max-width:140px}.profile-heading{gap:18px}.member-portrait{width:64px;height:64px}.button-line>*{flex:1}.note-row{gap:12px}.note-date{font-size:10px}}

.note-row>div{min-width:0}.note-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;max-width:650px}.note-preview-frame{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #655239;background:#171410;border-radius:3px}.note-preview-frame img{width:100%;height:100%;display:block;object-fit:cover}.note-image-count{display:block;margin-top:8px;font-size:12px;color:#b09d7d}.note-row:has(.note-preview-grid){align-items:start}.note-row:has(.note-preview-grid)>.note-date,.note-row:has(.note-preview-grid)>span:last-child{padding-top:6px}@media(max-width:600px){.note-preview-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.note-preview-frame:nth-child(3){display:none}}