:root{--ink: #17202a;--ink-2: #4a5565;--muted: #6b7684;--bg: #edeff2;--card: #f6f7f9;--line: #e1e4e8;--off: #e2e5e9;--off-ink: #17202a;--accent: #4a5565;--accent-dark: #17202a;--accent-ink: #fff;--alert: #c0392b;--live: #2f8f4e;--error: var(--alert);--ok: var(--live);--u: clamp(.82px, calc(100vw / 390), 1.231px);--shadow: 0 1px 2px rgba(23,32,42,.05), 0 1px 6px rgba(23,32,42,.03);color-scheme:light}:root[data-theme=dark]{--ink: #e8edf2;--ink-2: #c3ccd6;--muted: #9aa5b1;--bg: #10161c;--card: #1a222b;--line: #2a3440;--error: #f97066;--off: #2a3440;--off-ink: #c3ccd6;--accent: #c3ccd6;--accent-dark: #e8edf2;--accent-ink: #10161c;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--ink: #e8edf2;--ink-2: #c3ccd6;--muted: #9aa5b1;--bg: #10161c;--card: #1a222b;--line: #2a3440;--error: #f97066;--off: #2a3440;--off-ink: #c3ccd6;--accent: #c3ccd6;--accent-dark: #e8edf2;--accent-ink: #10161c;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;font-family:-apple-system,Segoe UI,system-ui,Noto Sans,Noto Sans Canadian Aboriginal,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}a{color:var(--accent)}a:hover{color:var(--accent-dark)}h1,h2,h3,h4{margin:0 0 6px;line-height:1.25}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin:0 0 8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:480px;margin:0 auto;padding:8px 16px calc(120 * var(--u));display:flex;flex-direction:column;gap:12px}body.bare .wrap{padding-top:48px}.center{text-align:center}.hint{color:var(--muted);font-size:13px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>input[type=search],.row>input[type=text]{flex:1;min-width:0}.top{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;max-width:480px;margin:0 auto;padding:12px calc(20 * var(--u)) 10px;background:var(--bg)}.top .circle-btn{width:calc(44 * var(--u));height:calc(44 * var(--u))}.top .circle-btn svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.top-left{justify-self:start}.top-right{justify-self:end}.top-title{font-size:20px;margin:0;text-align:center;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--card);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}label.check,label.radio{flex-direction:row;align-items:center;gap:8px;font-weight:400}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=number],input[type=datetime-local],select,textarea{font:inherit;font-weight:400;width:100%;padding:11px 16px;border-radius:20px;border:1px solid transparent;background:var(--bg);color:var(--ink)}textarea{border-radius:16px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;cursor:pointer}.primary,.secondary{font-weight:600;padding:12px;border-radius:22px;border:0}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{background:var(--accent-dark);color:var(--accent-ink)}.secondary{background:var(--bg);color:var(--ink)}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:20px;border:0;background:var(--bg);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.card .pill-btn{background:var(--bg)}.pill-btn.primary{background:var(--accent);color:var(--accent-ink);padding:8px 14px}.pill-btn.danger,.danger{color:var(--error)}.pill-btn.muted{color:var(--muted)}.pill-btn.wide{width:100%;padding:12px}.circle-btn{width:44px;height:44px;border-radius:22px;border:0;background:var(--card);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000014;text-decoration:none}.link{color:var(--accent);text-decoration:none}.link-btn{background:none;border:0;color:var(--accent);padding:0;text-align:left}.chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:12px;background:var(--bg);color:var(--ink-2)}.chip.warn{color:var(--error)}.flash{margin:0;padding:10px 14px;border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.flash.error,.error{color:var(--error)}.flash.notice{color:var(--ok)}.empty{color:var(--muted);text-align:center}.segmented{display:flex;background:var(--bg);border-radius:22px;padding:4px;gap:2px}.segmented label,.segmented a{flex:1;flex-direction:row;justify-content:center;text-align:center;padding:8px 0;border-radius:18px;color:var(--ink-2);font-weight:400;text-decoration:none;font-size:14px}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label:has(input:checked),.segmented a.on{background:var(--card);color:var(--ink);font-weight:600}.tabs{margin:0}.steps{display:flex;gap:6px;justify-content:center;margin:0}.steps span{width:28px;height:4px;border-radius:2px;background:var(--line)}.steps span.on{background:var(--accent)}.results{display:flex;flex-direction:column;gap:6px}.result,.list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;text-decoration:none;width:100%}.list .list-item:last-child{border-bottom:0}.switch-row{flex-direction:row;justify-content:space-between;align-items:center}.switch{width:46px;height:28px;border-radius:14px;border:0;background:var(--line);position:relative}.switch:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:11px;background:#fff;transition:left .15s}.switch.on{background:var(--accent)}.switch.on:after{left:21px}.storage{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}meter{width:100%;height:8px}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg);color:var(--ink-2);font-weight:700;flex-shrink:0;text-decoration:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:72px;height:72px;font-size:28px}.ptabs{position:relative;display:flex;padding:4px;border-radius:24px;background:var(--off);touch-action:pan-y}.ptab{position:relative;z-index:1;flex:1 1 0;min-width:0;padding:9px 6px;border-radius:20px;text-align:center;color:var(--ink-2);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptab.on{color:var(--ink)}.ptabs:not(.has-ind) .ptab.on{background:var(--card);box-shadow:var(--shadow)}.ptab-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc(100% - 8px);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.ptabs:not(.has-ind) .ptab-ind{display:none}:root[data-theme=dark] .ptab-ind,:root[data-theme=dark] .ptabs:not(.has-ind) .ptab.on{box-shadow:0 0 0 1px var(--line)}.panels{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px}.panels::-webkit-scrollbar{display:none}.panel{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:12px;padding:2px 16px 8px}.avatar.pic{width:36px;height:36px;font-size:15px;background:var(--card-2, var(--bg));color:var(--ink-2)}.avatar.pic.s28{width:28px;height:28px;font-size:12px}.avatar.pic.s44{width:44px;height:44px;font-size:18px}.avatar.pic svg{display:block}.pic-row{display:flex;align-items:center;gap:12px}.pic-row>.pic-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.result.pic-row,label.check.pic-row{display:flex}.list-item:has(>.pic:first-child),.result:has(>.pic:first-child),label.check:has(>.pic){justify-content:flex-start;gap:12px;align-items:center}.list-item>.pic-row{flex:1;min-width:0}.pull-row{position:fixed;top:0;left:0;right:0;z-index:1000;height:0;overflow:hidden;background:var(--bg);display:none;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);pointer-events:none}.pull-spin{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--muted);opacity:0}.pull-row.open{display:flex}.pull-row.ready .pull-spin{color:var(--ink-2)}.pull-row.spinning .pull-spin svg{animation:pull-spin .8s linear infinite}@keyframes pull-spin{to{transform:rotate(360deg)}}