/* あゆみ UI design tokens — scoped examples, no external dependencies */
:root {
 --ay-bg:#F7F2E8; --ay-surface:#FFFCF7; --ay-ink:#1F2A44;
 --ay-muted:#665C53; --ay-line:#D9CDB8; --ay-citizen:#A9443A;
 --ay-ai:#426CA6; --ay-success:#477967; --ay-warning:#B98132;
 --ay-radius:8px; --ay-shadow:0 2px 12px rgba(45,36,25,.045);
 --ay-font: "Noto Sans JP", "Yu Gothic", sans-serif;
 --ay-display: "Noto Serif JP", "Yu Mincho", serif;
}
.ay-page {background:var(--ay-bg);color:var(--ay-ink);font-family:var(--ay-font);line-height:1.7}
.ay-title {font-family:var(--ay-display);font-weight:600;letter-spacing:.055em}
.ay-card {background:var(--ay-surface);border:1px solid var(--ay-line);border-radius:var(--ay-radius);padding:20px;box-shadow:var(--ay-shadow)}
.ay-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--ay-ink);border-radius:6px;background:var(--ay-ink);color:white;font-weight:600;cursor:pointer}
.ay-btn--secondary {background:var(--ay-surface);color:var(--ay-ink);border-color:var(--ay-line)}
.ay-btn:focus-visible,.ay-input:focus-visible{outline:3px solid var(--ay-ai);outline-offset:3px}
.ay-input {min-height:44px;padding:10px 14px;border:1px solid var(--ay-line);border-radius:6px;background:var(--ay-surface);color:var(--ay-ink)}
.ay-badge {display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;background:#F3E3C5;color:#76531F;font-size:13px}
.ay-badge--citizen{background:#F8E6E2;color:#9B3E32}
.ay-badge--ai{background:#E6EEF8;color:#325C91}
.ay-score{font-family:var(--ay-display);font-size:clamp(32px,4vw,56px);line-height:1.1;font-variant-numeric:tabular-nums}
.ay-score--citizen{color:var(--ay-citizen)} .ay-score--ai{color:var(--ay-ai)}
.ay-track{height:8px;background:#EDE7DC;border-radius:99px;overflow:hidden}
.ay-fill{height:100%;background:var(--ay-citizen);border-radius:99px}
.ay-fill--ai{background:var(--ay-ai)}
@media(max-width:640px){.ay-card{padding:14px}.ay-btn{width:100%}}
@media(prefers-reduced-motion:no-preference){.ay-btn{transition:background-color .2s,transform .2s}.ay-btn:hover{transform:translateY(-1px)}}