:root{--bg:#f5f5f7;--card:#fff;--txt:#1d1d1f;--mut:#86868b;--line:#00000014;--blue:#0071e3;--fill:#f0f0f3;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--glass:#f5f5f7c7;--shadow:0 1px 2px #0000000a,0 8px 24px #0000000d}@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--txt:#f5f5f7;--mut:#8e8e93;--line:#ffffff1f;--blue:#0a84ff;--fill:#2c2c2e;--glass:#000000b8;--shadow:none}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--txt);letter-spacing:-.01em;padding-bottom:calc(84px + env(safe-area-inset-bottom));margin:0;font:17px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}header{z-index:5;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);padding:calc(10px + env(safe-area-inset-top)) 20px 10px;position:sticky;top:0}.hwrap{justify-content:space-between;align-items:center;gap:12px;max-width:760px;margin:auto;display:flex}h1{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:700;line-height:1.1}button{font:inherit;color:var(--txt);letter-spacing:inherit;cursor:pointer}main{max-width:760px;margin:auto;padding:8px 20px 20px}.mut{color:var(--mut)}.lead{letter-spacing:-.03em;margin:6px 2px 2px;font-size:28px;font-weight:700}.who{grid-template-columns:1fr 1fr;gap:12px;display:grid}.who button{background:var(--card);box-shadow:var(--shadow);text-align:left;border:0;border-radius:20px;align-items:center;gap:12px;padding:16px;font-size:17px;font-weight:600;display:flex}.who button:active{transform:scale(.97)}.avatar{color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid}.err{color:var(--red);margin:0 2px 12px}.ov{z-index:20;background:var(--bg);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pinbox{text-align:center;width:100%;max-width:320px}.pinbox h2{margin:0 0 4px;font-size:22px}.hint{min-height:22px;margin:0}.dots{justify-content:center;gap:16px;margin:22px 0;display:flex}.dots i{border:1.5px solid var(--mut);border-radius:50%;width:14px;height:14px}.dots i.on{background:var(--txt);border-color:var(--txt)}.pad{grid-template-columns:repeat(3,72px);justify-content:center;gap:14px;margin-bottom:18px;display:grid}.pad button{background:var(--fill);border:0;border-radius:50%;width:72px;height:72px;font-size:28px;font-weight:500}.pad button:active{background:var(--blue);color:#fff}.btn{background:var(--fill);color:var(--blue);border:0;border-radius:999px;padding:12px 22px;font-size:17px;font-weight:600}