:root{--ink:#17322e;--muted:#66736f;--paper:#fffdfa;--canvas:#f3efe7;--accent:#e8623d;--accent-dark:#c94725;--mint:#dcebe1;--line:#dedbd3}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--canvas);font-family:Arial,Helvetica,sans-serif}body{color:var(--ink);background:radial-gradient(circle at 15% 0%, #fffc, transparent 30rem), var(--canvas);margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.study-shell{width:min(100%,48rem);min-height:100vh;margin:0 auto;padding:1rem}.site-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.brand{color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--accent);letter-spacing:.08em;border-radius:.85rem;place-items:center;width:2.7rem;height:2.7rem;font-size:.78rem;font-weight:800;display:grid;transform:rotate(-3deg)}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{color:var(--muted);letter-spacing:.04em;margin-top:.1rem;font-size:.72rem;font-weight:600}.counter{color:var(--muted);font-size:.85rem;font-weight:700}progress{width:100%;height:.35rem;color:var(--accent);appearance:none;background:#ded9cf;border:0;border-radius:999px;margin-bottom:1.1rem;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#ded9cf}progress::-webkit-progress-value{background:var(--accent);border-radius:999px}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.flashcard{background:var(--paper);border:1px solid #17322e17;border-radius:1.4rem;overflow:hidden;box-shadow:0 1.2rem 3rem #2c34301a}.photo-wrap{aspect-ratio:3/2;background:#ddd;position:relative;overflow:hidden}.photo-wrap img{object-fit:cover;width:100%;height:100%}.question-type{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;background:#fffdfaeb;border-radius:999px;padding:.45rem .8rem;font-size:.72rem;font-weight:800;position:absolute;top:1rem;left:1rem;box-shadow:0 .25rem 1rem #0000001f}.card-content{gap:1.5rem;min-height:19rem;padding:1.4rem;display:grid}.eyebrow{color:var(--accent-dark);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .55rem;font-size:.7rem;font-weight:800}h1{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.08}.prompt-actions{align-self:end;gap:1rem;display:grid}.prompt-actions p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.primary-button,.next-button,.secondary-button{cursor:pointer;border-radius:.9rem;min-height:3.2rem;font-weight:750}.primary-button,.next-button{color:#fff;background:var(--accent);border:0}.primary-button:hover,.next-button:hover{background:var(--accent-dark)}.answer-panel{background:#f1f5ee;border-radius:1rem;align-self:end;padding:1rem}.sentences{gap:1rem;display:grid}.sentence{flex-wrap:wrap;gap:.35rem;margin:0;font-size:clamp(1.35rem,6vw,1.8rem);font-weight:700;line-height:1.25;display:flex}.sentence span{border-radius:.35rem;flex-direction:column;padding:.15rem .3rem;display:inline-flex}.sentence small{letter-spacing:.06em;text-transform:uppercase;margin-top:.28rem;font-size:.55rem;font-weight:800}.subject{color:#275ca0;background:#e3edfa}.verb{color:#a43c24;background:#f9e5df}.rest{color:#3b684c;background:var(--mint)}.card-navigation{grid-template-columns:1fr 1.6fr;gap:.75rem;padding-top:1rem;display:grid}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fffdfab3}.secondary-button:disabled{cursor:not-allowed;opacity:.4}.next-button{justify-content:center;align-items:center;gap:.5rem;display:flex}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1c6fd1}@media (min-width:42rem){.study-shell{padding:2rem 1.5rem 3rem}.card-content{min-height:20rem;padding:2rem}.primary-button{width:fit-content;padding-inline:1.5rem}}@media (prefers-reduced-motion:no-preference){button{transition:background-color .16s,transform .16s}button:active{transform:translateY(1px)}}