:root { --ink:#1a1a1a; --bg:#fdfdfb; --accent:#6b6bff; }
* { box-sizing: border-box; }
body { font-family: -apple-system, system-ui, sans-serif; background: var(--bg); color: var(--ink); margin: 0; padding: 24px; display: flex; flex-direction: column; align-items: center; }
h1 { font-size: 1.1rem; font-weight: 600; letter-spacing: 0.02em; }
.card { max-width: 480px; width: 100%; }
canvas { touch-action: none; width: 100%; aspect-ratio: 1 / 1; background: #fff; border: 1px solid #ddd; border-radius: 12px; display: block; }
canvas.six-second-hint { box-shadow: 0 0 0 2px var(--accent) inset; }
.hint { font-size: 0.8rem; color: #777; margin: 8px 0; min-height: 1.2em; }
.privacy { font-size: 0.75rem; color: #888; border-top: 1px solid #eee; margin-top: 16px; padding-top: 12px; }
button { font-size: 0.95rem; padding: 10px 16px; border-radius: 8px; border: 1px solid var(--ink); background: #fff; cursor: pointer; margin: 4px 4px 4px 0; }
button.primary { background: var(--ink); color: #fff; }
button:disabled { opacity: 0.4; cursor: not-allowed; }
input[type=text] { width: 100%; padding: 8px; border-radius: 8px; border: 1px solid #ccc; font-size: 0.95rem; }
.row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.seal { width: 64px; height: 64px; }