.shop .crumbs{color:var(--ink-soft);font-size:var(--nc-text-sm);align-items:center;gap:var(--nc-space-2);padding-block:var(--nc-space-2);flex-wrap:wrap;display:flex}.shop .crumbs a{margin-block:calc(var(--nc-space-2) * -1);align-items:center;min-width:24px;min-height:36px;display:inline-flex}.shop .crumbs a:hover{color:var(--ink)}.shop .crumbs span{color:var(--muted)}.shop .ui05-page-head{max-width:720px;margin:0 0 clamp(1.5rem,4vw,2.5rem);padding:0;display:block}.shop .crumbs span[aria-current=page]{color:var(--ink)}.shop .ui05-page-head h1{font-size:var(--nc-text-3xl);margin:var(--nc-space-2) 0 var(--nc-space-4);text-wrap:balance;line-height:.98}.shop .ui05-page-head>p:last-child{color:var(--muted);font-size:var(--nc-text-md);max-width:610px;margin:0;line-height:1.7}.shop .ui05-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--nc-radius-lg);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,2rem)}.shop .ui05-panel>h2{font-size:var(--nc-text-xl);margin:var(--nc-space-4) 0 var(--nc-space-2)}.shop .ui05-panel>p{color:var(--muted);line-height:1.65}.shop .ui05-form{gap:var(--nc-space-4);display:grid}.shop .ui05-field{gap:var(--nc-space-2);min-width:0;display:grid}.shop .ui05-field>span{color:var(--ink-soft);font-size:var(--nc-text-sm);font-weight:750}.shop .ui05-field small{color:var(--muted);font-weight:600}.shop .ui05-field input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--nc-radius-sm);color:var(--ink);font:inherit;min-height:48px;padding:var(--nc-space-3) var(--nc-space-4);width:100%}.shop .ui05-field input:focus{border-color:var(--brand);outline:3px solid color-mix(in srgb, var(--brand) 22%, transparent);outline-offset:1px}@media (max-width:640px){.shop .ui05-page-head h1{font-size:var(--nc-text-3xl)}.shop .ui05-panel{border-radius:var(--nc-radius-md)}}.shop .calc-page{padding-bottom:clamp(2rem,4vw,3rem)}.shop .calc-tools{align-items:start;gap:var(--nc-space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.shop .calc-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.shop .calc-tool{scroll-margin-top:var(--sticky-top);container-type:inline-size}.shop .calc-tool>h2{margin-top:0}.shop .calc-tool-lead{color:var(--muted);margin:0 0 var(--nc-space-4);line-height:1.6}.shop .calc-fields{align-items:end;gap:var(--nc-space-4);grid-template-columns:minmax(0,1fr);display:grid}@container (min-width:30rem){.shop .calc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shop .calc-field-wide{grid-column:1/-1}.shop .calc-submit{justify-self:start}}.shop .calc-result{background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius-sm);gap:var(--nc-space-1);padding:var(--nc-space-4) var(--nc-space-5);display:grid}.shop .calc-result p{color:var(--ink-soft);overflow-wrap:anywhere;margin:0;line-height:1.5}.shop .calc-result .calc-result-label{color:var(--muted);font-size:var(--nc-text-xs);letter-spacing:var(--nc-label-tracking);text-transform:var(--nc-label-case);font-weight:700}.shop .calc-result .calc-result-figure{color:var(--ink);font-family:var(--nc-font-display);font-size:var(--nc-text-2xl);font-variant-numeric:tabular-nums;line-height:1.15}.shop .calc-result[data-state=empty] .calc-result-figure{color:var(--muted)}.shop .calc-result .calc-result-warning{color:var(--danger);font-weight:700}.shop .calc-result .calc-result-hint{color:var(--muted);font-size:var(--nc-text-sm)}.shop .calc-privacy{color:var(--muted);font-size:var(--nc-text-sm);margin:var(--nc-space-4) 0 0;max-width:48rem;line-height:1.6}.shop .calc-guide,.shop .calc-related,.shop .calc-faq{margin-top:var(--nc-space-7);max-width:48rem}.shop .calc-guide{gap:var(--nc-space-6);display:grid}.shop .calc-page :is(.calc-guide,.calc-related,.calc-faq) h2{font-size:var(--nc-text-xl);margin-bottom:var(--nc-space-3)}.shop .calc-guide p,.shop .calc-faq p{color:var(--ink-soft);margin:0 0 var(--nc-space-3);overflow-wrap:break-word;line-height:1.7}.shop .calc-related ul{gap:var(--nc-space-1);margin:0;padding:0;list-style:none;display:grid}.shop .calc-related li{align-items:center;column-gap:var(--nc-space-3);flex-wrap:wrap;display:flex}.shop .calc-related a{color:var(--ink);text-underline-offset:.15em;align-items:center;min-height:44px;font-weight:650;text-decoration:underline;display:inline-flex}.shop .calc-related li span{color:var(--muted)}.shop .calc-faq h3{font-size:var(--nc-text-md);margin:var(--nc-space-5) 0 var(--nc-space-2)}.shop .calc-health{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-soft);font-size:var(--nc-text-sm);margin:var(--nc-space-7) 0 0;max-width:48rem;padding:var(--nc-space-4) var(--nc-space-5);line-height:1.6}.shop .ui05-field>.calc-field-error{color:var(--ink);font-size:var(--nc-text-sm);overflow-wrap:anywhere;font-weight:650;line-height:1.45}.shop .calc-result .calc-result-needs{color:var(--ink-soft);font-size:var(--nc-text-sm)}.shop[data-density=browse] .calc-form .ui05-field>.calc-field-error{color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px;font-size:14px;font-weight:600;line-height:20px;display:grid}.shop[data-density=browse] .calc-form .ui05-field>.calc-field-error:before{content:"";background:currentColor;width:16px;height:16px;margin-top:2px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 21 20H3z'/%3E%3Cpath d='M12 9v4.8'/%3E%3Ccircle cx='12' cy='17' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 21 20H3z'/%3E%3Cpath d='M12 9v4.8'/%3E%3Ccircle cx='12' cy='17' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E") 50%/contain no-repeat}.shop[data-density=browse] .calc-form .ui05-field input[aria-invalid=true]:not(:focus){border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.shop[data-density=browse] .calc-example{color:var(--ink-soft);margin:calc(var(--nc-space-2) * -1) 0 var(--nc-space-4);overflow-wrap:anywhere;line-height:1.5}.shop[data-density=browse] .calc-example a{color:var(--ink);text-underline-offset:.15em;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:flex}.shop[data-density=browse] .calc-tool .calc-result{scroll-margin-top:var(--sticky-top)}@container (min-width:30rem){.shop[data-density=browse] .calc-fields:has(.calc-field-error)>.ui05-field{grid-row:span 3;grid-template-rows:subgrid}}.shop[data-density=browse][data-type=geometric] main .calc-head{box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:20px;padding:0}.shop[data-density=browse][data-type=geometric] main .calc-head>h1{color:var(--ink);font-size:clamp(24px,3vw,34px);line-height:1.2}.shop[data-density=browse][data-type=geometric] main .calc-head>p{color:var(--muted);font-size:15px;line-height:1.6}.shop[data-density=browse][data-type=geometric] .calc-tools{align-items:stretch;gap:18px}.shop[data-density=browse][data-type=geometric] .calc-tool{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:20px}.shop[data-density=browse][data-type=geometric] .calc-tool>h2{font-size:20px;line-height:1.3}.shop[data-density=browse][data-type=geometric] .calc-tool :is(.calc-tool-lead,.calc-example){font-size:14px;line-height:1.6}.shop[data-density=browse][data-type=geometric] .calc-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.shop[data-density=browse][data-type=geometric] .calc-field-wide{grid-column:1/-1}.shop[data-density=browse][data-type=geometric] .calc-fields>.ui05-field{align-content:start}.shop[data-density=browse][data-type=geometric] .calc-fields .ui05-field input{border-color:var(--muted);border-radius:10px;min-height:48px;padding:10px 12px;font-size:16px}.shop[data-density=browse][data-type=geometric] .calc-fields .ui05-field>span{font-size:13px;line-height:1.5}.shop[data-density=browse][data-type=geometric] .calc-fields input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.shop[data-density=browse][data-type=geometric] .calc-form .calc-result{background:color-mix(in srgb, var(--brand) 10%, var(--surface));border:0;border-radius:12px;padding:14px}.shop[data-density=browse][data-type=geometric] .calc-form .calc-result-warning{color:var(--ink)}.shop[data-density=browse][data-type=geometric] .calc-form .calc-submit{width:100%;min-height:48px}.shop[data-density=browse][data-type=geometric] .calc-page :is(.calc-guide,.calc-faq,.calc-related,.calc-health){max-width:720px}.shop[data-density=browse][data-type=geometric] .calc-guide p{font-size:16px;line-height:1.65}.shop[data-density=browse][data-type=geometric] .calc-faq details{border-bottom:1px solid var(--line)}.shop[data-density=browse][data-type=geometric] .calc-faq summary{cursor:pointer;min-height:56px;padding-block:14px;font-size:15px;font-weight:600}.shop[data-density=browse][data-type=geometric] .calc-faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.shop[data-density=browse][data-type=geometric] .calc-page .crumbs a{min-height:44px}@media (max-width:420px){.shop[data-density=browse][data-type=geometric] .calc-tool{padding:16px}}@container (min-width:0){.shop[data-density=browse][data-type=geometric] .calc-fields>.ui05-field{grid-row:span 3;grid-template-rows:subgrid;gap:6px}}.shop .alchemy{background:var(--surface);border:1px solid var(--line);scroll-margin-top:var(--sticky-top);border-radius:16px;margin-bottom:24px;padding:clamp(16px,3vw,28px)}.shop .alchemy h2{margin:0 0 8px;font-size:clamp(22px,3vw,28px);line-height:1.25}.shop .alchemy :is(h3,h4){color:var(--ink);margin:0 0 12px;font-size:18px;line-height:1.4}.shop .alchemy h4{margin-top:24px;font-size:15px}.shop .alchemy p{overflow-wrap:anywhere;line-height:1.6}.shop .alchemy-intro{color:var(--muted);margin:0 0 20px}.shop .alchemy-controls{border:0;min-width:0;margin:0;padding:0}.shop .alchemy-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shop .alchemy :is(button,input,select,textarea){border:1px solid var(--muted);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;min-width:0;min-height:48px}.shop .alchemy button{cursor:pointer;overflow-wrap:anywhere;padding:10px 14px;font-size:14px;font-weight:650}.shop .alchemy :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.shop .alchemy :is(button,input,select,textarea,summary,a){scroll-margin-block:calc(var(--sticky-top) + 12px) calc(80px + env(safe-area-inset-bottom))}.shop .alchemy button[aria-pressed=true]{background:var(--surface-2);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.shop .alchemy button:disabled{cursor:default;opacity:.6}.shop .alchemy-lead{color:var(--ink-soft);margin:16px 0 12px}.shop :is(.alchemy-presets,.alchemy-targets,.alchemy-actions,.alchemy-shopping){flex-wrap:wrap;gap:8px;display:flex}.shop .alchemy-presets{margin-bottom:24px}.shop :is(.alchemy-presets,.alchemy-targets) button{font-size:13px}.shop .alchemy-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.shop .alchemy-inputs{min-width:0}.shop .alchemy-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.shop .alchemy-field{flex-direction:column;gap:6px;min-width:0;display:flex}.shop .alchemy-field label{color:var(--ink-soft);font-size:13px;font-weight:650;line-height:1.5}.shop .alchemy-field :is(input,select,textarea){width:100%;padding:10px 12px;font-size:16px}.shop .alchemy-field small{font-weight:400}.shop .alchemy-field input[aria-invalid=true]{border:2px solid var(--ink)}.shop .alchemy .alchemy-error{color:var(--ink);margin:0;font-size:13px;font-weight:650}.shop .alchemy-targets{margin:16px 0}.shop .alchemy-details{border-top:1px solid var(--line);margin-top:20px}.shop .alchemy summary{color:var(--ink);cursor:pointer;min-height:48px;padding-block:14px;font-size:15px;font-weight:650}.shop .alchemy-details[open] summary{margin-bottom:8px}.shop .alchemy-flavors{border-top:1px solid var(--line);gap:16px;margin-top:20px;padding-top:20px;display:grid}.shop .alchemy-flavor{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:16px;display:grid}.shop .alchemy-remove{justify-self:start}.shop .alchemy-result{background:var(--surface-2);border-radius:12px;align-self:start;min-width:0;padding:clamp(16px,2vw,24px)}.shop .alchemy .alchemy-total{color:var(--ink);font-family:var(--nc-font-display);font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:30px;line-height:1.3}.shop .alchemy-total span{font:650 17px/1.5 var(--nc-font-ui);display:block}.shop .alchemy-amounts{gap:12px;margin:0;display:grid}.shop .alchemy-amounts>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;padding-bottom:12px;display:grid}.shop .alchemy-amounts :is(dt,dd){color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.shop .alchemy-amounts dd{font-variant-numeric:tabular-nums;text-align:right}.shop .alchemy-amounts small{color:var(--muted);font-size:13px}.shop .alchemy .alchemy-note{color:var(--muted);margin:12px 0;font-size:13px}.shop .alchemy .alchemy-warning{border-left:3px solid var(--ink);color:var(--ink);padding-left:12px;font-size:14px}.shop .alchemy-cost{color:var(--ink);font-size:18px;font-weight:650}.shop .alchemy-cost span{font-size:14px;font-weight:400}.shop .alchemy-category{color:var(--ink);overflow-wrap:anywhere;text-underline-offset:3px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.shop .alchemy-actions{margin-top:16px}.shop .alchemy-actions button{flex:130px}.shop .alchemy-save{gap:12px;margin-top:20px;display:grid}.shop .alchemy .alchemy-primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.shop .alchemy-result>.alchemy-field{margin-top:16px}.shop .alchemy-status{color:var(--ink);min-height:24px;margin:16px 0}.shop .alchemy-saved{border-top:1px solid var(--line)}.shop .alchemy-saved ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.shop .alchemy-saved li{flex-wrap:wrap;align-items:center;gap:8px;padding-block:8px;display:flex}.shop .alchemy-saved li>span{overflow-wrap:anywhere;flex:170px;min-width:0}@media (min-width:900px){.shop .alchemy-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@media (max-width:420px){.shop .alchemy-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.shop .alchemy-modes button{font-size:15px}}
