@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root,[data-theme=light]{color-scheme:light;--bg: #f0fcff;--bg-subtle: #e8f8fb;--surface: #ffffff;--surface-hover: #f5fcfe;--header-bg: linear-gradient(160deg, #ffffff 0%, #ebfbff 52%, #dbeff0 100%);--border: #b5d9e4;--border-subtle: #d4ecf2;--text: #2f3745;--text-heading: #161c26;--text-secondary: #237588;--text-muted: #7e979d;--shadow-sm: 0 1px 2px rgba(22, 28, 38, .06);--shadow-md: 0 4px 20px rgba(22, 28, 38, .09);--accent: #19a2ae;--accent-deep: #00647b;--accent-soft: rgba(25, 162, 174, .12);--accent-border: rgba(25, 162, 174, .35);--success: #00af87;--success-bg: #e8f8fb;--success-border: #81e9ef;--retic: #e8521a;--retic-soft: rgba(232, 82, 26, .12);--retic-border: rgba(232, 82, 26, .35);--radius: 12px;--radius-sm: 8px;--font-ui: "Poppins", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--select-chevron: %237e979d}[data-theme=dark]{color-scheme:dark;--bg: #161c26;--bg-subtle: #1c2433;--surface: #2f3745;--surface-hover: #384252;--header-bg: linear-gradient(160deg, #2f3745 0%, #161c26 100%);--border: #3d4a5c;--border-subtle: #2a3344;--text: #dceef4;--text-heading: #f0fcff;--text-secondary: #81e9ef;--text-muted: #798291;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .22);--shadow-md: 0 4px 24px rgba(0, 0, 0, .38);--accent: #4ecdc4;--accent-deep: #19a2ae;--accent-soft: rgba(78, 205, 196, .15);--accent-border: rgba(78, 205, 196, .4);--success: #4ecdc4;--success-bg: #1c3a40;--success-border: #237588;--retic: #f07040;--retic-soft: rgba(240, 112, 64, .15);--retic-border: rgba(240, 112, 64, .4);--select-chevron: %23798291}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.top-bar{background:var(--surface);border-bottom:1px solid var(--border-subtle);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;box-shadow:var(--shadow-sm)}.top-bar__brand{color:var(--text-heading);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.06em}.top-bar__sub{color:var(--text-muted);font-weight:500;margin-left:8px}.top-bar__nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-bar__link{color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.02em;transition:color .15s}.top-bar__link:hover{color:var(--retic)}.top-bar__cta{padding:8px 16px;border-radius:var(--radius-sm);background:var(--retic-soft);border:1px solid var(--retic-border);color:var(--retic);text-decoration:none;font-size:12px;font-weight:600;transition:background .15s,transform .1s}.top-bar__cta:hover{background:var(--retic);color:#fff}.app-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:0 24px 40px}.theme-toggle{display:inline-flex;padding:3px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle)}.theme-toggle__btn{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.theme-toggle__btn:hover{color:var(--text-secondary)}.theme-toggle__btn--active{background:var(--surface);color:var(--text-heading);box-shadow:var(--shadow-sm)}.tool-bar{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);padding:14px 24px;overflow-x:auto}.tool-bar__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;display:block;font-weight:600}.tool-bar__pills{display:flex;gap:8px;min-width:min-content}.tool-bar__pill{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,box-shadow .15s}.tool-bar__pill--current{border-color:var(--success);background:var(--success-bg);color:var(--success);font-weight:700;box-shadow:var(--shadow-sm)}.tool-bar__pill-desc{font-size:10px;opacity:.85;font-weight:400}.site-footer{border-top:1px solid var(--border-subtle);background:var(--surface);padding:28px 24px;margin-top:auto}.site-footer__inner{max-width:1040px;margin:0 auto;font-size:12px;color:var(--text-muted);line-height:1.65}.site-footer__links{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.site-footer__link{color:var(--text-secondary);text-decoration:none;font-weight:500}.site-footer__link:hover{color:var(--retic)}.site-footer__brand{color:var(--retic);font-weight:600}.how-to{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);margin-bottom:28px;overflow:hidden;box-shadow:var(--shadow-sm)}.how-to__summary{padding:16px 20px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);list-style:none}.how-to__summary::-webkit-details-marker{display:none}.how-to__body{padding:0 20px 18px;font-size:13px;color:var(--text-secondary);line-height:1.65}.how-to__pro{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted)}.hint{display:inline-flex;position:relative;margin-left:6px;vertical-align:middle}.hint__btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:10px;font-family:var(--font-ui);cursor:pointer;padding:0;line-height:1}.hint__tip{position:absolute;z-index:20;top:100%;left:0;margin-top:6px;max-width:280px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text);font-weight:400;line-height:1.5;box-shadow:var(--shadow-md);text-transform:none;letter-spacing:normal}.tool-hero{border-bottom:2px solid var(--brand-accent, var(--accent));margin:0 -24px 28px;transition:border-color .35s ease;overflow:hidden}.tool-hero__content{padding:28px 24px 24px;background:var(--header-bg)}.tool-hero__eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}.tool-hero__title{font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.02em;line-height:1.2}.tool-hero__sub{font-size:13px;color:var(--text-secondary);margin:8px 0 0;max-width:36em}.tool-hero__credit{margin:14px 0 0;font-size:10px;color:var(--text-muted);opacity:.85}.tool-hero__credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.tool-hero__credit a:hover{color:var(--text-secondary)}@media(min-width:768px){.tool-hero--photo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(200px,.85fr);align-items:stretch}.tool-hero--photo .tool-hero__content{padding-right:32px;z-index:1}.tool-hero__photo{position:relative;min-height:168px;background-image:url(/images/hero-sprinkler.png);background-size:cover;background-position:55% 42%;filter:saturate(.82) contrast(1.02)}.tool-hero__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 22%,color-mix(in srgb,var(--bg) 35%,transparent) 48%,transparent 72%);pointer-events:none}[data-theme=dark] .tool-hero__photo{filter:saturate(.7) brightness(.72)}[data-theme=dark] .tool-hero__photo:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,transparent) 28%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,transparent 78%)}}@media(max-width:767px){.tool-hero__photo,.tool-hero__credit{display:none}}.nozzle-hero.tool-hero .tool-hero__content{background:var(--header-bg)}.nozzle-hero:not(.tool-hero){background:var(--header-bg);border-bottom:2px solid var(--brand-accent, var(--accent));padding:28px 24px 24px;margin:0 -24px 28px}.nozzle-hero__eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}.nozzle-hero__title{font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;color:var(--text-heading);margin:0;letter-spacing:-.02em;line-height:1.2}.nozzle-hero__sub{font-size:13px;color:var(--text-secondary);margin:8px 0 0;max-width:36em}.nozzle-section{margin-bottom:28px}.nozzle-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;display:block}.nozzle-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:640px){.nozzle-grid-2{grid-template-columns:1fr}}.nozzle-btn,.nozzle-select,.nozzle-input{font-family:var(--font-ui);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.nozzle-select,.nozzle-input{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:11px 14px;font-size:16px;outline:none}.nozzle-select:focus,.nozzle-input:focus{border-color:var(--brand-accent, var(--accent));box-shadow:0 0 0 3px var(--accent-soft)}.nozzle-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}[data-theme=light] .nozzle-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7f6b' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=dark] .nozzle-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239cb09c' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}select option{background:var(--surface);color:var(--text)}.nozzle-input{font-family:var(--font-mono);font-weight:600}.nozzle-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.nozzle-spec-card{border-color:color-mix(in srgb,var(--brand-accent, var(--accent)) 35%,var(--border-subtle))}.nozzle-divider{border:none;border-top:1px solid var(--border-subtle);margin:28px 0}.nozzle-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm)}.nozzle-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--font-mono)}.nozzle-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:500;font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.nozzle-table td{padding:11px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.nozzle-table tr:last-child td{border-bottom:none}.nozzle-table tr[data-selected=true]{background:color-mix(in srgb,var(--brand-accent, var(--accent)) 10%,transparent)}.nozzle-table tr{cursor:pointer;transition:background .12s}.nozzle-table tr:hover{background:var(--surface-hover)}input[type=number]::-webkit-inner-spin-button{opacity:.45}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .35s ease}.nozzle-tool__body{max-width:960px}.nozzle-brand-grid{display:flex;gap:10px;flex-wrap:wrap}.nozzle-brand-btn{padding:10px 20px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-ui);font-weight:700;letter-spacing:.12em;transition:border-color .2s,background .2s,color .2s}.nozzle-brand-btn--active{border-color:var(--btn-brand-color);background:color-mix(in srgb,var(--btn-brand-color) 13%,var(--surface));color:var(--btn-brand-color)}.nozzle-series-desc{font-size:11px;color:var(--text-muted);margin-top:6px;letter-spacing:.05em;line-height:1.5}.nozzle-series-tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.nozzle-tag{display:inline-block;padding:2px 8px;border-radius:2px;background:color-mix(in srgb,var(--tag-color) 13%,transparent);border:1px solid color-mix(in srgb,var(--tag-color) 27%,transparent);color:var(--tag-color);font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.nozzle-arc-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.nozzle-arc-btn{padding:8px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-ui);font-weight:600;letter-spacing:.05em;transition:border-color .15s,background .15s,color .15s}.nozzle-arc-btn--active{border-color:var(--brand-accent, var(--accent));background:color-mix(in srgb,var(--brand-accent, var(--accent)) 13%,var(--surface));color:var(--brand-accent, var(--accent))}.nozzle-rotor-note{margin-top:10px;font-size:11px;color:var(--text-muted)}.nozzle-spec-card{animation:fadeIn .3s ease}.nozzle-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.nozzle-spec-row{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:10px}.nozzle-spec-row--last{border-bottom:none}.nozzle-spec-label{font-size:10px;letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase}.nozzle-spec-value{font-size:15px;font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.nozzle-spec-value--accent{font-size:17px;color:var(--brand-accent, var(--accent))}.nozzle-spec-value--flow{font-size:20px;color:var(--brand-accent, var(--accent))}.nozzle-spec-unit{font-size:10px;color:var(--text-muted);margin-left:4px}.nozzle-spec-note{font-size:11px;color:var(--text-secondary)}.nozzle-calc-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.nozzle-calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.nozzle-calc-grid--spaced{margin-top:20px}.nozzle-input-group{display:flex;flex-direction:column;gap:6px}.nozzle-precip-warning{font-size:12px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.nozzle-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.nozzle-result-tile{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px;transition:border-color .3s,background .3s}.nozzle-result-tile--highlight{background:color-mix(in srgb,var(--brand-accent, var(--accent)) 8%,var(--surface));border-color:color-mix(in srgb,var(--brand-accent, var(--accent)) 33%,var(--border))}.nozzle-result-val{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text-heading);letter-spacing:-.03em;line-height:1.1}.nozzle-result-val--highlight{color:var(--brand-accent, var(--accent))}.nozzle-result-lbl{font-size:9px;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.nozzle-result-placeholder{font-size:11px;color:var(--text-muted)}.nozzle-pipe-section{margin-top:16px}.nozzle-pipe-grid{display:flex;gap:8px;flex-wrap:wrap}.nozzle-pipe-pill{padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:400;color:var(--text-muted);font-family:var(--font-ui)}.nozzle-pipe-pill--recommended{border-color:var(--success);background:var(--success-bg);font-weight:700;color:var(--success)}.nozzle-pipe-pill__badge{margin-left:6px;font-size:9px;letter-spacing:.1em}.nozzle-pipe-hint,.nozzle-table-footnote{font-size:10px;color:var(--text-muted);margin-top:8px;letter-spacing:.05em}.nozzle-series-table thead tr{border-bottom:1.5px solid color-mix(in srgb,var(--brand-accent, var(--accent)) 27%,transparent)}.nozzle-series-table td.td--model{font-weight:700;color:var(--text-heading)}.nozzle-series-table td.td--model-active{font-weight:700;color:var(--brand-accent, var(--accent))}.flow-alloc{margin:20px 0;padding-top:4px;border-top:1px solid var(--border-subtle)}.flow-alloc__input-row{max-width:220px}.flow-alloc__panel{margin-top:16px}.flow-alloc__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.flow-alloc__summary{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary)}.flow-alloc__summary--ok{color:var(--success)}.flow-alloc__summary--caution{color:#b8860b}[data-theme=dark] .flow-alloc__summary--caution{color:#e3b341}.flow-alloc__summary--over{color:#cf222e}[data-theme=dark] .flow-alloc__summary--over{color:#f85149}.flow-alloc__track{display:flex;width:100%;height:14px;border-radius:7px;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border-subtle)}.flow-alloc__track--over{border-color:color-mix(in srgb,#cf222e 40%,var(--border))}.flow-alloc__seg{height:100%;min-width:2px;transition:width .25s ease}.flow-alloc__seg--over{opacity:.92}.flow-alloc__remainder{height:100%;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,color-mix(in srgb,var(--border) 50%,transparent) 3px,color-mix(in srgb,var(--border) 50%,transparent) 6px);flex:1;min-width:4px}.flow-alloc__legend{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.flow-alloc__legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.flow-alloc__swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.flow-alloc__swatch--free{background:var(--bg-subtle);border:1px dashed var(--border)}.flow-alloc__legend-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-alloc__legend-val{font-family:var(--font-mono);font-weight:600;color:var(--text);white-space:nowrap}.flow-alloc__legend-item--free .flow-alloc__legend-val{color:var(--text-muted);font-weight:500}.flow-alloc__hint{margin:10px 0 0;font-size:12px;color:var(--text-muted);line-height:1.5}.flow-alloc__hint--caution{color:#8a6d00}[data-theme=dark] .flow-alloc__hint--caution{color:#e3b341}.flow-alloc__hint--over{color:#cf222e}[data-theme=dark] .flow-alloc__hint--over{color:#f85149}.tool-mode-nav{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius);width:fit-content;max-width:100%}.tool-mode-nav__btn{padding:10px 18px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.tool-mode-nav__btn:hover{color:var(--text-heading)}.tool-mode-nav__btn--active{background:var(--surface);color:var(--accent-deep);box-shadow:var(--shadow-sm),inset 0 -2px 0 var(--accent)}.station-hero{border-bottom-color:var(--accent)}.station-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:24px;align-items:start}@media(max-width:900px){.station-layout{grid-template-columns:1fr}}.station-form__title{font-size:14px;font-weight:700;color:var(--text-heading);margin:0 0 16px}.station-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.station-form__layout-hint{margin:16px 0 0;font-size:12px;color:var(--text-secondary);line-height:1.5}.station-warnings{margin:0 0 16px;background:color-mix(in srgb,#d29922 12%,var(--surface));border:1px solid color-mix(in srgb,#d29922 35%,var(--border));border-radius:var(--radius-sm);font-size:12px;color:var(--text);line-height:1.55;list-style:disc;padding:14px 16px 14px 32px}.station-alert{padding:16px 18px;border-radius:var(--radius-sm);font-size:13px;line-height:1.5}.station-alert--error{background:color-mix(in srgb,#e8521a 10%,var(--surface));border:1px solid color-mix(in srgb,#e8521a 35%,var(--border));color:var(--text)}.station-alert__sub{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.station-rec__eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}.station-rec__title{font-size:1.35rem;margin:0 0 8px;letter-spacing:-.02em}.station-rec__desc{font-size:13px;color:var(--text-secondary);margin:0 0 6px;line-height:1.5}.station-rec__type{font-size:11px;color:var(--text-muted);margin:0 0 18px;text-transform:uppercase;letter-spacing:.1em}.station-rec__stats{margin-bottom:20px}.station-rec__block{margin-bottom:18px}.station-rec__body{font-size:15px;font-weight:600;color:var(--text-heading);margin:0}.station-rec__body-note{font-size:12px;color:var(--text-muted);margin:4px 0 0}.station-rec__rated{font-size:11px;color:var(--text-muted);margin:16px 0 0;line-height:1.5}.station-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:4px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}.station-badge--ok{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.station-alt{margin-top:16px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 14px}.station-alt__summary{padding:12px 0;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary)}.station-alt__list{margin:0 0 14px;padding-left:18px;font-size:12px;color:var(--text-secondary);line-height:1.65}.zone-mix{margin-bottom:4px}.zone-mix__add-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.zone-mix__field{display:flex;flex-direction:column;gap:6px;min-width:100px}.zone-mix__qty-input{width:88px}.zone-mix__btn{font-family:var(--font-ui);font-size:12px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.zone-mix__btn--primary{padding:11px 18px;border:1px solid color-mix(in srgb,var(--btn-accent, var(--accent)) 50%,transparent);background:color-mix(in srgb,var(--btn-accent, var(--accent)) 12%,var(--surface));color:var(--btn-accent, var(--accent))}.zone-mix__btn--primary:hover{background:color-mix(in srgb,var(--btn-accent, var(--accent)) 22%,var(--surface))}.zone-mix__presets{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-subtle)}.zone-mix__presets-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:10px}.zone-mix__preset-btns{display:flex;flex-wrap:wrap;gap:8px}.zone-mix__btn--preset{padding:8px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.zone-mix__btn--preset:hover{background:var(--surface-hover)}.zone-mix__btn--ghost{padding:8px 14px;border:1px solid var(--border);background:transparent;color:var(--text-muted)}.zone-mix__btn--ghost:hover{color:var(--text-secondary);border-color:var(--text-muted)}.zone-mix__empty{font-size:13px;color:var(--text-muted);line-height:1.55;margin:16px 0 0;padding:14px;background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px dashed var(--border)}.zone-mix__table-wrap{margin-top:20px}.zone-mix__row-qty{width:56px;padding:6px 8px!important;font-size:13px!important}.zone-mix__brand-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.zone-mix__series-hint{display:block;font-size:10px;color:var(--text-muted);font-weight:400;margin-top:2px;font-family:var(--font-ui)}.zone-mix__subtotal{font-weight:700;color:var(--text-heading)}.zone-mix__remove{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;padding:0}.zone-mix__remove:hover{background:#fef2f2;border-color:#f87171;color:#dc2626}[data-theme=dark] .zone-mix__remove:hover{background:#3d1f1f;border-color:#f87171;color:#fca5a5}.zone-mix__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.zone-mix__head-count{font-size:12px;font-weight:600;color:var(--text-secondary)}html{-webkit-text-size-adjust:100%}.app-shell{overflow-x:clip}@supports (padding: max(0px)){.app-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-width:640px){.app-main{padding-left:16px;padding-right:16px;padding-bottom:max(32px,env(safe-area-inset-bottom))}.top-bar{padding:max(10px,env(safe-area-inset-top)) 16px 12px}.tool-bar{padding-left:16px;padding-right:16px}.site-footer{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(28px,env(safe-area-inset-bottom))}.tool-hero,.nozzle-hero:not(.tool-hero){margin-left:-16px;margin-right:-16px}.tool-hero__content{padding-left:16px;padding-right:16px}.top-bar__nav{width:100%;gap:8px}.top-bar__link--hide-mobile{display:none}.top-bar__link,.top-bar__cta{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px;font-size:13px}.theme-toggle{flex-shrink:0}.theme-toggle__btn{min-height:44px;min-width:48px;padding:10px 14px;font-size:12px}.nozzle-select,.nozzle-input{min-height:48px;padding:12px 14px}.zone-mix__row-qty{width:72px;min-height:44px;padding:10px 8px!important;font-size:16px!important}.zone-mix__qty-input{width:100%;max-width:120px;min-height:48px}.hint__btn{width:44px;height:44px;font-size:13px;flex-shrink:0}.hint__tip{left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:min(300px,calc(100vw - 32px))}.nozzle-brand-btn{min-height:44px;padding:12px 18px;flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}.nozzle-brand-grid{gap:8px}.nozzle-arc-btn{min-height:44px;padding:12px 16px;flex:1 1 auto}.nozzle-arc-grid{gap:8px}.zone-mix__add-row{flex-direction:column;align-items:stretch}.zone-mix__btn--primary{width:100%;min-height:48px;justify-content:center;text-align:center}.zone-mix__btn--preset{min-height:44px;padding:12px 14px;flex:1 1 calc(50% - 4px)}.zone-mix__preset-btns{gap:8px}.zone-mix__btn--ghost{min-height:44px;padding:12px 16px}.zone-mix__remove{width:44px;height:44px;font-size:22px}.nozzle-calc-grid{grid-template-columns:1fr}.nozzle-result-grid{grid-template-columns:repeat(2,1fr)}.nozzle-calc-card,.nozzle-card{padding:18px 16px}.nozzle-table th,.nozzle-table td{padding:12px 10px;font-size:12px}.nozzle-table-wrap{-webkit-overflow-scrolling:touch;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.flow-alloc__input-row{max-width:none}.flow-alloc__header{flex-direction:column;align-items:flex-start}.nozzle-pipe-grid{gap:6px}.nozzle-pipe-pill{min-height:44px;display:inline-flex;align-items:center;padding:10px 14px}.how-to__summary{min-height:48px;display:flex;align-items:center}}@media(max-width:380px){.nozzle-result-grid{grid-template-columns:1fr}.nozzle-brand-btn{flex:1 1 100%;min-width:100%}.top-bar__cta{flex:1 1 100%;justify-content:center}}@media(pointer:coarse){.theme-toggle__btn{min-height:44px;padding:10px 16px}.nozzle-series-table tbody tr{min-height:48px}.nozzle-series-table td{padding-top:14px;padding-bottom:14px}.tool-bar__pill{min-height:44px;padding:12px 16px}}