.so-page{display:grid;grid-gap:20px;gap:20px;align-content:start;width:100%;max-width:720px;box-sizing:border-box;margin:0 auto;padding:clamp(16px,3vw,32px) 16px}.so-head{display:grid;grid-gap:4px;gap:4px;text-align:center}.so-title{margin:0;font-size:24px;font-weight:700;color:var(--ink-900)}.so-sub{margin:0;font-size:16px;color:var(--ink-700)}.so-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.so-tile{min-height:96px;padding:16px;background:var(--bg);border:2px solid var(--line);border-radius:var(--r-card);font:inherit;font-size:20px;font-weight:600;line-height:1.3;color:var(--ink-900);overflow-wrap:break-word;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.so-tile:active{transform:scale(.98);border-color:var(--blue-700);background:var(--blue-50)}.so-tile:focus-visible{outline:none;border-color:var(--blue-700);box-shadow:0 0 0 3px rgba(11,77,162,.15)}.so-pad{display:grid;grid-gap:16px;gap:16px;justify-items:center}.so-dots{display:flex;gap:14px;padding:6px 0}.so-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink-500);background:transparent;transition:background-color .12s ease,border-color .12s ease}.so-dot.is-on{background:var(--blue-700);border-color:var(--blue-700)}.so-keys{display:grid;grid-template-columns:repeat(3,84px);grid-gap:10px;gap:10px}.so-key{height:64px;background:var(--bg);border:2px solid var(--line);border-radius:var(--r-card);font:inherit;font-size:24px;font-weight:600;color:var(--ink-900);cursor:pointer;transition:background-color .12s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.so-key.is-soft{font-size:15px;color:var(--ink-700)}.so-key:active{transform:scale(.96);background:var(--blue-50)}.so-key:disabled{opacity:.5;cursor:default}.so-status{min-height:24px;font-size:15px;color:var(--ink-700);text-align:center}.so-error{color:#b91c1c;font-weight:600}@media (max-width:600px){.so-tiles{grid-template-columns:1fr}}@media (max-width:400px){.so-keys{grid-template-columns:repeat(3,72px)}}.so-tile.is-off{opacity:.55;cursor:default}.so-tile-note{display:block;margin-top:4px;font-size:13px;font-weight:500;color:#b45309}.so-device{display:inline-flex;align-items:center;gap:6px;justify-self:center;padding:4px 10px;border-radius:999px;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;font-size:12px;font-weight:600}.so-note{margin:0;max-width:420px;text-align:center;font-size:14px;line-height:1.5;color:var(--ink-700,#475569)}.so-link,.so-note{justify-self:center}.so-link{background:none;border:0;padding:10px 14px;min-height:44px;font:inherit;font-size:14px;font-weight:600;color:var(--blue-700,#0b4da2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.so-success{display:grid;grid-gap:6px;gap:6px;justify-items:center;padding:16px;border-radius:12px;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;font-weight:600}