.page-root{--color-bg:#d9def0;--color-bg-secondary:rgba(241,244,255,0.88);--color-panel-strong:rgba(255,255,255,0.9);--color-panel-solid:#f4f6ff;--color-fg:#241b3f;--color-fg-secondary:#5c5983;--color-primary:#ef3ab5;--color-primary-dark:#9624b6;--color-accent:#3ad167;--color-danger:#ff5a36;--color-border:rgba(151,146,162,0.16);--color-input-bg:rgba(255,255,255,0.84);--color-input-border:rgba(56,39,97,0.18);--color-secondary:#5a49ff;--color-shadow:0 24px 48px rgba(124,41,149,0.2);--hero-glow:radial-gradient(circle at top left,rgba(239,58,181,0.2),transparent 34%),radial-gradient(circle at top right,rgba(0,185,165,0.18),transparent 28%),linear-gradient(135deg,rgba(255,255,255,0.26),transparent 60%);display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-fg);min-height:100vh;padding:24px;position:relative;overflow:hidden}[data-theme=dark] .page-root{--color-bg:#101127;--color-bg-secondary:rgba(24,25,56,0.92);--color-panel-strong:rgba(16,18,44,0.96);--color-panel-solid:#15173a;--color-fg:#edf2ff;--color-fg-secondary:#9ea9db;--color-primary:#5a49ff;--color-primary-dark:#8d43ff;--color-accent:#49bd6b;--color-danger:#ff6262;--color-border:rgba(136,148,255,0.18);--color-input-bg:rgba(9,11,28,0.92);--color-input-border:rgba(132,149,255,0.22);--color-secondary:#f3d84d;--color-shadow:0 28px 72px rgba(0,0,0,0.42);--hero-glow:radial-gradient(circle at top left,rgba(113,98,255,0.34),transparent 32%),radial-gradient(circle at top right,rgba(117,246,223,0.12),transparent 28%),linear-gradient(180deg,rgba(0,0,0,0.12),transparent 40%)}.page-root:before{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:36px 36px;opacity:.16}.page-root:after,.page-root:before{content:"";position:absolute;inset:0;pointer-events:none}.page-root:after{background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 86% 12%,rgba(0,0,0,.18),transparent 20%),linear-gradient(135deg,rgba(0,0,0,.12),transparent 38%);mix-blend-mode:overlay}.page-shell{width:min(1500px,100%);margin:0 auto;position:relative;z-index:1}.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 22px;border:2px solid var(--color-border);border-radius:16px;background:var(--hero-glow),linear-gradient(135deg,var(--color-panel-strong),var(--color-bg-secondary));box-shadow:var(--color-shadow);margin-bottom:16px;position:relative}.page-hero h1{font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1}.page-hero-copy{max-width:680px}.page-kicker{display:inline-flex;padding:7px 12px;border-radius:6px;border:1px solid var(--color-border);color:var(--color-fg);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;margin-bottom:14px;background:rgba(0,0,0,.08)}.page-summary{margin:6px 0 0;max-width:44ch;color:var(--color-fg-secondary);font-size:.9rem;line-height:1.5}.content{display:grid;grid-template-columns:minmax(300px,450px) minmax(0,1fr);align-items:stretch;grid-gap:20px;gap:20px}.page-controls{display:flex;flex-direction:column;gap:20px}.block-calculator-cell{position:relative;min-height:0;min-width:0}@media (max-width:1024px){.page-hero{padding:16px 18px}}@media (max-width:920px){.page-root{padding:16px}.page-hero{flex-direction:column;align-items:stretch;padding:16px 18px 28px}.content{grid-template-columns:1fr}.block-calculator-cell{position:static;min-height:0}}@media (max-width:640px){.page-root{padding:12px}.page-hero{padding:28px 16px 14px;border-radius:14px}.page-summary{display:none}}.block-stack-display{background:var(--block-bg);color:var(--block-fg);border:2px solid var(--block-border);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(80,60,30,.08);width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.block-stack-display:hover{border-color:var(--color-fg-secondary)}.block-stack-display:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.block-stack-display.is-selected{border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 22%,var(--block-bg));box-shadow:0 0 0 2px var(--color-primary),0 0 0 6px color-mix(in oklab,var(--color-primary) 30%,transparent),0 12px 28px rgba(80,60,30,.08)}.block-stack-chip{border-radius:1em;font-weight:700;font-size:.96rem;background:var(--block-accent);color:#fff;box-shadow:0 1px 4px 0 rgba(80,60,30,.1);font-family:IBM Plex Sans,sans-serif;padding:.42rem .72rem}.block-stack-chip-1,.block-stack-chip.value-1{background:#68ac61}.block-stack-chip-0_5,.block-stack-chip.value-0_5{background:#9b7ae3}.block-stack-chip-2,.block-stack-chip.value-2{background:#4e8cff}.block-stack-chip-5,.block-stack-chip.value-5{background:#b94a3a}.block-stack-chip-10,.block-stack-chip.tier-yellow,.block-stack-chip.value-10{background:#e6b800}.block-stack-chip.tier-red{background:#b94a3a}.block-stack-chip.tier-blue{background:#4e8cff}.block-stack-chip.tier-green{background:#68ac61}.block-stack-value{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.block-stack-fit{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:2px solid var(--color-border);font-weight:700;font-size:.86rem;letter-spacing:.02em}.block-stack-fit-single{border-color:color-mix(in oklab,var(--color-accent) 60%,transparent);background:color-mix(in oklab,var(--color-accent) 18%,transparent);color:var(--color-fg)}.block-stack-fit-multi{border-color:color-mix(in oklab,var(--color-danger) 50%,transparent);background:color-mix(in oklab,var(--color-danger) 12%,transparent);color:var(--color-fg)}.block-stack-fit-percent{font-weight:500;font-size:.8rem;color:var(--color-fg-secondary)}.block-stack-blocks-count{display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.08);border:2px solid var(--color-border);font-weight:700;color:var(--color-fg)}.block-stack-summary{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:640px){.block-stack-display{padding:16px}}:root{--block-bg:var(--color-bg-secondary);--block-fg:var(--color-fg-secondary);--block-border:var(--color-border);--block-accent:var(--color-accent)}.block-calculator{background:var(--block-bg);color:var(--block-fg);border:2px solid var(--block-border);border-radius:20px;padding:24px;box-sizing:border-box;box-shadow:var(--color-shadow);overflow-y:auto;overflow-x:hidden;position:absolute;inset:0}.block-calculator-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.block-calculator h2{color:var(--color-fg);margin-bottom:4px;font-size:1.4rem;line-height:1.1}.block-calculator-copy{margin:0;color:var(--color-fg-secondary)}.block-calculator-count{display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.06);border:2px solid var(--color-border);color:var(--color-fg-secondary);font-size:.88rem;white-space:nowrap}.block-calculator-results{display:grid;grid-gap:14px;gap:14px}.block-calculator-warning{border:2px solid rgba(255,171,62,.35);border-radius:12px;background:rgba(255,171,62,.08)}.block-calculator-banner,.block-calculator-warning{margin-bottom:14px;padding:12px 14px;color:var(--color-fg)}.block-calculator-banner{border:2px solid color-mix(in oklab,var(--color-primary) 38%,transparent);border-radius:12px;background:color-mix(in oklab,var(--color-primary) 12%,transparent);font-weight:600}.block-calculator-empty{padding:28px;border:2px dashed var(--color-input-border);border-radius:14px;text-align:center;color:var(--color-fg-secondary);background:rgba(255,255,255,.03)}@media (max-width:920px){.block-calculator{position:static;inset:auto}}@media (max-width:640px){.block-calculator{padding:18px;border-radius:24px}.block-calculator-header{flex-direction:column}}.required-money-root{display:flex;flex-direction:column;gap:18px;padding:22px;border:2px solid var(--color-border);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,var(--color-panel-strong),var(--color-bg-secondary));box-shadow:var(--color-shadow)}.panel-heading p{margin:6px 0 0;color:var(--color-fg-secondary);font-size:.94rem;text-transform:none}.input-controls{gap:18px;width:100%}.input-controls,.input-wrapper{display:flex;flex-direction:column}.input-wrapper{gap:14px}.switcher-group{display:flex;gap:8px;flex-wrap:wrap}.required-money-display-row{display:flex;gap:12px;align-items:stretch;min-width:0}.required-money-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.button-group{display:flex;flex-direction:column;gap:10px}.button-group-label{color:var(--color-fg-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.18em}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (max-width:640px){.required-money-root{padding:18px}.required-money-display-row{flex-direction:column}.required-money-actions{grid-template-columns:1fr}}.currency-switcher{display:flex;gap:8px;flex-wrap:wrap}.currency-btn{background:var(--color-input-bg);color:var(--color-fg-secondary);border:2px solid var(--color-input-border);border-radius:10px;padding:10px 14px;font-size:.92rem;cursor:pointer;transition:background .2s,border .2s,color .2s,transform .2s;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.currency-btn.selected,.currency-btn[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.currency-btn:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}.number-input-wrapper{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.number-input-field{font-size:clamp(1.6rem,3vw,2.5rem);padding:14px 18px;border:2px solid var(--color-input-border);border-radius:10px;outline:none;width:100%;min-width:0;text-align:right;background:var(--color-input-bg);color:var(--color-fg);transition:border .2s,box-shadow .2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 16px rgba(0,0,0,.08)}.number-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-dark)}.number-input-unit{flex:0 0 auto;font-size:1.3rem;color:var(--color-primary);font-weight:700;text-align:left}@media (max-width:640px){.number-input-field{padding:12px 14px}}.increase-button{background-color:var(--color-accent);color:#fff;padding:10px 12px;border:2px solid transparent;border-radius:10px;font-size:.94rem;cursor:pointer;transition:background .2s,border .2s,color .2s,transform .2s;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:100%;white-space:nowrap;box-shadow:0 10px 18px rgba(0,0,0,.12)}.increase-button:hover{background-color:var(--color-primary);transform:translateY(-1px)}.decrease-button{background-color:var(--color-danger);color:#fff;padding:10px 12px;border:2px solid transparent;border-radius:10px;font-size:.94rem;cursor:pointer;transition:background .2s,border .2s,color .2s,transform .2s;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:100%;white-space:nowrap;box-shadow:0 10px 18px rgba(0,0,0,.12)}.decrease-button:hover{background-color:var(--color-primary);transform:translateY(-1px)}.reset-button{background-color:transparent;color:var(--color-fg);padding:10px 16px;border:2px solid var(--color-input-border);border-radius:10px;font-size:.92rem;cursor:pointer;transition:background .2s,border .2s,color .2s,transform .2s;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.reset-button:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff;transform:translateY(-1px)}.block-filter-root{display:flex;flex-direction:column;gap:18px;padding:22px;border:2px solid var(--color-border);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,var(--color-panel-strong),var(--color-bg-secondary));box-shadow:var(--color-shadow)}.block-filter-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.block-filter-list{display:flex;flex-direction:column;gap:12px;width:100%}.block-filter-item{display:flex;flex-direction:column;gap:14px;background:transparent;border:2px solid var(--color-border);border-radius:16px;padding:14px}.block-filter-item.is-disabled{opacity:.55}.block-filter-row-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.block-filter-unit{font-family:IBM Plex Sans,sans-serif;font-size:.96rem;color:var(--color-fg-secondary)}.block-filter-unit-chip{border-radius:1em;font-weight:700;font-size:.95rem;color:#fff;box-shadow:0 1px 4px 0 rgba(80,60,30,.1);padding:6px 12px;background:var(--block-accent);text-align:center}.block-filter-unit-chip-1,.block-filter-unit-chip.value-1{background:#68ac61}.block-filter-unit-chip-0_5,.block-filter-unit-chip.value-0_5{background:#9b7ae3}.block-filter-unit-chip-2,.block-filter-unit-chip.value-2{background:#4e8cff}.block-filter-unit-chip-5,.block-filter-unit-chip.value-5{background:#b94a3a}.block-filter-unit-chip-10,.block-filter-unit-chip.tier-yellow,.block-filter-unit-chip.value-10{background:#e6b800}.block-filter-unit-chip.tier-red{background:#b94a3a}.block-filter-unit-chip.tier-blue{background:#4e8cff}.block-filter-unit-chip.tier-green{background:#68ac61}.block-filter-bounds-readout{display:flex;align-items:center;gap:12px;font-family:IBM Plex Sans,sans-serif;font-size:.85rem;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em}.bound-readout strong{display:inline-block;width:5.5em;text-align:left;font-weight:700;color:var(--color-fg);margin-left:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bound-cap{color:var(--color-fg-secondary);opacity:.7;font-size:.75rem}.block-filter-slider{--thumb-size:20px;--min-ratio:0;--max-ratio:1;--fill-left:0px;--fill-right:0px;position:relative;height:36px;margin:4px 0 22px}.slider-track{position:absolute;top:50%;left:calc(var(--thumb-size) / 2);right:calc(var(--thumb-size) / 2);height:6px;transform:translateY(-50%);background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:999px}.slider-marker{position:absolute;top:calc(50% - 5px);left:calc(var(--marker-ratio) * (100% - var(--thumb-size)) + var(--thumb-size) / 2);width:2px;height:24px;transform:translateX(-50%);background:var(--color-fg-secondary);opacity:.55;border-radius:1px;pointer-events:none}.slider-marker-label{position:absolute;top:100%;left:50%;transform:translate(-50%,2px);font-family:IBM Plex Sans,sans-serif;font-size:.7rem;font-weight:600;color:var(--color-fg-secondary);letter-spacing:.04em;white-space:nowrap}.slider-track-fill{top:50%;height:6px;transform:translateY(-50%);background:var(--color-accent);border-radius:999px;left:var(--fill-left);right:var(--fill-right)}.slider-thumb,.slider-track-fill{position:absolute;pointer-events:none}.slider-thumb{top:calc(50% - var(--thumb-size) / 2);left:0;right:0;width:100%;height:var(--thumb-size);margin:0;padding:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-thumb:focus{outline:none}.slider-thumb::-webkit-slider-runnable-track{background:transparent;height:var(--thumb-size);border:none}.slider-thumb::-moz-range-track{background:transparent;height:var(--thumb-size);border:none}.slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--color-accent);border:2px solid var(--color-fg);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer}.slider-thumb::-moz-range-thumb{pointer-events:auto;box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--color-accent);border:2px solid var(--color-fg);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer}.slider-thumb-max,.slider-thumb-min{z-index:2}.block-filter-slider.is-max-active .slider-thumb-max,.block-filter-slider.is-min-active .slider-thumb-min{z-index:3}.block-filter-slider.is-max-active .slider-thumb-max::-webkit-slider-thumb,.block-filter-slider.is-min-active .slider-thumb-min::-webkit-slider-thumb{background:var(--color-primary,var(--color-accent));transform:scale(1.15)}.block-filter-slider.is-max-active .slider-thumb-max::-moz-range-thumb,.block-filter-slider.is-min-active .slider-thumb-min::-moz-range-thumb{background:var(--color-primary,var(--color-accent));transform:scale(1.15)}.slider-thumb:disabled::-webkit-slider-thumb{background:var(--color-input-border);cursor:not-allowed}.slider-thumb:disabled::-moz-range-thumb{background:var(--color-input-border);cursor:not-allowed}.block-filter-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.block-filter-toggles{display:flex;gap:8px}.bound-toggle{font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:2px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-fg-secondary);cursor:pointer;width:110px;flex-shrink:0;text-align:center;box-sizing:border-box;transition:background .15s,color .15s,border-color .15s}.bound-toggle:hover:not(:disabled){border-color:var(--color-primary)}.bound-toggle.is-selected{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.bound-toggle:disabled{cursor:not-allowed}.block-filter-arrows{display:flex;gap:8px}.arrow-btn{font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:700;width:40px;height:40px;border-radius:10px;border:2px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-fg);cursor:pointer;transition:background .15s,border-color .15s,transform .15s;display:flex;align-items:center;justify-content:center}.arrow-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.arrow-btn:disabled{cursor:not-allowed;opacity:.35;color:var(--color-fg-secondary);border-color:var(--color-input-border);background:var(--color-input-bg)}.arrow-btn:disabled:hover{transform:none;border-color:var(--color-input-border)}@media (max-width:640px){.block-filter-root{padding:18px}.block-filter-heading{flex-direction:column}.block-filter-row-head{flex-direction:column;align-items:flex-start}.block-filter-bounds-readout{width:100%;justify-content:space-between}.block-filter-controls{flex-direction:column;align-items:stretch}.block-filter-arrows,.block-filter-toggles{justify-content:center}}.container-selector-root{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border:2px solid var(--color-border);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%),linear-gradient(180deg,var(--color-panel-strong),var(--color-bg-secondary));box-shadow:var(--color-shadow)}.container-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:2px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-fg);font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.container-trigger.is-open,.container-trigger:hover{border-color:var(--color-primary)}.container-trigger.is-open{box-shadow:0 0 0 2px var(--color-primary),0 0 0 6px color-mix(in oklab,var(--color-primary) 22%,transparent)}.container-trigger-label{display:inline-flex;align-items:center;gap:10px;font-size:1rem;min-width:0}.container-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;object-fit:contain}.container-icon-wildcard{background-color:var(--color-primary);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.container-icon-placeholder{display:inline-block}.container-trigger-meta{display:inline-flex;align-items:center;gap:10px}.container-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border);background:rgba(255,255,255,.06);font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--color-fg-secondary);text-transform:uppercase}.container-pill-muted{opacity:.7}.container-chevron{font-size:.9rem;transition:transform .15s ease;color:var(--color-fg-secondary)}.container-chevron.is-open{transform:rotate(180deg);color:var(--color-primary)}.container-popover{position:absolute;top:calc(100% - 8px);left:22px;right:22px;z-index:30;margin-top:8px;border-radius:16px;border:2px solid var(--color-border);background:var(--color-panel-solid);box-shadow:var(--color-shadow);max-height:min(520px,70vh);overflow-y:auto;padding:12px}.container-group+.container-group{margin-top:4px}.container-group-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:var(--color-fg-secondary);padding:10px 8px 6px;font-weight:700}.container-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.container-option{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:10px 12px;border-radius:10px;border:2px solid transparent;background:transparent;color:var(--color-fg);font:inherit;font-weight:500;cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease}.container-option:hover{background:color-mix(in oklab,var(--color-primary) 10%,transparent)}.container-option.is-wildcard{font-weight:700}.container-option.is-selected{border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 22%,transparent);box-shadow:0 0 0 2px var(--color-primary),0 0 0 6px color-mix(in oklab,var(--color-primary) 24%,transparent)}.container-clear{width:100%;margin-top:12px;padding:10px;border-radius:10px;border:1px dashed var(--color-border);background:transparent;color:var(--color-fg-secondary);font:inherit;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.container-clear:hover{border-color:var(--color-danger);color:var(--color-danger)}@media (max-width:640px){.container-selector-root{padding:18px}.container-popover{left:18px;right:18px}}