:root{--bg:#f2f5f4;--card:#fff;--ink:#14201e;--mut:#5d6b68;--line:#d5dedb;--acc:#0f6b5c;--bad:#b3261e;--info:#2a5db0;--why:#7a3fc4;--warn:#a8670f;--soft:#f7f9f8}
@media (prefers-color-scheme:dark){:root{--bg:#101615;--card:#18201f;--ink:#e4ecea;--mut:#9aa9a5;--line:#2c3836;--acc:#3fb39c;--bad:#ef8a80;--info:#8fb2f2;--why:#c4a3f2;--warn:#e0b060;--soft:#1f2928}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{max-width:560px;margin:0 auto;padding:14px 12px 60px}
button,input,select,textarea{font:inherit;color:inherit}
.hide{display:none!important}
.top{display:flex;align-items:center;gap:7px}
.logo{width:22px;height:22px;border-radius:5px;background:#0f6b5c;display:grid;place-items:center}
.logo svg{width:13px;height:13px;fill:#fff}
.brand{font:600 15px Georgia,serif}.brand b{color:var(--acc)}
.addr{margin-left:auto;color:var(--mut);font-size:12.5px}
h1{font:600 18px Georgia,serif;margin:10px 0 0}
h2{font-size:15px;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.who{color:var(--mut);font-size:13px;margin-bottom:10px;min-height:18px}
.picker{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:9px;padding:10px 12px;text-align:left;cursor:pointer;margin-bottom:12px}
.picker .nm{font-weight:600}.picker .ad{color:var(--mut);font-size:12.5px}.picker .ch{margin-left:auto;color:var(--mut)}
.livebar{background:#fbe9e7;border:1px solid #e3a09b;color:#8a1f17;border-radius:9px;padding:8px 12px;font-size:13.5px;margin:-4px 0 12px}
@media (prefers-color-scheme:dark){.livebar{background:#3a1d1a;border-color:#7a3a33;color:#f3b5ae}}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 14px;margin-bottom:12px}
.row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}
.row .l{flex:1;min-width:0;overflow-wrap:anywhere}.sub{color:var(--mut);font-size:12.5px}.v{font-weight:600;text-align:right}
button.row{width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;padding-left:0;padding-right:0}
.list .row:last-child{border-bottom:0}
.btn{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:7px 11px;font-size:13.5px;white-space:nowrap;cursor:pointer}
.btn.p{background:var(--acc);color:#fff;border-color:var(--acc);font-weight:600}
@media (prefers-color-scheme:dark){.btn.p{color:#0c1312}}
.btn.big{display:block;width:100%;padding:11px;font-size:15.5px;text-align:center;margin-top:4px}
.btn.r{color:var(--bad);border-color:var(--bad)}.btn.rf{background:var(--bad);border-color:var(--bad);color:#fff}
.btn:disabled{opacity:.45;cursor:default}
.btns{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 6px}.btns.end{justify-content:flex-end}
.back{background:none;border:0;padding:0 6px 0 0;font-size:16px;cursor:pointer;color:var(--ink)}
.pill{font-size:11.5px;border-radius:20px;padding:1px 8px;border:1px solid;white-space:nowrap}
.pa{color:var(--acc);background:#e3f1ee;border-color:#a9d3ca}.pm{color:var(--info);background:#e7eefb;border-color:#b5c9ee}
.pv{color:#5d6b68;background:#eef0ef;border-color:#c9d0ce}.pi{color:var(--why);border-color:#c5a6ea}
.po{color:var(--bad);border-color:#e3a09b}.ps{color:#7b4a2a;background:#f6ece4;border-color:#dcb89c}.pl{color:#8a1f17;background:#fbe9e7;border-color:#e3a09b}
@media (prefers-color-scheme:dark){.pa,.pm,.pv,.ps,.pl{background:transparent}}
.pills{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 11px;background:var(--soft);margin-bottom:9px}
textarea{resize:vertical;min-height:70px}
.lab{font-size:12.5px;color:var(--mut);margin:2px 0 5px}.req{color:var(--bad)}
.seg{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:11px}
.seg button{flex:1;padding:8px;font-size:13.5px;color:var(--mut);border:0;border-right:1px solid var(--line);background:var(--card);cursor:pointer}
.seg button:last-child{border-right:0}.seg button.on{background:var(--acc);color:#fff;font-weight:600}
details{margin:8px 0 2px}summary{color:var(--mut);font-size:13px;cursor:pointer}
details .fb{font-size:13px;color:var(--mut);margin:5px 0 6px 14px}
.note{border-radius:9px;padding:10px 12px;font-size:13.5px;margin-bottom:12px;display:flex;gap:9px;align-items:flex-start}
.note.g{background:#e3f1ee;border:1px solid #a9d3ca}.note.b{background:#e7eefb;border:1px solid #b5c9ee}.note.w{background:#fdf3e1;border:1px solid #e6c58a}
@media (prefers-color-scheme:dark){.note.g,.note.b,.note.w{background:var(--soft)}}
.note .x{margin-left:auto;background:none;border:0;color:var(--mut);cursor:pointer;font-size:15px}
.hist .h{font-size:13px;color:var(--mut);padding:5px 0;border-bottom:1px dashed var(--line)}.hist .h:last-child{border:0}
.hist b{color:var(--ink);font-weight:500}.hist .why{display:block;font-size:12.5px}
.mut{color:var(--mut);font-size:13px}.center{text-align:center}.err{color:var(--bad);font-size:13.5px;margin:4px 0 8px;min-height:1px}
.qr{display:block;width:180px;height:180px;margin:8px auto;background:#fff;padding:8px;border-radius:6px}
.code{font:600 15px ui-monospace,Consolas,monospace;letter-spacing:1px;text-align:center;background:var(--soft);border:1px dashed var(--line);border-radius:7px;padding:7px;margin-bottom:10px;overflow-wrap:anywhere;user-select:all}
.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.codes div{font:600 14px ui-monospace,Consolas,monospace;background:var(--soft);border:1px dashed var(--line);border-radius:6px;padding:6px;text-align:center;user-select:all}
.otp{font:600 22px ui-monospace,Consolas,monospace;letter-spacing:8px;text-align:center}
.lock{font-size:12.5px;color:var(--mut);margin-top:4px}
.sheet{position:fixed;inset:0;background:rgba(20,32,30,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}
.dlg{background:var(--card);border-radius:12px;padding:16px;width:100%;max-width:440px;max-height:92vh;overflow:auto}
.dlg h3{margin:0 0 6px;font-size:16px}
.site{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);margin-bottom:8px;text-align:left;cursor:pointer}
.site.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.dot{width:9px;height:9px;border-radius:50%;background:#9aa6a3;flex:none}.dot.in{background:#1b7a3a}
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#14201e;color:#fff;padding:9px 14px;border-radius:9px;font-size:13.5px;z-index:20;max-width:92vw}
.sp{flex:1}
.dlg .lab{margin-top:10px}