:root{--bg:#eaf1f7;--surface:#fff;--ink:#24303f;--muted:#6b7a8d;--line:#d7e2ec;--accent:#3f8cff;--accent-ink:#fff;--shadow:0 1px 2px #24303f0f, 0 8px 24px #24303f0f;--key-shadow:0 2px 0 #c3d2df;--font-body:var(--font-nunito), "Nunito", Arial, sans-serif;--font-display:var(--font-baloo), var(--font-nunito), "Nunito", Arial, sans-serif}.st-body{font-family:var(--font-body);background:radial-gradient(1200px 600px at 50% -10%, #f3f8fd 0%, var(--bg) 60%);color:var(--ink);flex-direction:column;align-items:center;min-height:100vh;margin:0;padding-bottom:8px;display:flex}.st-topbar{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1040px;padding:24px 24px 8px;display:flex}.st-h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:30px;font-weight:700}.st-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.st-controls button{font-family:var(--font-body);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:11px 18px;font-size:16px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.st-controls button:hover{border-color:#b9cbdb}.st-controls button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.st-display{background:var(--surface);border:1px solid var(--line);width:min(92vw,1000px);min-height:168px;box-shadow:var(--shadow);box-sizing:border-box;letter-spacing:.01em;word-wrap:break-word;white-space:pre-wrap;border-radius:22px;margin:14px 0 16px;padding:28px 30px;font-size:44px;font-weight:700;line-height:1.4}.st-hint{width:min(92vw,1000px);color:var(--muted);text-align:center;margin-bottom:16px;font-size:15px;font-weight:600}.st-board{gap:12px;width:min(94vw,1040px);padding:8px 0 24px;display:grid}.st-qwerty .st-row{justify-content:center;gap:12px;display:flex}.st-key{font-family:var(--font-body);appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:var(--surface);border:1px solid var(--line);box-shadow:var(--key-shadow);min-width:64px;min-height:66px;color:var(--ink);box-sizing:border-box;border-radius:16px;justify-content:center;align-items:center;padding:0;font-size:28px;font-weight:800;transition:transform 80ms,background 80ms,color 80ms,border-color 80ms,box-shadow 80ms;display:flex}.st-key:active,.st-key.flash{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:translateY(1px);box-shadow:0 0 0 4px #3f8cff2e}.st-key.wide{letter-spacing:.06em;min-width:190px;color:var(--muted);font-size:18px}.st-letterboard{grid-template-columns:repeat(7,1fr)}.st-letterboard .st-key{min-width:0;min-height:76px}.st-hidden{display:none!important}@media (max-width:700px){.st-h1{font-size:24px}.st-key{border-radius:13px;min-width:42px;min-height:54px;font-size:22px}.st-key.wide{min-width:108px;font-size:14px}.st-letterboard{grid-template-columns:repeat(5,1fr)}.st-display{min-height:130px;font-size:32px}}