:root{--color-barn-red: #A63A2E;--color-terracotta: #C1622D;--color-saddle-brown: #8B5A2B;--color-ochre: #C1872E;--color-sienna: #B5541F;--color-oxblood: #7A2E22;--color-walnut: #4A2E1E;--color-umber: #6B3A22;--gradient-primary: linear-gradient(135deg, #A63A2E, #4A2E1E);--gradient-hero: linear-gradient(135deg, #150D08 0%, #2B1A14 35%, #4A2E1E 65%, #6B3A22 100%);--gradient-hero-overlay: linear-gradient(135deg, rgba(21, 13, 8, .88) 0%, rgba(43, 26, 20, .82) 35%, rgba(74, 46, 30, .78) 65%, rgba(107, 58, 34, .85) 100%);--gradient-banner-overlay: linear-gradient(180deg, rgba(21, 13, 8, .55) 0%, rgba(21, 13, 8, .85) 100%);--gradient-warm: linear-gradient(135deg, #A63A2E, #C1872E);--gradient-cool: linear-gradient(135deg, #8B5A2B, #4A2E1E);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(166, 58, 46, .12) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(74, 46, 30, .1) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(43, 26, 20, .08) 0%, transparent 50%);--gradient-body-scrim: rgba(250, 246, 240, .9);--color-bg: #FAF6F0;--color-bg-card: rgba(255, 251, 245, .85);--color-bg-glass: rgba(255, 251, 245, .6);--color-bg-dark: #1C130D;--color-bg-hero: var(--gradient-hero);--color-bg-subtle: rgba(166, 58, 46, .05);--color-text-primary: #211610;--color-text-secondary: #5C4636;--color-text-muted: #6E5744;--color-text-inverse: #F7EFE6;--color-accent: #A63A2E;--color-accent-hover: #8A2E24;--color-accent-glow: rgba(166, 58, 46, .22);--color-border: rgba(33, 22, 16, .55);--color-border-light: rgba(33, 22, 16, .07);--color-success: #B5541F;--color-success-bg: rgba(181, 84, 31, .09);--color-warning: #C1872E;--color-warning-bg: rgba(193, 135, 46, .1);--color-icon-fill: color-mix(in srgb, var(--color-accent) 14%, var(--color-bg-card));--glass-bg: rgba(255, 251, 245, .65);--glass-border: rgba(107, 86, 68, .35);--glass-blur: 20px;--font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace;--space-xs: .2rem;--space-sm: .4rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.75rem;--space-3xl: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(33, 22, 16, .05), 0 1px 2px rgba(33, 22, 16, .03);--shadow-md: 0 4px 12px rgba(33, 22, 16, .07), 0 2px 4px rgba(33, 22, 16, .04);--shadow-lg: 0 8px 24px rgba(33, 22, 16, .09), 0 4px 8px rgba(33, 22, 16, .05);--shadow-glow: 0 0 20px rgba(166, 58, 46, .22);--shadow-color: 0 4px 16px rgba(166, 58, 46, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .35s}[data-theme=dark]{--color-bg: #150E09;--color-bg-card: rgba(38, 26, 18, .85);--color-bg-glass: rgba(38, 26, 18, .6);--color-bg-dark: #0D0805;--color-bg-hero: linear-gradient(135deg, #0D0805 0%, #2B1A14 40%, #4A2E1E 70%, #2B1A14 100%);--gradient-hero-overlay: linear-gradient(135deg, rgba(13, 8, 5, .9) 0%, rgba(43, 26, 20, .84) 40%, rgba(74, 46, 30, .8) 70%, rgba(43, 26, 20, .88) 100%);--gradient-banner-overlay: linear-gradient(180deg, rgba(13, 8, 5, .6) 0%, rgba(13, 8, 5, .88) 100%);--color-bg-subtle: rgba(224, 120, 90, .08);--color-text-primary: #EDE0D4;--color-text-secondary: #B8A290;--color-text-muted: #A08D7C;--color-text-inverse: #F7EFE6;--color-accent: #E0785A;--color-accent-hover: #EDA07E;--color-accent-glow: rgba(224, 120, 90, .28);--color-border: rgba(196, 166, 143, .65);--color-border-light: rgba(196, 166, 143, .07);--color-success: #E0894F;--color-success-bg: rgba(224, 137, 79, .12);--color-warning: #F0B65E;--color-warning-bg: rgba(240, 182, 94, .12);--glass-bg: rgba(38, 26, 18, .7);--glass-border: rgba(196, 166, 143, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(224, 120, 90, .28);--shadow-color: 0 4px 16px rgba(224, 120, 90, .22);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(224, 120, 90, .1) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(107, 58, 34, .08) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(224, 137, 79, .06) 0%, transparent 50%);--gradient-body-scrim: rgba(13, 8, 5, .86)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg);background-image:var(--gradient-mesh),linear-gradient(var(--gradient-body-scrim),var(--gradient-body-scrim)),url(/images/store/hero_bench_bokeh.webp);background-size:auto,auto,auto,cover,cover;background-position:center,center,center,center,center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,fixed,fixed,fixed;line-height:1.5;min-height:100vh;transition:color var(--duration-slow) ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;letter-spacing:-.025em;font-weight:700}.skip-link{position:absolute;top:-100px;left:var(--space-md);background:var(--gradient-primary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;z-index:200;text-decoration:none;transition:top var(--duration-fast) ease}.skip-link:focus{top:var(--space-md)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:720px;margin:0 auto;padding:0 var(--space-md)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.option-grid{display:grid;gap:var(--space-sm)}.option-grid--2col{grid-template-columns:1fr 1fr}@media(max-width:420px){.option-grid--2col{grid-template-columns:1fr}}.option-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-normal) ease}.option-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-color);transform:translateY(-2px) scale(1.012)}.option-card:hover:before{opacity:.04}.option-card:active{transform:translateY(0) scale(.98)}.option-card--selected{border-color:var(--color-accent);background:var(--color-bg-card);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-glow)}.option-card--selected:before{opacity:.06}.option-card__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.option-card__label{font-weight:600;font-size:.82rem;color:var(--color-text-primary);position:relative;z-index:1}.option-card--photo{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:148px;gap:2px;padding:var(--space-md) var(--space-lg);background-image:linear-gradient(180deg,#150d080d,#150d0833,#150d08e0),var(--option-photo);background-size:cover,contain;background-position:center,center;background-repeat:no-repeat,no-repeat}.option-card--photo:hover{transform:translateY(-2px) scale(1.015)}.option-card--photo .option-card__icon{position:absolute;top:var(--space-sm);left:var(--space-sm);width:32px;height:32px;background:var(--color-bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.option-card--photo .option-card__label{color:#f7efe6;text-shadow:0 1px 4px rgba(21,13,8,.6)}.option-card--photo .option-card__desc{color:#f7efe6d9;text-shadow:0 1px 4px rgba(21,13,8,.6)}.option-card--photo.option-card--selected{box-shadow:0 0 0 2px var(--color-accent),var(--shadow-glow)}.option-card__desc{font-size:.7rem;color:var(--color-text-muted);line-height:1.3;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-size:.82rem;font-weight:600;padding:.5rem 1.1rem;border-radius:var(--radius-full);border:1.5px solid transparent;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;min-height:36px;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn--primary{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-color)}.btn--primary:hover{box-shadow:0 6px 20px #a63a2e59;transform:translateY(-1px)}.btn--secondary{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-color)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-bg-subtle);border-color:var(--color-accent);color:var(--color-accent)}.btn--icon{width:36px;height:36px;min-height:36px;padding:0;border-radius:var(--radius-full)}.btn--full{width:100%}.btn--lg{font-size:.92rem;padding:.65rem 1.5rem;min-height:42px}.btn--sm{font-size:.72rem;padding:.3rem .7rem;min-height:28px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}.progress-bar{display:flex;align-items:center;padding:var(--space-xs) 0 var(--space-sm)}.progress-step{display:flex;align-items:center;flex:1}.progress-step__dot{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;transition:all var(--duration-normal) var(--ease-spring);border:2px solid rgba(168,148,130,.2);background:#ffffff0d;color:#a8948280;cursor:default}.progress-step--clickable .progress-step__dot{cursor:pointer}.progress-step--clickable .progress-step__dot:hover{transform:scale(1.2);box-shadow:0 0 12px #b5541f4d}.progress-step--active .progress-step__dot{border-color:transparent;background:var(--gradient-primary);color:#fff;box-shadow:0 0 12px #a63a2e66;transform:scale(1.1)}.progress-step--completed .progress-step__dot{border-color:transparent;background:var(--color-success);color:#fff}.progress-step__line{flex:1;height:2px;background:#a894821f;margin:0 var(--space-xs);transition:background var(--duration-normal) ease;border-radius:1px;position:relative;overflow:hidden}.progress-step--completed .progress-step__line{background:var(--color-success)}.progress-step--completed .progress-step__line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.result-card{background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1.5px solid var(--color-success);padding:var(--space-lg);box-shadow:var(--shadow-lg),0 0 24px #b5541f0f;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-sienna),var(--color-ochre),var(--color-barn-red))}.result-card__hero-photo{display:block;width:200px;aspect-ratio:1;margin:0 auto var(--space-md);border-radius:var(--radius-md);object-fit:cover;object-position:center}.result-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.result-card__title{font-size:1.1rem;color:var(--color-text-primary)}.result-card__badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.result-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-md)}.result-card__spec-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.result-card__spec-value{font-weight:600;font-size:.82rem}.result-card__reasoning{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--space-md);font-size:.8rem;line-height:1.6;color:var(--color-text-secondary);border-left:3px solid var(--color-accent)}.result-card__reasoning strong{color:var(--color-text-primary)}.section-heading{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--space-xs);letter-spacing:-.03em}.section-subheading{font-size:.82rem;color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.4}.wizard{min-height:100vh;display:flex;flex-direction:column}.wizard__header{background-color:var(--color-bg-dark);background-image:var(--gradient-banner-overlay),var(--wizard-banner, none);background-size:cover,contain;background-position:center,center;background-repeat:no-repeat,no-repeat;color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md) 0;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,148,130,.08)}.wizard__header-inner{max-width:720px;margin:0 auto}.wizard__top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.wizard__back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-muted);font-size:.78rem;cursor:pointer;padding:var(--space-xs) 0;font-family:var(--font-body);transition:color var(--duration-fast) ease}.wizard__back-btn:hover{color:var(--color-text-inverse)}.wizard__title{font-size:.88rem;font-weight:600;margin-bottom:var(--space-xs);opacity:.9}.wizard__body,.comparison__body,.planner__body{flex:1;display:flex;flex-direction:column;justify-content:center}.wizard__body{padding:var(--space-xl) var(--space-md) 80px}.wizard__body-inner{max-width:720px;margin:0 auto}.step-enter{opacity:0;transform:translate(20px)}.step-active{opacity:1;transform:translate(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.step-exit{opacity:0;transform:translate(-20px);transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease;position:absolute;width:100%}.svg-illustration{display:flex;justify-content:center;align-items:center;padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin:var(--space-sm) 0;border:1px solid var(--color-border-light)}.svg-illustration svg{max-width:100%;height:auto}.callout{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.78rem;line-height:1.5;margin-bottom:var(--space-sm);align-items:flex-start}.callout--info{background:var(--color-bg-subtle);border-left:3px solid var(--color-accent)}.callout--warning{background:var(--color-warning-bg);border-left:3px solid var(--color-warning)}.callout--success{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.safety-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-full);font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.result-card__sources{margin-top:var(--space-xs);font-size:.68rem;color:var(--color-text-muted)}.result-card__sources a{color:inherit;text-decoration:underline;text-underline-offset:2px}.result-card__sources a:hover{color:var(--color-warning)}.maintenance-section{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.maintenance-section__title{font-size:.88rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.maintenance-item{display:flex;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.78rem;line-height:1.4;color:var(--color-text-secondary)}.maintenance-item+.maintenance-item{border-top:1px solid var(--color-border-light)}.maintenance-item__icon{flex-shrink:0;width:18px;text-align:center;color:var(--color-accent)}.home{min-height:100vh;display:flex;flex-direction:column}.home__hero{background-color:var(--color-bg-dark);background-image:var(--gradient-hero-overlay),url(/images/store/hero_pegboard.webp);background-size:cover,cover;background-position:center,center 38%;background-repeat:no-repeat,no-repeat;color:var(--color-text-inverse);padding:var(--space-2xl) var(--space-md) var(--space-xl);text-align:center;position:relative;overflow:hidden}.home__hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(166,58,46,.25) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(74,46,30,.15) 0%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(43,26,20,.1) 0%,transparent 40%);pointer-events:none}.home__hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--color-bg));pointer-events:none}.home__hero-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}.home__logo{margin-bottom:var(--space-md);filter:drop-shadow(0 4px 16px rgba(166,58,46,.3))}.home__title{font-size:1.8rem;margin-bottom:var(--space-xs);color:#fff;letter-spacing:-.03em;font-weight:800}.home__subtitle{font-size:.85rem;color:#f1f5f9b3;max-width:380px;margin:0 auto;line-height:1.5}.home__content{flex:1;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.home__content-inner{max-width:720px;margin:0 auto}.home__section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.home__tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tool-card{--card-accent: var(--color-barn-red);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:0 var(--space-sm);align-items:start;text-align:left;padding:var(--space-md);background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:inherit;text-decoration:none;position:relative;overflow:hidden}.project-card{--card-accent: var(--color-barn-red);display:flex;flex-direction:column;gap:var(--space-xs);text-align:left;padding:var(--space-md);background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:inherit;text-decoration:none;position:relative;overflow:hidden}.project-card--photo{min-height:168px;justify-content:flex-end;background-image:linear-gradient(180deg,#150d080d,#150d0840 55%,#150d08e6),var(--project-photo);background-size:cover,contain;background-position:center,center;background-repeat:no-repeat,no-repeat}.project-card--photo .project-card__title{color:#f7efe6;text-shadow:0 1px 4px rgba(21,13,8,.6)}.project-card--photo .project-card__desc{color:#f7efe6d9;text-shadow:0 1px 4px rgba(21,13,8,.6)}.home__tools-grid .tool-card:nth-child(1),.home__tools-grid .project-card:nth-child(1){--card-accent: var(--color-barn-red)}.home__tools-grid .tool-card:nth-child(2),.home__tools-grid .project-card:nth-child(2){--card-accent: var(--color-terracotta)}.home__tools-grid .tool-card:nth-child(3),.home__tools-grid .project-card:nth-child(3){--card-accent: var(--color-saddle-brown)}.home__tools-grid .tool-card:nth-child(4),.home__tools-grid .project-card:nth-child(4){--card-accent: var(--color-ochre)}.home__tools-grid .tool-card:nth-child(5),.home__tools-grid .project-card:nth-child(5){--card-accent: var(--color-sienna)}.home__tools-grid .tool-card:nth-child(6),.home__tools-grid .project-card:nth-child(6){--card-accent: var(--color-oxblood)}.home__tools-grid .tool-card:nth-child(7),.home__tools-grid .project-card:nth-child(7){--card-accent: var(--color-walnut)}.home__tools-grid .tool-card:nth-child(8),.home__tools-grid .project-card:nth-child(8){--card-accent: var(--color-umber)}.tool-card:before,.project-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent);border-radius:0 2px 2px 0;opacity:.85;transition:opacity var(--duration-normal) ease}.tool-card:after,.project-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--card-accent) 10%,transparent),transparent 60%);opacity:0;transition:opacity var(--duration-normal) ease}.tool-card:hover,.project-card:hover{box-shadow:var(--shadow-md),0 0 20px color-mix(in srgb,var(--card-accent) 15%,transparent);transform:translateY(-2px) scale(1.012);border-color:color-mix(in srgb,var(--card-accent) 30%,transparent)}.tool-card:hover:before,.project-card:hover:before{opacity:1}.tool-card:hover:after,.project-card:hover:after{opacity:1}.tool-card:active,.project-card:active{transform:translateY(0)}.tool-card__icon{grid-row:1 / -1;width:40px;height:40px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--card-accent) 10%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.tool-card__title,.project-card__title{font-size:.82rem;font-weight:700;color:var(--color-text-primary);line-height:1.3;position:relative;z-index:1}.tool-card__title{align-self:end}.tool-card__desc,.project-card__desc{font-size:.68rem;color:var(--color-text-muted);line-height:1.3;position:relative;z-index:1}.tool-card__desc{align-self:start}@media(max-width:420px){.home__tools-grid{grid-template-columns:1fr}}.home__features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:inherit;text-decoration:none}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-accent)}.feature-card__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent)}.feature-card__title{font-weight:600;font-size:.75rem;color:var(--color-text-primary)}.feature-card__desc{font-size:.65rem;color:var(--color-text-muted);line-height:1.3}@media(max-width:420px){.home__features-grid{grid-template-columns:1fr}.feature-card{flex-direction:row;text-align:left;padding:var(--space-sm) var(--space-md)}}.results-list{display:flex;flex-direction:column;gap:var(--space-md)}.result-alt{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--space-md)}.result-alt__label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.result-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.result-actions .btn{flex:1}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid rgba(168,148,130,.2);background:#ffffff0d;color:#a89482cc;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);flex-shrink:0}.theme-toggle:hover{background:#ffffff1f;color:#fff;transform:rotate(15deg);border-color:var(--color-accent)}.theme-toggle svg{width:16px;height:16px}.home__theme-toggle{position:absolute;top:var(--space-md);right:var(--space-md);z-index:2}.comparison{min-height:100vh;display:flex;flex-direction:column}.comparison__header{background:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,148,130,.08)}.comparison__header-inner{max-width:720px;margin:0 auto}.comparison__body{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.comparison__body-inner{max-width:720px;margin:0 auto}.comparison__vs{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.comparison__option{flex:1}.comparison__option select{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);font-family:var(--font-body);font-size:.82rem;cursor:pointer;transition:border-color var(--duration-fast) ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.comparison__option select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.comparison__vs-badge{font-size:.7rem;font-weight:700;color:var(--color-text-muted);padding:2px var(--space-sm);background:var(--color-bg-subtle);border-radius:var(--radius-full);flex-shrink:0}.comparison__context select{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);font-family:var(--font-body);font-size:.82rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;margin-bottom:var(--space-md)}.comparison__context select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.comparison__result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.comparison__result-item{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--space-md)}.comparison__result-item--winner{border-color:var(--color-success);box-shadow:0 0 16px #b5541f1a}.comparison__result-title{font-size:.88rem;font-weight:700;margin-bottom:var(--space-xs)}.comparison__pro-con{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary)}.comparison__pro-con dt{font-weight:600;color:var(--color-text-primary);margin-top:var(--space-sm);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em}.comparison__verdict{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-success-bg);border-radius:var(--radius-md);border:1px solid rgba(181,84,31,.15)}.comparison__verdict-title{font-size:.92rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-success)}@media(max-width:500px){.comparison__result-grid{grid-template-columns:1fr}}.inventory{min-height:100vh;display:flex;flex-direction:column}.inventory__header{background:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,148,130,.08)}.inventory__header-inner{max-width:720px;margin:0 auto}.inventory__body{flex:1;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.inventory__body-inner{max-width:720px;margin:0 auto}.inventory__categories{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.inventory__category{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--color-border-light);overflow:hidden}.inventory__category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--duration-fast) ease}.inventory__category-header:hover{background:var(--color-bg-subtle)}.inventory__category-title{font-weight:600;font-size:.82rem}.inventory__category-count{font-size:.68rem;color:var(--color-text-muted);background:var(--color-bg-subtle);padding:2px 8px;border-radius:var(--radius-full)}.inventory__items{padding:0 var(--space-md) var(--space-sm)}.inventory__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.78rem}.inventory__item+.inventory__item{border-top:1px solid var(--color-border-light)}.inventory__checkbox{width:16px;height:16px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) ease;appearance:none;-webkit-appearance:none}.inventory__checkbox:checked{background:var(--gradient-primary);border-color:var(--color-accent)}.inventory__checkbox:checked:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.inventory__item-label{flex:1;color:var(--color-text-secondary)}.inventory__item--owned .inventory__item-label{color:var(--color-text-primary)}.inventory__summary{padding:var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-light);text-align:center}.inventory__summary-number{font-size:1.6rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inventory__summary-label{font-size:.72rem;color:var(--color-text-muted);margin-top:2px}.inventory__actions{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0}.inventory__import-msg{font-size:.72rem;color:var(--color-success);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) forwards}.slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) forwards}.scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) forwards}.stagger>*{opacity:0;animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.planner{min-height:100vh;display:flex;flex-direction:column}.planner__header{background:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:10;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,148,130,.08)}.planner__header-inner{max-width:720px;margin:0 auto}.planner__body{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.planner__body-inner{max-width:720px;margin:0 auto}.planner__hero-photo{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center;border-radius:var(--radius-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-md)}.planner__results{display:flex;flex-direction:column;gap:var(--space-sm)}.planner__result-card{background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);position:relative}.planner__result-category{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:2px}.planner__result-name{font-size:.92rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.planner__result-specs{display:grid;grid-template-columns:1fr 1fr;gap:2px var(--space-md);margin:var(--space-xs) 0;padding:var(--space-xs) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.planner__spec{display:flex;flex-direction:column}.planner__spec-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:500}.planner__spec-value{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.planner__result-reasoning{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);margin-top:var(--space-xs)}.planner__result-safety{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.planner__safety-text{font-size:.7rem;line-height:1.4;color:var(--color-text-muted)}@media(max-width:420px){.planner__result-specs{grid-template-columns:1fr}}.route-loading{min-height:100vh;background:var(--color-bg)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.error-boundary__card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-lg),0 0 40px #a63a2e14}.error-boundary__icon{width:52px;height:52px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-warning-bg);color:var(--color-warning)}.error-boundary__title{font-size:1.15rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.error-boundary__body{font-size:.82rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.tour-overlay{position:fixed;inset:0;background:#0b0f1abf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-md)}.tour-card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:380px;width:100%;box-shadow:var(--shadow-lg),0 0 40px #a63a2e14}.tour-card__step-indicator{display:flex;gap:5px;margin-bottom:var(--space-lg)}.tour-card__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-border);transition:all var(--duration-normal) var(--ease-out)}.tour-card__dot--active{background:var(--gradient-primary);width:20px}.tour-card__dot--done{background:var(--color-success)}.tour-card__title{font-size:1.15rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.tour-card__body{font-size:.8rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.tour-card__actions{display:flex;justify-content:space-between;align-items:center}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body{background:#fff!important;background-image:none!important;color:#000!important;font-size:11pt;line-height:1.5}.wizard__header,.result-actions,.wizard__footer,.theme-toggle,.home__theme-toggle,.inventory__actions,.wizard__back-btn,.result-card__hero-photo,.planner__hero-photo,.btn{display:none!important}.wizard__body:before{content:"ToolMatch Recommendation";display:block;font-size:18pt;font-weight:700;margin-bottom:12pt;padding-bottom:6pt;border-bottom:2pt solid #333}.wizard__body{padding:0!important}.wizard__body-inner{max-width:100%!important}.result-card{border:2px solid #333!important;background:#fff!important;padding:16pt!important;page-break-inside:avoid;break-inside:avoid}.result-card:before{background:#333!important}.result-card__header{border-bottom:1px solid #ccc!important}.result-card__title{font-size:14pt!important}.result-card__badge{border:1px solid #666!important;font-size:7pt!important}.result-card__specs{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:8pt 0;margin:8pt 0}.result-card__spec-label{color:#666!important;font-size:7pt!important}.result-card__spec-value{font-size:10pt!important}.result-card__reasoning{border-left:3px solid #999!important;background:#f8f8f8!important;padding:8pt 12pt!important;font-size:9pt!important}.callout--warning{border:1px solid #999!important;border-left:3px solid #c4842d!important;background:#faf5ee!important;page-break-inside:avoid;break-inside:avoid}.safety-badge{border:1px solid #999!important;font-size:7pt!important}.maintenance-section{border:1px solid #ddd!important;background:#fafafa!important;padding:10pt!important;page-break-inside:avoid;break-inside:avoid}.maintenance-section__title{font-size:11pt!important;border-bottom:1px solid #ddd;padding-bottom:4pt;margin-bottom:6pt}.maintenance-item{font-size:9pt!important}.result-alt{border:1px solid #ccc!important;background:#fff!important;padding:10pt!important;page-break-inside:avoid;break-inside:avoid}.result-alt__label{color:#666!important;font-size:7pt!important}.svg-illustration{border:1px solid #ddd!important;background:#fafafa!important;page-break-inside:avoid;break-inside:avoid}.svg-illustration svg *{stroke:#333!important}.planner__result-card{border:1px solid #ccc!important;padding:10pt!important;page-break-inside:avoid;break-inside:avoid}.callout{border:1px solid #999;background:#f5f5f5!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}