/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.flex{display:flex}.table{display:table}.grow{flex-grow:1}.rounded{border-radius:.25rem}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-bg:#f5f1eb;--color-bg-warm:#ede8e0;--color-bg-card:#faf8f5;--color-bg-calc:#fff;--color-surface:#f0ece5;--color-text:#2c2a26;--color-text-soft:#6b6560;--color-text-muted:#9e958b;--color-accent:#4a6741;--color-accent-soft:#5c7d52;--color-accent-bg:#e8efe6;--color-accent-glow:#4a674114;--color-sand:#c8b99a;--color-sand-light:#e6ddd0;--color-clay:#a0877a;--color-sienna:#8b6f5e;--color-olive:#7a8b6f;--color-taupe:#b3a899;--color-border:#ddd7ce;--color-border-soft:#e8e3db;--color-highlight:#f7f4ee;--font-serif:"DM Serif Display", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:3.5rem;--text-hero:clamp(2.5rem, 5vw + 1rem, 4.5rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--max-width:1120px;--border-radius:10px;--radius-sm:6px;--radius-lg:14px;--radius-xl:20px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);font-weight:400;line-height:1.7;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}.grain-overlay{pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:100%;height:100%;position:fixed;top:0;left:0}.nav{z-index:1000;padding:var(--space-md) var(--space-xl);transition:background var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out), backdrop-filter var(--duration) var(--ease-out);position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.2);box-shadow:0 1px 0 var(--color-border-soft);background:#f5f1ebd9}.nav__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);letter-spacing:-.01em;color:var(--color-text);display:flex}.nav__logo-icon{color:var(--color-accent);justify-content:center;align-items:center;display:flex}.nav__links{align-items:center;gap:var(--space-xl);display:flex}.nav__link{font-size:var(--text-sm);color:var(--color-text-soft);letter-spacing:.01em;padding:var(--space-xs) 0;transition:color var(--duration) var(--ease-out);font-weight:400;position:relative}.nav__link:after{content:"";background:var(--color-accent);width:0;height:1px;transition:width var(--duration) var(--ease-out);position:absolute;bottom:-2px;left:0}.nav__link:hover{color:var(--color-text)}.nav__link:hover:after{width:100%}.hero{padding:calc(80px + var(--space-xl)) var(--space-xl) var(--space-lg);text-align:center;position:relative}.hero__content{max-width:720px;margin:0 auto}.hero__badge{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-soft);background:var(--color-bg-card);margin-bottom:var(--space-xl);animation:fadeInDown .8s var(--ease-out) both;border-radius:100px;padding:6px 16px;font-weight:500;display:inline-flex}.hero__badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.hero__title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-lg);animation:fadeInUp .8s var(--ease-out) .1s both;font-size:clamp(2.25rem,4vw,3.75rem);font-weight:400;line-height:1.1}.hero__title-line{display:block}.hero__title-line--accent{color:var(--color-accent);font-style:italic}.hero__subtitle{font-size:var(--text-md);color:var(--color-text-soft);max-width:540px;animation:fadeInUp .8s var(--ease-out) .2s both;margin:0 auto;line-height:1.7}.hero--compact{padding-bottom:var(--space-md)}.hero--compact .hero__title{margin-bottom:var(--space-md);font-size:clamp(2rem,3.5vw,3.25rem)}.calculator-section{padding:0 var(--space-xl) var(--space-4xl);animation:fadeInUp .8s var(--ease-out) .3s both}.calculator{max-width:var(--max-width);background:var(--color-bg-calc);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 auto;overflow:hidden;box-shadow:0 1px 2px #2c2a260a,0 4px 12px #2c2a2608,0 16px 40px #2c2a2608}.calculator__header{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border-soft);background:var(--color-highlight);justify-content:space-between;align-items:center;display:flex}.calculator__header-label{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-soft);letter-spacing:.01em;font-weight:500;display:flex}.calculator__header-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:6px;font-weight:500;display:flex}.calculator__status-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.calculator__body{grid-template-columns:1fr 1fr;min-height:420px;display:grid}.calculator__inputs{padding:var(--space-2xl);gap:var(--space-lg);flex-direction:column;display:flex}.calculator__results{padding:var(--space-2xl);background:var(--color-highlight);border-left:1px solid var(--color-border-soft);flex-direction:column;justify-content:center;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group--hidden{display:none}.form-label{align-items:baseline;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text);letter-spacing:.01em;font-weight:500;display:flex}.form-label-hint{font-weight:400;font-size:var(--text-xs);color:var(--color-text-muted)}.form-step{background:var(--color-accent-bg);width:20px;height:20px;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:inline-flex}.select-wrapper{position:relative}.form-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-card);cursor:pointer;appearance:none;transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);padding:12px 40px 12px 14px}.form-select:hover{border-color:var(--color-taupe)}.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.select-arrow{pointer-events:none;color:var(--color-text-muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-wrapper{position:relative}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-card);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);padding:12px 14px}.form-input::placeholder{color:var(--color-text-muted)}.form-input:hover{border-color:var(--color-taupe)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}.input-unit{font-size:var(--text-sm);color:var(--color-text-muted);pointer-events:none;font-weight:500;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-prefix{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-input--price{padding-left:30px}.grass-info{gap:var(--space-sm);animation:fadeInUp .3s var(--ease-out) both;flex-wrap:wrap;display:flex}.grass-info__label{font-size:var(--text-xs);letter-spacing:.02em;background:var(--color-accent-bg);color:var(--color-accent);border-radius:100px;padding:3px 10px;font-weight:500;display:inline-flex}.toggle-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);display:flex;overflow:hidden}.toggle-btn{font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration) var(--ease-out);border-right:1px solid var(--color-border);flex:1;padding:10px 16px;font-weight:500;position:relative}.toggle-btn:last-child{border-right:none}.toggle-btn:hover{color:var(--color-text-soft);background:var(--color-surface)}.toggle-btn--active{color:var(--color-accent);background:var(--color-accent-bg);font-weight:600}.toggle-btn--active:hover{color:var(--color-accent);background:var(--color-accent-bg)}.dim-field-group{margin-bottom:var(--space-sm);flex-direction:column;gap:6px;display:flex}.dim-field-group:last-child{margin-bottom:0}.form-label-sm{font-size:var(--text-xs);color:var(--color-text-soft);letter-spacing:.02em;align-items:center;gap:4px;font-weight:500;display:flex}.input-with-unit{align-items:stretch;display:flex;position:relative}.input-with-unit .form-input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;padding-right:12px}.input-with-unit .form-input:focus{z-index:2;border-right:none}.input-with-unit .form-input:focus+.unit-dropdown-btn{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.unit-dropdown-btn{border:1px solid var(--color-border);border-left:1px solid var(--color-border-soft);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);background:var(--color-highlight);color:var(--color-accent);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration) var(--ease-out);white-space:nowrap;z-index:1;align-items:center;gap:4px;padding:0 10px;font-weight:600;display:inline-flex;position:relative}.unit-dropdown-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent)}.unit-dropdown-btn--wide{justify-content:center;min-width:110px}.unit-dropdown-btn__label{pointer-events:none}.unit-dropdown-btn svg{transition:transform .2s var(--ease-out);flex-shrink:0}.unit-dropdown-btn.is-open svg{transform:rotate(180deg)}.unit-dropdown{z-index:100;background:var(--color-bg-calc);border:1px solid var(--color-border);border-radius:var(--radius-sm);opacity:0;visibility:hidden;min-width:200px;max-height:260px;transition:all .2s var(--ease-out);margin-top:4px;position:absolute;top:100%;right:0;overflow-y:auto;transform:translateY(-4px);box-shadow:0 8px 24px #2c2a261f,0 2px 6px #2c2a260f}.unit-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.unit-dropdown--wide{min-width:280px}.unit-dropdown__option{width:100%;font-size:var(--text-sm);color:var(--color-text-soft);text-align:left;cursor:pointer;transition:all .15s var(--ease-out);background:0 0;border:none;padding:9px 14px;display:block}.unit-dropdown__option:hover{background:var(--color-accent-bg);color:var(--color-accent)}.unit-dropdown__option.is-selected{background:var(--color-accent);color:#fff;font-weight:600}.unit-dropdown__option+.unit-dropdown__option{border-top:1px solid var(--color-border-soft)}.info-tooltip{color:var(--color-text-muted);cursor:help;align-items:center;display:inline-flex;position:relative}.info-tooltip:hover{color:var(--color-accent)}.area-display-input{cursor:default;background:var(--color-surface)!important}.seeds-output-input{cursor:default;font-weight:600;background:var(--color-surface)!important;color:var(--color-accent)!important}.shape-inputs--hidden{display:none!important}.dims-row{align-items:flex-end;gap:var(--space-md);display:flex}.dims-field{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.dims-separator{font-size:var(--text-lg);color:var(--color-text-muted);padding-bottom:12px;font-weight:300}.cost-inputs{gap:var(--space-md);display:flex}.form-select--sm{font-size:var(--text-sm);padding:10px 36px 10px 12px}.buffer-slider-wrapper{gap:var(--space-sm);flex-direction:column;display:flex}.buffer-slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:100px;outline:none;width:100%;height:6px}.buffer-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);border:3px solid var(--color-bg-calc);cursor:pointer;width:20px;height:20px;transition:transform .15s var(--ease-spring);border-radius:50%;box-shadow:0 1px 4px #00000026}.buffer-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.buffer-slider::-moz-range-thumb{background:var(--color-accent);border:3px solid var(--color-bg-calc);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000026}.buffer-labels{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.buffer-current{color:var(--color-accent);font-weight:600}.results-empty{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-3xl) var(--space-xl);flex-direction:column;min-height:300px;display:flex}.results-empty__icon{color:var(--color-sand);opacity:.6}.results-empty__text{font-size:var(--text-sm);color:var(--color-text-muted);max-width:240px;line-height:1.6}.results-filled{gap:var(--space-lg);animation:fadeInUp .4s var(--ease-out) both;flex-direction:column;display:flex}.shape-preview{padding:var(--space-sm) 0;justify-content:center;display:flex}.shape-preview svg{opacity:.5}.result-primary{text-align:center;padding:var(--space-xl) var(--space-md);background:var(--color-accent-bg);border-radius:var(--border-radius);border:1px solid #4a67411f}.result-primary__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:600}.result-primary__value{justify-content:center;align-items:baseline;gap:6px;display:flex}.result-primary__number{font-family:var(--font-serif);font-size:var(--text-4xl);color:var(--color-accent);letter-spacing:-.02em;transition:all .4s var(--ease-spring);font-weight:400;line-height:1}.result-primary__unit{font-size:var(--text-lg);color:var(--color-accent-soft);font-weight:500}.result-primary__sub{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:4px}.results-details{border:1px solid var(--color-border-soft);border-radius:var(--border-radius);flex-direction:column;display:flex;overflow:hidden}.result-row{padding:10px var(--space-md);border-bottom:1px solid var(--color-border-soft);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.result-row:last-child{border-bottom:none}.result-row--highlight{background:var(--color-accent-bg)}.result-row__label{color:var(--color-text-soft);font-weight:400}.result-row__value{color:var(--color-text);font-weight:600;font-family:var(--font-mono);font-size:var(--text-xs)}.result-row__value--cost{color:var(--color-accent)}.calculator__project-badge{align-items:center;display:flex}.project-badge{font-size:var(--text-xs);letter-spacing:.02em;border-radius:20px;padding:4px 12px;font-weight:600}.project-badge--new{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid #4a674133}.project-badge--overseed{color:var(--color-clay);background:#b87c4a1a;border:1px solid #b87c4a33}.results-content{padding:var(--space-md) 0}.result-row--primary{background:var(--color-accent-bg);border-radius:var(--radius-sm);margin:0 var(--space-md) var(--space-sm);padding:var(--space-md)!important}.result-row--primary .result-value{color:var(--color-accent);font-size:var(--text-base)}.result-label{color:var(--color-text-soft);font-weight:400}.result-value{color:var(--color-text);font-weight:600;font-family:var(--font-mono);font-size:var(--text-xs)}.grass-info{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-calc);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm)}.grass-info__text{font-size:var(--text-xs);color:var(--color-text-soft)}.unit-select{border:1px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-bg-calc);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-text-soft);cursor:pointer;border-left:none;min-width:40px;padding:6px 8px}.unit-select:focus{border-color:var(--color-accent);outline:none}.form-input:has(+.unit-select){border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.range-labels{color:var(--color-text-muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.result-tip{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6;display:flex}.result-tip svg{color:var(--color-clay);flex-shrink:0;margin-top:2px}.result-actions{gap:var(--space-sm);display:flex}.action-btn{border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration) var(--ease-out);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-soft);align-items:center;gap:6px;padding:8px 14px;font-weight:500;display:inline-flex}.action-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.calculator__actions-bar{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border-soft);background:var(--color-highlight);display:flex}.calc-action-btn{border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration) var(--ease-out);border:1px solid var(--color-border);background:var(--color-bg-calc);color:var(--color-text-soft);align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.calc-action-btn:hover{border-color:var(--color-taupe);color:var(--color-text);transform:translateY(-1px);box-shadow:0 2px 8px #2c2a260f}.calc-action-btn--share{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.calc-action-btn--share:hover{background:var(--color-accent-soft);border-color:var(--color-accent-soft);color:#fff;box-shadow:0 4px 12px #4a674133}.calc-action-btn--share svg{stroke:#fff}.calculator__feedback{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border-soft);background:var(--color-bg-card);display:flex}.feedback__question{font-size:var(--text-sm);color:var(--color-text-soft);font-weight:400}.feedback__actions{gap:var(--space-sm);display:flex}.feedback-btn{border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration) var(--ease-out);border:1px solid var(--color-border);background:var(--color-bg-calc);color:var(--color-text-soft);align-items:center;gap:6px;padding:7px 16px;font-weight:500;display:inline-flex}.feedback-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2c2a2614}.feedback-btn--yes:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.feedback-btn--no:hover{color:#c0392b;background:#fdf2f2;border-color:#c0392b}.feedback-btn.is-selected{pointer-events:none}.feedback-btn--yes.is-selected{border-color:var(--color-accent);color:#fff;background:var(--color-accent)}.feedback-btn--no.is-selected{color:#fff;background:#c0392b;border-color:#c0392b}.feedback__response{font-size:var(--text-sm);color:var(--color-accent);animation:fadeInUp .3s var(--ease-out) both;font-weight:500}.section-container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{border:1px solid var(--color-border);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-md);border-radius:100px;padding:4px 14px;font-weight:500;display:inline-block}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-md);font-weight:400;line-height:1.2}.section-subtitle{font-size:var(--text-base);color:var(--color-text-soft);max-width:560px;margin:0 auto;line-height:1.7}.guide-section{padding:var(--space-4xl) 0;background:var(--color-bg-warm)}.guide-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-calc);overflow-x:auto;box-shadow:0 1px 2px #2c2a2608,0 4px 12px #2c2a2605}.guide-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.guide-table thead{border-bottom:1px solid var(--color-border)}.guide-table th{padding:14px var(--space-lg);text-align:left;font-weight:600;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-highlight);white-space:nowrap}.guide-table td{padding:14px var(--space-lg);border-bottom:1px solid var(--color-border-soft);color:var(--color-text-soft);white-space:nowrap}.guide-table tr:last-child td{border-bottom:none}.guide-table tr:hover td{background:var(--color-accent-glow)}.guide-table .grass-name{color:var(--color-text);font-weight:600}.guide-table .season-badge{font-size:var(--text-xs);letter-spacing:.02em;border-radius:100px;padding:2px 10px;font-weight:500;display:inline-flex}.season-badge--cool{color:#4a6b8a;background:#e6eef5}.season-badge--warm{color:#8b6f5e;background:#f5ebe1}.tips-section{padding:var(--space-4xl) 0}.tips-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.tip-card{padding:var(--space-2xl) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-calc);transition:all var(--duration) var(--ease-out);position:relative}.tip-card:hover{border-color:var(--color-taupe);transform:translateY(-2px);box-shadow:0 8px 24px #2c2a260f}.tip-card__number{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-sand-light);margin-bottom:var(--space-lg);letter-spacing:-.02em;font-weight:400;line-height:1}.tip-card__title{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-weight:600}.tip-card__text{font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.7}.faq-section{padding:var(--space-4xl) 0;background:var(--color-bg-warm)}.faq-list{gap:var(--space-sm);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-calc);transition:border-color var(--duration) var(--ease-out);overflow:hidden}.faq-item:hover{border-color:var(--color-taupe)}.faq-item[open]{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);cursor:pointer;font-size:var(--text-base);color:var(--color-text);transition:color var(--duration) var(--ease-out);font-weight:500;line-height:1.5;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{content:""}.faq-icon{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--duration) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item[open] .faq-icon{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:rotate(45deg)}.faq-answer{padding:0 var(--space-xl) var(--space-lg);animation:fadeInUp .3s var(--ease-out) both}.faq-answer p{font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.7}.footer{padding:var(--space-4xl) 0 var(--space-2xl);border-top:1px solid var(--color-border)}.footer__inner{justify-content:space-between;align-items:flex-start;gap:var(--space-3xl);margin-bottom:var(--space-3xl);display:flex}.footer__brand{max-width:340px}.footer__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-md);line-height:1.6}.footer__links{gap:var(--space-4xl);display:flex}.footer__col{gap:var(--space-sm);flex-direction:column;display:flex}.footer__col-title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-weight:600}.footer__link{font-size:var(--text-sm);color:var(--color-text-soft);transition:color var(--duration) var(--ease-out)}.footer__link:hover{color:var(--color-text)}.footer__bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-border-soft)}.footer__copy{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.number-animate{animation:numberPop .35s var(--ease-spring)}.animate-on-scroll{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(20px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-on-scroll:nth-child(2){transition-delay:80ms}.animate-on-scroll:nth-child(3){transition-delay:.16s}.animate-on-scroll:nth-child(4){transition-delay:.24s}.animate-on-scroll:nth-child(5){transition-delay:.32s}.animate-on-scroll:nth-child(6){transition-delay:.4s}@media (width<=900px){.calculator__body{grid-template-columns:1fr}.calculator__results{border-left:none;border-top:1px solid var(--color-border-soft)}.tips-grid{grid-template-columns:repeat(2,1fr)}.footer__inner{gap:var(--space-2xl);flex-direction:column}.calculator__actions-bar{gap:var(--space-sm);flex-wrap:wrap}.calculator__feedback{gap:var(--space-sm);text-align:center;flex-direction:column}}@media (width<=640px){:root{--text-hero:2.25rem;--text-3xl:2rem}.nav__links{display:none}.hero{padding:calc(72px + var(--space-lg)) var(--space-md) var(--space-lg)}.calculator-section{padding:0 var(--space-md) var(--space-3xl)}.calculator__inputs,.calculator__results{padding:var(--space-xl)}.tips-grid{grid-template-columns:1fr}.dims-row{gap:var(--space-md);flex-direction:column}.dims-separator{display:none}.section-container{padding:0 var(--space-md)}.guide-table th,.guide-table td{padding:10px var(--space-md);font-size:var(--text-xs)}.faq-question{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm)}.footer__links{gap:var(--space-2xl)}.calculator__actions-bar{padding:var(--space-md);flex-direction:column}.calc-action-btn{justify-content:center;width:100%}.cost-inputs{flex-direction:column}.guide-article__title{font-size:var(--text-xl)}.guide-article__subtitle{font-size:var(--text-md)}.guide-formula{padding:var(--space-md);font-size:var(--text-xs)}.guide-example{padding:var(--space-sm) var(--space-md)}.guide-content-section{padding:var(--space-3xl) 0}}.hero__subtitle--secondary{font-size:var(--text-sm);color:var(--color-text-muted);animation:fadeInUp .8s var(--ease-out) .3s both}.guide-content-section{padding:var(--space-4xl) 0;background:var(--color-bg)}.guide-intro{max-width:800px;margin:0 auto var(--space-3xl);text-align:center}.guide-intro p{font-size:var(--text-md);color:var(--color-text-soft);line-height:1.8}.guide-article{max-width:800px;margin:0 auto var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid var(--color-border-soft)}.guide-article:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.guide-article__title{font-family:var(--font-serif);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-xl);font-weight:400;line-height:1.3}.guide-article__subtitle{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.01em;margin-top:var(--space-xl);margin-bottom:var(--space-md);font-weight:600}.guide-article__body p{font-size:var(--text-base);color:var(--color-text-soft);margin-bottom:var(--space-md);line-height:1.8}.guide-article__body p:last-child{margin-bottom:0}.guide-article__body a{color:var(--color-accent);text-underline-offset:2px;transition:text-decoration-color var(--duration) var(--ease-out);font-weight:500;text-decoration:underline #4a67414d}.guide-article__body a:hover{-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.guide-article__body ul,.guide-article__body ol{padding-left:var(--space-xl);margin-bottom:var(--space-md)}.guide-article__body li{font-size:var(--text-base);color:var(--color-text-soft);margin-bottom:var(--space-sm);line-height:1.8}.guide-article__body li ul{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.guide-formula-list{padding-left:var(--space-md)!important;list-style:none!important}.guide-formula-list li{font-family:var(--font-mono);padding:6px 0;font-size:var(--text-sm)!important}.guide-formula{padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-md);text-align:center;letter-spacing:.02em}.guide-example{padding:var(--space-md) var(--space-lg);background:var(--color-accent-bg);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);color:var(--color-text-soft);margin-bottom:var(--space-md);line-height:1.8}.guide-table-inline-wrapper{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-calc);overflow-x:auto}.guide-table--inline{box-shadow:none;border:none}.interactive-steps,.rate-bars,.bag-selector,.rate-chart,.quick-estimator{margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.interactive-steps__track,.rate-bars__header,.bag-selector__header,.rate-chart__header,.quick-estimator__header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-soft);background:var(--color-bg-calc);font-weight:600;display:flex}.rate-bars__header,.bag-selector__header,.rate-chart__header,.quick-estimator__header{padding:var(--space-md) var(--space-lg)}.interactive-steps__track{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-border-soft);background:var(--color-bg-calc);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;display:flex}.step-node{align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease-out);flex-direction:column;min-width:72px;display:flex}.step-node:hover{background:var(--color-accent-bg)}.step-node__icon{border:2px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);background:var(--color-bg);transition:all var(--duration) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.step-node--active .step-node__icon{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg);box-shadow:0 0 0 4px #4a67411a}.step-node__num{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--duration) var(--ease-out);font-weight:700}.step-node--active .step-node__num{color:var(--color-accent)}.step-node__label{color:var(--color-text-muted);text-align:center;white-space:nowrap;font-size:11px}.step-connector{background:var(--color-border);border-radius:1px;flex-shrink:0;width:40px;height:2px;margin-top:30px;overflow:hidden}.step-connector__fill{background:var(--color-accent);width:0;height:100%;transition:width .5s var(--ease-out)}.step-node--active~.step-connector .step-connector__fill,.step-node--active+.step-connector .step-connector__fill{width:0}.step-detail{padding:var(--space-md) var(--space-lg);align-items:center;min-height:52px;display:flex}.step-detail p{font-size:var(--text-sm);color:var(--color-text-soft);animation:fadeInUp .3s var(--ease-out);margin:0;line-height:1.6}.shape-diagrams{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.shape-card{align-items:center;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all var(--duration) var(--ease-out);flex-direction:column;display:flex}.shape-card:hover{border-color:var(--color-clay);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.shape-card--active{border-color:var(--color-accent);background:var(--color-accent-bg);box-shadow:0 0 0 3px #4a67411a}.shape-card__svg{width:100%;height:64px;color:var(--color-text-soft);transition:color var(--duration) var(--ease-out)}.shape-card--active .shape-card__svg{color:var(--color-accent)}.shape-card__dim{fill:currentColor;font-size:9px;font-family:var(--font-mono);opacity:.7}.shape-card__name{font-size:var(--text-xs);color:var(--color-text);font-weight:600}.shape-card__formula{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);opacity:0;transition:all var(--duration) var(--ease-out);transform:translateY(4px)}.shape-card--active .shape-card__formula,.shape-card:hover .shape-card__formula{opacity:1;transform:translateY(0)}.quick-estimator__body{padding:var(--space-lg)}.qe-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.qe-label{font-size:var(--text-sm);color:var(--color-text);flex-shrink:0;min-width:90px;font-weight:500}.qe-slider-wrap{align-items:center;gap:var(--space-sm);flex:1;display:flex}.qe-slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.qe-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;width:18px;height:18px;transition:transform .15s var(--ease-out);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003}.qe-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.qe-slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}.qe-slider-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;min-width:85px}.qe-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;transition:border-color var(--duration) var(--ease-out);flex:1;padding:8px 12px}.qe-select:focus{border-color:var(--color-accent);outline:none}.qe-result{padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);text-align:center;margin-top:var(--space-sm)}.qe-result__seed{justify-content:center;align-items:baseline;gap:var(--space-xs);display:flex}.qe-result__number{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--color-accent);transition:all .3s var(--ease-out);font-weight:700}.qe-result__unit{font-size:var(--text-sm);color:var(--color-text-muted)}.qe-result__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.qe-result__bar-wrap{background:var(--color-border-soft);border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.qe-result__bar{background:linear-gradient(90deg, var(--color-accent), var(--color-moss));height:100%;transition:width .5s var(--ease-out);border-radius:4px}.qe-result__bar-labels{color:var(--color-text-muted);justify-content:space-between;font-size:10px;display:flex}.rate-bar-item{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-soft);transition:background var(--duration) var(--ease-out);cursor:default}.rate-bar-item:last-child{border-bottom:none}.rate-bar-item:hover{background:var(--color-bg-calc)}.rate-bar-item__label{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.rate-bar-item__name{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.rate-bar-item__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);font-weight:600}.rate-bar-item__track{background:var(--color-border-soft);border-radius:5px;height:10px;margin-bottom:4px;overflow:hidden}.rate-bar-item__fill{width:0;height:100%;transition:width 1s var(--ease-out);border-radius:5px}.rate-bar-item__fill--new{background:linear-gradient(90deg, var(--color-accent), var(--color-moss))}.rate-bar-item__fill--patch{background:linear-gradient(90deg, var(--color-clay), var(--color-sand))}.rate-bar-item__fill--over{background:linear-gradient(90deg, var(--color-sage), var(--color-stone))}.rate-bar-item__detail{color:var(--color-text-muted);font-size:11px}.rate-bars.animated .rate-bar-item__fill{width:var(--target-width)}.bag-cards{justify-content:center;align-items:flex-end;gap:var(--space-lg);padding:var(--space-lg);border-bottom:1px solid var(--color-border-soft);display:flex}.bag-card{align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease-out);border:2px solid #0000;flex-direction:column;display:flex}.bag-card:hover{background:var(--color-accent-bg)}.bag-card--active{border-color:var(--color-accent);background:var(--color-accent-bg)}.bag-card__icon{color:var(--color-text-muted);transition:color var(--duration) var(--ease-out)}.bag-card--active .bag-card__icon{color:var(--color-accent)}.bag-card__size{font-size:var(--text-xs);color:var(--color-text);font-weight:600}.bag-detail{padding:var(--space-md) var(--space-lg)}.bag-detail__row{padding:var(--space-xs) 0;justify-content:space-between;align-items:center;display:flex}.bag-detail__label{font-size:var(--text-sm);color:var(--color-text-soft)}.bag-detail__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);font-weight:600}.bag-detail__visual{margin-top:var(--space-md);text-align:center}.bag-lawn-grid{max-width:280px;margin:0 auto var(--space-sm);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.bag-lawn-cell{aspect-ratio:1;background:var(--color-border-soft);transition:all .4s var(--ease-out);border-radius:4px}.bag-lawn-cell--filled{background:linear-gradient(135deg, var(--color-accent), var(--color-moss))}.bag-detail__visual-label{color:var(--color-text-muted);font-size:11px}.rate-chart__bars{padding:var(--space-md) var(--space-lg)}.rc-bar{align-items:center;gap:var(--space-md);cursor:default;transition:background var(--duration) var(--ease-out);border-radius:var(--radius-xs);padding:6px 0;display:flex}.rc-bar:hover{background:var(--color-bg-calc)}.rc-bar__label{font-size:var(--text-xs);color:var(--color-text);flex-shrink:0;min-width:130px;font-weight:500}.rc-bar__track{background:var(--color-border-soft);border-radius:6px;flex:1;height:12px;overflow:hidden}.rc-bar__fill{width:0;height:100%;transition:width .8s var(--ease-out);border-radius:6px}.rc-bar__fill--cool{background:linear-gradient(90deg,#5a7c4f,#7fa86e)}.rc-bar__fill--warm{background:linear-gradient(90deg,#b87c4a,#d4a574)}.rate-chart.animated .rc-bar__fill{width:var(--target-width)}.rc-bar__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;min-width:42px}.rc-legend{gap:var(--space-lg);padding:var(--space-sm) var(--space-lg) var(--space-md);justify-content:center;display:flex}.rc-legend__item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.rc-legend__dot{border-radius:50%;width:10px;height:10px}.rc-legend__dot--cool{background:#5a7c4f}.rc-legend__dot--warm{background:#b87c4a}@media (width<=640px){.interactive-steps__track{padding:var(--space-md);gap:0}.step-connector{width:20px}.step-node{min-width:56px;padding:var(--space-xs)}.step-node__icon{width:36px;height:36px}.step-node__icon svg{width:16px;height:16px}.shape-diagrams{grid-template-columns:repeat(2,1fr)}.qe-row{align-items:stretch;gap:var(--space-xs);flex-direction:column}.qe-label{min-width:unset}.bag-cards{gap:var(--space-sm);padding:var(--space-md)}.rc-bar__label{min-width:100px;font-size:11px}.rc-bar__track{height:8px}}::selection{background:var(--color-accent-bg);color:var(--color-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-sand);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--color-clay)}.mix-row{gap:var(--space-sm);align-items:flex-end;display:flex}.mix-row .form-select{flex:1}.mix-pct-wrap{align-items:center;gap:2px;min-width:80px;display:flex}.mix-pct-wrap .form-input{text-align:center;width:60px}.mix-pct-symbol{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.mix-total-bar{padding:var(--space-md);background:var(--color-bg-calc);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);margin-top:var(--space-sm)}.mix-total-label{font-size:var(--text-sm);color:var(--color-text-soft);margin-bottom:var(--space-xs)}.mix-total-track{background:var(--color-border-soft);height:6px;margin-bottom:var(--space-xs);border-radius:3px;overflow:hidden}.mix-total-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s,background .3s}.mix-total-status{font-size:var(--text-xs);font-weight:500}.germ-timeline{padding:var(--space-md);margin:var(--space-md) var(--space-md) 0;background:var(--color-bg-calc);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm)}.germ-timeline__label{font-size:var(--text-xs);color:var(--color-text-soft);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.germ-timeline__bar{background:linear-gradient(90deg, var(--color-accent-bg) 0%, var(--color-accent-bg) 100%);border-radius:var(--radius-sm);height:40px;margin-bottom:var(--space-md);position:relative}.germ-timeline__planted,.germ-timeline__sprout,.germ-timeline__full,.germ-timeline__mow{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:50%;transform:translate(-50%,-50%)}.germ-timeline__planted{background:var(--color-text);color:#fff;left:0;transform:translateY(-50%)}.germ-timeline__sprout{background:var(--color-accent);color:#fff}.germ-timeline__full{color:#fff;background:#5a8f4e}.germ-timeline__mow{background:var(--color-clay);color:#fff}.germ-timeline__legend{gap:var(--space-md);color:var(--color-text-muted);font-size:11px;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.input-with-unit{align-items:stretch;display:flex}.input-with-unit .form-input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;flex:1}.input-with-unit .unit-select{border-radius:0 var(--radius-sm) var(--radius-sm) 0}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}