@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
:root{color:#102f52;font-synthesis:none;--blue:#0d3158;--blue-2:#164d82;--gold:#cda85c;--pale-gold:#f5eddc;--line:#d8dfe8;background:#f7f8fb;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#fff 0,#f5f7fa 48%,#eaf0f7 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit}.app-shell{width:min(100%,580px);min-height:100svh;margin:auto;padding:0 22px 34px}.topbar{justify-content:center;align-items:center;height:58px;display:flex}.gold-line{background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:10px;width:42px;height:3px;display:block}.panel,.result{animation:.35s both enter}.panel.is-leaving{opacity:.35;transition:all .3s;transform:translate(-10px)}.eyebrow{text-align:center;letter-spacing:.15em;color:#987a3e;font-size:10px;font-weight:700}.eyebrow span{color:var(--gold)}h1{letter-spacing:-.035em;text-align:center;max-width:520px;color:var(--blue);margin:14px auto 13px;font:700 clamp(29px,7.7vw,42px)/1.08 Playfair Display,serif}h1 small{letter-spacing:.04em;color:#526d88;margin-top:9px;font:600 .48em/1.2 DM Sans,sans-serif;display:block}.progress{justify-content:center;gap:7px;margin:18px 0 27px;display:flex}.progress i{background:#cad4df;border-radius:50%;width:7px;height:7px}.progress i.active{background:var(--gold);border-radius:8px;width:24px}.option-grid{gap:11px;display:grid}.option-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:72px;padding:11px 17px;font-size:14px;font-weight:600;transition:all .15s;display:grid;box-shadow:0 5px 18px #0d31580a}.option-grid button:hover,.option-grid button:focus-visible{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 8px 24px #0d315818}.option-grid button:active,.option-grid button.selected{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(.985)}.option-grid b{color:var(--gold);font-size:21px;font-weight:400}.option-icon{background:var(--pale-gold);color:#8b6b2f;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.bilingual-label small{color:#71849a;margin-top:4px;font-size:11px;font-weight:500;display:block}.bilingual-label em{background:var(--pale-gold);color:#8b6b2f;letter-spacing:.08em;border-radius:99px;margin-top:6px;padding:2px 6px;font-size:8px;font-style:normal;display:inline-block}.option-grid button.selected .bilingual-label small{color:#d8e4ef}.compact,.experience-grid{grid-template-columns:1fr 1fr}.compact button{min-height:82px}.helper{text-align:center;color:#60768c;margin:-15px 0 18px;font-size:13px}.helper small,.paste-note small{margin-top:4px;display:block}.experience-grid button{min-height:88px}.generate,.copy{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;letter-spacing:.02em;cursor:pointer;border:0;border-radius:16px;width:100%;min-height:64px;margin-top:16px;font-size:14px;font-weight:700;box-shadow:0 10px 28px #0d315833}.generate span,.copy span{float:right;margin-right:20px}.trust{text-align:center;color:#6e7f90;margin:22px 0;font-size:10px}.trust span{color:var(--gold)}.result{text-align:center;padding-top:4px}.result:focus{outline:none}.success-mark{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:36px;height:36px;margin:2px auto 15px;display:grid;box-shadow:0 0 0 5px #dfe8f1}.result h1{margin-top:10px;margin-bottom:25px}.language-review{margin:0 0 26px}.review-heading{text-align:left;color:var(--blue);align-items:center;gap:9px;margin:0 4px 9px;display:flex}.review-heading span{background:var(--pale-gold);color:#8b6b2f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.review-heading b{letter-spacing:.03em;font-size:13px}.review-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;padding:25px 23px 20px;position:relative;box-shadow:0 10px 32px #0d315810}.review-card .quote{color:#d8bd80;font:700 40px/1 Playfair Display,serif;position:absolute;top:10px;left:15px}.review-card p{color:#233f5c;margin:14px 0 3px;font:500 15px/1.68 DM Sans,sans-serif}.copy{border-radius:14px;min-height:62px;margin-top:10px;font-size:13px}.secondary-copy{color:#102f52;background:linear-gradient(135deg,#b58b3e,#d2ad63);box-shadow:0 10px 28px #a8803230}.copy.copied{color:#fff;background:#357360}.paste-note{color:#748598;margin:6px 0 20px;font-size:10px}.variants{justify-content:center;gap:8px;margin-top:18px;display:flex}.variants button,.start-over{cursor:pointer;background:#fff;border:1px solid #ccd7e2;border-radius:99px;padding:9px 13px;font-size:10px;font-weight:600}.start-over{color:#718397;background:0 0;border:0;margin-top:19px;text-decoration:underline}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}@media (max-width:410px){.app-shell{padding-inline:15px}.topbar{height:43px}.compact,.experience-grid{gap:8px}.option-grid button{padding:9px 11px;font-size:12px}.option-icon{width:32px;height:32px}.bilingual-label small{font-size:10px}h1{font-size:28px}.review-card{padding:22px 18px 17px}}@media (min-width:760px){.app-shell{padding-top:10px}.option-grid button{font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}