.sof-split,.sof-ph{width:100%}.sof-phone .phone-screen{min-height:500px}.sof-phone .phone-body{gap:12px;padding-top:8px}.sof-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sof-title{font:600 18px/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);margin:0}.sof-site{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.3}.sof-swap{display:grid}.sof-swap>*{grid-area:1/1;min-width:0}.sof-a{visibility:hidden;opacity:0}.sof-banner{border-radius:12px;align-items:flex-start;gap:12px;height:100%;padding:12px 14px;display:flex}.sof-banner svg{flex:none;width:20px;height:20px;margin-top:1px}.sof-banner b{font:600 15px/1.25 var(--sans);letter-spacing:-.01em;display:block}.sof-banner span{text-wrap:balance;color:var(--body);margin-top:2px;font-size:13px;line-height:1.4;display:block}.sof-banner.off{background:var(--warn-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warn) 28%, transparent)}.sof-banner.off svg,.sof-banner.off b{color:var(--warn)}.sof-banner.on{background:var(--ok-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 28%, transparent)}.sof-banner.on svg,.sof-banner.on b{color:var(--ok)}.sof-q{grid-template-rows:auto 1fr;gap:10px;height:100%;display:grid}.sof-qh{color:var(--body);align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.3;display:flex}.sof-ql{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sof-qi .chip{margin-top:5px}.sof-qi{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:12px 14px;display:grid}.sof-qi b{font:600 14.5px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink);grid-column:1/-1}.sof-qs i{color:var(--muted);margin:0 .4em;font-style:normal}.sof-qs{color:var(--body);grid-column:1/-1;font-size:13px;line-height:1.35}.sof-qt{font:500 11px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:5px}.sof-empty{text-align:center;border:1px solid var(--line);background:var(--card);border-radius:12px;place-content:center;justify-items:center;gap:4px;padding:16px;display:grid}.sof-empty b{font:600 15px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink);margin-top:6px}.sof-empty span:last-child{color:var(--muted);font-size:13px}.sof-tick{width:32px;height:32px}.sof-tick svg{width:14px;height:14px}.sof-btn{width:100%;margin-top:auto}.sof-app{--rh:68px;--n:6;border:1px solid var(--line);background:var(--card);border-radius:14px;width:100%;overflow:hidden;container-type:inline-size}.sof-app .sof-h{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mh chip""id chip";align-content:center;align-items:center;gap:4px 12px;min-height:76px;margin:0;padding:16px 18px;display:grid}.sof-h .mh{grid-area:mh;margin:0}.sof-h .id{grid-area:id;margin:0}.sof-chip{grid-area:chip}.sof-hd{border-top:1px solid var(--line);background:color-mix(in srgb, var(--sunk) 60%, var(--card));height:34px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-template-columns:minmax(0,1fr) 112px 80px;align-items:center;gap:12px;padding:0 18px;display:grid}.sof-rows{height:calc(var(--rh) * var(--n));overflow:hidden}.sof-new{overflow:hidden}.sof-row{box-sizing:border-box;height:var(--rh);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 112px 80px;grid-template-areas:"what st at";align-items:center;gap:12px;padding:0 18px;display:grid}.sof-what{grid-area:what;gap:3px;min-width:0;display:grid}.sof-what b{font:600 14px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}.sof-what span{color:var(--muted);font-size:13px;line-height:1.3}.sof-what i{font:500 12px/1 var(--mono);margin-right:8px;font-style:normal}.sof-st{grid-area:st}.sof-at{font:500 12px/1.2 var(--mono);color:var(--body);grid-area:at;gap:3px;display:grid}.sof-at em{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--warn);font-style:normal}@container (max-width:520px){.sof-app{--rh:92px;--n:5}.sof-hd{display:none}.sof-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"what what what""st.at";align-content:center;row-gap:8px;padding:0 14px}.sof-app .sof-h{grid-template-areas:"mh chip""id id";row-gap:6px;padding:14px}.sof-at{align-items:center;gap:8px;display:flex}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.sof-a{visibility:visible;opacity:1;animation:sof-out var(--dur-1) var(--ease-out) var(--d,0s) both}.sof-ph .phone-sig{animation:sof-sig var(--dur-2) var(--ease-out) var(--sig,0s) both}.sof-new{animation:sof-open 10ms steps(1, jump-end) var(--d,0s) backwards}@keyframes sof-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes sof-sig{0%{opacity:.3}to{opacity:1}}@keyframes sof-open{0%{height:0}}}