*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif;background:#f4f4f5;color:#18181b}.card{position:relative;width:min(24rem,calc(100vw - 2rem));padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem}.language-switcher{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem}.language-switcher button{font:inherit;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border:1px solid #d4d4d8;border-radius:.375rem;background:transparent;color:#71717a;cursor:pointer}.language-switcher button.active{border-color:#2563eb;color:#2563eb}h1{margin:0;font-size:1.5rem;text-align:center}label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500}.optional{color:#71717a;font-weight:400}input,textarea{font:inherit;padding:.5rem .75rem;border:1px solid #d4d4d8;border-radius:.5rem}textarea{resize:vertical;min-height:4rem}.ring-button{font:inherit;font-size:1.25rem;font-weight:600;padding:.875rem;border:none;border-radius:.75rem;background:#2563eb;color:#fff;cursor:pointer}.ring-button:hover:not(:disabled){background:#1d4ed8}.ring-button:disabled{opacity:.6;cursor:default}.notice{margin:0;text-align:center;font-size:.875rem;color:#b45309}@media(prefers-color-scheme:dark){body{background:#18181b;color:#f4f4f5}.card{background:#27272a}input,textarea{background:#18181b;border-color:#3f3f46;color:inherit}.language-switcher button{border-color:#3f3f46;color:#a1a1aa}.language-switcher button.active{border-color:#60a5fa;color:#60a5fa}}