:root{--bg: #f6f7f2;--surface: #ffffff;--surface-soft: #eef4ef;--ink: #20251f;--muted: #657064;--border: #dbe3d8;--primary: #23372d;--primary-soft: #dfece4;--c: #b65f71;--a: #4777a6;--r: #a7752d;--e: #5f873f;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#dfece4e6,#f6f7f200 34rem),linear-gradient(180deg,#fbfcf8 0,var(--bg) 34rem)}button{border:0;font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:18px;font-size:88px;line-height:.96;letter-spacing:0;overflow-wrap:anywhere}h2{margin-bottom:14px;font-size:42px;line-height:1.08;letter-spacing:0}h3{margin-bottom:10px;font-size:18px;line-height:1.25;letter-spacing:0}.app-shell{min-height:100vh}.topbar,.hero-band,.workspace{padding-right:max(18px,calc((100vw - 1180px)/2));padding-left:max(18px,calc((100vw - 1180px)/2))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:16px}.brand,.topbar-actions,.hero-actions,.progress-row,.question-nav,.axis-row,.locale-switch{display:flex;align-items:center}.brand{gap:12px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff;background:var(--primary);font-size:20px;font-weight:820}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:0}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.topbar-actions{gap:10px}.beta-pill,.locale-switch{border:1px solid rgba(35,55,45,.16);background:#ffffffad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.beta-pill{border-radius:999px;padding:8px 11px;color:#355143;font-size:13px;font-weight:760}.locale-switch{gap:3px;border-radius:8px;padding:3px}.locale-switch button{border-radius:6px;padding:7px 9px;color:#566256;background:transparent}.locale-switch button[aria-pressed=true]{color:#fff;background:var(--primary)}.hero-band{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:44px;align-items:end;min-height:min(720px,calc(100vh - 74px));padding-top:42px;padding-bottom:64px}.hero-copy{max-width:820px}.eyebrow{margin-bottom:12px;color:#4c745e;font-size:13px;font-weight:800}.lead{max-width:650px;margin-bottom:26px;color:var(--muted);font-size:20px;line-height:1.72;overflow-wrap:anywhere}.hero-actions{flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.text-button,.context-button,.option-button{min-height:44px;border-radius:8px;font-weight:760;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{padding:12px 18px;color:#fff;background:var(--primary)}.secondary-button{border:1px solid var(--border);padding:11px 16px;color:var(--primary);background:#ffffffc7}.text-button{padding:10px 0;color:#516252;background:transparent}.primary-button:hover,.secondary-button:hover,.context-button:hover,.option-button:hover{transform:translateY(-1px)}.care-symbol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.care-symbol span{min-height:162px;border:1px solid rgba(35,55,45,.1);border-radius:8px;padding:18px;background:#ffffffa3;box-shadow:0 28px 80px #222f2614}.care-symbol strong,.care-symbol small{display:block}.care-symbol strong{margin-bottom:36px;font-size:52px;line-height:1}.care-symbol small{color:var(--muted);font-weight:740}[data-axis=C]{--axis: var(--c)}[data-axis=A]{--axis: var(--a)}[data-axis=R]{--axis: var(--r)}[data-axis=E]{--axis: var(--e)}.care-symbol [data-axis]{border-top:5px solid var(--axis)}.landing-hero{align-items:center}.landing-boundary{max-width:520px}.sample-result-card{display:grid;gap:16px;border:1px solid rgba(35,55,45,.14);border-radius:8px;padding:24px;background:linear-gradient(135deg,#fffffff0,#f7faf5db),linear-gradient(90deg,#b65f7124,#4777a61f,#a7752d1f,#5f873f1f);box-shadow:0 28px 90px #20251f1f}.sample-code{display:inline-flex;width:fit-content;border-radius:8px;padding:12px 14px;color:#fff;background:var(--primary);font-size:58px;line-height:.95;font-weight:860;letter-spacing:0}.sample-endpoints{margin:0;color:#4c5a4f;font-weight:760;line-height:1.55}.sample-result-card blockquote{margin:0;border-left:4px solid var(--c);padding:10px 0 10px 14px;color:var(--ink);font-size:18px;line-height:1.62}.translation-mini{border:1px solid var(--border);border-radius:8px;padding:14px;background:#ffffffbd}.translation-mini span{display:block;margin-bottom:6px;color:#557260;font-size:12px;font-weight:820}.translation-mini p{margin-bottom:0;color:var(--ink);line-height:1.6}.landing-modules,.test-stage-shell,.generating-stage,.reveal-stage,.result-experience-shell{padding-right:max(18px,calc((100vw - 1180px)/2));padding-left:max(18px,calc((100vw - 1180px)/2))}.landing-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:72px}.landing-module{border-top:5px solid var(--axis);border-radius:8px;padding:18px;background:#ffffffc7;box-shadow:0 18px 60px #20251f0f}.landing-module span{display:grid;width:36px;height:36px;margin-bottom:18px;place-items:center;border-radius:8px;color:#fff;background:var(--axis);font-weight:860}.landing-module p{margin-bottom:0;color:var(--muted);line-height:1.65}.test-stage-shell{display:grid;gap:20px;padding-top:34px;padding-bottom:72px}.test-stage-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:22px;align-items:end}.test-stage-head h1,.generating-stage h1,.reveal-stage h1{max-width:820px;font-size:58px;line-height:1.02}.focused-test-panel{max-width:760px;margin:0 auto;padding:28px}.focused-test-panel .progress-track{height:11px}.stage-feedback{margin:0 0 18px;border-left:4px solid var(--axis, var(--primary));border-radius:8px;padding:11px 12px;background:#f7faf5;color:#415448;font-size:13px;font-weight:740;line-height:1.55}.generating-stage,.reveal-stage{display:grid;min-height:calc(100vh - 74px);align-content:center;justify-items:center;padding-top:42px;padding-bottom:72px;text-align:center}.care-calibration{display:grid;grid-template-columns:repeat(4,54px);gap:12px;margin-bottom:24px}.care-calibration span{display:grid;height:54px;place-items:center;border-radius:8px;color:#fff;background:var(--axis);font-weight:860;animation:calibrate 1.2s ease-in-out infinite}.care-calibration span:nth-child(2){animation-delay:.14s}.care-calibration span:nth-child(3){animation-delay:.28s}.care-calibration span:nth-child(4){animation-delay:.42s}@keyframes calibrate{0%,to{transform:translateY(0);opacity:.68}50%{transform:translateY(-8px);opacity:1}}.generating-list{display:grid;gap:9px;width:min(100%,560px);margin-top:12px}.generating-list p{margin:0;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fffc;color:var(--muted);line-height:1.55}.reveal-code{border-radius:8px;padding:12px 16px;color:#fff;background:var(--primary);font-size:76px;line-height:.96;font-weight:880;letter-spacing:0}.reveal-endpoints{max-width:680px;margin:14px 0;color:#4f5f52;font-size:18px;font-weight:760;line-height:1.55}.reveal-stage .memory-sentence,.reveal-stage .translation-card{width:min(100%,720px);text-align:left}.result-experience-shell{padding-top:28px;padding-bottom:72px}.result-experience-shell .result-panel{max-width:980px;margin:0 auto}.translation-card{display:grid;gap:14px;border:1px solid var(--border);border-radius:8px;padding:16px;background:#fff}.translation-card h3{margin-bottom:0}.translation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.translation-item{border-left:4px solid var(--axis, var(--primary));border-radius:8px;padding:12px;background:#fbfcf8}.translation-item strong,.translation-item span{display:block}.translation-item strong{margin-bottom:6px;color:#557260;font-size:12px;font-weight:820}.translation-item span{color:var(--ink);line-height:1.58}.translation-next{border-color:#23372d2e;border-left-color:var(--primary);background:var(--primary-soft)}.translation-next strong,.translation-next p{display:block}.translation-next strong{margin-bottom:6px;color:#405347;font-size:12px;font-weight:820}.translation-next p{margin:0;color:var(--ink);line-height:1.58}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border-top:1px solid rgba(35,55,45,.12);padding:22px max(18px,calc((100vw - 1180px)/2));color:#526155;background:#ffffff94}.site-footer strong{color:var(--primary);font-size:14px}.site-footer span,.site-footer small{font-size:12px;font-weight:740}.site-footer small{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);gap:22px;align-items:start;padding-bottom:60px}.test-column,.result-column{display:grid;gap:16px}.test-column{position:sticky;top:14px}.panel,.empty-result,.result-panel,.insight-card,.share-card,.conversion-card{border:1px solid var(--border);border-radius:8px;background:#ffffffe0;box-shadow:0 20px 70px #20251f0f}.panel,.empty-result,.result-panel{padding:22px}.context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.context-button,.option-button{border:1px solid var(--border);padding:12px 13px;color:#334238;background:#fff;text-align:left}.context-button[aria-pressed=true],.option-button[aria-pressed=true]{border-color:var(--primary);color:#fff;background:var(--primary)}.progress-row{justify-content:space-between;gap:14px;color:var(--muted);font-size:14px;font-weight:760}.progress-row strong{color:var(--primary)}.progress-track{overflow:hidden;height:8px;margin:10px 0 22px;border-radius:999px;background:#e8eee6}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c),var(--a),var(--r),var(--e))}.question-card{margin:0;border:0;padding:0}.question-card legend{margin-bottom:12px;color:#53735f;font-size:13px;font-weight:820}.question-card h2{min-height:124px;margin-bottom:20px;font-size:34px;line-height:1.18}.option-grid{display:grid;gap:10px}.question-nav{justify-content:space-between;gap:10px;margin-top:18px}.question-nav .primary-button,.question-nav .secondary-button{flex:1;text-align:center}.state-message,.beta-note{margin-top:16px;margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.65}.state-message{color:#46624f;font-weight:720}.empty-result{min-height:360px;align-content:center;display:grid}.empty-result p{color:var(--muted);line-height:1.7}.result-panel{display:grid;gap:18px}.type-lockup{border-bottom:1px solid var(--border);padding-bottom:18px}.type-code{display:inline-block;margin-bottom:12px;border-radius:999px;padding:8px 12px;color:#fff;background:var(--primary);font-size:13px;font-weight:820}.type-lockup p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.7}.memory-sentence{display:grid;gap:6px;max-width:680px;margin-bottom:12px;border-left:4px solid var(--primary);padding:10px 12px;background:#f7faf5;color:var(--ink)}.memory-sentence strong{color:#557260;font-size:12px;font-weight:820}.memory-sentence span{color:var(--ink);font-size:15px;line-height:1.58}.code-grammar{display:grid;gap:14px;border:1px solid var(--border);border-radius:8px;padding:16px;background:#fff}.code-grammar-head h3{margin:0;font-size:18px}.code-grammar-head p{max-width:640px;margin:6px 0 0;color:var(--muted);line-height:1.6}.code-grammar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.code-grammar-item{display:grid;gap:9px;border-left:4px solid var(--axis);border-radius:8px;padding:12px;background:#fbfcf8}.code-grammar-axis{display:flex;align-items:center;gap:9px}.code-grammar-axis span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#fff;background:var(--axis);font-weight:860}.code-grammar-axis strong{color:var(--ink);font-size:15px}.code-grammar-item>p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.code-grammar-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.code-grammar-option{display:grid;gap:4px;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fffc}.code-grammar-option b{color:var(--axis);font-size:18px;line-height:1}.code-grammar-option span{color:var(--ink);font-size:13px;font-weight:820}.code-grammar-option small{color:var(--muted);font-size:12px;line-height:1.42}.endpoint-legend{display:grid;gap:14px;border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--surface-soft)}.endpoint-legend-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.endpoint-legend h3{margin:0;font-size:18px}.endpoint-legend-head p{max-width:620px;margin:6px 0 0;color:var(--muted);line-height:1.6}.endpoint-code{flex:0 0 auto;border-radius:999px;padding:7px 10px;color:#fff;background:var(--primary);font-size:12px;font-weight:820}.endpoint-grid,.pair-endpoint-grid{display:grid;gap:10px}.endpoint-grid,.pair-endpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-endpoint-grid .endpoint-grid{grid-template-columns:1fr}.endpoint-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;border-left:4px solid var(--axis);border-radius:8px;padding:11px;background:#ffffffc7}.endpoint-letter{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:var(--axis);font-size:15px;font-weight:860}.endpoint-item strong,.endpoint-item small,.endpoint-item p{display:block}.endpoint-item strong{margin-bottom:4px;color:var(--ink);font-size:14px}.endpoint-item small{color:#557260;font-size:12px;font-weight:760;line-height:1.45}.endpoint-item p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.58}.endpoint-item p b{color:#557260;font-weight:820}.endpoint-item .endpoint-guard,.endpoint-item .endpoint-misread{font-size:12px;line-height:1.52}.endpoint-item .endpoint-guard{color:#405347}.endpoint-item .endpoint-misread{color:#6f6154}.type-catalog{border:1px solid var(--border);border-radius:8px;background:#fff}.type-catalog summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--primary);font-weight:820;list-style:none;cursor:pointer}.type-catalog summary::-webkit-details-marker{display:none}.type-catalog summary strong{flex:0 0 auto;border-radius:999px;padding:6px 10px;color:#fff;background:var(--primary);font-size:12px}.type-catalog-head{border-top:1px solid var(--border);padding:16px 16px 8px}.type-catalog-head h3{margin-bottom:6px}.type-catalog-head p{max-width:680px;margin-bottom:0;color:var(--muted);line-height:1.6}.type-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px 16px}.type-catalog-item{display:grid;gap:8px;border:1px solid var(--border);border-radius:8px;padding:12px;background:#fbfcf8}.type-catalog-item[data-current=true]{border-color:var(--primary);background:var(--primary-soft)}.type-catalog-item div{display:flex;align-items:center;justify-content:space-between;gap:10px}.type-catalog-item strong{color:var(--primary);font-size:15px;font-weight:860}.type-catalog-item small{color:#557260;font-size:12px;font-weight:820}.type-catalog-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.insight-grid,.conversion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insight-card,.conversion-card,.share-card{padding:16px}.insight-card small{display:block;margin-bottom:12px;color:#557260;font-size:12px;font-weight:820}.insight-card p,.conversion-card p,.share-card p{margin-bottom:0;color:var(--muted);line-height:1.68}.spectrum-section{padding:2px 0}.axis-row{display:grid;grid-template-columns:minmax(92px,.34fr) minmax(120px,1fr) 48px;gap:12px;align-items:center;margin-top:12px}.axis-row>div:first-child{display:flex;align-items:center;gap:9px}.axis-row strong{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#fff;background:var(--axis)}.axis-row span{color:#475448;font-size:14px;font-weight:740}.axis-row b{color:var(--muted);text-align:right;font-size:13px}.axis-bar{overflow:hidden;height:10px;border-radius:999px;background:#edf1ea}.axis-bar span{display:block;height:100%;border-radius:inherit;background:var(--axis)}.share-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(210px,1.1fr) auto;gap:14px;align-items:center;background:var(--surface-soft)}.share-actions,.conversion-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions .secondary-button,.conversion-actions .secondary-button{min-width:126px;text-align:center}.share-preview{border-left:4px solid var(--primary);padding:10px 12px;background:#ffffffbd}.share-preview strong,.share-preview span{display:block}.share-preview strong{margin-bottom:6px}.share-preview span{color:var(--muted);line-height:1.55}.conversion-card{display:grid;gap:12px;align-content:start}.report-section-list{display:grid;gap:8px}.report-section-list span{display:block;border:1px solid var(--border);border-radius:8px;padding:10px;background:#ffffffb8}.report-section-list strong,.report-section-list small{display:block}.report-section-list strong{margin-bottom:4px;font-size:13px}.report-section-list small,.unlock-state{color:var(--muted);font-size:12px;line-height:1.5}.unlock-state{font-weight:780}.feedback-row{display:flex;flex-wrap:wrap;gap:8px}.feedback-row .secondary-button{min-height:38px;padding:8px 12px;font-size:12px}.invite-link-box{display:grid;gap:6px;border:1px solid var(--border);border-radius:8px;padding:10px;background:#ffffffb8}.invite-link-box strong,.invite-link-box span,.invite-link-box small{display:block}.invite-link-box span{color:var(--primary);font-size:12px;line-break:anywhere;overflow-wrap:anywhere}.invite-link-box small{color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:920px){h1{font-size:60px}h2{font-size:34px}.question-card h2{font-size:30px}.hero-band,.workspace,.test-stage-head,.landing-modules{grid-template-columns:1fr}.hero-band{min-height:0;padding-top:34px;padding-bottom:36px}.test-column{position:static}.insight-grid,.conversion-grid,.code-grammar-grid,.endpoint-grid,.pair-endpoint-grid,.type-catalog-grid,.share-card,.translation-grid{grid-template-columns:1fr}.care-symbol span{min-height:128px}.focused-test-panel{max-width:none}.site-footer{grid-template-columns:1fr}}@media(max-width:560px){.code-grammar-options{grid-template-columns:1fr}}@media(max-width:560px){h1{font-size:38px;line-height:1.04}h2{font-size:28px}.topbar{align-items:flex-start}.brand small{display:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.care-symbol,.context-grid{grid-template-columns:1fr}.lead{font-size:16px}.sample-code,.reveal-code{font-size:48px}.test-stage-head h1,.generating-stage h1,.reveal-stage h1{font-size:34px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.question-card h2{min-height:0;font-size:24px}.axis-row{grid-template-columns:1fr}.axis-row b{text-align:left}}