@layer components{.ndls-glass-card{background:var(--ndls-gradient-glass);backdrop-filter:var(--ndls-blur-medium);-webkit-backdrop-filter:var(--ndls-blur-medium);border-radius:var(--ndls-radius-xl);box-shadow:var(--ndls-shadow-e3)}.ndls-glass-card-tinted{background:var(--ndls-gradient-glass-tinted);backdrop-filter:var(--ndls-blur-medium);-webkit-backdrop-filter:var(--ndls-blur-medium);border-radius:var(--ndls-radius-xl);box-shadow:var(--ndls-shadow-e3)}.ndls-pill{display:inline-flex;align-items:center;gap:var(--ndls-space-2);padding:var(--ndls-space-1) var(--ndls-space-3);border-radius:var(--ndls-radius-pill);font-family:var(--ndls-font-mono);font-size:var(--ndls-text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--ndls-weight-semibold)}.ndls-btn-primary{background:var(--ndls-gradient-action);color:#fff;font-family:var(--ndls-font-body);font-weight:var(--ndls-weight-semibold);font-size:var(--ndls-text-base);padding:var(--ndls-space-2) var(--ndls-space-5);border-radius:var(--ndls-radius-md);box-shadow:var(--ndls-shadow-button-primary);position:relative;overflow:hidden;transition:box-shadow var(--ndls-motion-base) var(--ndls-ease-out-soft)}.ndls-btn-primary:after{content:"";position:absolute;inset:0;background:var(--ndls-gradient-action-shine);pointer-events:none}.ndls-btn-primary:hover{box-shadow:var(--ndls-shadow-button-primary),var(--ndls-glow-action-soft)}.ndls-btn-primary:focus-visible{outline:none;box-shadow:var(--ndls-shadow-button-primary),var(--ndls-glow-focus)}.ndls-brand-mark{display:inline-flex;align-items:flex-end;gap:var(--ndls-space-2);font-family:var(--ndls-font-display);font-style:italic;font-size:var(--ndls-text-lg);font-weight:var(--ndls-weight-medium);color:var(--color-ndls-ink-900);letter-spacing:-.015em}.ndls-brand-mark:before{content:"";width:24px;height:24px;border-radius:var(--ndls-radius-sm);background:var(--ndls-gradient-accent-glow);box-shadow:var(--ndls-shadow-button),0 0 12px var(--color-ndls-glow-soft)}.ndls-brand-mark:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-ndls-green-500);box-shadow:0 0 0 1px #fff9,0 0 8px var(--color-ndls-glow-base),0 0 16px var(--color-ndls-glow-soft);margin-bottom:6px}.ndls-focus-glow:focus-visible{outline:none;box-shadow:var(--ndls-glow-focus)}}:root{--color-ndls-ink-900: #0F1729;--color-ndls-ink-700: #1F2940;--color-ndls-ink-500: #4A5570;--color-ndls-ink-400: #6E7892;--color-ndls-ink-300: #99A0B5;--color-ndls-ink-200: #C5C9D6;--color-ndls-ink-100: #E2E5EC;--color-ndls-paper-50: #FBFAF6;--color-ndls-paper-100: #F5F2EA;--color-ndls-paper-200: #ECE7D9;--color-ndls-paper-surface: #FFFFFF;--color-ndls-paper-surface-warm: #FDFCF8;--color-ndls-blue-50: #E8EEF8;--color-ndls-blue-100: #BFD0EC;--color-ndls-blue-300: #5377BD;--color-ndls-blue-500: #1E4178;--color-ndls-blue-700: #122E5A;--color-ndls-blue-900: #081A3A;--color-ndls-green-50: #E0F7EE;--color-ndls-green-100: #A8E9D0;--color-ndls-green-300: #3FCEA0;--color-ndls-green-500: #00B894;--color-ndls-green-700: #008F73;--color-ndls-green-900: #006550;--color-ndls-action-50: #FBEFE7;--color-ndls-action-100: #F5D6BD;--color-ndls-action-300: #DC8C5F;--color-ndls-action-500: #C26739;--color-ndls-action-700: #9A4F25;--color-ndls-action-900: #6E3617;--color-ndls-glow-soft: rgba(0, 184, 132, .14);--color-ndls-glow-base: rgba(0, 184, 132, .38);--color-ndls-glow-strong: rgba(76, 216, 160, .6);--color-ndls-glow-line: var(--color-ndls-green-500);--color-ndls-ok-soft: rgba(0, 184, 148, .14);--color-ndls-ok-base: var(--color-ndls-green-500);--color-ndls-ok-strong: var(--color-ndls-green-700);--color-ndls-warn-soft: rgba(196, 138, 47, .14);--color-ndls-warn-base: #C48A2F;--color-ndls-warn-strong: #9A6918;--color-ndls-crit-soft: rgba(164, 76, 60, .14);--color-ndls-crit-base: #A44C3C;--color-ndls-crit-strong: #7B3326;--color-ndls-leny-soft: rgba(139, 124, 196, .1);--color-ndls-leny-base: #8B7CC4;--color-ndls-leny-light: #B8AED9;--color-ndls-leny-dark: #5E4F8E;--ndls-gradient-paper: radial-gradient(1200px 600px at 10% 0%, #E0EAF6 0%, transparent 60%), radial-gradient(1000px 500px at 90% 100%, #DCF3E8 0%, transparent 60%), linear-gradient(180deg, #FBFAF6 0%, #F2EEE3 100%);--ndls-gradient-accent: linear-gradient( 135deg, #2D5598 0%, var(--color-ndls-blue-500) 50%, var(--color-ndls-blue-700) 100% );--ndls-gradient-accent-glow: linear-gradient( 135deg, var(--color-ndls-blue-300) 0%, var(--color-ndls-blue-500) 50%, var(--color-ndls-blue-700) 100% );--ndls-gradient-signature: linear-gradient( 135deg, var(--color-ndls-blue-500) 0%, var(--color-ndls-blue-700) 50%, var(--color-ndls-green-500) 130% );--ndls-gradient-action: linear-gradient( 180deg, #E08152 0%, var(--color-ndls-action-500) 100% );--ndls-gradient-action-shine: linear-gradient( 180deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .08) 100% );--ndls-gradient-leny: linear-gradient( 135deg, var(--color-ndls-leny-light) 0%, var(--color-ndls-leny-base) 60%, var(--color-ndls-leny-dark) 100% );--ndls-gradient-ok: linear-gradient( 180deg, #6FA984 0%, var(--color-ndls-ok-base) 100% );--ndls-gradient-glass: linear-gradient( 180deg, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .35) 100% );--ndls-gradient-glass-tinted: linear-gradient( 180deg, rgba(233, 241, 251, .8) 0%, rgba(248, 237, 223, .6) 100% );--ndls-gradient-highlight-top: linear-gradient( 180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, 0) 50% );--ndls-shadow-e1: 0 0 0 1px rgba(15, 23, 41, .025);--ndls-shadow-e2: 0 0 0 1px rgba(15, 23, 41, .035);--ndls-shadow-e3: 0 0 0 1px rgba(15, 23, 41, .05), 0 3px 10px rgba(15, 23, 41, .04);--ndls-shadow-button: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(0, 0, 0, .08) inset, 0 1px 2px rgba(15, 23, 41, .06), 0 0 0 1px rgba(15, 23, 41, .08);--ndls-shadow-button-primary: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 -1px 0 rgba(0, 0, 0, .18) inset, 0 2px 6px rgba(194, 103, 57, .35), 0 0 0 1px rgba(154, 79, 37, .25);--ndls-glow-focus: 0 0 0 3px var(--color-ndls-glow-base), 0 0 12px var(--color-ndls-glow-soft);--ndls-glow-action-soft: 0 0 16px rgba(194, 103, 57, .28);--ndls-glow-leny-soft: 0 0 14px rgba(139, 124, 196, .22);--ndls-glow-ok-soft: 0 0 12px rgba(91, 143, 110, .25);--ndls-glow-crit-pulse: 0 0 0 3px rgba(164, 76, 60, .18), 0 0 18px rgba(164, 76, 60, .35);--ndls-radius-xs: 3px;--ndls-radius-sm: 6px;--ndls-radius-md: 8px;--ndls-radius-lg: 12px;--ndls-radius-xl: 16px;--ndls-radius-2xl: 22px;--ndls-radius-pill: 999px;--ndls-space-1: 4px;--ndls-space-2: 8px;--ndls-space-3: 12px;--ndls-space-4: 16px;--ndls-space-5: 20px;--ndls-space-6: 24px;--ndls-space-7: 28px;--ndls-space-8: 32px;--ndls-space-10: 40px;--ndls-space-12: 48px;--ndls-font-display: "Instrument Serif", Georgia, serif;--ndls-font-body: "Inter", system-ui, sans-serif;--ndls-font-mono: "JetBrains Mono", monospace;--ndls-text-xs: 10px;--ndls-text-sm: 11.5px;--ndls-text-base: 13px;--ndls-text-md: 14.5px;--ndls-text-lg: 17px;--ndls-text-xl: 22px;--ndls-text-2xl: 28px;--ndls-text-3xl: 36px;--ndls-weight-regular: 400;--ndls-weight-medium: 500;--ndls-weight-semibold: 600;--ndls-weight-bold: 700;--ndls-leading-tight: 1.2;--ndls-leading-base: 1.45;--ndls-leading-loose: 1.6;--ndls-motion-fast: .12s;--ndls-motion-base: .18s;--ndls-motion-slow: .28s;--ndls-motion-slower: .42s;--ndls-ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ndls-ease-in-out-soft: cubic-bezier(.65, 0, .35, 1);--ndls-ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--ndls-blur-subtle: blur(8px) saturate(140%);--ndls-blur-medium: blur(20px) saturate(160%);--ndls-blur-strong: blur(40px) saturate(180%)}@layer components{.ndls-glass-card{background:var(--ndls-gradient-glass);backdrop-filter:var(--ndls-blur-medium);-webkit-backdrop-filter:var(--ndls-blur-medium);border-radius:var(--ndls-radius-xl);box-shadow:var(--ndls-shadow-e3)}.ndls-glass-card-tinted{background:var(--ndls-gradient-glass-tinted);backdrop-filter:var(--ndls-blur-medium);-webkit-backdrop-filter:var(--ndls-blur-medium);border-radius:var(--ndls-radius-xl);box-shadow:var(--ndls-shadow-e3)}.ndls-pill{display:inline-flex;align-items:center;gap:var(--ndls-space-2);padding:var(--ndls-space-1) var(--ndls-space-3);border-radius:var(--ndls-radius-pill);font-family:var(--ndls-font-mono);font-size:var(--ndls-text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--ndls-weight-semibold)}.ndls-btn-primary{background:var(--ndls-gradient-action);color:#fff;font-family:var(--ndls-font-body);font-weight:var(--ndls-weight-semibold);font-size:var(--ndls-text-base);padding:var(--ndls-space-2) var(--ndls-space-5);border-radius:var(--ndls-radius-md);box-shadow:var(--ndls-shadow-button-primary);position:relative;overflow:hidden;transition:box-shadow var(--ndls-motion-base) var(--ndls-ease-out-soft)}.ndls-btn-primary:after{content:"";position:absolute;inset:0;background:var(--ndls-gradient-action-shine);pointer-events:none}.ndls-btn-primary:hover{box-shadow:var(--ndls-shadow-button-primary),var(--ndls-glow-action-soft)}.ndls-btn-primary:focus-visible{outline:none;box-shadow:var(--ndls-shadow-button-primary),var(--ndls-glow-focus)}.ndls-brand-mark{display:inline-flex;align-items:flex-end;gap:var(--ndls-space-2);font-family:var(--ndls-font-display);font-style:italic;font-size:var(--ndls-text-lg);font-weight:var(--ndls-weight-medium);color:var(--color-ndls-ink-900);letter-spacing:-.015em}.ndls-brand-mark:before{content:"";width:24px;height:24px;border-radius:var(--ndls-radius-sm);background:var(--ndls-gradient-accent-glow);box-shadow:var(--ndls-shadow-button),0 0 12px var(--color-ndls-glow-soft)}.ndls-brand-mark:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-ndls-green-500);box-shadow:0 0 0 1px #fff9,0 0 8px var(--color-ndls-glow-base),0 0 16px var(--color-ndls-glow-soft);margin-bottom:6px}.ndls-focus-glow:focus-visible{outline:none;box-shadow:var(--ndls-glow-focus)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--ndls-font-body);font-size:var(--ndls-text-base);color:var(--color-ndls-ink-900);background:var(--ndls-gradient-paper);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#root{min-height:100vh}.ndls-glass-card{background:var(--ndls-gradient-glass);backdrop-filter:var(--ndls-blur-medium);-webkit-backdrop-filter:var(--ndls-blur-medium);border-radius:var(--ndls-radius-xl);box-shadow:var(--ndls-shadow-e3)}.ndls-glass-card-tinted{background:var(--ndls-gradient-glass-tinted);backdrop-filter:var(--ndls-blur-medium);-webkit-backdrop-filter:var(--ndls-blur-medium);border-radius:var(--ndls-radius-xl);box-shadow:var(--ndls-shadow-e3)}.ndls-pill{display:inline-flex;align-items:center;gap:var(--ndls-space-2);padding:var(--ndls-space-1) var(--ndls-space-3);border-radius:var(--ndls-radius-pill);font-family:var(--ndls-font-mono);font-size:var(--ndls-text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--ndls-weight-semibold)}.ndls-btn-primary{background:var(--ndls-gradient-action);color:#fff;font-family:var(--ndls-font-body);font-weight:var(--ndls-weight-semibold);font-size:var(--ndls-text-base);padding:var(--ndls-space-2) var(--ndls-space-5);border-radius:var(--ndls-radius-md);box-shadow:var(--ndls-shadow-button-primary);position:relative;overflow:hidden;transition:box-shadow var(--ndls-motion-base) var(--ndls-ease-out-soft);border:none;cursor:pointer}.ndls-btn-primary:after{content:"";position:absolute;inset:0;background:var(--ndls-gradient-action-shine);pointer-events:none}.ndls-btn-primary:hover{box-shadow:var(--ndls-shadow-button-primary),var(--ndls-glow-action-soft)}.ndls-btn-primary:focus-visible{outline:none;box-shadow:var(--ndls-shadow-button-primary),var(--ndls-glow-focus)}.ndls-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ndls-focus-glow:focus-visible{outline:none;box-shadow:var(--ndls-glow-focus)}h1{font-family:var(--ndls-font-display);font-style:italic;font-weight:var(--ndls-weight-medium);letter-spacing:-.01em;line-height:var(--ndls-leading-tight);color:var(--color-ndls-ink-900)}