:root{--surface: oklch(.9819 .0158 106.69);--surface-container-low: oklch(.972 .0158 120.41);--surface-container: oklch(.9656 .0158 120.41);--surface-container-high: oklch(.942 .0158 120.41);--on-primary: oklch(.28 .1397 115.02);--primary: oklch(.903 .1397 115.02);--primary-bright: oklch(.93 .1397 115.02);--accent: oklch(.65 .0888 93.65);--secondary: oklch(.55 .08 120);--on-surface: oklch(.3 .0158 120.41);--on-surface-variant: oklch(.7 .015 59.68);--outline: oklch(.85 .0158 120.41);--outline-variant: oklch(.9 .0158 120.41);--selection-text: oklch(.98 0 0);--shadow: oklch(0% 0 0 / .08);--container-max: 1280px;--page-margin: 32px;--gutter: 24px;--container: oklch(.9656 .0185 110.05);--on-container: oklch(.3 .0185 110.05);--error: oklch(.5 .32 25);--on-error: oklch(.98 .32 25);--font-body: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-display: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 350,"GRAD" 0,"opsz" 24;line-height:1;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;padding:8px 18px;border-radius:999px;font-weight:500}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-lg{padding:12px 28px;font-size:16px}.btn-primary{color:var(--on-primary);background:var(--primary);transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--primary-bright)}.btn-primary:disabled{opacity:.5}.btn-danger{border:1px solid oklch(.72 .3 25);background:var(--error);color:var(--on-error);transition:background .15s}.btn-danger:hover:not(:disabled){background:#ff6c66;background:oklch(72% .3 25)}.btn-danger:disabled{opacity:.5}.btn-outline{border:1px solid var(--primary);background:transparent;color:var(--primary);transition:background .15s,color .15s}.btn-outline:hover:not(:disabled){background:var(--primary-bright);color:var(--on-primary)}.btn-outline:disabled{opacity:.6}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid color-mix(in oklch,var(--on-primary) 36%,transparent);border-top-color:var(--on-primary);border-radius:50%;animation:spin .8s linear infinite}.btn-danger.btn-loading:after{border-color:color-mix(in oklch,#fff 36%,transparent);border-top-color:#fff}.btn-outline.btn-loading:after{border-color:color-mix(in oklch,var(--primary) 36%,transparent);border-top-color:var(--primary)}.input{width:100%;padding:14px;border:1px solid var(--outline);border-radius:8px;background:inherit;color:var(--on-surface);font:inherit;line-height:22px;outline:none}.input::placeholder{color:var(--on-surface-variant)}.input:focus,.input:focus-visible{border-color:var(--accent)}.input-lg{padding:24px;border-radius:12px;min-height:280px;resize:none}.input-sm{padding:6px 12px;font-size:14px}