:root{--color-ink: #1C1B1A;--color-primary: #2D4C5D;--color-bg: #F2EFE7;--color-accent: #C8956D;--color-muted: #5B6E58;--color-link: #2A4858;--color-surface: #FAF8F2;--color-border: #D9D0BC;--color-p50: #F5F8F9;--color-p100: #EBF1F4;--color-p200: #D4E1E8;--color-p700: #375D72;--color-p900: #213845;--color-p950: #111C22;--bag-inorganic: #2D4C5D;--bag-organic: #C8956D;--bag-paper: #5B6E58;--bag-glass: #D9D0BC;--color-lima: #9BD770;--font-sans: "Space Grotesk", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: clamp(1.5rem, 2vw + 1rem, 2.25rem);--text-3xl: clamp(2rem, 4vw + 1rem, 3.5rem);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(28,27,26,.08);--shadow-md: 0 4px 12px rgba(28,27,26,.1);--shadow-lg: 0 8px 24px rgba(28,27,26,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}.container{width:100%;max-width:480px;margin-inline:auto;padding-inline:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-bg)}.btn-primary:hover{opacity:.88;text-decoration:none}.btn-accent{background:var(--color-accent);color:var(--color-ink)}.btn-accent:hover{opacity:.88;text-decoration:none}.btn-ghost{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-ghost:hover{background:var(--color-p50);text-decoration:none}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-muted)}.text-accent{color:var(--color-accent)}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.field input,.field select,.field textarea{font-family:var(--font-sans);font-size:var(--text-base);padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);outline:none;transition:border-color .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary)}.field textarea{resize:vertical;min-height:80px}.group-label{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.demo-banner{background:var(--color-p100);border-bottom:2px solid var(--color-p200);text-align:center;padding:.5rem 1rem;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase}nav.svelte-ocbj1u{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0);z-index:50;box-shadow:0 -2px 12px #1c1b1a0f}a.svelte-ocbj1u{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.625rem .25rem;font-size:var(--text-xs);color:var(--color-muted);font-weight:500;transition:color .15s;text-decoration:none}a.active.svelte-ocbj1u,a.svelte-ocbj1u:hover{color:var(--color-primary);text-decoration:none}.icon.svelte-ocbj1u{font-size:1.375rem;line-height:1}.label.svelte-ocbj1u{font-size:.65rem;font-family:var(--font-mono);letter-spacing:.04em}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column}main.with-nav.svelte-12qhfyh{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}