*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}body{background:#f5f6f0;color:#284438;font:15px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 17px;background:#2e5142;color:white}button:disabled{opacity:.5}input,textarea,select{font-size:16px;color:#284438;background:#fafbf6;border:1px solid #d7e1d2;border-radius:10px}input,textarea{width:100%;padding:13px}textarea{resize:none;min-height:72px;max-height:120px}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid #8fae82;outline-offset:2px}[hidden]{display:none!important}main{position:relative;max-width:860px;margin:auto;padding:0 24px;height:100vh;height:100dvh;display:flex;flex-direction:column}header{min-height:62px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #dfe6d8}header a{font:24px Georgia,serif;color:inherit;text-decoration:none}#state{font-size:12px;color:#70826a;margin-left:auto}#leave,#refresh{background:#e7edde;color:#46623c;padding:8px 13px}h1{font:32px/1.4 Georgia,"Songti SC",serif;margin:10px 0 16px}p{color:#71836b}.eyebrow{font-size:9px;letter-spacing:3px;color:#87997d}#gate{width:100%;max-width:450px;margin:auto;overflow:auto;padding:28px 4px}#gate>p{font-size:14px}#gate label{display:block;font-size:12px;margin:24px 0 8px}#login{width:100%;margin-top:12px}#notice,#boardnotice{font-size:13px;color:#526c47}#client-state{font-size:11px!important}small{font-size:11px;color:#7b8d74}#board{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:18px}.board-head{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.board-head h1{font-size:26px;margin:3px 0}#boardnotice{margin:7px 0 12px;flex-shrink:0}#messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 8px 12px 0;scrollbar-width:thin}.entry{background:#fff;border:1px solid #e1e7d9;border-radius:13px;padding:16px 18px;margin-bottom:12px}.entry.her{background:#eaf0e3}.entry-head{display:flex;align-items:center;gap:10px;font-size:11px;color:#7c9070}.entry-head strong{color:#45613c;font-size:13px}.entry-head .tag{background:#eff1e8;padding:2px 6px;border-radius:4px}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;color:#344c3e;font-size:15px;margin:10px 0 3px}.entry small{display:block;font-size:10px;margin-top:8px}.empty{text-align:center;padding:45px 12px;color:#8d9c83}#sendform{padding:12px 0 4px;border-top:1px solid #dfe6d8;flex-shrink:0}.compose-meta{display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:8px}.compose-meta span{color:#8b9b81;margin-left:auto}.compose-meta select{padding:3px 10px;font-size:14px}.compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.compose-bottom button{white-space:nowrap;padding:10px 14px}.compose-bottom small{font-size:10px}footer{font-size:9px;color:#94a08a;text-align:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));flex-shrink:0}#shield{position:absolute;inset:62px 0 0;background:#f2f5ec;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){main{padding:0 16px}header{min-height:54px}#gate{padding:16px 2px}#board{padding-top:12px}.board-head h1{font-size:23px}.entry{padding:13px 14px}#shield{top:54px}}@media(max-height:600px){header{min-height:42px}#board{padding-top:5px}.board-head .eyebrow{display:none}.board-head h1{font-size:20px}#boardnotice{margin:3px 0 6px}footer{padding:3px}textarea{min-height:52px;max-height:70px}#gate h1{font-size:25px}}@media print{body{visibility:hidden!important}}

#importbox{flex-shrink:0;background:#f4ebda;border:1px solid #e4d5b7;border-radius:10px;padding:10px;margin-bottom:10px}#import-status{font-size:12px;margin:0 0 7px;color:#765c32}#import-form{display:flex;gap:7px}#import-input{min-width:0;padding:8px}#import-button{white-space:nowrap;padding:8px 11px;font-size:13px}

.entry{width:fit-content;max-width:86%;margin-right:auto;border-radius:14px 14px 14px 4px}.entry.mine{margin-left:auto;margin-right:0;background:#2e5142;border-color:#2e5142;border-radius:14px 14px 4px 14px}.entry.mine p{color:#fff}.entry.mine .entry-head{color:#d5e2ce}.entry.mine .entry-head strong{color:#fff}.entry-head{flex-wrap:wrap}.entry p{min-width:80px}

#messages-shell{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;border-radius:12px;background:#f5f6f0}#chat-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0.5;pointer-events:none;user-select:none}#chat-background:not([src]){display:none}#messages-shell #messages{position:relative;z-index:1;width:100%;padding:12px;flex:1;min-height:0}.entry{box-shadow:0 1px 4px #20362b12}
