:root{--bg: #f5f6f8;--panel: #ffffff;--fg: #0d1621;--muted: #5a6470;--line: #dde1e6;--accent: #0077ee;--accent-soft: #e5f1fd;--grey: #f3f3f4;--hover: #fafbfc;--ok: #2e7d32;--warn: #9a5800;--bad: #b3121f;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #121820;--panel: #1a222c;--fg: #e8edf2;--muted: #9aa6b2;--line: #2e3945;--accent: #66adf5;--accent-soft: #17283b;--grey: #24303c;--hover: #202a35;--ok: #81c995;--warn: #fdd663;--bad: #f28b82;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.5 Roboto,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}h1{font-size:22px;margin:0 0 8px}p{margin:0 0 10px;color:var(--muted)}.placeholder{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:16px}.appbar{display:flex;align-items:center;gap:10px;min-height:56px;padding:calc(6px + env(safe-area-inset-top,0px)) 16px 8px;background:var(--panel);border-bottom:1px solid var(--line)}.appbar .ttl{flex:1;min-width:0}.appbar .ttl b{display:block;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .ttl span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.item{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.item:hover{background:var(--hover)}.item .grow{flex:1;min-width:0}.item .grow b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .grow span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list>li:last-child .item,.list>.item:last-child{border-bottom:0}.avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:500}.chevron{color:var(--muted)}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:12px;white-space:nowrap;background:var(--grey)}.chip.blue{background:var(--accent-soft);color:var(--accent)}.chip.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.chip.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.chip.bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:11px 16px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--panel);color:var(--accent);border:1px solid var(--accent)}.btn.link{background:none;color:var(--accent);padding:6px 0}.btn.block{width:100%}.btn[disabled]{opacity:.6;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.small{font-size:12.5px}.logo{display:block;width:110px;height:32px;background:var(--fg);-webkit-mask:url(/logo.svg) center/contain no-repeat;mask:url(/logo.svg) center/contain no-repeat}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:14px;max-width:360px;margin:0 auto;padding:24px 26px;text-align:center}.state b{font-size:16px;font-weight:500}.state p{margin:0;font-size:13px}dialog.sheet{width:100%;max-width:100%;max-height:86dvh;margin:auto 0 0;padding:8px 16px calc(22px + env(safe-area-inset-bottom,0px));border:0;border-radius:20px 20px 0 0;background:var(--panel);color:var(--fg)}dialog.sheet::backdrop{background:#0d162173}dialog.sheet:before{content:"";display:block;width:36px;height:4px;margin:0 auto 12px;border-radius:2px;background:var(--line)}dialog.sheet h3{margin:0 0 10px;font-size:16px;font-weight:500}dialog.sheet p{margin:10px 0 0;font-size:12.5px}@media(min-width:700px){dialog.sheet{width:min(560px,92vw);margin:auto;padding:20px;border-radius:20px;box-shadow:0 24px 60px -20px #0d162180}dialog.sheet:before{display:none}}