:root{--bg: #f4ead8;--bg-deep: #efe0c7;--surface: rgba(255, 250, 242, .88);--surface-strong: #fffaf2;--surface-muted: rgba(255, 247, 236, .74);--surface-dark: #17392a;--surface-dark-2: #224b37;--ink: #1d241f;--muted: #5a635d;--muted-light: rgba(244, 238, 230, .8);--line: rgba(24, 34, 28, .08);--brand: #17392a;--brand-2: #27563f;--accent: #b8643e;--accent-soft: rgba(184, 100, 62, .12);--danger: #b22c20;--shadow: 0 18px 40px rgba(35, 29, 18, .08);--shadow-soft: 0 10px 22px rgba(35, 29, 18, .05);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--content-width: min(100vw - 12px, 480px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Manrope", "Avenir Next", "Segoe UI", system-ui, sans-serif}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:local("Manrope")}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,rgba(184,100,62,.16),transparent 32%),linear-gradient(180deg,#fbf4e8 0%,var(--bg) 44%,var(--bg-deep) 100%);color:var(--ink);font-family:var(--font-sans);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{min-height:100vh}@media (min-width: 720px){body{background:radial-gradient(circle at 20% 10%,rgba(184,100,62,.22),transparent 38%),radial-gradient(circle at 80% 80%,rgba(23,57,42,.12),transparent 42%),linear-gradient(180deg,#fbf4e8 0%,var(--bg) 44%,var(--bg-deep) 100%)}.site-shell{position:relative;background:var(--surface);border-radius:32px;box-shadow:0 24px 60px #1d241f14;margin-top:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-5)}.site-shell:before{content:"";position:absolute;inset:-12px;border-radius:40px;border:1px solid rgba(29,36,31,.05);pointer-events:none}}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,h4,p,ul{margin-top:0}h1,h2,h3,h4{line-height:1.02;letter-spacing:-.03em;color:var(--ink);font-weight:700}h1{font-size:1.75rem;margin-bottom:var(--space-4)}h2{font-size:1.35rem;margin-bottom:var(--space-3)}h3{font-size:1.1rem;margin-bottom:var(--space-2)}p,li,span,label,button,input,select{font-size:.98rem;line-height:1.55}p{color:var(--muted);margin-bottom:var(--space-4)}.site-shell{width:var(--content-width);margin:0 auto;padding:var(--space-4);padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-8));display:flex;flex-direction:column;gap:var(--space-6)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;font-weight:700;color:var(--brand);letter-spacing:-.02em}.brand-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-status{font-size:.78rem;background:var(--accent-soft);color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:999px;font-weight:600}.site-main{display:flex;flex-direction:column;gap:var(--space-6)}.site-footer{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--line);text-align:center}.footer-copy{color:var(--muted);font-size:.88rem;margin:0}.footer-link{color:var(--brand);font-weight:600}.footer-links{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3);font-size:.84rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--brand)}.card-dark{background:linear-gradient(160deg,var(--surface-dark) 0%,var(--surface-dark-2) 100%);color:var(--surface-strong);padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.card-dark h1,.card-dark h2,.card-dark h3{color:var(--surface-strong)}.card-dark p{color:var(--muted-light)}.note-card{background:var(--surface-strong);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.launcher-card{background:var(--surface-strong);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-4)}.eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 var(--space-2) 0}.eyebrow-light{color:#f2c7a8}.category-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--brand);color:var(--surface-strong);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.category-pill.soft{background:var(--accent-soft);color:var(--accent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--accent);color:var(--surface-strong);font-weight:700;font-size:.98rem;letter-spacing:.01em;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;width:100%;box-shadow:0 6px 16px #b8643e40}.primary-button:hover{background:#a45736;box-shadow:0 8px 20px #b8643e4d}.primary-button:active{transform:scale(.98);box-shadow:0 4px 12px #b8643e33}.primary-button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.primary-button:disabled{background:#cfbfa8;color:#7a7468;cursor:not-allowed;box-shadow:none}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);background:transparent;color:var(--brand);border:1.5px solid var(--brand);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease-out}.secondary-button:hover{background:#17392a0f}.secondary-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.section-head{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.hero-copy{margin-bottom:0}.hero-copy-light{color:var(--muted-light)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-3) 0}.preview-stat{background:var(--surface-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-1)}.preview-stat strong{font-size:.88rem;color:var(--brand)}.preview-stat span{font-size:.78rem;color:var(--muted)}.preview-steps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.preview-steps span{background:var(--accent-soft);color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.8rem;font-weight:600}.home-switcher{display:inline-flex;background:var(--surface-muted);border-radius:999px;padding:var(--space-1);gap:var(--space-1);align-self:flex-start}.switch-pill{padding:var(--space-2) var(--space-4);border-radius:999px;border:none;background:transparent;font-weight:600;color:var(--muted);cursor:pointer;font-size:.88rem}.switch-pill.is-active{background:var(--brand);color:var(--surface-strong)}.home-tool-panel{display:none;flex-direction:column;gap:var(--space-3)}.home-tool-panel.is-active{display:flex}.compact-note-grid{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.compact-note{background:var(--surface-muted);padding:var(--space-4);border-radius:var(--radius-md)}.compact-note h3{font-size:.98rem;margin-bottom:var(--space-1)}.compact-note p{font-size:.85rem;margin:0}.related-tool-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tool-link{background:var(--brand);color:var(--surface-strong);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none}.tool-link:hover{background:var(--brand-2)}.breadcrumb{font-size:.78rem;color:var(--muted);display:flex;gap:var(--space-2);padding:var(--space-2) 0}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--brand)}.breadcrumb-sep{color:var(--line)}.tool-form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:600;font-size:.88rem;color:var(--brand)}.field input,.field select{border:1.5px solid var(--line);background:var(--surface-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:1rem;color:var(--ink);font-family:inherit;min-height:48px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:999px;background:var(--surface-muted);color:var(--ink);border:1.5px solid transparent;cursor:pointer;font-size:.88rem;font-weight:600;min-height:42px;transition:background .15s ease-out,color .15s ease-out,transform .1s ease-out}.chip:hover{background:var(--accent-soft);color:var(--accent)}.chip:active{transform:scale(.97)}.chip:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.chip.is-active{background:var(--brand);color:var(--surface-strong);border-color:var(--brand)}.chip.is-active:hover{background:var(--brand-2);color:var(--surface-strong)}.field-error{color:var(--danger);font-size:.82rem;margin-top:var(--space-1)}.progress-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2)}.progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.progress-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}.progress-percent{font-size:1.1rem;font-weight:800;color:var(--brand);letter-spacing:-.01em}.progress-label{margin:0;font-size:.92rem;color:var(--ink);font-weight:500;line-height:1.4}.progress-rail{position:relative;width:100%;height:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden;margin-top:2px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#d38354 100%);border-radius:999px;transition:width .32s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.progress-fill{transition:none}}@keyframes result-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes number-pop{0%{transform:scale(.85)}60%{transform:scale(1.05)}to{transform:scale(1)}}.result-hero{background:radial-gradient(circle at 85% -10%,rgba(184,100,62,.35),transparent 45%),linear-gradient(155deg,var(--surface-dark) 0%,var(--surface-dark-2) 70%,#2d6449 100%);color:var(--surface-strong);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);box-shadow:0 22px 48px #17392a38;animation:result-rise .26s cubic-bezier(.22,1,.36,1);border:1px solid rgba(244,234,216,.08)}@media (prefers-reduced-motion: reduce){.result-hero{animation:none}}.result-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.result-hero-eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#f2c7a8}.result-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--surface-strong);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.result-hero-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.result-hero-tile{background:#f4ead814;border:1px solid rgba(244,234,216,.08);border-radius:var(--radius-md);padding:var(--space-4) 4px;text-align:center;min-width:0}.result-hero-tile strong{display:block;font-size:1.65rem;color:var(--surface-strong);font-weight:800;letter-spacing:-.02em;line-height:1;animation:number-pop .32s cubic-bezier(.34,1.56,.64,1);word-break:break-word}.result-hero-tile span{display:block;margin-top:var(--space-2);font-size:.62rem;color:var(--muted-light);text-transform:uppercase;letter-spacing:.06em;font-weight:600;line-height:1.25}.result-hero-band{margin:0;font-size:1.55rem;font-weight:800;color:var(--surface-strong);letter-spacing:-.02em;animation:number-pop .32s cubic-bezier(.34,1.56,.64,1)}.result-hero-sub{margin:var(--space-3) 0 var(--space-4) 0;color:#efe5d3;font-size:1.15rem;line-height:1.4}.result-hero-sub strong{color:var(--surface-strong);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin-left:4px}.result-hero-footnote{margin:var(--space-4) 0 0 0;color:var(--muted-light);font-size:.84rem;line-height:1.55}.result-chip{background:#b8643e38;color:#ffd4b8}.result-chip-soft{background:#f4ead81f;color:#e7d6bd;border:1px solid rgba(244,234,216,.16)}.result-section{margin-top:var(--space-5)}.result-section-label{margin:0 0 var(--space-2) 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#f2c7a8}.result-body-text{margin:0;color:#efe5d3;font-size:.95rem;line-height:1.6}.result-disclaimer{margin:var(--space-6) 0 0 0;padding-top:var(--space-4);border-top:1px solid rgba(244,234,216,.12);color:#f4ead8b3;font-size:.78rem;line-height:1.5}.band-tone-calm{background:radial-gradient(circle at 85% -10%,rgba(160,209,191,.3),transparent 45%),linear-gradient(155deg,var(--surface-dark) 0%,var(--surface-dark-2) 70%,#2d6449 100%)}.band-tone-watch{background:radial-gradient(circle at 85% -10%,rgba(184,100,62,.35),transparent 45%),linear-gradient(155deg,var(--surface-dark) 0%,var(--surface-dark-2) 70%,#2d6449 100%)}.band-tone-alert{background:radial-gradient(circle at 85% -10%,rgba(178,44,32,.4),transparent 50%),linear-gradient(155deg,var(--surface-dark) 0%,#2d3a31 70%,#3a4e41 100%)}.ingredient-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.ingredient-chip{background:var(--accent-soft);color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.82rem;font-weight:600}.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}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand);color:var(--surface-strong);padding:var(--space-2) var(--space-3);z-index:999}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.upload-field{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-muted);padding:var(--space-4);border-radius:var(--radius-md)}.upload-field-label{font-weight:700;font-size:.92rem;color:var(--brand)}.upload-field-helper{margin:0;font-size:.82rem;color:var(--muted);line-height:1.5}.upload-sample{margin:0;display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--surface-strong);border-radius:var(--radius-sm);border:1px solid var(--line)}.upload-sample-button{flex-shrink:0;position:relative;width:112px;height:112px;padding:0;border:1.5px solid var(--line);background:var(--bg-deep);border-radius:var(--radius-sm);overflow:hidden;cursor:zoom-in;transition:transform .15s ease-out,border-color .15s ease-out}.upload-sample-button:hover{border-color:var(--accent);transform:scale(1.02)}.upload-sample-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.upload-sample-button img{width:100%;height:100%;object-fit:cover;display:block}.upload-sample-zoom{position:absolute;right:6px;bottom:6px;background:#1d241fd9;color:var(--surface-strong);width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.upload-sample figcaption{font-size:.82rem;color:var(--muted);line-height:1.5}.upload-sample-hint{display:block;margin-top:4px;color:var(--accent);font-weight:600;font-size:.78rem}.upload-sample-dialog{border:none;padding:0;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);width:min(640px,92vw);background:var(--surface-strong);border-radius:var(--radius-lg);box-shadow:0 40px 80px #0000004d;color:var(--ink);overflow:hidden;position:relative}.upload-sample-dialog::backdrop{background:#17241fc7;backdrop-filter:blur(4px)}.upload-sample-dialog img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;background:var(--bg-deep)}.upload-sample-dialog-caption{margin:0;padding:var(--space-4) var(--space-5);font-size:.9rem;line-height:1.5;color:var(--muted)}.upload-sample-dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;background:#1d241fd9;color:var(--surface-strong);border:none;font-size:1rem;cursor:pointer;z-index:1}.upload-sample-dialog-close:hover{background:var(--surface-dark)}.upload-sample-dialog-close:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.upload-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.upload-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--brand);color:var(--surface-strong);border:none;cursor:pointer;font-weight:700;font-size:.95rem;transition:background .15s ease-out,transform .1s ease-out}.upload-cta:hover{background:var(--brand-2)}.upload-cta:active{transform:scale(.98)}.upload-cta:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.upload-cta:disabled{background:#cfbfa8;color:#7a7468;cursor:not-allowed}.upload-preview-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}.upload-preview-item{background:var(--surface-strong);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line)}.upload-preview-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.upload-preview-name{padding:4px var(--space-2);font-size:.72rem;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview-actions{display:flex;gap:var(--space-2)}.upload-retake,.upload-clear{flex:1;min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;cursor:pointer;transition:background .15s ease-out}.upload-retake{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}.upload-retake:hover{background:#17392a0f}.upload-clear{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.upload-clear:hover{background:#b22c200f}.upload-busy{margin:0;font-size:.85rem;color:var(--brand);font-weight:600}.guide-card{background:var(--surface-strong);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:var(--ink)}.guide-card h3{margin:0;font-size:1rem;color:var(--brand)}.guide-card p{margin:0;font-size:.85rem;color:var(--muted)}.guide-card .meta{display:flex;gap:var(--space-2);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.guide-meta-bar{display:flex;gap:var(--space-3);font-size:.82rem;color:var(--muted);margin-bottom:var(--space-3)}.guide-article{max-width:60ch}.guide-article p,.guide-article ul,.guide-article ol{font-size:1rem;line-height:1.65;color:var(--ink)}.guide-article h2{margin-top:var(--space-8)}.guide-article h3{margin-top:var(--space-6)}.guide-article blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--muted)}.header-nav[data-astro-cid-f7gxlddy]{display:flex;gap:var(--space-3);font-size:.88rem;font-weight:600}.header-nav[data-astro-cid-f7gxlddy] a[data-astro-cid-f7gxlddy]{color:var(--brand);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:999px;transition:background .15s ease-out}.header-nav[data-astro-cid-f7gxlddy] a[data-astro-cid-f7gxlddy]:hover{background:var(--accent-soft)}