.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--sp-3) var(--sp-5);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer;text-decoration:none;transition:transform var(--dur-instant) var(--ease-out),border-bottom-width var(--dur-instant) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-500);color:var(--text-on-brand);border-bottom:var(--press-depth) solid var(--brand-700)}.btn--primary:active:not(:disabled){transform:translateY(var(--press-depth));border-bottom-width:0}.btn--secondary{background:var(--surface);color:var(--brand-700);border:var(--hairline) solid var(--border);border-bottom:var(--press-depth) solid var(--border)}.btn--secondary:active:not(:disabled){transform:translateY(var(--press-depth));border-bottom-width:0}.btn--ghost{background:transparent;color:var(--text-muted);padding:var(--sp-2)}.btn--block{width:100%}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active:not(:disabled){transform:none;opacity:.85}}.card{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5)}.card--flush{padding:0;overflow:hidden}.progress{display:flex;align-items:center;gap:var(--sp-3);width:100%}.progress__track{flex:1;height:var(--sp-3);background:var(--brand-100);border-radius:var(--radius-full);overflow:hidden}.progress__fill{height:100%;background:var(--brand-500);border-radius:var(--radius-full);transition:width var(--dur-quick) var(--ease-out)}.progress__label{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--text)}.field__input{min-height:var(--tap-min);padding:var(--sp-3) var(--sp-4);border:var(--hairline) solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);width:100%}.field__input--code{font-family:var(--font-code)}.field__hint{font-size:var(--text-sm);color:var(--text-muted)}.callout{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-base)}.callout__icon{flex:0 0 auto;font-weight:700;font-family:var(--font-display)}.callout__body{flex:1;min-width:0}.callout--info{background:var(--brand-100);color:var(--brand-900)}.callout--success{background:var(--success-100);color:var(--success-600)}.callout--error{background:var(--error-100);color:var(--error-600)}:root{--brand-900: #1b1b3a;--brand-700: #2e2e6b;--brand-500: #4747a1;--brand-300: #8b8bd4;--brand-100: #e8e8f7;--accent-500: #f2a63b;--accent-100: #fdf0dc;--accent-700: #9a5b06;--logo-azul: #4038bb;--logo-ambar: #fea513;--success-600: #1f8a5a;--success-100: #e3f5ec;--error-600: #c43d3d;--error-100: #fbe9e9;--error-700: #b83636;--neutral-focus: #f2a63b;--surface: #ffffff;--surface-sunken: #f6f6fb;--surface-code: #1b1b3a;--border: #dedeea;--text: #1b1b2e;--text-muted: #5c5c77;--text-on-brand: #ffffff;--text-on-code: #e8e8f7;--code-keyword: #f2a63b;--code-string: #8fd6b4;--code-number: #d7b6f5;--code-comment: #9a9ad6;--code-function: #9dc4ff;--font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-code: "JetBrains Mono", ui-monospace, "Cascadia Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.2;--leading-body: 1.6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--press-depth: 4px;--tap-min: 48px;--hairline: 1px;--ring-width: 2px;--focus-ring: 3px;--focus-offset: 2px;--editor-max-height: 40vh;--editor-min-height: auto;--largura-texto: 68ch;--largura-conteudo: 1200px;--coluna-enunciado: minmax(320px, 5fr);--coluna-editor: minmax(360px, 7fr);--largura-entrada: 400px;--largura-filtro: 320px;--largura-decisao: 560px;--coluna-definicao: 200px;--espaco-entre-letras: .04em;--veu: rgba(27, 27, 58, .55);--dur-instant: .12s;--dur-quick: .2s;--dur-reward: .45s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.4, .64, 1);--z-bar: 10;--z-feedback: 20}@media(min-width:1024px){:root{--editor-max-height: 55vh;--editor-min-height: 40vh}}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 1ms;--dur-quick: 1ms;--dur-reward: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--text);background:var(--surface-sunken);-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);margin:0}p{margin:0}code,pre,kbd{font-family:var(--font-code);font-size:var(--text-sm)}:focus-visible{outline:var(--focus-ring) solid var(--neutral-focus);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}