.kit{background:radial-gradient(circle at top right, #6ba36829, transparent 32%), radial-gradient(circle at bottom left, #f5b04124, transparent 28%), linear-gradient(180deg, #fff9f1 0%, var(--brand-cream) 42%, #fff3e6 100%);min-height:100dvh;color:var(--brand-espresso);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif}.kit-shell{max-width:1120px;padding:20px 20px 72px;padding-top:max(20px, env(safe-area-inset-top));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(72px, calc(40px + env(safe-area-inset-bottom)));padding-left:max(20px, env(safe-area-inset-left));margin:0 auto}.kit-header{margin:4px 0 24px}.kit-header .app-brand{margin-bottom:14px}.kit h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4.5vw,2.7rem);line-height:1.05}.kit-lede{max-width:38rem;color:var(--brand-taupe-text);margin:10px 0 0;font-size:1.05rem;line-height:1.55}.kit-grid{gap:18px;display:grid}@media (min-width:920px){.kit-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start}.kit-result{max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow:auto}}.kit-card{border:1px solid color-mix(in srgb, var(--brand-line) 85%, #d8c4a8);background:linear-gradient(180deg, #ffffffb8, transparent 48%), color-mix(in srgb, var(--brand-card) 94%, white);border-radius:22px;padding:20px;box-shadow:inset 0 1px #ffffffb3,0 14px 36px #2b10170d}.kit-card h2{letter-spacing:-.03em;margin:0 0 4px;font-size:1.25rem}.kit-form{flex-direction:column;gap:4px;display:flex}.kit-row{gap:12px;display:grid}@media (min-width:560px){.kit-row{grid-template-columns:1fr 1fr}}.kit-field{flex-direction:column;gap:6px;min-width:0;display:flex}.kit-label,.kit-legend{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-taupe-text);font-size:.72rem;font-weight:700}.kit-fieldset{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.kit-field input,.kit-field select{border:1px solid var(--brand-line);width:100%;min-height:44px;font:inherit;color:inherit;background:#fff;border-radius:12px;padding:8px 12px;transition:border-color .14s,box-shadow .14s}.kit-field input:hover,.kit-field select:hover{border-color:color-mix(in srgb, var(--brand-espresso) 28%, var(--brand-line))}.kit-field input:focus-visible,.kit-field select:focus-visible{border-color:var(--brand-coral-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-coral) 35%, white);outline:none}.kit-hint{color:var(--brand-taupe-text);margin:0;font-size:.9rem;line-height:1.45}.kit-result-top{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:10px;display:flex}.kit-result-top h2{margin:0}.kit-summary{background:color-mix(in srgb, var(--brand-sage) 12%, white);color:var(--brand-espresso);border-radius:12px;margin:0 0 14px;padding:10px 12px;font-size:.95rem;line-height:1.45}.kit-copy{background:var(--brand-coral-text);min-height:42px;color:var(--brand-cream);font:inherit;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:.9rem;font-weight:700;transition:transform .14s,filter .14s}.kit-copy:hover{filter:brightness(1.06);transform:translateY(-1px)}.kit-copy:disabled{opacity:.45;cursor:not-allowed;transform:none}.kit-copy:focus-visible{outline:2px solid var(--brand-espresso);outline-offset:3px}.kit-warnings{background:color-mix(in srgb, var(--brand-amber) 28%, white);color:var(--brand-espresso);border-radius:14px;margin:0 0 14px;padding:12px 14px}.kit-warnings p{margin:0;font-size:.92rem;line-height:1.4}.kit-warnings p+p{margin-top:6px}.kit-group+.kit-group{margin-top:18px}.kit-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-amber-text);margin:0 0 4px;font-size:.72rem;font-weight:700}.kit-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kit-line{border-top:1px solid var(--brand-line);grid-template-columns:4.6rem 1fr;gap:2px 12px;padding:12px 0;display:grid}.kit-line:first-child{border-top:0}.kit-qty{font-variant-numeric:tabular-nums;letter-spacing:-.02em;grid-row:span 2;align-self:center;font-size:1.12rem;font-weight:700}.kit-line-label{font-weight:600;line-height:1.3}.kit-line-note{color:var(--brand-taupe-text);margin:0;font-size:.86rem;line-height:1.4}.kit-missing{color:var(--brand-taupe-text);margin:0}.kit-surfaces-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.kit-surfaces-head h2{margin:0}.kit-add,.kit-remove{min-height:36px;font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:700;transition:transform .14s,filter .14s,background .14s}.kit-add{background:var(--brand-espresso);color:var(--brand-cream);border:0}.kit-add:hover{filter:brightness(1.08);transform:translateY(-1px)}.kit-remove:hover{background:color-mix(in srgb, var(--brand-coral) 12%, white);transform:translateY(-1px)}.kit-remove{border:1px solid color-mix(in srgb, var(--brand-coral-text) 35%, var(--brand-line));color:var(--brand-coral-text);background:#fff}.kit-add:focus-visible,.kit-remove:focus-visible,.kit-surface-tab:focus-visible{outline:2px solid var(--brand-coral-text);outline-offset:2px}.kit-surface-tabs{flex-wrap:wrap;gap:6px;display:flex}.kit-surface-tab{border:1px solid var(--brand-line);min-height:40px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;transition:background .14s,border-color .14s,color .14s}.kit-surface-tab:hover{border-color:color-mix(in srgb, var(--brand-espresso) 35%, var(--brand-line))}.kit-surface-tab.is-active{background:var(--brand-espresso);border-color:var(--brand-espresso);color:var(--brand-cream)}.kit-surface-panel{border:1px solid color-mix(in srgb, var(--brand-line) 80%, #d8c4a8);background:linear-gradient(180deg, #ffffff8c, transparent 40%), color-mix(in srgb, white 78%, var(--brand-cream));border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}@media (prefers-reduced-motion:reduce){.kit-copy,.kit-add,.kit-remove,.kit-surface-tab,.kit-field input,.kit-field select{transition:none}}