:root{--app-padding: 16px;--radius: 8px;--border: #e5e7eb;--muted: #6b7280;--fg: #111827;--bg: #ffffff}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}.app{padding:var(--app-padding);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--fg);background:var(--bg)}.app__header{margin-bottom:12px}.app__title{font-size:1.25rem;margin:0}.alert{border:1px solid transparent;padding:12px;border-radius:var(--radius);margin:0 0 12px}.alert--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;max-width:640px}.card+.card{margin-top:12px}.card__title{margin:0 0 8px;font-size:1.1rem}.card__hint{color:var(--muted);margin:0 0 8px}.card__footnote{color:var(--muted);font-size:.9rem}.form{display:grid;gap:12px}.form__label{display:grid;gap:6px}.form__input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:1rem}.form__actions{margin-top:4px}.btn{padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:#111827;color:#fff;cursor:pointer}.kv{list-style:none;padding:0;margin:8px 0 0}.kv li{margin:4px 0}.kv strong{display:inline-block;width:140px}