@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--cream:#f6f3ec;--cream-deep:#ece6d7;--paper:#fbf8f1;--card:#fff;--ink:#1a1a1a;--ink-soft:#2e2a24;--muted:#6b6358;--muted-2:#8a8275;--hairline:#e6e0d3;--hairline-soft:#efe9dc;--coral:#d97757;--coral-deep:#b85a3c;--coral-tint:#f6e3d8;--sage:#5b7a55;--sage-tint:#dde4d7;--rust:#a8492f;--rust-tint:#f0d8cd;--amber:#b88828;--amber-tint:#f0e3c2;--font-sans:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}body{background:var(--cream);min-height:100dvh}.hero-headline{letter-spacing:-.045em;font-size:clamp(38px,8vw,56px);font-weight:700;line-height:.97}.card-headline{letter-spacing:-.027em;font-size:20px;font-weight:700;line-height:1.15}.lede{letter-spacing:-.007em;font-size:17px;font-weight:500;line-height:1.4}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:500;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.pill.holding{background:var(--sage-tint);color:var(--sage)}.pill.wobbling{background:var(--amber-tint);color:var(--amber)}.pill.broken{background:var(--rust-tint);color:var(--rust)}.card{background:var(--card);border-radius:18px;padding:18px}.card-dark{background:var(--ink);color:var(--cream);border-radius:18px;padding:18px}.feedback-chip{border:1px solid var(--hairline);font-family:var(--font-sans);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.feedback-chip:hover{background:var(--hairline-soft);color:var(--ink-soft)}.feedback-chip.selected.useful{background:var(--sage-tint);border-color:var(--sage);color:var(--sage)}.feedback-chip.selected.noise{background:var(--rust-tint);border-color:var(--rust);color:var(--rust)}.feedback-chip.selected.knew{background:var(--amber-tint);border-color:var(--amber);color:var(--amber)}.translation-row{border-top:1px solid var(--hairline);align-items:baseline;gap:12px;padding:10px 0;display:flex}.translation-metric{font-family:var(--font-mono);color:var(--ink);flex-shrink:0;min-width:80px;font-size:13px;font-weight:600}.translation-text{font-family:var(--font-sans);color:var(--coral-deep);font-size:13px;font-weight:500;line-height:1.4}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.safe-top{padding-top:env(safe-area-inset-top,44px)}