:root{--bg:#f4f6f8;--surface:#fff;--text:#14181f;--hint:#6b7585;--accent:#2481cc;--accent-text:#fff;--border:#dde2e8;--danger:#c62828;--ok:#2e7d32;--warn:#b26a00;--radius:12px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0e1319;--surface:#17202a;--text:#e7ebf0;--hint:#8f9bab;--accent:#3d94e6;--border:#2a3645;--danger:#ff6b6b;--ok:#6fcf7e;--warn:#f2b35c}}:root[data-theme=dark]{--bg:#0e1319;--surface:#17202a;--text:#e7ebf0;--hint:#8f9bab;--accent:#3d94e6;--border:#2a3645;--danger:#ff6b6b;--ok:#6fcf7e;--warn:#f2b35c}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1{margin:0 0 8px;font-size:20px}h2{margin:16px 0 8px;font-size:17px}h3{margin:0 0 6px;font-size:16px}.splash{padding:40px var(--gutter);color:var(--hint)}.page{max-width:720px;padding:12px var(--gutter) calc(88px + env(safe-area-inset-bottom));min-width:0;margin:0 auto}.page>div[hidden]{display:none}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px}form{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar{z-index:5;padding:calc(10px + env(safe-area-inset-top)) var(--gutter) 10px;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.who{color:var(--hint);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tabbar{z-index:5;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:56px;color:var(--hint);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px}.tabbar button.active{color:var(--accent);font-weight:600}.btn{background:var(--accent);min-height:44px;color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.secondary{color:var(--accent);border:1px solid var(--border);background:0 0}.btn.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn.small{min-height:36px;padding:0 12px}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--hint);font-size:14px}.hint{color:var(--hint);margin:0;font-size:14px}small.hint{display:block}.error{color:var(--danger);margin:0}.error-text{color:var(--danger)}.notice{color:var(--ok);margin:0}.summary{margin:10px 0 4px}.plain{max-height:240px;margin:6px 0;padding-left:18px;font-size:14px;overflow:auto}.count{color:var(--hint);font-size:13px}.badge{background:var(--accent);min-width:22px;color:var(--accent-text);text-align:center;border-radius:11px;padding:1px 7px;font-size:12px;display:inline-block}.badge.warn{background:var(--warn)}.time{color:var(--hint);white-space:nowrap;font-size:12px}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:20px;max-width:100%;padding:0 14px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chip[aria-pressed=true] .count{color:var(--accent-text)}.confirm{border:1px solid var(--accent);border-radius:var(--radius);margin-top:10px;padding:12px}.quote{border-left:3px solid var(--accent);white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:6px;margin:8px 0;padding:6px 10px}.facts{margin:0 0 12px}.facts dt{color:var(--hint);margin-top:8px;font-size:13px}.facts dd{word-break:break-word;margin:2px 0 0;font-size:16px}.list{margin:10px 0 0;padding:0;list-style:none}.list li+li{border-top:1px solid var(--border)}.row-item{width:100%;min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 2px;display:flex}.row-item.static{cursor:default}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-sub{color:var(--hint);font-size:13px}.row-text{color:var(--hint);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.row-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.status{color:var(--hint);font-size:13px}.status.sent{color:var(--ok)}.status.failed{color:var(--danger)}.bubbles{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.bubble{background:var(--bg);border-radius:12px;flex-direction:column;align-self:flex-start;gap:2px;max-width:85%;padding:8px 10px;display:flex}.bubble.out{background:color-mix(in srgb, var(--accent) 18%, var(--surface));align-self:flex-end}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-meta{color:var(--hint);font-size:12px}.sheet{z-index:20;background:var(--bg);padding:0 var(--gutter) calc(24px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.sheet-head{padding:calc(10px + env(safe-area-inset-top)) 0 10px;background:var(--bg);align-items:center;gap:10px;display:flex;position:sticky;top:0}.sheet-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin-top:8px;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:4px;padding:6px;display:flex}.tool{min-width:40px;min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-weight:600}.tool[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent);color:var(--accent)}.editor-host{min-width:0}.editor-body{overflow-wrap:anywhere;outline:none;min-height:160px;padding:12px;font-size:16px}.editor-body p{margin:0 0 .5em}.editor-body blockquote{border-left:3px solid var(--accent);color:var(--hint);margin:.4em 0;padding-left:10px}.editor-body pre{background:var(--surface);border-radius:8px;padding:8px;overflow-x:auto}.editor-body code{background:var(--surface);border-radius:4px;padding:1px 4px;font-size:.92em}.editor-body pre code{background:0 0;padding:0}.editor-body ul,.editor-body ol{margin:.3em 0;padding-left:22px}.editor-body a{color:var(--accent)}.editor-body p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--hint);float:left;pointer-events:none;height:0}.qr-img{background:#fff;border-radius:12px;width:min(260px,100%);height:auto;margin:8px auto;padding:10px;display:block}.steps{color:var(--hint);margin:8px 0;padding-left:20px;font-size:14px}.steps li+li{margin-top:4px}
