:root{--rpx:.5px;--nav-height:48px}*{box-sizing:border-box}html{height:100%;background:#fffdf7}body{margin:0;min-height:100%;-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit;color:inherit}button{display:block;border:0;cursor:pointer;padding:0 14px;background:#f8f8f8;min-width:0}button:disabled{cursor:default}input,textarea{display:block;width:100%;border:0;border-radius:0;background:transparent;outline-offset:3px}textarea{resize:none}img{object-fit:cover}span{white-space:inherit}#navigation{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #eee2c8;background:#fffdf7;color:#332c21;font-size:16px;gap:12px}#navigation span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#navigation button,#navigation a{padding:0;background:transparent;color:inherit;font-size:26px;line-height:1;text-decoration:none;min-width:26px;text-align:center}#screen{min-height:calc(100dvh - var(--nav-height));padding-bottom:env(safe-area-inset-bottom)}body[data-page="chat"]{height:100%;overflow:hidden}body[data-page="chat"] #screen{height:calc(var(--viewport-height,100dvh) - var(--nav-height));min-height:0;padding-bottom:0}.mp-scroll{overflow-y:auto;overscroll-behavior-y:contain}.mp-picker{position:relative;display:block}.mp-picker select{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.mp-image{display:block}.mp-text{white-space:pre-wrap}#toast{position:fixed;z-index:100;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:16px;background:#332c21;color:white;max-width:85%;font-size:14px;text-align:center}.web-note{font-size:12px;color:#756c59;line-height:1.8;margin-top:16px}.web-gate{padding:32px 22px}.web-gate h1{font-size:24px}.web-gate p{font-size:15px;line-height:1.9}.web-gate a{display:inline-block;margin-top:20px;color:#946400}.mp-dialog{border:1px solid #eee2c8;border-radius:20px;padding:24px;background:#fffdf7;color:#332c21;width:calc(100% - 48px);max-width:420px}.mp-dialog::backdrop{background:#0005}.mp-dialog h2{margin:0 0 16px;font-size:20px}.mp-dialog p{white-space:pre-wrap;font-size:15px}.mp-dialog input{border:1px solid #eee2c8;padding:12px;border-radius:12px;background:white}.mp-dialog footer{display:flex;gap:12px;margin-top:24px}.mp-dialog button{flex:1;padding:10px;border-radius:12px;background:#fff1c7;font-size:15px}.mp-dialog .confirm{background:#e5a900}button:focus-visible,a:focus-visible{outline:2px solid #946400;outline-offset:3px}body[data-page="login"] .nickname-input{font-size:16px}body[data-page="chat"] textarea{font-size:16px!important;min-height:28px;border:0}body[data-page="chat"] .chat-shell{padding-bottom:0!important}