.app-ui{--bg:#fcfcfb;--surface:#fff;--surface-border:#e9e3d9;--sunken:#efe9df;--border:#e9e2d6;--border-strong:#827b70;--fg:#131b30;--fg-2:#454a5b;--fg-3:#5c6172;--primary:#10224c;--accent:#36498a;--success:#2e6b3f;--danger:#a8391d;--info-tint:#e3e8f6;color:var(--fg);font-family:var(--font-atkinson), system-ui, sans-serif;text-align:left}.phone{zoom:var(--phone-zoom,1);-webkit-user-select:none;user-select:none;background:#0b1122;border-radius:64px;flex:none;width:414px;height:868px;padding:12px}.app-ui .phone-screen{background:var(--bg);border-radius:52px;height:100%;position:relative;overflow:hidden}.app-ui .phone-island{background:#000;border-radius:9999px;width:124px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.app-ui .phone-status{justify-content:space-between;align-items:center;height:54px;padding:4px 32px 0 48px;font-size:17px;font-weight:700;display:flex}.app-ui .phone-status-icons{align-items:center;gap:6px;display:flex}.app-ui .phone-home{background:var(--fg);border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.app-ui .scr{flex-direction:column;gap:16px;padding:0 20px;display:flex}.app-ui .scr-header{text-align:center;grid-template-columns:40px 1fr 40px;align-items:center;height:52px;font-size:17px;font-weight:500;display:grid}.app-ui .icon-btn{background:var(--sunken);width:40px;height:40px;color:var(--fg);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.app-ui .pinned{position:absolute;bottom:34px;left:20px;right:20px}.app-ui .t-question-lg{font-family:var(--font-literata), Georgia, serif;font-size:24px;font-weight:500;line-height:32px}.app-ui .t-body-lg{font-size:17px;line-height:26px}.app-ui .t-label-sm{font-size:14px;font-weight:500;line-height:18px}.app-ui .t-caption{font-size:13px;line-height:18px}.app-ui .fg-2{color:var(--fg-2)}.app-ui .fg-3{color:var(--fg-3)}.app-ui .btn{background:var(--primary);color:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:17px;font-weight:500;display:inline-flex}.app-ui button.btn{cursor:pointer;transition:background-color .16s var(--ease-settle)}.app-ui button.btn:hover,.app-ui button.btn:active{background:#26386f}.app-ui .tag{background:var(--sunken);height:28px;color:var(--fg-2);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.app-ui .tag-md{border-radius:8px;height:24px;padding:0 8px}.app-ui .tone-navy{color:#1c2f66;background:#e3e8f6}.app-ui .tone-sage{color:#2d5631;background:#e1ebdd}.app-ui .tone-rust{color:#8a3218;background:#f6e2da}.app-ui .steps{flex:1;gap:4px;display:flex}.app-ui .steps>i{border:1px solid var(--border);background:var(--sunken);border-radius:9999px;flex:1;height:8px}.app-ui .steps>i.ok{border-color:var(--success);background:var(--success)}.app-ui .steps>i.bad{border-color:var(--danger);background:var(--danger)}.app-ui .steps>i.cur{border:2px solid var(--accent);background:var(--surface)}.app-ui .opt{border:1px solid var(--surface-border);background:var(--surface);width:100%;min-height:56px;color:var(--fg);text-align:left;cursor:pointer;transition:background-color .16s var(--ease-settle);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-size:17px;line-height:24px;display:flex}.app-ui .opt:hover{background:#f7f4ee}.app-ui .opt:active{background:var(--sunken)}.app-ui .opt:disabled{cursor:default}.app-ui .opt:disabled:hover{background:var(--surface)}.app-ui .opt .mark{border:1.5px solid var(--border-strong);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.app-ui .opt .txt{flex:1}.app-ui .opt.ok .mark{border-color:var(--success);background:var(--success)}.app-ui .opt.bad .mark{border-color:var(--danger);background:var(--danger)}.app-ui .opt.dim{border-style:dashed;border-color:var(--border);background:var(--bg);color:var(--fg-3)}.app-ui .opt.dim:hover{background:var(--bg)}.app-ui .opt.dim .mark{border-color:var(--border)}.app-ui .reveal{background:var(--info-tint);border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.app-ui .prov{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;line-height:18px;display:flex}.app-ui .prov b{color:var(--fg);font-weight:500}.app-ui .prov .seal{color:#1c2f66;background:#e3e8f6;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.app-ui .prov .sep{background:var(--fg-3);border-radius:50%;width:3px;height:3px}