:root{color:#17324d;background:#e8eee8;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(23,50,77,.045) 1px,transparent 1px) 0 0 / 100% 28px,#e8eee8}button,input,textarea{font:inherit}button,input,textarea{border-radius:6px}.page-shell{width:min(100%,560px);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid #17324d;border-radius:50%;background:#f7f8f3;font-size:22px;font-weight:700}h1,h2,p{margin:0}h1{font-size:clamp(24px,7vw,32px);letter-spacing:-.03em}h2{margin-bottom:24px;font-size:20px}.status{display:flex;align-items:center;gap:7px;margin-top:5px;color:#536575;font-size:14px}.status-dot{width:9px;height:9px;border-radius:50%;background:#e9b949}.status-connected .status-dot{background:#2d6a4f}.status-ended .status-dot,.status-failed .status-dot{background:#b42318}.writing-surface{position:relative;padding:22px 20px 26px 34px;border:1px solid #b9c4bd;border-left:5px solid #2d6a4f;border-radius:4px 12px 12px 4px;background:linear-gradient(#dfe8e1 1px,transparent 1px) 0 58px / 100% 32px,#f7f8f3;box-shadow:0 14px 38px #17324d1c}.room-row{padding-bottom:24px;border-bottom:2px solid #17324d}.room-control{display:grid;grid-template-columns:1fr auto;gap:10px}form{padding-top:24px}label{display:flex;justify-content:space-between;margin:0 0 8px;color:#3f5365;font-size:14px;font-weight:650}input,textarea{width:100%;border:1px solid #9aa9a0;background:#ffffffeb;color:#17324d;outline:none}input{height:46px;padding:0 13px;margin-bottom:20px}#room{margin-bottom:0;text-transform:uppercase;letter-spacing:.12em;font-variant-numeric:tabular-nums;font-weight:700}textarea{min-height:124px;padding:13px;resize:vertical;line-height:1.6}input:focus,textarea:focus,button:focus-visible{outline:3px solid rgba(233,185,73,.65);outline-offset:2px}.button{min-height:46px;border:0;padding:0 18px;cursor:pointer;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.48}.button-primary{width:100%;min-height:52px;background:#17324d;color:#fff}.button-secondary{align-self:start;background:#2d6a4f;color:#fff}.feedback{min-height:24px;margin:10px 0;font-size:14px}.feedback[data-tone=success]{color:#2d6a4f}.feedback[data-tone=error]{color:#b42318}.privacy-note{max-width:46ch;margin:16px auto 0;color:#536575;font-size:13px;line-height:1.6;text-align:center}@media(max-width:380px){.writing-surface{padding-left:22px}.room-control{grid-template-columns:1fr}.button-secondary{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}