:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#393332;background:#f6f3f0;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;padding:24px 20px calc(110px + env(safe-area-inset-bottom))}header{padding:12px 0 22px;border-bottom:1px solid #e8e1db}small,.muted,header p,.section-head span{color:#8b7c77;font-size:13px;line-height:1.7}h1{font-size:25px;letter-spacing:-.6px;margin:12px 0}h2{font-size:21px}#connection{font-size:12px;color:#746e60}.section-head{display:flex;align-items:center;justify-content:space-between}button,.button,summary{font:inherit;cursor:pointer}button,.button{border:0;border-radius:14px;padding:12px 18px;background:#785c58;color:#fff;text-decoration:none;min-height:44px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eee8e3;color:#695954}textarea,input,select{font:inherit;font-size:16px;width:100%;border:1px solid #e4dbd5;border-radius:13px;background:#fff;padding:12px;color:inherit}textarea{resize:vertical;min-height:75px}label{display:block;font-size:13px;margin:12px 0 7px}label input,label textarea,label select{margin-top:8px}form>button{display:block;margin:10px 0 0 auto}#messages{display:flex;flex-direction:column;gap:12px;max-height:45dvh;overflow:auto;padding:10px 0 20px;overscroll-behavior:contain}.bubble{align-self:flex-start;background:#fff;border-radius:18px 18px 18px 4px;padding:13px 16px;max-width:88%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:15px}.bubble.mine{align-self:flex-end;background:#e9dfd9;border-radius:18px 18px 4px 18px}.bubble small{display:block;font-size:10px;margin-top:6px}article,details{padding:18px;background:#fff;border-radius:20px;margin:12px 0}article h3{font-size:17px;margin:8px 0}article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}article .status{font-size:12px;color:#8b6b5d}article blockquote{margin:14px 0;padding:12px;background:#f6f2ee;border-radius:12px;white-space:pre-wrap}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);display:flex;justify-content:space-around;background:#faf8f5f5;border-top:1px solid #e6dfd9;padding:10px 16px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}nav button{flex:1;background:transparent;color:#8b7d76;border-radius:12px}nav .selected{background:#ede5df;color:#604a43}#notice{color:#9b483e;font-size:14px;white-space:pre-wrap;position:sticky;bottom:90px;background:#f6f3f0}[hidden]{display:none!important}summary{min-height:30px}a{color:#785c58}button:focus-visible,a:focus-visible{outline:3px solid #ad8a76;outline-offset:3px}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty{color:#90817a;text-align:center;padding:35px 0}

article h3,article blockquote{overflow-wrap:anywhere}