:root{--paper:#f4f1e9;--surface:#fffdf8;--ink:#292b27;--muted:#82837a;--line:#e5e1d7;--orange:#d9542d;--green:#548568;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.page-shell{max-width:1176px;padding:0 48px;margin:auto}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.15;letter-spacing:3px}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--orange);color:var(--surface);display:grid;place-items:center;font-family:var(--sans);font-size:34px;line-height:1;letter-spacing:0;font-weight:400}.brand-en{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:2px;margin-top:7px}.private-label{display:flex;gap:8px;align-items:center;color:#78796f;font-size:12px;letter-spacing:1px}.private-label>span{font-size:21px}.eyebrow{font-family:Georgia,serif;font-size:10px;letter-spacing:2px;color:var(--muted)}.board-heading{display:flex;justify-content:space-between;align-items:center;margin:39px 0 28px}.board-heading h1{font-family:var(--serif);font-size:38px;font-weight:600;line-height:1.4;margin:9px 0 8px;letter-spacing:1px}.orange{color:var(--orange)}.board-heading p{margin:0;color:var(--muted);font-size:13px}.connection{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#b29e76}.connection.online{color:var(--green)}.connection.online .status-dot{background:var(--green);box-shadow:0 0 0 4px #5485680d}.connection.offline .status-dot{background:var(--orange)}.desk{position:relative;background:var(--surface);border:1px solid #e2dfd4;border-radius:12px;box-shadow:0 6px 24px #33301804;overflow:hidden}.desk-toolbar{height:63px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.room-title{display:flex;align-items:center;gap:11px}.tiny-mark{font-size:24px;color:var(--orange);line-height:1}.room-title h2{font-size:14px;font-weight:600;margin:0}.count{color:#999b91;font-family:Georgia,serif;font-size:12px;margin-left:1px}.toolbar-actions{display:flex;align-items:center;gap:18px}.text-button,.peer-button,.device-button{background:transparent;color:var(--muted);padding:4px 0;font-size:12px}.text-button:hover,.device-button:hover{color:var(--orange)}.peer-button:hover{color:var(--ink)}.peer-symbol{font-size:12px;color:var(--green);margin-right:3px}.toolbar-divider{height:13px;width:1px;background:var(--line)}.messages{height:clamp(260px,36vh,500px);overflow-y:auto;overscroll-behavior:contain;padding:0 26px;scrollbar-width:thin;scrollbar-color:#dedbd1 transparent}.empty-state{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-art{width:58px;height:67px;background:#f6f2e8;border:1px solid #e1dbcd;border-radius:3px;transform:rotate(-8deg);position:relative;margin:0 0 20px}.empty-art:before,.empty-art:after{content:"";position:absolute;left:13px;width:28px;height:1px;background:#d9d2c4;top:25px}.empty-art:after{top:34px;width:19px}.empty-art>span{position:absolute;font-size:0}.empty-art b{position:absolute;bottom:-6px;right:-12px;color:var(--orange);font-size:31px;transform:rotate(8deg);font-weight:400}.empty-state h3{font-weight:500;font-size:15px;letter-spacing:.5px;margin:3px 0 6px}.empty-state p{color:#9b9b91;font-size:12px;margin:0}.message{padding:22px 0;border-bottom:1px solid #eeebe3;animation:arrive .22s ease-out}.message:last-child{border-bottom:0}.message-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;color:#94968c}.message-author{font-size:12px;font-weight:500;color:#65695e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.own-tag{font-size:9px;padding:0 5px;border:1px solid var(--line);border-radius:3px;color:#999d91}.message-time{margin-left:auto;font-variant-numeric:tabular-nums}.copy-button{font-size:11px;border:1px solid var(--line);color:#777b70;background:transparent;border-radius:5px;padding:3px 9px;margin-left:4px}.copy-button:hover{border-color:#c9b7a7;color:var(--orange)}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:14px/1.85 var(--sans);color:#373c33;tab-size:4}.composer{border-top:1px solid var(--line);padding:19px 24px 18px;background:#fcfaf5}.composer textarea{width:100%;resize:vertical;min-height:78px;max-height:240px;background:transparent;border:0;outline:none;color:var(--ink);font-size:14px;line-height:1.8;padding:0}.composer textarea:focus-visible{outline:none}.composer:focus-within{box-shadow:inset 0 2px 0 #d9542d33}.composer textarea::placeholder{color:#b0afa5}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.draft-hint{font-size:10px;color:#a5a59a;letter-spacing:.1px}.mobile-hint{display:none}.primary-button{border:1px solid var(--orange);border-radius:6px;background:var(--orange);color:#fffdf8;min-height:43px;padding:9px 20px;font-size:13px;transition:background .15s,transform .15s}.primary-button:not(:disabled):hover{background:#c34825}.primary-button:not(:disabled):active{transform:translateY(1px)}.send-button{display:flex;align-items:center;gap:18px;padding:8px 17px;min-height:37px;flex-shrink:0;font-size:12px}.send-button>span{font-size:19px;line-height:1}.board-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 3px;font-size:11px}.device-button{display:flex;align-items:center;gap:8px;min-width:0;max-width:35%}.device-button #device-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-glyph{font-size:21px;color:#8b8e80;line-height:1}.edit-glyph{font-size:13px;opacity:.6}.retention{color:#a4a497;font-size:10px;letter-spacing:.3px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a4a295;font-size:10px;border-top:1px solid var(--line);padding:22px 0;margin-top:34px;letter-spacing:.7px}.page-footer>span:last-child{font-family:Georgia,serif;letter-spacing:1px}.join-view{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center;min-height:620px;padding:55px 0}.join-intro h1{font-family:var(--serif);font-weight:500;font-size:55px;line-height:1.5;letter-spacing:2px;margin:18px 0}.join-intro p{color:var(--muted);font-size:14px;line-height:2}.join-graphic{display:flex;align-items:center;gap:18px;margin-top:42px;width:270px;color:#98998d;font-size:11px}.join-graphic i{flex:1;height:1px;background:#dad7cb}.join-graphic b{font-size:26px;font-weight:400;color:var(--orange)}.join-card{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #33301803}.join-card h2,.modal h2{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:1px;margin:11px 0 10px}.muted{color:var(--muted);font-size:12px;line-height:1.9}.join-card .muted{margin-bottom:26px}label{display:block;color:#6a6d60;font-size:12px;margin:16px 0 8px}input{width:100%;padding:11px 12px;background:#fffefa;border:1px solid #dedbcf;border-radius:6px;font-size:13px;color:var(--ink)}input::placeholder{color:#aaa99d}.join-card .primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:7px}.join-footnote{text-align:center;color:#a6a599;font-size:10px;margin:20px 0 0}.form-error{font-size:12px;color:#b84526;min-height:16px;margin:10px 0}.form-error:empty{min-height:4px}.loading-view{height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:13px}.loading-dot{width:9px;height:9px;background:var(--orange);border-radius:50%;animation:pulse 1.3s infinite}.notice{font-size:12px;padding:10px 25px;background:#fff3df;color:#8a6c3a;border-bottom:1px solid #f1e1c5}.new-message{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);border-radius:20px;background:var(--ink);color:var(--surface);box-shadow:0 2px 12px #0002;padding:7px 15px;font-size:11px}.modal{width:min(420px,calc(100% - 32px));border:1px solid var(--line);border-radius:12px;padding:30px;background:var(--surface);color:var(--ink);box-shadow:0 24px 100px #242b2526}.modal::backdrop{background:#252a244d;backdrop-filter:blur(3px)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.secondary-button{border:1px solid #dcd9cd;border-radius:6px;background:transparent;color:#737668;min-height:43px;padding:9px 17px;font-size:13px}.secondary-button:hover{background:var(--paper)}.peer-list{padding:0;list-style:none;margin:23px 0}.peer-list li{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;font-size:13px}.peer-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.copy-text{width:100%;resize:vertical;border:1px solid var(--line);border-radius:5px;background:#faf8f0;padding:12px;color:var(--ink);font-size:13px;line-height:1.8}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 20px;border-radius:7px;background:var(--ink);color:var(--surface);font-size:12px;z-index:5;box-shadow:0 4px 25px #0002}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35}}@media(min-width:1500px){.board-heading{margin-top:52px;margin-bottom:32px}.messages{height:40vh}}@media(max-width:760px){.page-shell{padding:0 23px}.masthead{height:86px}.brand{font-size:23px;gap:10px}.brand-mark{height:36px;width:36px;font-size:29px;border-radius:10px}.brand-en{font-size:7px;margin-top:5px}.private-label{font-size:10px}.board-heading{margin:29px 0 24px;align-items:flex-end}.board-heading h1{font-size:29px;margin:8px 0 7px}.eyebrow{font-size:8px;letter-spacing:1.3px}.board-heading p{font-size:11px}.connection{font-size:10px;padding-bottom:3px;gap:6px}.desk-toolbar{height:55px;padding:0 17px}.toolbar-actions{gap:13px}.room-title{gap:8px}.room-title h2{font-size:13px}.messages{padding:0 18px;height:clamp(280px,39dvh,550px)}.message{padding:18px 0}.message-text{font-size:13px}.message-meta{gap:7px}.message-author{font-size:11px;max-width:45%}.message-time{font-size:10px}.copy-button{padding:3px 7px;margin-left:0}.composer{padding:15px 17px}.composer textarea{font-size:14px;min-height:82px}.desktop-hint{display:none}.mobile-hint{display:inline}.draft-hint{font-size:9px}.send-button{gap:12px;padding:7px 12px}.board-footer{flex-wrap:wrap;padding-top:15px;row-gap:8px}.device-button{max-width:65%;font-size:11px}.board-footer>#logout-button{margin-left:auto;font-size:11px}.retention{order:3;width:100%;padding-left:1px;font-size:9px}.page-footer{margin-top:23px;padding:19px 0;font-size:8px;letter-spacing:.1px;gap:8px}.page-footer>span:last-child{font-size:8px;letter-spacing:.4px}.join-view{grid-template-columns:1fr;gap:30px;padding:35px 0;min-height:0}.join-intro h1{font-size:38px;line-height:1.4;margin:15px 0 12px}.join-intro p{font-size:12px}.join-graphic{display:none}.join-card{padding:26px}.join-card h2{font-size:23px}.join-card .muted{margin-bottom:20px}.notice{padding:9px 17px;font-size:11px}.modal{padding:26px}.peer-word{font-size:11px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.new-message{bottom:175px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.pairing-button{display:flex;align-items:center;gap:14px;color:var(--orange);background:#fffaf1;border:1px solid #dfb79e;border-radius:6px;padding:8px 13px;font-size:12px}.pairing-button:hover{background:#fbeede;border-color:var(--orange)}.pairing-button span{font-size:17px;line-height:1}.join-mode{display:block;margin:9px 0 2px;color:var(--orange);font-size:11px;text-decoration:underline;text-underline-offset:3px}.pairing-input{letter-spacing:4px;font-variant-numeric:tabular-nums}.pairing-input::placeholder{letter-spacing:1px}.pairing-site{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:14px;color:var(--orange);background:var(--paper);border-radius:5px;padding:9px 12px;margin:17px 0}.pairing-code{font-family:Georgia,"Times New Roman",serif;font-variant-numeric:tabular-nums;font-size:51px;line-height:1.5;letter-spacing:9px;text-align:center;padding-left:9px;margin:20px 0 3px;color:var(--ink);white-space:nowrap}.pairing-complete{color:var(--green)}.pairing-status{text-align:center;font-size:12px;color:var(--muted);margin:0 0 22px}.pairing-note{font-size:10px;color:#a4a497;line-height:1.8;margin-top:18px}.pairing-controls{text-align:center}.pairing-controls .text-button{font-size:11px}.pairing-modal .modal-actions{margin-top:20px}@media(max-width:760px){.board-heading{flex-wrap:wrap;gap:18px}.heading-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.heading-actions .connection{order:-1}.pairing-button{font-size:11px;padding:6px 11px}.pairing-code{font-size:45px;letter-spacing:7px;padding-left:7px}.pairing-modal{padding:24px}}