:root{--color-primary-900: #003d39;--color-primary-700: #006c67;--color-primary-500: #00a89e;--color-primary-100: #e0f5f4;--color-primary-50: #f0fafa;--color-neutral-900: #1a1a1a;--color-neutral-700: #3d3d3d;--color-neutral-500: #737373;--color-neutral-200: #e5e5e5;--color-neutral-100: #f5f5f5;--color-white: #ffffff;--color-accent-700: #d97706;--color-accent-500: #f59e0b;--color-accent-100: #fef3c7;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-allergy: #b91c1c;--color-allergy-bg: #fff1f2;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-family-symbols: "Material Symbols Rounded";--text-display-size: 32px;--text-display-weight: 700;--text-display-lh: 1.2;--text-headline-size: 24px;--text-headline-weight: 700;--text-headline-lh: 1.3;--text-title-size: 18px;--text-title-weight: 600;--text-title-lh: 1.4;--text-title-sm-size: 16px;--text-title-sm-weight: 600;--text-title-sm-lh: 1.4;--text-body-lg-size: 16px;--text-body-lg-weight: 400;--text-body-lg-lh: 1.5;--text-body-size: 14px;--text-body-weight: 400;--text-body-lh: 1.5;--text-label-size: 13px;--text-label-weight: 500;--text-label-lh: 1.4;--text-caption-size: 11px;--text-caption-weight: 400;--text-caption-lh: 1.4;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--tap-target-min: 44px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:var(--font-family);color:var(--color-neutral-900);background:var(--color-primary-50);-webkit-font-smoothing:antialiased}.material-symbol{font-family:var(--font-family-symbols);font-weight:400;font-style:normal;line-height:1;display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}button,input,textarea{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.text-display{font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-lh);margin:0}.text-headline{font-size:var(--text-headline-size);font-weight:var(--text-headline-weight);line-height:var(--text-headline-lh);margin:0}.text-title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-lh);margin:0}.text-title-sm{font-size:var(--text-title-sm-size);font-weight:var(--text-title-sm-weight);line-height:var(--text-title-sm-lh);margin:0}.text-body-lg{font-size:var(--text-body-lg-size);font-weight:var(--text-body-lg-weight);line-height:var(--text-body-lg-lh);margin:0;overflow-wrap:break-word}.text-body{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-lh);margin:0;color:var(--color-neutral-700);overflow-wrap:break-word}.text-label{font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:var(--text-label-lh);margin:0;color:var(--color-neutral-700)}.text-caption{font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-lh);margin:0;color:var(--color-neutral-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--tap-target-min);padding:0 var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-title-sm-size);font-weight:600;border:none;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-filled{background:var(--color-primary-700);color:var(--color-white)}.btn-filled:hover:not(:disabled){background:var(--color-primary-900)}.btn-accent{background:var(--color-accent-700);color:var(--color-white)}.btn-accent:hover:not(:disabled){background:#b45f04}.btn-outline{background:transparent;color:var(--color-primary-700);border:1.5px solid var(--color-primary-700)}.btn-icon{min-width:var(--tap-target-min);min-height:var(--tap-target-min);padding:0;background:transparent;color:var(--color-neutral-900);border-radius:var(--radius-pill)}.btn-icon:hover{background:var(--color-neutral-100)}.card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-md)}.field-label{display:block;margin-bottom:var(--space-xs)}.field-input,.field-textarea{width:100%;min-height:var(--tap-target-min);background:var(--color-neutral-100);border:none;border-radius:var(--radius-sm);padding:var(--space-md);font-size:var(--text-body-lg-size);color:var(--color-neutral-900)}.field-textarea{min-height:96px;resize:vertical;font-family:inherit}.field-input:focus,.field-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-500)}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body{min-height:100vh;background-color:#d4ebe9;background-image:radial-gradient(ellipse at 15% 15%,rgba(0,168,158,.3) 0%,transparent 55%),radial-gradient(ellipse at 85% 80%,rgba(0,108,103,.22) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.1) 0%,transparent 70%);background-attachment:fixed}.page-frame{max-width:880px;margin:0 auto;background:var(--color-white);min-height:100vh;box-shadow:0 0 0 1px #0000000a,0 8px 24px #0000001a,0 32px 80px #00000024}