:root{--navy:#16324f;--navy-soft:#1f456c;--cream:#f6f1e8;--paper:#fffaf3;--ink:#1c2430;--muted:#5b6573;--line:#e4d9c8;--gold:#c9842a;--green:#2f6b4f;--green-soft:#e7f3ec;--amber:#9a4b12;--amber-soft:#f8eadc;--shadow:0 18px 40px #16324f1f;--radius:20px;--sans:"Avenir Next", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at top, #2a5278 0%, var(--navy) 46%, #0f2438 100%);margin:0}button{font:inherit}.app-frame{place-items:center;min-height:100svh;padding:16px;display:grid}.app-phone{background:linear-gradient(180deg, var(--paper) 0%, var(--cream) 100%);width:min(100%,430px);min-height:min(100svh - 32px,860px);box-shadow:var(--shadow);border-radius:28px;padding:28px 20px 24px;display:flex}.screen{flex-direction:column;gap:24px;width:100%;min-height:100%;display:flex}.screen-header h1,.vocab-word,.choice-card-title{letter-spacing:-.03em;margin:0}.screen-header h1{color:var(--navy);font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.15}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.lede,.choice-card-copy,.vocab-example,.vocab-example-fr,.complete-status,.day-theme{color:var(--muted);margin:10px 0 0;line-height:1.5}.screen-body{flex:1}.screen-footer{gap:10px;display:grid}.feature-list,.goal-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-list li,.goal-list li{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 16px;line-height:1.4}.day-theme{color:var(--navy-soft);margin:0 0 14px;font-weight:650}.choice-stack{gap:12px;display:grid}.choice-card{text-align:left;border:1px solid var(--line);width:100%;color:inherit;cursor:pointer;background:#fff;border-radius:18px;gap:6px;padding:16px;display:grid}.choice-card.is-selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:#eef4fa}.choice-card-title{color:var(--navy);font-size:1.1rem;font-weight:700}.vocab-card,.complete-card{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;gap:16px;padding:24px 20px;display:grid}.vocab-kicker{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.vocab-word{color:var(--navy);font-size:2.4rem}.vocab-french{color:var(--navy-soft);margin:0;font-size:1.45rem}.vocab-translation{background:#f3eee4;border-radius:16px;padding:14px}.vocab-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.complete-status{margin:0}.btn{cursor:pointer;border:0;border-radius:14px;width:100%;padding:14px 16px;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{color:var(--navy);background:#e8eef5}.btn-ghost{color:var(--muted);background:0 0}.btn-success{background:var(--green-soft);color:var(--green)}.btn-warning{background:var(--amber-soft);color:var(--amber)}.btn:focus-visible,.choice-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (width>=720px){.app-phone{padding:36px 28px 28px}}