.tool-hero{background:var(--bg-canvas);padding:3rem 0 0;position:relative;overflow:hidden}.tool-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#4f8ef71a 0%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-80px;right:-80px}.tool-hero__inner{z-index:1;grid-template-columns:1fr auto;align-items:start;gap:2rem;display:grid;position:relative}.tool-hero__labels{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.tool-label{border-radius:50px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.tool-label--cat{background:var(--cat-images);color:var(--cat-images-accent);border:1px solid #4f8ef740}.tool-label--free{color:var(--accent-green);background:#34c4a01a;border:1px solid #34c4a040}.tool-hero__title{color:var(--text-heading);letter-spacing:-.02em;margin-bottom:1rem;font-family:Unbounded,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.tool-hero__title .arrow{color:var(--accent-primary)}.tool-hero__desc{color:var(--text-body);max-width:580px;margin-bottom:1.75rem;font-size:1rem;line-height:1.7}.tool-hero__facts{flex-wrap:wrap;gap:1rem;display:flex}.tool-fact{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-body);transition:border-color var(--transition), transform var(--transition);align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.83rem;font-weight:500;display:flex}.tool-fact:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.tool-fact strong{color:var(--text-heading)}.tool-hero__visual{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:220px;padding:1.5rem 2rem;display:flex}.tool-hero__formats{align-items:center;gap:1rem;display:flex}.format-badge{flex-direction:column;align-items:center;gap:.3rem;display:flex}.format-badge__ext{border-radius:var(--radius-md);padding:.4rem .75rem;font-family:Unbounded,sans-serif;font-size:1.3rem;font-weight:900}.format-badge--from .format-badge__ext{color:var(--accent-amber);background:#f2b05e1f;border:1.5px solid #f2b05e4d}.format-badge--to .format-badge__ext{color:var(--accent-primary);background:#4f8ef71f;border:1.5px solid #4f8ef74d}.format-badge__label{color:var(--text-label);text-transform:uppercase;font-size:.68rem;font-weight:500}.format-arrow{color:var(--accent-primary);font-size:1.8rem}.tool-hero__visual-note{color:var(--text-label);text-align:center;font-size:.72rem}.tool-mode-tabs{border-bottom:1px solid var(--border-subtle);margin-top:2.5rem;display:flex}.tool-mode-tab{color:var(--text-muted);transition:color var(--transition), border-color var(--transition);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.7rem 1.5rem;font-size:.88rem;font-weight:600}.tool-mode-tab:hover{color:var(--text-heading)}.tool-mode-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tool-workspace{background:var(--bg-section-alt);padding:2.5rem 0 3rem}.tool-workspace__inner{grid-template-columns:1fr 320px;align-items:start;gap:1.5rem;display:grid}.ad-section{padding:1.5rem 0}.sidebar-ad{flex-direction:column;align-items:center;gap:.35rem;display:flex}.sidebar-ad__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-label);font-size:.65rem;font-weight:600}.sidebar-ad__inner{border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:var(--bg-card);width:100%;max-width:300px;height:250px;overflow:hidden}.sidebar-ad__placeholder{opacity:.35;width:100%;height:100%;color:var(--text-label);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:flex}.info-section{background:var(--bg-section-alt);padding:4rem 0}.info-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:3rem;display:grid}.info-text-block{flex-direction:column;gap:0;display:flex}.info-heading{color:var(--text-heading);margin-bottom:1rem;font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3}.info-body{color:var(--text-body);margin-bottom:1.25rem;font-size:.92rem;line-height:1.75}.info-benefits{flex-direction:column;gap:.6rem;display:flex}.info-benefit{color:var(--text-body);align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.5;display:flex}.info-benefit__icon{width:22px;height:22px;color:var(--accent-green);background:#34c4a01f;border:1px solid #34c4a040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.7rem;display:flex}.info-comparison{flex-direction:column;gap:1rem;display:flex}.comparison-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);padding:1.25rem 1.4rem}.comparison-card__header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.comparison-card__format{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.9rem;font-weight:700}.comparison-card__tag{border-radius:4px;padding:.15rem .55rem;font-size:.7rem;font-weight:700}.comparison-card--old .comparison-card__tag{color:var(--accent-amber);background:#f2b05e1f}.comparison-card--new .comparison-card__tag{color:var(--accent-green);background:#34c4a01f}.comparison-card--new{background:color-mix(in srgb, var(--bg-card) 96%, var(--accent-primary));border-color:#4f8ef74d}.comparison-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.82rem;display:flex}.comparison-row:first-child{border-top:none}.comparison-row__key{color:var(--text-label)}.comparison-row__val{color:var(--text-heading);font-weight:600}.comparison-row__val--good{color:var(--accent-green)}.comparison-row__val--bad{color:var(--cat-math-accent)}.size-bar{margin-top:.75rem}.size-bar__label{color:var(--text-label);justify-content:space-between;margin-bottom:.3rem;font-size:.72rem;display:flex}.size-bar__track{background:var(--bg-input);border-radius:50px;height:6px;overflow:hidden}.size-bar__fill{background:var(--accent-amber);border-radius:50px;height:100%;transition:width .6s}.size-bar__fill--webp{background:var(--accent-primary)}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-header__left{flex-direction:column;gap:.35rem;display:flex}.section-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);align-self:flex-start;font-size:.72rem;font-weight:700}.section-title{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2}.link-more{color:var(--accent-primary);white-space:nowrap;transition:opacity var(--transition);font-size:.85rem;font-weight:600;text-decoration:none}.link-more:hover{opacity:.75}.faq-section{background:var(--bg-canvas);padding:4rem 0}.faq-list{flex-direction:column;gap:.6rem;max-width:800px;display:flex}.faq-item{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--border-hover)}.faq-item--open{border-color:var(--accent-primary)}.faq-question{text-align:left;width:100%;color:var(--text-heading);cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:.92rem;font-weight:600;display:flex}.faq-question:hover,.faq-item--open .faq-question{color:var(--accent-primary)}.faq-icon{border:1.5px solid var(--border-subtle);width:22px;height:22px;color:var(--text-label);transition:transform var(--transition), background var(--transition), border-color var(--transition), color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.faq-item--open .faq-icon{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .35s;overflow:hidden}.faq-item--open .faq-answer{max-height:300px}.faq-answer__inner{color:var(--text-body);border-top:1px solid var(--border-subtle);padding:.9rem 1.25rem 1.25rem;font-size:.88rem;line-height:1.7}.related-section{background:var(--bg-section-alt);padding:4rem 0}.related-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1024px){.tool-workspace__inner,.tool-hero__inner{grid-template-columns:1fr}.tool-hero__visual{display:none}.related-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.tool-hero__facts{flex-wrap:wrap}.tool-fact{flex:1;justify-content:center;min-width:calc(50% - .5rem)}.related-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr!important;display:grid!important}.info-comparison{gap:1rem;grid-template-columns:1fr 1fr!important;display:grid!important}}@media (width<=480px){.related-grid{grid-template-columns:1fr 1fr}.tool-fact{min-width:100%}.info-comparison{grid-template-columns:1fr!important}}.settings-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);position:sticky;top:84px;overflow:hidden}.settings-panel__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.settings-panel__title{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.settings-panel__reset{color:var(--text-label);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:.75rem}.settings-panel__reset:hover{color:var(--accent-primary)}.settings-panel__body{flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.setting-group__label{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.setting-group__name{color:var(--text-body);font-size:.83rem;font-weight:600}.setting-group__hint{color:var(--text-label);cursor:help;border-bottom:1px dashed var(--border-hover);font-size:.72rem}.setting-group__value{color:var(--accent-primary);font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700}.quality-slider{-webkit-appearance:none;appearance:none;background:var(--bg-input);cursor:pointer;border-radius:50px;outline:none;width:100%;height:5px}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);border:2.5px solid var(--bg-canvas);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #4f8ef766}.quality-slider:disabled{opacity:.4;cursor:not-allowed}.quality-labels{justify-content:space-between;margin-top:.4rem;display:flex}.quality-labels span{color:var(--text-label);font-size:.68rem}.pill-toggle{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);display:flex;overflow:hidden}.pill-toggle__option{text-align:center;color:var(--text-muted);cursor:pointer;user-select:none;transition:background var(--transition), color var(--transition);flex:1;padding:.45rem .5rem;font-size:.8rem;font-weight:500}.pill-toggle input[type=radio]{display:none}.pill-toggle input[type=radio]:checked+.pill-toggle__option{background:var(--accent-primary);color:#fff;font-weight:600}.toggle-switch{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toggle-switch__label{color:var(--text-body);flex:1;font-size:.83rem;font-weight:500}.toggle-switch__sub{color:var(--text-label);margin-top:.1rem;font-size:.72rem;display:block}.toggle-track{background:var(--bg-input);border:1.5px solid var(--border-subtle);width:36px;height:20px;transition:background var(--transition), border-color var(--transition);cursor:pointer;border-radius:50px;flex-shrink:0;display:block;position:relative}.toggle-track:after{content:"";background:var(--text-label);width:12px;height:12px;transition:transform var(--transition), background var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked~.toggle-track{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked~.toggle-track:after{background:#fff;transform:translate(16px)}.settings-divider{background:var(--border-subtle);height:1px;margin:0 -1.25rem}.settings-info{border-radius:var(--radius-md);background:#4f8ef712;border:1px solid #4f8ef733;gap:.6rem;padding:.75rem;display:flex}.settings-info__icon{flex-shrink:0;font-size:1rem}.settings-info__text{color:var(--text-muted);font-size:.78rem;line-height:1.55}@media (width<=1024px){.settings-panel{position:static}}.calc-grid{--calc-accent:var(--accent-primary);--calc-accent-bg:var(--bg-input);grid-template-columns:1fr 1.15fr;align-items:start;gap:1.5rem;display:grid}.calc-grid__input,.calc-grid__output{flex-direction:column;gap:1rem;min-width:0;display:flex}.calc-grid__output{position:sticky;top:84px}.settings-panel--static{position:static;top:auto}.settings-panel__icon{color:var(--calc-accent);margin-right:.5rem;font-size:1rem;line-height:1}.settings-panel__count{white-space:nowrap;color:var(--text-label);font-size:.75rem;font-weight:500}.calc-label{color:var(--text-body);margin-bottom:.45rem;font-size:.83rem;font-weight:600;display:block}.calc-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition);align-items:stretch;display:flex;overflow:hidden}.calc-input:focus-within{border-color:var(--calc-accent)}.calc-input--error{border-color:#f87171}.calc-input__field{min-width:0;color:var(--text-heading);background:0 0;border:none;outline:none;flex:1;padding:.75rem .9rem;font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:700}.calc-input__field::placeholder{color:var(--text-label);font-family:Onest,sans-serif;font-weight:400}.calc-input__field::-webkit-outer-spin-button,.calc-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-input__suffix{text-align:center;white-space:nowrap;color:var(--text-label);background:var(--bg-card);border-left:1px solid var(--border-subtle);place-items:center;padding:0 .85rem;font-size:.8rem;font-weight:600;display:grid}.calc-input__error{color:#f87171;margin-top:.35rem;font-size:.75rem;line-height:1.4}.calc-textarea{width:100%;color:var(--text-heading);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition);outline:none;padding:.8rem .9rem;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700;line-height:1.6}.calc-textarea:focus{border-color:var(--calc-accent)}.calc-textarea--error{border-color:#f87171}.calc-textarea::placeholder{color:var(--text-label);font-family:Onest,sans-serif;font-weight:400}.calc-hint{color:var(--text-label);margin-top:.4rem;font-size:.76rem;line-height:1.5}.calc-modes{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.calc-modes--stack{grid-template-columns:1fr}.calc-modes--three{grid-template-columns:repeat(3,1fr)}.calc-mode{text-align:left;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);align-items:center;gap:.6rem;padding:.6rem .75rem;font-family:inherit;font-size:.83rem;font-weight:600;line-height:1.35;display:flex}.calc-mode:hover{color:var(--text-heading);border-color:var(--border-hover)}.calc-mode--active{color:var(--text-heading);background:var(--calc-accent-bg);border-color:var(--calc-accent)}.calc-mode__num{width:22px;height:22px;color:var(--text-label);background:var(--bg-card);border:1px solid var(--border-subtle);transition:color var(--transition), background var(--transition), border-color var(--transition);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.calc-mode--active .calc-mode__num{color:var(--bg-canvas);background:var(--calc-accent);border-color:var(--calc-accent)}.calc-chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.calc-chips__label{width:100%;color:var(--text-label);margin-bottom:.15rem;font-size:.78rem}.calc-chip{white-space:nowrap;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);border-radius:50px;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.calc-chip:hover:not(:disabled){color:var(--calc-accent);border-color:var(--calc-accent)}.calc-chip--active{color:var(--text-heading);background:var(--calc-accent-bg);border-color:var(--calc-accent)}.calc-chip--square{text-align:center;border-radius:var(--radius-md);min-width:46px;font-family:Unbounded,sans-serif;font-weight:700}.calc-chip-custom{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.4rem;padding:0 .6rem;display:flex}.calc-chip-custom__label{white-space:nowrap;color:var(--text-label);font-size:.72rem}.calc-chip-custom__input{text-align:center;width:36px;color:var(--text-heading);background:0 0;border:none;outline:none;padding:.4rem 0;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.calc-swap{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;transition:color var(--transition), border-color var(--transition);border-radius:50px;align-self:center;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600}.calc-swap:hover{color:var(--calc-accent);border-color:var(--calc-accent)}.calc-answer{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.4rem}.calc-answer--empty{text-align:center;min-height:190px;color:var(--text-label);place-items:center;display:grid}.calc-answer__empty-icon{margin-bottom:.5rem;font-family:Unbounded,sans-serif;font-size:1.8rem;display:block}.calc-answer__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-label);overflow-wrap:anywhere;margin-bottom:.5rem;font-size:.72rem;font-weight:700}.calc-answer__label--expr{letter-spacing:normal;text-transform:none;font-family:Unbounded,sans-serif;font-size:.9rem}.calc-answer__value{color:var(--calc-accent);overflow-wrap:anywhere;font-family:Unbounded,sans-serif;font-size:2.2rem;font-weight:900;line-height:1.15}.calc-answer__value--sm{font-size:1.35rem;line-height:1.4}.calc-answer__value--xs{font-size:1.15rem;font-weight:700;line-height:1.5}.calc-answer__value--bad{color:#f87171}.calc-answer__sub{color:var(--text-muted);overflow-wrap:anywhere;margin-top:.5rem;font-size:.82rem;line-height:1.5}.calc-answer__actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.calc-copy{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;transition:color var(--transition), border-color var(--transition);border-radius:50px;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600}.calc-copy:hover{color:var(--calc-accent);border-color:var(--calc-accent)}.calc-copy--done{color:var(--accent-green);border-color:var(--accent-green)}.calc-copy--mini{border-radius:var(--radius-sm);background:0 0;place-items:center;width:28px;height:28px;padding:0;font-size:.8rem;display:grid}.calc-extra{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.calc-extra__row{background:var(--bg-input);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.calc-extra__label{color:var(--text-muted);font-size:.78rem}.calc-extra__value{color:var(--text-heading);overflow-wrap:anywhere;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.calc-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;display:grid}.calc-stat{background:var(--bg-input);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.7rem .8rem;display:flex}.calc-stat__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-label);font-size:.68rem;font-weight:600}.calc-stat__value{color:var(--text-heading);overflow-wrap:anywhere;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.calc-badge{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:.9rem;padding:.6rem .85rem;font-size:.78rem;line-height:1.45}.calc-badge--ok{color:var(--text-body);background:#34c4a01a;border-color:#34c4a04d}.calc-badge--warn{color:var(--text-body);background:var(--calc-accent-bg);border-color:color-mix(in srgb, var(--calc-accent) 30%, transparent)}.calc-card{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem}.calc-card__title{color:var(--text-heading);align-items:center;gap:.5rem;margin-bottom:.9rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.calc-card__desc{color:var(--text-muted);margin-bottom:.9rem;font-size:.82rem;line-height:1.5}.calc-card__footer{color:var(--calc-accent);border-top:1px solid var(--border-subtle);overflow-wrap:anywhere;margin-top:.9rem;padding-top:.9rem;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.calc-steps{flex-direction:column;gap:.85rem;list-style:none;display:flex}.calc-step{gap:.75rem;display:flex}.calc-step__num{width:24px;height:24px;color:var(--calc-accent);background:var(--calc-accent-bg);border:1px solid color-mix(in srgb, var(--calc-accent) 25%, transparent);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.calc-step__body{flex:1;min-width:0}.calc-step__text{color:var(--text-muted);font-size:.85rem;line-height:1.5}.calc-step__math{color:var(--text-heading);overflow-wrap:anywhere;margin-top:.3rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700}.calc-table{border-collapse:collapse;width:100%;font-size:.85rem}.calc-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-label);background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);padding:.4rem .5rem;font-size:.7rem;font-weight:600}.calc-table td{color:var(--text-muted);border-bottom:1px solid var(--border-subtle);overflow-wrap:anywhere;padding:.5rem}.calc-table tr:last-child td{border-bottom:none}.calc-table--right th:last-child,.calc-table--right td:last-child{text-align:right}.calc-table__val{white-space:nowrap;color:var(--text-heading);font-family:Unbounded,sans-serif;font-weight:700}.calc-table__row--active td{background:var(--calc-accent-bg);color:var(--text-heading)}.calc-table-scroll{max-height:380px;overflow-y:auto}.calc-table-scroll .calc-table th{position:sticky;top:0}.calc-chain{flex-direction:column;gap:.45rem;max-height:320px;list-style:none;display:flex;overflow-y:auto}.calc-chain__row{background:var(--bg-input);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.55rem .75rem;display:flex}.calc-chain__math{color:var(--text-heading);overflow-wrap:anywhere;font-family:Unbounded,sans-serif;font-size:.86rem;font-weight:700}.calc-chain__note{white-space:nowrap;color:var(--calc-accent);font-size:.73rem;font-weight:600}@media (width<=1024px){.calc-grid{grid-template-columns:1fr}.calc-grid__output{position:static}}@media (width<=600px){.calc-answer{padding:1.1rem}.calc-answer__value{font-size:1.8rem}.calc-answer__value--sm{font-size:1.2rem}.calc-answer__value--xs{font-size:1.05rem}.calc-stats{grid-template-columns:repeat(2,1fr)}.calc-modes--three{grid-template-columns:1fr}}@media (width<=420px){.calc-modes,.calc-stats{grid-template-columns:1fr}.calc-answer__value{font-size:1.55rem}.calc-chip--square{flex:1;min-width:0}}.calc-badges{flex-direction:column;gap:.4rem;display:flex}.calc-badges .calc-badge{margin-top:0}.upload-area{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.dropzone{border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:border-color var(--transition), background var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:1.25rem;padding:3.5rem 2rem;display:flex;position:relative}.dropzone:hover,.dropzone--dragging{border-color:var(--accent-primary);background:#4f8ef70d}.dropzone__input{display:none}.dropzone__icon{font-size:2.8rem;line-height:1}.dropzone__title{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1rem;font-weight:700}.dropzone__subtitle{color:var(--text-muted);font-size:.85rem}.dropzone__btn{border-radius:var(--radius-md);background:var(--accent-primary);color:#fff;pointer-events:none;align-items:center;gap:.4rem;margin-top:.5rem;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.dropzone__limit{color:var(--text-label);font-size:.75rem}.file-list{flex-direction:column;gap:.6rem;padding:0 1.25rem 1.25rem;display:flex}.file-list__header{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.75rem 0 .5rem;display:flex}.file-list__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:600}.file-list__clear{color:var(--text-label);cursor:pointer;transition:color var(--transition);font-size:.78rem}.file-list__clear:hover{color:var(--cat-math-accent)}.file-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color var(--transition);grid-template-columns:48px 1fr auto auto;align-items:center;gap:.75rem;padding:.7rem .85rem;display:grid}.file-item:hover{border-color:var(--border-hover)}.file-item--done{border-color:#34c4a04d}.file-item--error{border-color:#f871714d}.file-item__thumb{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:36px;display:flex;overflow:hidden}.file-item__thumb--done{background:#34c4a014;border-color:#34c4a04d}.file-item__thumb-placeholder{color:var(--text-label);font-size:1.2rem}.file-item__info{min-width:0}.file-item__name{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.file-item__size{color:var(--text-label);margin-top:.1rem;font-size:.75rem}.file-item__size--error{color:var(--cat-math-accent)}.size-before{color:var(--text-label);text-decoration:line-through}.size-arrow{color:var(--text-label);margin:0 .2rem}.size-after{color:var(--accent-green);font-weight:700}.savings-badge{color:var(--accent-green);background:#34c4a01f;border-radius:4px;margin-left:.35rem;padding:.1rem .35rem;font-size:.7rem;font-weight:700;display:inline-block}.file-item__status{white-space:nowrap;border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:flex}.file-item__status--ready{color:var(--accent-primary);background:#4f8ef71a}.file-item__status--converting{color:var(--accent-amber);background:#f2b05e1a}.file-item__status--done{color:var(--accent-green);background:#34c4a01a}.file-item__status--error{color:var(--cat-math-accent);background:#f871711a}.file-item__download-btn{border-radius:var(--radius-sm);border:1.5px solid var(--accent-primary);width:28px;height:28px;color:var(--accent-primary);transition:background var(--transition), color var(--transition);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.file-item__download-btn:hover{background:var(--accent-primary);color:#fff}.file-item__remove{width:24px;height:24px;color:var(--text-label);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.file-item__remove:hover{color:var(--cat-math-accent);background:#f871711a}.file-item__remove:disabled{opacity:.4;cursor:not-allowed}.file-progress{background:var(--bg-input);border-radius:50px;height:4px;margin-top:.3rem;overflow:hidden}.file-progress__fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-green));border-radius:50px;height:100%;transition:width .4s}.file-item__stage{color:var(--text-label);margin-top:.15rem;font-size:.7rem}.spinner{border:1.5px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.upload-errors{flex-direction:column;gap:.5rem;margin-top:.75rem;padding:0 1.25rem;display:flex}.upload-error-item{border-radius:var(--radius-md);color:var(--text-body);background:#f8717112;border:1px solid #f8717140;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.upload-error-item__icon{flex-shrink:0;font-size:1.1rem}.upload-actions{gap:.75rem;padding:0 1.25rem 1.25rem;display:flex}.btn-convert{border-radius:var(--radius-lg);background:var(--accent-primary);color:#fff;cursor:pointer;transition:opacity var(--transition), transform var(--transition), box-shadow var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.btn-convert:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px #4f8ef766}.btn-convert:disabled{opacity:.4;cursor:not-allowed}.btn-download-all{border-radius:var(--radius-lg);border:1.5px solid var(--accent-green);color:var(--accent-green);cursor:pointer;white-space:nowrap;transition:background var(--transition), transform var(--transition);background:#34c4a014;align-items:center;gap:.4rem;padding:.85rem 1.25rem;font-size:.88rem;font-weight:600;display:flex}.btn-download-all:hover:not(:disabled){background:#34c4a026;transform:translateY(-2px)}.btn-download-all:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.upload-actions{flex-direction:column}}@media (width<=480px){.file-item{grid-template-columns:36px 1fr auto auto}}.bg-presets{gap:.5rem;margin-bottom:.75rem;display:flex}.bg-preset{background:var(--preset-color,#fff);border:2px solid var(--border-subtle);cursor:pointer;width:32px;height:32px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:50%;flex-shrink:0}.bg-preset:hover{border-color:var(--border-hover);transform:scale(1.15)}.bg-preset--active{border-color:var(--accent-primary);transform:scale(1.1);box-shadow:0 0 0 3px #4f8ef740}.color-picker-row{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.color-picker-label{color:var(--text-label);white-space:nowrap;font-size:.78rem}.color-picker-wrap{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);transition:border-color var(--transition);cursor:pointer;align-items:center;gap:.5rem;padding:.3rem .6rem;display:flex}.color-picker-wrap:focus-within{border-color:var(--accent-primary)}.color-picker-input{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding:0}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.color-picker-hex{color:var(--text-muted);letter-spacing:.05em;user-select:all;font-family:Unbounded,monospace;font-size:.75rem}.bg-preview{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.bg-preview__swatch{border:1px solid var(--border-subtle);border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:background .15s}.bg-preview__label{color:var(--text-label);font-size:.72rem;line-height:1.3}.meta-chips{flex-wrap:wrap;gap:.35rem;display:flex}.meta-chips--row{margin-top:.35rem}.meta-chip{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:50px;align-items:center;gap:.25rem;padding:.18rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.meta-chip--removed{color:var(--cat-math-accent);background:#f871711a;border-color:#f8717140}.meta-chip--clean{color:var(--accent-green);background:#34c4a01a;border-color:#34c4a040}.savings-badge--warn{color:var(--accent-amber);background:#f2b05e1f}.format-badge--clean .format-badge__ext{color:var(--accent-green);background:#34c4a01f;border:1.5px solid #34c4a04d}.privacy-note{color:var(--accent-green);align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;display:inline-flex}.tool-label--images{background:var(--cat-images);color:var(--cat-images-accent);border:1px solid #4f8ef740}.target-input{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);transition:border-color var(--transition);align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.target-input:focus-within{border-color:var(--accent-primary)}.target-input input{width:100%;color:var(--text-heading);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;font-family:Unbounded,sans-serif;font-size:.9rem;font-weight:700}.target-input input::-webkit-outer-spin-button,.target-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.target-input__unit{color:var(--text-label);flex-shrink:0;font-size:.78rem;font-weight:600}.target-presets{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.target-preset{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--transition), color var(--transition), border-color var(--transition);flex:1;padding:.35rem .4rem;font-size:.74rem;font-weight:600}.target-preset:hover{border-color:var(--border-hover);color:var(--text-heading)}.target-preset--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pill-toggle--quad .pill-toggle__option{padding:.45rem .3rem;font-size:.74rem}.meta-chip--fmt{background:var(--cat-images);color:var(--cat-images-accent);border-color:#4f8ef740}.dim-inputs{align-items:center;gap:.5rem;display:flex}.dim-inputs .target-input{flex:1;min-width:0}.dim-times{color:var(--text-label);flex-shrink:0;font-size:.95rem;font-weight:700}.preset-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.preset-card{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:background var(--transition), color var(--transition), border-color var(--transition);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.5rem .65rem;display:flex}.preset-card:hover{border-color:var(--border-hover)}.preset-card--active{background:color-mix(in srgb, var(--bg-card) 92%, var(--accent-primary));border-color:var(--accent-primary)}.preset-card__label{color:var(--text-body);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.76rem;font-weight:600;overflow:hidden}.preset-card--active .preset-card__label{color:var(--accent-primary)}.preset-card__dims{color:var(--text-label);font-family:Unbounded,sans-serif;font-size:.68rem;font-weight:600}.meta-chip--dims{background:var(--cat-images);color:var(--cat-images-accent);border-color:#4f8ef740}.cat-hero{background:var(--bg-canvas);padding:3.5rem 0 0;position:relative;overflow:hidden}.cat-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f8ef71a 0%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-80px;right:-80px}.cat-hero__inner{z-index:1;grid-template-columns:1fr auto;align-items:start;gap:2rem;padding-bottom:3rem;display:grid;position:relative}.cat-hero__labels{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.cat-hero__title{color:var(--text-heading);letter-spacing:-.02em;margin-bottom:1rem;font-family:Unbounded,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.cat-hero__accent{color:var(--accent-primary)}.cat-hero__desc{color:var(--text-body);max-width:560px;margin-bottom:1.75rem;font-size:1rem;line-height:1.7}.cat-hero__stats{justify-content:center;align-items:center;padding-top:.5rem;display:flex}.formats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:.5rem;display:grid}.format-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.format-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.format-card__ext{border-radius:var(--radius-md);justify-content:center;align-self:flex-start;align-items:center;padding:.4rem .9rem;font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900;display:inline-flex}.format-card__desc{color:var(--text-body);flex:1;font-size:.85rem;line-height:1.6}.format-card__best{color:var(--text-muted);border-top:1px solid var(--border-subtle);flex-direction:column;gap:.15rem;padding-top:.5rem;font-size:.78rem;display:flex}.format-card__best-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}@media (width<=1024px){.cat-hero__inner{grid-template-columns:1fr}.formats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.formats-grid{grid-template-columns:1fr}}.tool-label--health{background:var(--cat-health);color:var(--cat-health-accent);border:1px solid #4ade8040}.bmi-calculator{grid-template-columns:1fr 1.15fr;align-items:start;gap:1.5rem;display:grid}.bmi-left{flex-direction:column;gap:1rem;display:flex}.bmi-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.bmi-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.bmi-panel__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.bmi-panel__body{flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.bmi-param__header{justify-content:space-between;align-items:center;margin-bottom:.55rem;display:flex}.bmi-param__label{color:var(--text-muted);font-size:.85rem;font-weight:500}.bmi-param__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.2rem;font-weight:900}.bmi-param__unit{color:var(--text-label);margin-left:.15rem;font-size:.72rem;font-weight:500}.bmi-param__minmax{color:var(--text-label);justify-content:space-between;margin-top:.3rem;font-size:.7rem;display:flex}.bmi-slider{-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50px;outline:none;width:100%;height:5px}.bmi-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cat-health-accent);border:2.5px solid var(--bg-canvas);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #4ade8066}.bmi-slider::-moz-range-thumb{background:var(--cat-health-accent);border:2.5px solid var(--bg-canvas);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #4ade8066}.bmi-param__exact{align-items:center;gap:.6rem;margin-top:.65rem;display:flex}.bmi-param__exact-label{color:var(--text-label);white-space:nowrap;font-size:.75rem}.bmi-param__exact-input-wrap{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);transition:border-color var(--transition);align-items:center;gap:.4rem;padding:.3rem .65rem;display:flex}.bmi-param__exact-input-wrap:focus-within{border-color:var(--cat-health-accent)}.bmi-exact-input{width:56px;color:var(--text-heading);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.bmi-exact-input::-webkit-inner-spin-button,.bmi-exact-input::-webkit-outer-spin-button{-webkit-appearance:none}.bmi-exact-unit{color:var(--text-label);font-size:.72rem}.bmi-age-input{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-heading);transition:border-color var(--transition);-moz-appearance:textfield;outline:none;padding:.55rem .9rem;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:700}.bmi-age-input::-webkit-inner-spin-button,.bmi-age-input::-webkit-outer-spin-button{-webkit-appearance:none}.bmi-age-input:focus{border-color:var(--cat-health-accent)}.bmi-gender{gap:.6rem;display:flex}.bmi-gender__btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);transition:all var(--transition);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.88rem;font-weight:600;display:flex}.bmi-gender__btn--active{border-color:var(--cat-health-accent);color:var(--cat-health-accent);background:#4ade801a}.bmi-gender__btn:not(.bmi-gender__btn--active):hover{border-color:var(--border-hover);color:var(--text-heading)}.bmi-who{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.bmi-who__title{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.bmi-who__table{border-collapse:collapse;width:100%;font-size:.82rem}.bmi-who__table thead tr{border-bottom:1px solid var(--border-subtle)}.bmi-who__table th{text-align:left;color:var(--text-label);letter-spacing:.06em;text-transform:uppercase;padding:.6rem 1rem;font-size:.7rem;font-weight:700}.bmi-who__table td{color:var(--text-body);border-top:1px solid var(--border-subtle);vertical-align:middle;padding:.55rem 1rem}.bmi-who__table tbody tr:hover td{background:var(--bg-card)}.bmi-who__dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:.5rem;display:inline-block}.bmi-result{border-radius:var(--radius-xl);border:1px solid;transition:background .3s,border-color .3s;overflow:hidden}.bmi-result__top{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem 1rem;display:flex}.bmi-result__score-block{align-items:center;gap:1rem;display:flex}.bmi-result__icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.bmi-result__score{margin-bottom:.15rem;font-family:Unbounded,sans-serif;font-size:2.4rem;font-weight:900;line-height:1}.bmi-result__cat{color:var(--text-heading);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.bmi-result__formula{color:var(--text-label);font-size:.72rem}.bmi-result__risk{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;display:flex}.bmi-result__risk-label{color:var(--text-label);text-align:right;font-size:.68rem}.bmi-result__risk-badge{white-space:nowrap;border:1.5px solid;border-radius:50px;padding:.25rem .7rem;font-size:.78rem;font-weight:700}.bmi-result__section{border-bottom:1px solid var(--border-subtle);padding:1rem 1.4rem}.bmi-result__section-label{color:var(--text-label);letter-spacing:.08em;margin-bottom:.6rem;font-size:.68rem;font-weight:700}.bmi-scale-svg{width:100%;height:auto;display:block;overflow:visible}.bmi-scale__labels{color:var(--text-label);justify-content:space-between;margin-top:.4rem;font-size:.65rem;display:flex}.bmi-result__weights{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.bmi-result__weight-block{padding:1rem 1.4rem}.bmi-result__weight-block:first-child{border-right:1px solid var(--border-subtle)}.bmi-result__weight-label{color:var(--text-label);letter-spacing:.08em;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.bmi-result__weight-value{color:var(--text-heading);margin-bottom:.15rem;font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:900}.bmi-result__weight-sub{color:var(--text-label);font-size:.72rem}.bmi-result__info-block{flex-direction:column;gap:.85rem;padding:1rem 1.4rem;display:flex}.bmi-result__info-row{align-items:flex-start;gap:.75rem;display:flex}.bmi-result__info-icon{flex-shrink:0;margin-top:.05rem;font-size:1.1rem}.bmi-result__info-title{color:var(--text-label);letter-spacing:.08em;margin-bottom:.2rem;font-size:.65rem;font-weight:700}.bmi-result__info-text{color:var(--text-body);font-size:.85rem;line-height:1.6}.bmi-result__gender-note{border-radius:var(--radius-md);color:var(--text-muted);background:#4ade8012;border:1px solid #4ade8033;gap:.6rem;padding:.7rem .9rem;font-size:.8rem;line-height:1.55;display:flex}.bmi-disclaimer{border-radius:var(--radius-md);color:var(--text-label);background:#4f8ef70f;border:1px solid #4f8ef72e;gap:.6rem;padding:.85rem 1rem;font-size:.77rem;line-height:1.6;display:flex}@media (width<=1024px){.bmi-calculator{grid-template-columns:1fr}.bmi-right{position:static}}@media (width<=480px){.bmi-result__top{flex-direction:column}.bmi-result__risk{align-items:flex-start}.bmi-result__weights{grid-template-columns:1fr}.bmi-result__weight-block:first-child{border-right:none;border-bottom:1px solid var(--border-subtle)}.bmi-gender{flex-direction:column}}.sleep-calculator{grid-template-columns:1fr 1.2fr;align-items:start;gap:1.5rem;display:grid}.sleep-left{flex-direction:column;gap:1rem;display:flex}.sleep-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.sleep-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.sleep-panel__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.sleep-panel__body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.sleep-mode{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.sleep-mode__btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition);align-items:center;gap:.65rem;padding:.75rem .9rem;font-size:1.2rem;display:flex}.sleep-mode__btn--active{color:var(--text-heading);background:#6366f11a;border-color:#6366f1}.sleep-mode__btn:not(.sleep-mode__btn--active):hover{border-color:var(--border-hover);color:var(--text-heading)}.sleep-mode__btn-title{color:inherit;font-size:.82rem;font-weight:700;line-height:1.3}.sleep-mode__btn-sub{color:var(--text-label);font-size:.7rem;line-height:1.3}.sleep-time-input-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sleep-time-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:600}.sleep-time-input{border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border-subtle);min-width:120px;color:var(--text-heading);transition:border-color var(--transition);color-scheme:dark;outline:none;flex:1;padding:.5rem .85rem;font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:700}.sleep-time-input:focus{border-color:#6366f1}.sleep-now-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.sleep-now-btn:hover{color:#a78bfa;border-color:#6366f1}.sleep-clock-wrap{flex-direction:column;align-items:center;gap:.75rem;display:flex}.sleep-clock{filter:drop-shadow(0 4px 16px #6366f133)}.sleep-clock-legend{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.sleep-clock-legend__item{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.sleep-clock-legend__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sleep-norms{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.sleep-norms__title{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.sleep-norms__table{border-collapse:collapse;width:100%;font-size:.82rem}.sleep-norms__table th{text-align:left;color:var(--text-label);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);padding:.6rem 1rem;font-size:.7rem;font-weight:700}.sleep-norms__table td{color:var(--text-body);border-top:1px solid var(--border-subtle);padding:.55rem 1rem}.sleep-norms__table tbody tr:hover td{background:var(--bg-card)}.sleep-results{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.sleep-results__header{border-bottom:1px solid var(--border-subtle);padding:1rem 1.25rem}.sleep-results__title{color:var(--text-heading);margin-bottom:.2rem;font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700}.sleep-results__sub{color:var(--text-label);font-size:.72rem}.sleep-results__list{flex-direction:column;gap:0;display:flex}.sleep-card{border:none;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;transition:all var(--transition);background:0 0;border-left:3px solid #0000;flex-direction:column;gap:.1rem;width:100%;padding:.9rem 1.25rem .5rem;display:flex}.sleep-card:last-child{border-bottom:none}.sleep-card:hover:not(.sleep-card--active){background:var(--bg-card)}.sleep-card--active{border-left-width:3px}.sleep-card__top{align-items:center;gap:.75rem;margin-bottom:.2rem;display:flex}.sleep-card__time{flex-shrink:0;font-family:Unbounded,sans-serif;font-size:1.4rem;font-weight:900;line-height:1}.sleep-card__meta{flex-direction:column;gap:.2rem;display:flex}.sleep-card__badge{border:1.5px solid;border-radius:50px;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.sleep-card__cycles{color:var(--text-label);font-size:.72rem}.sleep-timeline-svg{display:block}.sleep-summary{border-radius:var(--radius-md);transition:all var(--transition);border:1px solid;margin:1rem 1.25rem;overflow:hidden}.sleep-summary__row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.sleep-summary__row:last-child{border-bottom:none}.sleep-summary__label{color:var(--text-muted);font-size:.8rem}.sleep-summary__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700}.sleep-disclaimer{border-radius:var(--radius-md);color:var(--text-label);background:#6366f10f;border:1px solid #6366f12e;gap:.6rem;padding:.85rem 1rem;font-size:.77rem;line-height:1.6;display:flex}@media (width<=1024px){.sleep-calculator{grid-template-columns:1fr}.sleep-right{position:static}}@media (width<=480px){.sleep-mode{grid-template-columns:1fr}.sleep-time-input-wrap{flex-direction:column;align-items:stretch}.sleep-card__time{font-size:1.1rem}}.preg-calculator{grid-template-columns:1fr 1.15fr;align-items:start;gap:1.5rem;display:grid}.preg-left{flex-direction:column;gap:1rem;display:flex}.preg-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.preg-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.preg-panel__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.preg-panel__body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.preg-mode{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.preg-mode__btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition);align-items:center;gap:.65rem;padding:.75rem .9rem;font-size:1.2rem;display:flex}.preg-mode__btn--active{color:var(--text-heading);background:#a78bfa1a;border-color:#a78bfa}.preg-mode__btn:not(.preg-mode__btn--active):hover{border-color:var(--border-hover);color:var(--text-heading)}.preg-mode__btn-title{color:inherit;font-size:.82rem;font-weight:700;line-height:1.3}.preg-mode__btn-sub{color:var(--text-label);font-size:.7rem;line-height:1.3}.preg-date-wrap{flex-direction:column;gap:.5rem;display:flex}.preg-date-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.preg-date-input{border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-heading);transition:border-color var(--transition);color-scheme:dark;outline:none;padding:.6rem .9rem;font-family:Onest,sans-serif;font-size:1rem;font-weight:600}.preg-date-input:focus{border-color:#a78bfa}.preg-dates-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.preg-date-card{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);flex-direction:column;gap:.15rem;padding:.7rem .85rem;display:flex}.preg-date-card--highlight{border-width:1.5px;grid-column:1/-1}.preg-date-card__icon{margin-bottom:.1rem;font-size:1rem}.preg-date-card__label{color:var(--text-label);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.preg-date-card__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700}.preg-milestones{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.preg-milestones__title{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.preg-milestones__list{flex-direction:column;display:flex}.preg-milestone{border-bottom:1px solid var(--border-subtle);transition:background var(--transition);opacity:.45;align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex}.preg-milestone:last-child{border-bottom:none}.preg-milestone--past{opacity:.65}.preg-milestone--current{opacity:1;background:#a78bfa0f;border-left:3px solid #a78bfa}.preg-milestone__emoji{text-align:center;flex-shrink:0;width:28px;font-size:1.3rem}.preg-milestone__body{flex:1;min-width:0}.preg-milestone__week{color:var(--text-label);font-size:.68rem;font-weight:600}.preg-milestone__label{color:var(--text-heading);font-size:.82rem;font-weight:700}.preg-milestone__desc{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;line-height:1.5}.preg-milestone__check{color:#4ade80;flex-shrink:0;font-size:.8rem;font-weight:700}.preg-result{border-radius:var(--radius-xl);border:1px solid;transition:background .3s,border-color .3s;overflow:hidden}.preg-result__top{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem 1rem;display:flex}.preg-result__week-block{flex-direction:column;gap:.1rem;display:flex}.preg-result__week{font-family:Unbounded,sans-serif;font-size:2.8rem;font-weight:900;line-height:1}.preg-result__week-unit{margin-left:.2rem;font-size:1rem;font-weight:600}.preg-result__day{color:var(--text-muted);font-size:.8rem}.preg-result__trimester{margin-top:.2rem;font-size:.82rem;font-weight:700}.preg-result__right{text-align:right}.preg-result__due-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.68rem}.preg-result__due-date{font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:900;line-height:1.3}.preg-result__days-left{color:var(--text-label);margin-top:.2rem;font-size:.72rem}.preg-result__progress-wrap{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:1rem 1.4rem;display:flex}.preg-result__progress-label{color:var(--text-label);letter-spacing:.08em;white-space:nowrap;font-size:.65rem;font-weight:700}.preg-result__progress-bar{background:var(--bg-input);border-radius:50px;flex:1;height:6px;overflow:hidden}.preg-result__progress-fill{border-radius:50px;height:100%;transition:width .4s}.preg-result__progress-pct{color:var(--text-muted);white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700}.preg-result__scale-wrap{border-bottom:1px solid var(--border-subtle);padding:.75rem 1.4rem .5rem}.preg-result__section-label{color:var(--text-label);letter-spacing:.08em;margin-bottom:.5rem;font-size:.65rem;font-weight:700}.preg-scale-svg{display:block;overflow:visible}.preg-result__stats{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.preg-result__stat{border-right:1px solid var(--border-subtle);text-align:center;padding:.85rem 1rem}.preg-result__stat:last-child{border-right:none}.preg-result__stat-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.65rem}.preg-result__stat-value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.preg-result__next-milestone{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:.75rem;margin:1rem 1.4rem;padding:1rem 1.4rem;display:flex}.preg-result__next-emoji{flex-shrink:0;font-size:1.5rem}.preg-result__next-label{color:var(--text-heading);margin-bottom:.2rem;font-size:.78rem;font-weight:700}.preg-result__next-desc{color:var(--text-muted);font-size:.78rem;line-height:1.55}.preg-empty{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.preg-empty__icon{opacity:.4;font-size:3rem}.preg-empty__text{color:var(--text-muted);font-size:.9rem}.preg-disclaimer{border-radius:var(--radius-md);color:var(--text-label);background:#a78bfa0f;border:1px solid #a78bfa2e;gap:.6rem;padding:.85rem 1rem;font-size:.77rem;line-height:1.6;display:flex}@media (width<=1024px){.preg-calculator{grid-template-columns:1fr}.preg-right{position:static}}@media (width<=480px){.preg-mode{grid-template-columns:1fr}.preg-result__top{flex-direction:column}.preg-result__right{text-align:left}.preg-result__stats{grid-template-columns:1fr 1fr}.preg-result__stat:nth-child(2){border-right:none}.preg-result__stat:nth-child(3){border-right:none;border-top:1px solid var(--border-subtle);grid-column:1/-1}}.iw-calculator{grid-template-columns:1fr 1.3fr;align-items:start;gap:1.5rem;display:grid}.iw-left{flex-direction:column;gap:1rem;display:flex}.iw-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.iw-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.iw-panel__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.iw-panel__body{flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.iw-slider::-webkit-slider-thumb{background:var(--accent-primary)!important;box-shadow:0 2px 6px #4f8ef766!important}.iw-slider::-moz-range-thumb{background:var(--accent-primary)!important;box-shadow:0 2px 6px #4f8ef766!important}.iw-formulas{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.iw-formulas__title{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.iw-formulas__list{flex-direction:column;display:flex}.iw-formula-card{border-bottom:1px solid var(--border-subtle);transition:background var(--transition);border-left:3px solid #0000;padding:.85rem 1.25rem}.iw-formula-card:last-child{border-bottom:none}.iw-formula-card:hover{background:var(--bg-card)}.iw-formula-card__top{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;display:flex}.iw-formula-card__name{font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.iw-formula-card__author{color:var(--text-label);margin-top:.1rem;font-size:.7rem}.iw-formula-card__right{text-align:right;flex-shrink:0}.iw-formula-card__weight{font-family:Unbounded,sans-serif;font-size:1rem;font-weight:900}.iw-formula-card__diff{margin-top:.1rem;font-size:.72rem;font-weight:600}.iw-formula-card__desc{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;line-height:1.55}.iw-formula-card__range{color:var(--text-label);font-size:.7rem}.iw-result{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.iw-result__top{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem 1rem;display:flex}.iw-result__label{color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.iw-result__value{color:var(--accent-primary);font-family:Unbounded,sans-serif;font-size:2.6rem;font-weight:900;line-height:1}.iw-result__unit{font-size:1rem;font-weight:600}.iw-result__sub{color:var(--text-label);margin-top:.25rem;font-size:.72rem}.iw-result__diff-block{text-align:right}.iw-result__diff-label{color:var(--text-label);margin-bottom:.2rem;font-size:.68rem}.iw-result__current{color:var(--text-heading);margin-bottom:.3rem;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:700}.iw-result__diff-badge{border:1.5px solid;border-radius:50px;padding:.25rem .75rem;font-size:.82rem;font-weight:700;display:inline-block}.iw-result__bmi{border-bottom:1px solid var(--border-subtle);background:#4ade800a;justify-content:space-between;align-items:center;padding:.65rem 1.4rem;display:flex}.iw-result__bmi-label{color:var(--text-muted);font-size:.78rem}.iw-result__bmi-range{font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.iw-result__chart-wrap{border-bottom:1px solid var(--border-subtle);padding:1rem 1.4rem .5rem}.iw-result__section-label{color:var(--text-label);letter-spacing:.08em;margin-bottom:.6rem;font-size:.65rem;font-weight:700}.iw-chart-svg{display:block}.iw-result__table-wrap{padding:0 0 .5rem}.iw-table{border-collapse:collapse;width:100%;font-size:.82rem}.iw-table th{text-align:left;color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);padding:.55rem 1.25rem;font-size:.68rem;font-weight:700}.iw-table td{color:var(--text-body);border-top:1px solid var(--border-subtle);vertical-align:middle;padding:.55rem 1.25rem}.iw-table tbody tr:hover td{background:var(--bg-card)}.iw-table__avg-row td{background:var(--bg-section-alt);border-top:2px solid var(--border-subtle)!important}.iw-table__dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.iw-disclaimer{border-radius:var(--radius-md);color:var(--text-label);background:#4f8ef70f;border:1px solid #4f8ef72e;gap:.6rem;padding:.85rem 1rem;font-size:.77rem;line-height:1.6;display:flex}@media (width<=1024px){.iw-calculator{grid-template-columns:1fr}.iw-right{position:static}}@media (width<=480px){.iw-result__top{flex-direction:column}.iw-result__diff-block{text-align:left}}.water-calculator{grid-template-columns:1fr 1.2fr;align-items:start;gap:1.5rem;display:grid}.water-left{flex-direction:column;gap:1rem;display:flex}.water-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.water-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.water-panel__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700;display:flex}.water-panel__body{flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.water-slider::-webkit-slider-thumb{background:#60a5fa!important;box-shadow:0 2px 6px #60a5fa66!important}.water-slider::-moz-range-thumb{background:#60a5fa!important;box-shadow:0 2px 6px #60a5fa66!important}.water-section__label{color:var(--text-muted);margin-bottom:.6rem;font-size:.8rem;font-weight:700}.water-opts{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.water-opt{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.65rem .85rem;display:flex}.water-opt--active{color:var(--text-heading);background:#60a5fa1a;border-color:#60a5fa}.water-opt:not(.water-opt--active):hover{border-color:var(--border-hover);color:var(--text-heading)}.water-opt__icon{margin-bottom:.2rem;font-size:1.2rem;line-height:1}.water-opt__label{font-size:.82rem;font-weight:700;line-height:1.2}.water-opt__sub{color:var(--text-label);font-size:.68rem;line-height:1.2}.water-result{border-radius:var(--radius-xl);border:1px solid;transition:background .3s,border-color .3s;overflow:hidden}.water-result__top{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem 1rem;display:flex}.water-result__label{color:var(--text-label);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.25rem;font-size:.68rem;font-weight:700}.water-result__total{font-family:Unbounded,sans-serif;font-size:2.8rem;font-weight:900;line-height:1}.water-result__total-unit{margin-left:.15rem;font-size:1.2rem;font-weight:600}.water-result__ml{color:var(--text-label);margin-top:.25rem;font-size:.75rem}.water-result__right{text-align:right}.water-result__drinks-label{color:var(--text-label);margin-bottom:.2rem;font-size:.68rem}.water-result__drinks{font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900}.water-result__drinks-sub{color:var(--text-label);margin-top:.1rem;font-size:.72rem}.water-result__glass-wrap{border-bottom:1px solid var(--border-subtle);padding:.75rem 1.4rem .25rem}.water-glass-svg{display:block}.water-result__section-label{color:var(--text-label);letter-spacing:.08em;font-size:.65rem;font-weight:700}.water-breakdown{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.45rem;padding:0 1.4rem .75rem;display:flex}.water-breakdown__row{align-items:center;gap:.5rem;display:flex}.water-breakdown__row--zero{opacity:.4}.water-breakdown__icon{text-align:center;flex-shrink:0;width:18px;font-size:.9rem}.water-breakdown__label{color:var(--text-muted);flex-shrink:0;width:110px;font-size:.75rem}.water-breakdown__bar-wrap{background:var(--bg-input);border-radius:50px;flex:1;height:4px;overflow:hidden}.water-breakdown__bar{border-radius:50px;height:100%;transition:width .4s;display:block}.water-breakdown__value{text-align:right;flex-shrink:0;width:72px;font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700}.water-breakdown__total{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.25rem;padding:.5rem 0 0;font-size:.82rem;font-weight:700;display:flex}.water-schedule__list{flex-direction:column;gap:.3rem;padding:0 1.4rem 1.25rem;display:flex}.water-schedule__item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.6rem;padding:.35rem 0;display:flex}.water-schedule__item:last-child{border-bottom:none}.water-schedule__time{color:var(--text-label);flex-shrink:0;width:44px;font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700}.water-schedule__emoji{text-align:center;flex-shrink:0;width:20px;font-size:.9rem}.water-schedule__note{color:var(--text-muted);flex:1;font-size:.78rem}.water-schedule__ml{flex-shrink:0;font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700}.water-disclaimer{border-radius:var(--radius-md);color:var(--text-label);background:#60a5fa0f;border:1px solid #60a5fa2e;gap:.6rem;padding:.85rem 1rem;font-size:.77rem;line-height:1.6;display:flex}@media (width<=1024px){.water-calculator{grid-template-columns:1fr}.water-right{position:static}}@media (width<=600px){.water-opts{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.water-opts{grid-template-columns:1fr 1fr}}.cal-calculator{grid-template-columns:1fr 1.2fr;align-items:start;gap:1.5rem;display:grid}.cal-left{flex-direction:column;gap:1rem;display:flex}.cal-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.cal-activity-opt{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition);align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.cal-activity-opt--active{border-color:var(--cat-health-accent);color:var(--text-heading);background:#4ade8014}.cal-activity-opt:not(.cal-activity-opt--active):hover{border-color:var(--border-hover);color:var(--text-heading)}.cal-activity-opt__icon{text-align:center;flex-shrink:0;width:28px;font-size:1.25rem}.cal-activity-opt__text{flex-direction:column;flex:1;display:flex}.cal-activity-opt__label{font-size:.85rem;font-weight:700;line-height:1.2}.cal-activity-opt__sub{color:var(--text-label);margin-top:.1rem;font-size:.72rem}.cal-activity-opt__k{color:var(--text-label);flex-shrink:0;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700}.cal-activity-opt--active .cal-activity-opt__k{color:var(--cat-health-accent)}.cal-goal-opt{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:.75rem;padding:.65rem .9rem;font-size:1.25rem;line-height:1.2;display:flex}.cal-goal-opt:not([style*=border]):hover{border-color:var(--border-hover);color:var(--text-heading)}.cal-goal-opt__label{font-size:.85rem;font-weight:700;line-height:1.2}.cal-goal-opt__sub{opacity:.7;margin-top:.1rem;font-size:.7rem}.cal-norms{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.cal-norms__title{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.cal-norms__table{border-collapse:collapse;width:100%;font-size:.82rem}.cal-norms__table thead tr{border-bottom:1px solid var(--border-subtle)}.cal-norms__table th{text-align:left;color:var(--text-label);letter-spacing:.06em;text-transform:uppercase;padding:.6rem 1rem;font-size:.68rem;font-weight:700}.cal-norms__table td{color:var(--text-body);border-top:1px solid var(--border-subtle);vertical-align:middle;padding:.55rem 1rem}.cal-norms__table tbody tr:hover td{background:var(--bg-card)}.cal-result{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.cal-result__top{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;padding:1.25rem 1.4rem 1rem;display:flex}.cal-result__main{flex:1}.cal-result__label{color:var(--text-label);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.cal-result__calories{margin-bottom:.2rem;font-family:Unbounded,sans-serif;font-size:3rem;font-weight:900;line-height:1}.cal-result__unit{opacity:.7;margin-left:.3rem;font-size:1rem;font-weight:600}.cal-result__delta{min-height:1.2em;margin-top:.25rem;font-size:.8rem;font-weight:600}.cal-result__pie-wrap{flex-shrink:0;width:130px}.cal-pie-svg{width:100%;height:auto;display:block}.cal-result__section{border-bottom:1px solid var(--border-subtle);padding:1rem 1.4rem}.cal-result__section--scale{padding-bottom:.75rem}.cal-result__section-label{color:var(--text-label);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.85rem;font-size:.65rem;font-weight:700}.cal-nutrients{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.cal-nutrient{border-radius:var(--radius-lg);border:1px solid;flex-direction:column;gap:.15rem;padding:.75rem .75rem .65rem;transition:background .3s,border-color .3s;display:flex}.cal-nutrient__top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.cal-nutrient__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.cal-nutrient__pct{font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:900}.cal-nutrient__value{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.cal-nutrient__unit{color:var(--text-label);margin-bottom:.1rem;font-size:.68rem}.cal-nutrient__label{color:var(--text-heading);font-size:.82rem;font-weight:700}.cal-nutrient__sub{color:var(--text-label);margin-bottom:.45rem;font-size:.68rem}.cal-nutrient__bar-wrap{background:var(--bg-input);border-radius:50px;height:3px;margin-top:auto;overflow:hidden}.cal-nutrient__bar{border-radius:50px;height:100%;transition:width .4s}.cal-scale-svg{width:100%;height:auto;display:block;overflow:visible}.cal-result__metrics{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.cal-metric{border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);flex-direction:column;gap:.05rem;padding:.9rem 1rem;transition:border-color .3s;display:flex}.cal-metric:last-child{border-right:none}.cal-metric__label{letter-spacing:.1em;color:var(--text-label);text-transform:uppercase;margin-bottom:.2rem;font-size:.62rem;font-weight:700}.cal-metric__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.4rem;font-weight:900;line-height:1}.cal-metric__sub{color:var(--text-label);margin-bottom:.2rem;font-size:.68rem}.cal-metric__hint{color:var(--text-label);margin-top:.25rem;font-size:.68rem;line-height:1.4}.cal-goal-badge{border:1.5px solid;border-radius:50px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}@media (width<=1100px){.cal-calculator{grid-template-columns:1fr}.cal-right{position:static}}@media (width<=600px){.cal-nutrients{grid-template-columns:repeat(3,1fr);gap:.5rem}.cal-nutrient__value{font-size:1.2rem}.cal-result__calories{font-size:2.2rem}.cal-result__top{flex-direction:column;align-items:flex-start}.cal-result__pie-wrap{align-self:center;width:120px}.cal-result__metrics{grid-template-columns:repeat(3,1fr)}.cal-metric__value{font-size:1.1rem}}@media (width<=420px){.cal-nutrients{grid-template-columns:1fr 1fr 1fr;gap:.35rem}.cal-nutrient{padding:.6rem .55rem}.cal-nutrient__value{font-size:1rem}}.hr-calculator{grid-template-columns:1fr 1.25fr;align-items:start;gap:1.5rem;display:grid}.hr-left{flex-direction:column;gap:1rem;display:flex}.hr-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.hr-rest-hint{color:var(--text-label);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);padding:.6rem .85rem;font-size:.78rem;line-height:1.5}.hr-formula-opt{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;transition:all var(--transition);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.hr-formula-opt--active{color:var(--text-heading);background:#ef444412;border-color:#ef4444}.hr-formula-opt:not(.hr-formula-opt--active):hover{border-color:var(--border-hover);color:var(--text-heading)}.hr-formula-opt__label{font-size:.88rem;font-weight:700;line-height:1.2}.hr-formula-opt__sub{color:var(--text-label);margin-top:.1rem;font-size:.7rem}.hr-formula-opt--active .hr-formula-opt__sub{color:#ef444499}.hr-formula-opt__formula{color:var(--text-label);white-space:nowrap;flex-shrink:0;font-family:Unbounded,sans-serif;font-size:.7rem;font-weight:700}.hr-formula-opt--active .hr-formula-opt__formula{color:#ef4444}.hr-zones-list{flex-direction:column;gap:.6rem;display:flex}.hr-zone-card{border-radius:var(--radius-lg);border:1px solid;transition:background .3s,border-color .3s;overflow:hidden}.hr-zone-card__top{align-items:center;gap:.75rem;padding:.75rem 1rem .6rem;display:flex}.hr-zone-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;display:flex}.hr-zone-card__meta{flex:1}.hr-zone-card__sub{color:var(--text-label);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.hr-zone-card__name{color:var(--text-heading);margin-top:.05rem;font-size:.9rem;font-weight:700}.hr-zone-card__bpm{text-align:right;flex-shrink:0;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:900;line-height:1.1}.hr-zone-card__unit{opacity:.6;margin-top:.1rem;font-size:.6rem;font-weight:500;display:block}.hr-zone-card__body{flex-direction:column;gap:.3rem;padding:0 1rem .75rem;display:flex}.hr-zone-card__pct{border:1px solid;border-radius:50px;align-self:flex-start;margin-bottom:.1rem;padding:.15rem .6rem;font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700;display:inline-flex}.hr-zone-card__effect{color:var(--text-body);font-size:.78rem;line-height:1.5}.hr-zone-card__tip{color:var(--text-label);font-size:.72rem;line-height:1.4}.hr-zone-card__bar-wrap{background:var(--bg-input);height:3px;position:relative;overflow:hidden}.hr-zone-card__bar,.hr-zone-card__bar-inner{border-radius:50px;height:100%;transition:width .4s;position:absolute;top:0;left:0}.hr-result{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.hr-result__speedo{border-bottom:1px solid var(--border-subtle);justify-content:center;padding:1.25rem 1.4rem .5rem;display:flex}.hr-speedometer-svg{width:100%;max-width:320px;height:auto;display:block;overflow:visible}.hr-result__metrics{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.hr-metric{border-right:1px solid var(--border-subtle);flex-direction:column;gap:.05rem;padding:.9rem 1rem;display:flex}.hr-metric:last-child{border-right:none}.hr-metric__label{letter-spacing:.1em;color:var(--text-label);text-transform:uppercase;margin-bottom:.2rem;font-size:.62rem;font-weight:700}.hr-metric__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.hr-metric__sub{color:var(--text-label);margin-bottom:.2rem;font-size:.65rem}.hr-metric__hint{color:var(--text-label);margin-top:.2rem;font-size:.65rem;line-height:1.4}.hr-result__section{border-bottom:1px solid var(--border-subtle);padding:1rem 1.4rem .9rem}.hr-result__section:last-of-type{border-bottom:none}.hr-result__section-label{color:var(--text-label);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.85rem;font-size:.65rem;font-weight:700}.hr-scale-svg,.hr-bars-svg{width:100%;height:auto;display:block;overflow:visible}.hr-result__formula-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.75rem;display:flex}.hr-result__formula-label{color:var(--text-label);white-space:nowrap;font-weight:700}.hr-result__formula-text{color:var(--text-muted);font-family:Unbounded,sans-serif;font-size:.68rem}@media (width<=1100px){.hr-calculator{grid-template-columns:1fr}.hr-right{position:static}}@media (width<=600px){.hr-result__metrics{grid-template-columns:repeat(3,1fr)}.hr-metric__value{font-size:1.2rem}.hr-zone-card__bpm{font-size:.9rem}}@media (width<=420px){.hr-zone-card__top{gap:.5rem}.hr-result__formula-row{flex-direction:column;align-items:flex-start}}.risk-app{flex-direction:column;gap:1.25rem;display:flex}.risk-toolbar{z-index:20;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-canvas) 88%, transparent);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex;position:sticky;top:68px}.risk-nav{scrollbar-width:none;flex-wrap:nowrap;flex:1;gap:.15rem;overflow-x:auto;border-bottom:none!important;margin-top:0!important}.risk-nav::-webkit-scrollbar{display:none}.risk-nav .tool-mode-tab{white-space:nowrap;border-radius:var(--radius-md);border-bottom:2px solid #0000;padding:.55rem .95rem}.risk-nav .tool-mode-tab--active{background:var(--cat-health)}.risk-unit{align-items:center;gap:.5rem;display:flex}.risk-unit__label{color:var(--text-label);white-space:nowrap;font-size:.78rem}.risk-seg{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:3px;padding:3px;display:inline-flex}.risk-seg__btn{color:var(--text-muted);border-radius:calc(var(--radius-md) - 4px);cursor:pointer;transition:background var(--transition), color var(--transition);white-space:nowrap;background:0 0;border:none;flex:1;padding:.5rem .7rem;font-size:.82rem;font-weight:600}.risk-seg__btn:hover{color:var(--text-heading)}.risk-seg__btn--active{background:var(--cat-health-accent);color:#06281a;box-shadow:0 2px 8px #4ade8059}.risk-seg--sm .risk-seg__btn{padding:.4rem .7rem;font-size:.78rem}.risk-field{flex-direction:column;gap:.5rem;display:flex}.risk-field__label{color:var(--text-muted);font-size:.83rem;font-weight:500}.risk-field .risk-seg{display:flex}.risk-scale{border-radius:var(--radius-xl);background:var(--bg-canvas);border:1px solid var(--border-subtle);padding:1.5rem;scroll-margin-top:130px}.risk-scale__head{align-items:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.risk-scale__num{border-radius:var(--radius-md);border:1.5px solid;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:900;display:flex}.risk-scale__head-text{flex:1;min-width:0}.risk-scale__title{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.25}.risk-scale__sub{color:var(--text-muted);margin-top:.2rem;font-size:.83rem;line-height:1.45}.risk-scale__tag{white-space:nowrap;border:1px solid;border-radius:50px;flex-shrink:0;padding:.25rem .65rem;font-size:.7rem;font-weight:700}.risk-grid{grid-template-columns:1fr 1.05fr;align-items:start;gap:1.25rem;display:grid}.risk-toggles{flex-direction:column;gap:.5rem;display:flex}.risk-check{text-align:left;border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border-subtle);cursor:pointer;width:100%;transition:border-color var(--transition), background var(--transition);align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.risk-check:hover{border-color:var(--border-hover)}.risk-check--on{border-color:var(--cat-health-accent);background:#4ade8014}.risk-check__box{border:1.5px solid var(--border-hover);color:#06281a;width:22px;height:22px;transition:all var(--transition);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.risk-check--on .risk-check__box{background:var(--cat-health-accent);border-color:var(--cat-health-accent)}.risk-check__text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.risk-check__title{color:var(--text-heading);font-size:.86rem;font-weight:600;line-height:1.3}.risk-check__hint{color:var(--text-label);font-size:.74rem;line-height:1.35}.risk-check__pts{color:var(--text-label);opacity:.55;flex-shrink:0;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.risk-check--on .risk-check__pts{color:var(--cat-health-accent);opacity:1}.risk-result{border-radius:var(--radius-xl);border:1px solid;flex-direction:column;align-items:center;gap:.9rem;padding:1.4rem;transition:background .35s,border-color .35s;display:flex}.risk-gauge{width:100%;max-width:280px}.risk-gauge__svg{width:100%;height:auto;display:block;overflow:visible}.risk-gauge__num{font-family:Unbounded,sans-serif;font-size:32px;font-weight:900}.risk-gauge__suffix{opacity:.8;font-size:15px;font-weight:700}.risk-gauge__cap{fill:var(--text-label);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.risk-result__big{font-family:Unbounded,sans-serif;font-size:3rem;font-weight:900;line-height:1}.risk-result__band{border:1.5px solid;border-radius:50px;padding:.35rem 1rem;font-size:.85rem;font-weight:700}.risk-result__rate{border-radius:var(--radius-md);background:var(--bg-canvas);border:1px solid var(--border-subtle);text-align:center;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.65rem 1.1rem;display:flex}.risk-result__rate-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-label);font-size:.68rem;font-weight:600}.risk-result__rate-value{font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:900}.risk-result__scale{width:100%;color:var(--text-label);padding:.25rem 0}.risk-result__interp{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.65rem;width:100%;padding-top:.9rem;display:flex}.risk-result__interp-row{align-items:flex-start;gap:.6rem;display:flex}.risk-result__interp-icon{flex-shrink:0;margin-top:.05rem;font-size:1rem}.risk-result__interp-row p{color:var(--text-body);font-size:.84rem;line-height:1.55}.risk-zonekey{grid-template-columns:1fr 1fr;gap:.3rem .75rem;width:100%;padding-top:.4rem;display:grid}.risk-zonekey span{color:var(--text-label);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.risk-zonekey i{border-radius:50%;flex-shrink:0;width:9px;height:9px}.risk-breakdown{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.4rem;width:100%;padding-top:.85rem;display:flex}.risk-breakdown__row{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.risk-breakdown__label{color:var(--text-muted);flex:1}.risk-breakdown__dots{gap:.25rem;display:flex}.risk-breakdown__dots i{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50%;width:8px;height:8px}.risk-breakdown__dots i.on{background:var(--cat-health-accent);border-color:var(--cat-health-accent)}.risk-breakdown__pts{color:var(--text-heading);text-align:right;width:14px;font-family:Unbounded,sans-serif;font-weight:700}.risk-breakdown__total{border-top:1px dashed var(--border-subtle);color:var(--text-heading);justify-content:space-between;margin-top:.3rem;padding-top:.5rem;font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700;display:flex}.risk-readout{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.risk-readout__item{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);text-align:center;padding:.85rem}.risk-readout__label{color:var(--text-label);margin-bottom:.3rem;font-size:.72rem;display:block}.risk-readout__val{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.2rem;font-weight:900}.risk-readout__val small{color:var(--text-label);font-size:.65rem;font-weight:500}.risk-hint-block{color:var(--text-muted);font-size:.8rem;line-height:1.55}.risk-formula{border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-body);text-align:center;border:1px solid;padding:.7rem .9rem;font-size:.9rem}.risk-linscale{width:100%;height:auto;display:block;overflow:visible}@media (width<=900px){.risk-grid{grid-template-columns:1fr}.risk-toolbar{top:60px}}@media (width<=560px){.risk-scale{padding:1.1rem}.risk-scale__head{flex-wrap:wrap;gap:.6rem}.risk-scale__tag{order:3}.risk-toolbar{flex-direction:column;align-items:stretch}.risk-unit{justify-content:space-between}.risk-zonekey{grid-template-columns:1fr}}.risk-form{flex-direction:column;gap:1.25rem;display:flex}.risk-select{border-radius:var(--radius-md);background-color:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-heading);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color var(--transition), background-color var(--transition);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237D8FA3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right .8rem center;background-repeat:no-repeat;padding:.6rem 2.2rem .6rem .85rem;font-family:inherit;font-size:.86rem;line-height:1.3}.risk-select:hover{border-color:var(--border-hover)}.risk-select:focus{border-color:var(--cat-health-accent);background-color:var(--bg-canvas);outline:none}.risk-select option{background:var(--bg-canvas);color:var(--text-heading)}.risk-form .risk-field__label{line-height:1.45}.risk-breakdown__pts{white-space:nowrap;width:auto;min-width:14px}.load-select{border-radius:var(--radius-md);background-color:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-heading);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color var(--transition), box-shadow var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237D8FA3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding:.7rem 2.2rem .7rem .85rem;font-family:inherit;font-size:.9rem}.load-select:hover{border-color:var(--border-hover)}.load-select:focus{border-color:var(--cat-health-accent);outline:none;box-shadow:0 0 0 3px #4ade8026}.load-select option{background:var(--bg-card);color:var(--text-heading)}.load-select optgroup{background:var(--bg-card);color:var(--text-label);font-style:normal;font-weight:700}.tool-label--finance{background:var(--cat-finance);color:var(--cat-finance-accent);border:1px solid #34c4a040}.vat-root{flex-direction:column;gap:1.25rem;display:flex}.vat-tabs{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-wrap:wrap;gap:.5rem;padding:.35rem;display:flex}.vat-tab{border-radius:var(--radius-lg);min-width:120px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .9rem;font-family:Onest,sans-serif;font-size:.85rem;font-weight:600;display:flex}.vat-tab:hover:not(.vat-tab--active){background:var(--bg-card);color:var(--text-heading)}.vat-tab--active{background:var(--cat-finance);color:var(--cat-finance-accent);box-shadow:0 2px 8px #34c4a033}.vat-tab__icon{flex-shrink:0;font-size:1rem}.vat-tab__label{line-height:1.2}.vat-calculator{grid-template-columns:1fr 1.1fr;align-items:start;gap:1.5rem;display:grid}.vat-left{flex-direction:column;gap:1rem;display:flex}.vat-right{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.vat-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.vat-panel__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);align-items:center;gap:.6rem;padding:1rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700;display:flex}.vat-panel__icon{font-size:1.1rem}.vat-panel__body{flex-direction:column;gap:1.35rem;padding:1.25rem;display:flex}.vat-field{flex-direction:column;gap:.45rem;display:flex}.vat-field__label{color:var(--text-muted);font-size:.82rem;font-weight:600}.vat-field__input-wrap{align-items:center;display:flex;position:relative}.vat-input{border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-heading);transition:border-color var(--transition);-moz-appearance:textfield;outline:none;padding:.65rem 2.5rem .65rem .9rem;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:700}.vat-input::-webkit-inner-spin-button,.vat-input::-webkit-outer-spin-button{-webkit-appearance:none}.vat-input:focus{border-color:var(--cat-finance-accent);box-shadow:0 0 0 3px #34c4a01a}.vat-input__unit{color:var(--text-label);pointer-events:none;font-size:.8rem;font-weight:700;position:absolute;right:.8rem}.vat-toggle-group{gap:.5rem;display:flex}.vat-toggle-group--col{flex-direction:column}.vat-toggle-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition);text-align:left;flex:1;padding:.6rem .85rem;font-family:Onest,sans-serif;font-size:.88rem;font-weight:600}.vat-toggle-btn:hover:not(.vat-toggle-btn--active){border-color:var(--border-hover);color:var(--text-heading)}.vat-toggle-btn--active{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a01a}.vat-rate-group{flex-wrap:wrap;gap:.4rem;display:flex}.vat-rate-btn{border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition);border-radius:50px;padding:.4rem .85rem;font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700}.vat-rate-btn:hover:not(.vat-rate-btn--active){border-color:var(--border-hover);color:var(--text-heading)}.vat-rate-btn--active{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a026;box-shadow:0 0 0 3px #34c4a014}.vat-hint-box{border-radius:var(--radius-lg);background:var(--bg-canvas);border:1px solid var(--border-subtle);align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.vat-hint-box__icon{flex-shrink:0;margin-top:.05rem;font-size:1.1rem}.vat-hint-box__title{color:var(--cat-finance-accent);margin-bottom:.25rem;font-size:.8rem;font-weight:700}.vat-hint-box__text{color:var(--text-muted);font-size:.8rem;line-height:1.55}.vat-limit-bar{flex-direction:column;gap:.45rem;display:flex}.vat-limit-bar__header{justify-content:space-between;align-items:center;display:flex}.vat-limit-bar__label{color:var(--text-muted);font-size:.8rem;font-weight:600}.vat-limit-bar__pct{transition:color var(--transition);font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:800}.vat-limit-bar__track{background:var(--bg-input);border-radius:50px;height:8px;overflow:hidden}.vat-limit-bar__fill{border-radius:50px;min-width:2px;height:100%;transition:width .4s,background .3s}.vat-limit-bar__sub{color:var(--text-label);justify-content:space-between;font-size:.72rem;display:flex}.vat-alert{border-radius:var(--radius-md);color:var(--text-body);background:#f59e0b14;border:1px solid #f59e0b4d;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;font-size:.78rem;line-height:1.5;display:flex}.vat-alert__icon{flex-shrink:0;font-size:1rem}.vat-result-card{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.vat-result-card__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.vat-result-card__title{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700}.vat-result-card__badge{color:var(--cat-finance-accent);background:#34c4a01f;border:1px solid #34c4a04d;border-radius:50px;padding:.2rem .7rem;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:800}.vat-donut-wrap{border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1.25rem .75rem;display:flex}.vat-donut-svg{filter:drop-shadow(0 4px 16px #00000040);width:100%;max-width:200px;height:auto;display:block}.vat-legend{flex-direction:column;gap:.45rem;width:100%;display:flex}.vat-legend__item{align-items:center;gap:.55rem;font-size:.82rem;display:flex}.vat-legend__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.vat-legend__name{color:var(--text-body);flex:1;font-weight:500}.vat-legend__pct{color:var(--text-muted);font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700}.vat-rows{flex-direction:column;display:flex}.vat-row{border-top:1px solid var(--border-subtle);transition:background var(--transition);padding:.85rem 1.25rem}.vat-row:hover{background:var(--bg-card)}.vat-row--accent{border-left:3px solid #0000}.vat-row__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.vat-row__label{color:var(--text-muted);font-size:.8rem;font-weight:600}.vat-row__value{color:var(--text-heading);white-space:nowrap;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:900}.vat-row__words-row{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-top:.3rem;display:flex}.vat-row__words{color:var(--text-label);flex:1;font-size:.72rem;line-height:1.45}.vat-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:26px;height:26px;color:var(--text-label);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex}.vat-copy-btn:hover{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a014}.vat-copy-btn--done{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a026}.vat-disclaimer{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.78rem;line-height:1.5;display:flex}.vat-disclaimer>span:first-child{background:var(--bg-input);width:20px;height:20px;color:var(--text-label);border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-top:1px;font-size:.72rem;font-weight:700;line-height:1;display:flex}@media (width<=1100px){.vat-calculator{grid-template-columns:1fr}.vat-right{position:static}.vat-donut-svg{max-width:160px}}@media (width<=700px){.vat-tabs{gap:.35rem;padding:.3rem}.vat-tab{min-width:unset;gap:.3rem;padding:.5rem .65rem;font-size:.78rem}.vat-tab__icon{font-size:.9rem}}@media (width<=480px){.vat-tabs{flex-direction:column}.vat-tab{justify-content:flex-start}.vat-row__value{font-size:.9rem}.vat-toggle-group{flex-direction:column}}.sal-direction-bar{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sal-dir-btn{border-radius:var(--radius-xl);border:1.5px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-muted);cursor:pointer;text-align:left;transition:all var(--transition);align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.sal-dir-btn:hover:not(.sal-dir-btn--active){border-color:var(--border-hover);color:var(--text-heading)}.sal-dir-btn--active{border-color:var(--cat-finance-accent);color:var(--text-heading);background:#34c4a012;box-shadow:0 0 0 3px #34c4a014}.sal-dir-btn__icon{flex-shrink:0;font-size:1.5rem}.sal-dir-btn__title{color:var(--text-heading);margin-bottom:.15rem;font-size:.85rem;font-weight:700;line-height:1.2}.sal-dir-btn__sub{color:var(--text-label);font-size:.72rem;line-height:1.3}.sal-select{border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-heading);cursor:pointer;transition:border-color var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237D8FA3' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;outline:none;padding:.65rem 2.2rem .65rem .9rem;font-family:Onest,sans-serif;font-size:.95rem;font-weight:600}.sal-select:focus{border-color:var(--cat-finance-accent);box-shadow:0 0 0 3px #34c4a01a}.sal-field-hint{color:var(--text-label);margin-top:-.2rem;margin-bottom:.1rem;font-size:.72rem;line-height:1.4;display:block}.sal-checkbox-row{align-items:flex-start;display:flex}.sal-checkbox-label{cursor:pointer;align-items:flex-start;gap:.65rem;width:100%;display:flex}.sal-checkbox{border:1.5px solid var(--border-hover);background:var(--bg-input);cursor:pointer;width:18px;height:18px;accent-color:var(--cat-finance-accent);border-radius:5px;flex-shrink:0;margin-top:2px}.sal-checkbox-text{flex-direction:column;gap:.1rem;display:flex}.sal-checkbox-title{color:var(--text-heading);font-size:.88rem;font-weight:600}.sal-checkbox-sub{color:var(--text-label);font-size:.72rem;line-height:1.4}.sal-stepper{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input);align-items:center;gap:0;width:fit-content;display:flex;overflow:hidden}.sal-stepper__btn{width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.sal-stepper__btn:hover{background:var(--bg-card);color:var(--cat-finance-accent)}.sal-stepper__val{text-align:center;min-width:44px;color:var(--text-heading);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);padding:.5rem .25rem;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:900}.sal-deduct-block{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-section-alt);flex-direction:column;gap:.75rem;padding:.9rem;display:flex}.sal-deduct-block__title{color:var(--text-heading);font-size:.85rem;font-weight:700}.sal-deduct-block__fields{flex-direction:column;gap:.75rem;display:flex}.sal-deduct-info{color:var(--text-muted);border-radius:var(--radius-sm);border-left:2px solid var(--cat-finance-accent);background:#34c4a012;padding:.4rem .7rem;font-size:.78rem;line-height:1.5}.sal-deduct-info strong{color:var(--cat-finance-accent);font-weight:700}.sal-row__label-wrap{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.sal-badge{white-space:nowrap;border:1px solid;border-radius:50px;padding:.1rem .5rem;font-family:Unbounded,sans-serif;font-size:.65rem;font-weight:700}.sal-donut-svg{filter:drop-shadow(0 4px 16px #00000040);width:100%;max-width:200px;height:auto;display:block}.sal-section-divider{background:var(--bg-section-alt);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);letter-spacing:.07em;text-transform:uppercase;color:var(--text-label);align-items:center;gap:.75rem;padding:.7rem 1.25rem;font-size:.72rem;font-weight:700;display:flex}.sal-bars-wrap{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:0;padding:.5rem 1.25rem .75rem;display:flex}.sal-bar-row{border-bottom:1px solid var(--border-subtle);padding:.65rem 0}.sal-bar-row:last-child{border-bottom:none}.sal-bar-row__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.sal-bar-row__left{flex:1;align-items:center;gap:.5rem;display:flex}.sal-bar-row__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sal-bar-row__label{color:var(--text-body);font-size:.82rem;font-weight:600;line-height:1.2;display:block}.sal-bar-row__sub{color:var(--text-label);font-size:.68rem;display:block}.sal-bar-row__value{white-space:nowrap;flex-shrink:0;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:800}.sal-bar-row__track{background:var(--bg-input);border-radius:50px;height:6px;margin-bottom:.2rem;overflow:hidden}.sal-bar-row__fill{border-radius:50px;min-width:2px;height:100%;transition:width .4s}.sal-bar-row__pct{color:var(--text-label);font-size:.65rem}.sal-employer-total{flex-direction:column;gap:.3rem;padding:1rem 1.25rem 1.1rem;display:flex}.sal-employer-total__label{color:var(--text-label);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.1rem;font-size:.7rem;font-weight:700}.sal-employer-total__row{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.sal-employer-total__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.6rem;font-weight:900;line-height:1}.sal-employer-total__overpay{color:var(--text-label);font-size:.78rem;font-weight:600}.sal-employer-total__words{color:var(--text-label);margin-top:.1rem;font-size:.72rem;line-height:1.45}.sal-employer-total__copy{gap:.4rem;margin-top:.35rem;padding:.4rem .85rem;font-size:.78rem;font-weight:600;border-radius:var(--radius-md)!important;width:auto!important;height:auto!important}@media (width<=900px){.sal-direction-bar{grid-template-columns:1fr;gap:.5rem}}@media (width<=600px){.sal-dir-btn{padding:.75rem .9rem}.sal-dir-btn__icon{font-size:1.2rem}.sal-employer-total__value{font-size:1.25rem}}.cc-root{flex-direction:column;gap:1.25rem;display:flex}.cc-header-bar{border-radius:var(--radius-lg);background:var(--bg-canvas);border:1px solid var(--border-subtle);color:var(--text-body);flex-wrap:wrap;align-items:center;gap:.65rem;padding:.65rem 1rem;font-size:.84rem;display:flex}.cc-header-bar__icon{flex-shrink:0;font-size:1.05rem}.cc-header-bar__text{flex:1;min-width:0}.cc-header-bar__text strong{color:var(--cat-finance-accent);font-weight:700}.cc-header-bar__hint{color:var(--text-label);white-space:nowrap;font-size:.72rem}.cc-stale-badge{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;margin-left:.5rem;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.cc-pairs{flex-wrap:wrap;gap:.4rem;display:flex}.cc-pair-btn{border:1.5px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:50px;padding:.35rem .85rem;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.cc-pair-btn:hover:not(.cc-pair-btn--active){border-color:var(--border-hover);color:var(--text-heading)}.cc-pair-btn--active{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a01f;box-shadow:0 0 0 3px #34c4a014}.cc-select-wrap{flex-direction:column;gap:.45rem;display:flex}.cc-select-inner{align-items:center;display:flex;position:relative}.cc-select-flag{pointer-events:none;z-index:1;font-size:1.2rem;line-height:1;position:absolute;left:.75rem}.cc-select{border-radius:var(--radius-md);background:var(--bg-input);border:1.5px solid var(--border-subtle);width:100%;color:var(--text-heading);cursor:pointer;transition:border-color var(--transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237D8FA3' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-color:var(--bg-input);outline:none;padding:.65rem 2.2rem .65rem 2.7rem;font-family:Onest,sans-serif;font-size:.9rem;font-weight:600}.cc-select:focus{border-color:var(--cat-finance-accent);box-shadow:0 0 0 3px #34c4a01a}.cc-swap-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cc-swap-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-items:center;gap:.45rem;padding:.5rem .9rem;font-family:Onest,sans-serif;font-size:.82rem;font-weight:600;display:flex}.cc-swap-btn:hover{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a012}.cc-rate-badge{color:var(--text-label);background:var(--bg-section-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);white-space:nowrap;text-overflow:ellipsis;padding:.35rem .7rem;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700;overflow:hidden}.cc-input-result{color:var(--accent-primary)!important;border-color:#4f8ef759!important}.cc-input-result:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #4f8ef71a!important}.cc-donut-section{justify-content:center;padding:1.25rem 1.25rem .5rem;display:flex}.cc-donut-wrap{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.cc-donut-svg{filter:drop-shadow(0 4px 16px #00000040);width:100%;max-width:200px;height:auto;display:block}.cc-donut-legend{justify-content:center;gap:1.25rem;display:flex}.cc-donut-leg-item{align-items:center;gap:.4rem;font-size:.78rem;display:flex}.cc-donut-leg-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cc-donut-leg-code{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700}.cc-donut-leg-pct{color:var(--text-label);font-size:.72rem}.cc-reverse-rate{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 1.25rem;display:flex}.cc-reverse-rate__label{color:var(--text-label);font-size:.78rem;font-weight:500}.cc-reverse-rate__value{color:var(--text-body);text-align:right;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.cc-mini-table-card{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.cc-mini-table-card__header{border-bottom:1px solid var(--border-subtle);color:var(--text-heading);padding:.85rem 1.25rem;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.cc-mini-table{flex-direction:column;display:flex}.cc-mini-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;border:none;border-bottom:1px solid var(--border-subtle);text-align:left;transition:background var(--transition);background:0 0;align-items:center;gap:.65rem;width:100%;padding:.65rem 1.25rem;display:flex}.cc-mini-row:last-child{border-bottom:none}.cc-mini-row:hover{background:var(--bg-section-alt)}.cc-mini-row__flag{flex-shrink:0;font-size:1.1rem}.cc-mini-row__code{color:var(--text-heading);min-width:36px;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700}.cc-mini-row__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.cc-mini-row__rate{color:var(--cat-finance-accent);white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:800}.cc-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.88rem;display:flex}.cc-loading__spinner{border:2.5px solid var(--border-subtle);border-top-color:var(--cat-finance-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite cc-spin}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-hero-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--bg-card) 97%, var(--cat-finance-accent)), var(--bg-card));min-width:260px;max-width:300px;padding:1rem 1.25rem .75rem}.cc-hero-svg{width:100%;max-width:260px;height:auto;display:block}.cc-coin--left{animation:3.2s ease-in-out infinite cc-float}.cc-coin--right{animation:3.2s ease-in-out 1.6s infinite cc-float}@keyframes cc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cc-arrows{animation:2s ease-in-out infinite cc-pulse}@keyframes cc-pulse{0%,to{opacity:1}50%{opacity:.65}}.cc-particle{animation:2.5s ease-in-out infinite cc-sparkle}.cc-particle--delay1{animation-delay:.6s}.cc-particle--delay2{animation-delay:1.2s}.cc-particle--delay3{animation-delay:1.8s}@keyframes cc-sparkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(.5)}}@media (width<=900px){.cc-swap-row{flex-direction:column;align-items:stretch}.cc-rate-badge{text-align:center}}@media (width<=600px){.cc-pairs{gap:.3rem}.cc-pair-btn{padding:.3rem .65rem;font-size:.72rem}.cc-header-bar{flex-direction:column;align-items:flex-start;gap:.3rem}.cc-hero-visual{display:none}.cc-reverse-rate{flex-direction:column;align-items:flex-start;gap:.2rem}}.crt-root{flex-direction:column;gap:1.25rem;display:flex}.crt-top-bar{grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;display:grid}.crt-leaders{flex-shrink:0;gap:.75rem;display:flex}.crt-leader-card{border-radius:var(--radius-lg);background:var(--bg-canvas);border:1.5px solid var(--border-subtle);min-width:130px;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;display:flex}.crt-leader-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.crt-leader-card__top{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.crt-leader-card__flag{font-size:1.4rem;line-height:1}.crt-leader-card__label{letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.crt-leader-card__code{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900;line-height:1}.crt-leader-card__name{color:var(--text-label);font-size:.7rem;line-height:1.3}.crt-leader-card__rate{margin-top:.2rem;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:800;line-height:1}.crt-leader-card__rub{opacity:.7;font-size:.8rem}.crt-amount-block{border-radius:var(--radius-lg);background:var(--bg-canvas);border:1px solid var(--border-subtle);flex-direction:column;gap:.55rem;padding:1rem 1.25rem;display:flex}.crt-amount-block__label{color:var(--text-muted);font-size:.82rem;font-weight:600}.crt-amount-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.crt-amount-input-wrap{max-width:180px}.crt-amount-input{max-width:160px}.crt-quick-amounts{flex-wrap:wrap;gap:.4rem;display:flex}.crt-amount-block__hint{color:var(--text-label);font-size:.72rem}.crt-heatmap-legend{border-radius:var(--radius-md);background:var(--bg-canvas);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.55rem 1rem;display:flex}.crt-heatmap-legend__scale{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.crt-heatmap-legend__label{font-size:.72rem;font-weight:700}.crt-heatmap-legend__bar{border:1px solid var(--border-subtle);background:linear-gradient(90deg,#f871718c,#ffffff0d,#34c4a08c);border-radius:50px;width:100px;height:8px}.crt-heatmap-legend__note{color:var(--text-label);font-size:.72rem}.crt-table-wrap{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-canvas);overflow:hidden}.crt-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.crt-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:700px}.crt-th{background:var(--bg-section-alt);border:1px solid var(--border-subtle);text-align:center;transition:background var(--transition);padding:0;font-weight:600}.crt-th--corner{vertical-align:middle;z-index:2;background:var(--bg-section-alt);width:130px;min-width:130px;position:sticky;left:0}.crt-th--head{width:90px;min-width:90px;padding:.5rem .25rem}.crt-th--row{text-align:left;z-index:1;background:var(--bg-section-alt);width:130px;min-width:130px;padding:.5rem .75rem;position:sticky;left:0}.crt-th--hover{background:color-mix(in srgb, var(--bg-section-alt) 70%, var(--cat-finance-accent))!important}.crt-corner{flex-direction:column;align-items:center;gap:0;padding:.5rem .6rem;display:flex;position:relative}.crt-corner__pay,.crt-corner__get{color:var(--text-label);letter-spacing:.03em;white-space:nowrap;font-size:.65rem;font-weight:600}.crt-corner__pay{align-self:flex-start}.crt-corner__get{align-self:flex-end}.crt-corner__divider{background:linear-gradient(to right, transparent, var(--border-subtle), transparent);width:100%;height:1px;margin:.25rem 0}.crt-th__inner{flex-direction:column;align-items:center;gap:.15rem;display:flex}.crt-th--row .crt-th__inner{flex-direction:row;align-items:center;gap:.5rem}.crt-th__flag{font-size:1.15rem;line-height:1}.crt-th__code{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:800}.crt-th__sym{color:var(--text-label);font-size:.62rem}.crt-th__row-text{flex-direction:column;gap:.05rem;min-width:0;display:flex}.crt-th__name{color:var(--text-label);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.62rem;overflow:hidden}.crt-tr{transition:background var(--transition)}.crt-tr--hover .crt-th--row{background:color-mix(in srgb, var(--bg-section-alt) 70%, var(--cat-finance-accent))!important}.crt-td{border:1px solid var(--border-subtle);vertical-align:middle;cursor:pointer;transition:background var(--transition), transform var(--transition);text-align:center;padding:0;position:relative}.crt-td:hover:not(.crt-td--diag){box-shadow:inset 0 0 0 2px var(--cat-finance-accent);z-index:1}.crt-td--diag{cursor:default;background:var(--bg-input)!important}.crt-td--highlight:not(.crt-td--diag){box-shadow:inset 0 0 0 1px #34c4a040}.crt-td__diag{text-align:center;color:var(--border-hover);padding:.65rem .4rem;font-size:1.1rem;font-weight:300;display:block}.crt-td__inner{flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .35rem;display:flex;position:relative}.crt-td__amount{transition:color var(--transition);font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:800;line-height:1.2}.crt-td__rate{color:var(--text-label);white-space:nowrap;font-size:.6rem}.crt-td__arrow{color:var(--cat-finance-accent);opacity:0;transition:opacity var(--transition);font-size:.6rem;position:absolute;top:3px;right:4px}.crt-td:hover .crt-td__arrow{opacity:1}.crt-rub-row-wrap{border-radius:var(--radius-xl);background:var(--bg-canvas);border:1px solid var(--border-subtle);flex-direction:column;gap:.65rem;padding:1rem 1.25rem;display:flex}.crt-rub-row__title{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:flex}.crt-rub-row__flag{font-size:1rem}.crt-rub-row{flex-wrap:wrap;gap:.5rem;display:flex}.crt-rub-card{border-radius:var(--radius-md);border:1.5px solid var(--border-subtle);background:var(--bg-input);cursor:pointer;transition:all var(--transition);flex-direction:column;align-items:center;gap:.15rem;min-width:72px;padding:.6rem .75rem;display:flex;position:relative}.crt-rub-card:hover{border-color:var(--cat-finance-accent);box-shadow:var(--shadow-card);background:#34c4a012;transform:translateY(-2px)}.crt-rub-card__flag{font-size:1.25rem;line-height:1}.crt-rub-card__code{color:var(--text-label);font-family:Unbounded,sans-serif;font-size:.65rem;font-weight:800}.crt-rub-card__rate{font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:900;line-height:1.1}.crt-rub-card__trend{position:absolute;top:4px;right:4px}.crt-hero-svg{animation:.6s both crt-appear}@keyframes crt-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.crt-hero-pulse{animation:2s ease-in-out infinite crt-pulse}@keyframes crt-pulse{0%,to{opacity:1;stroke-width:1.5px}50%{opacity:.4;stroke-width:2.5px}}@media (width<=900px){.crt-top-bar{grid-template-columns:1fr}.crt-leaders{justify-content:flex-start}}@media (width<=600px){.crt-leaders{flex-direction:row;gap:.5rem}.crt-leader-card{flex:1;min-width:0;padding:.7rem .75rem}.crt-leader-card__code{font-size:.9rem}.crt-leader-card__rate{font-size:.88rem}.crt-rub-row{gap:.35rem}.crt-rub-card{min-width:60px;padding:.5rem}.crt-heatmap-legend{flex-direction:column;align-items:flex-start;gap:.5rem}.crt-amount-input-wrap,.crt-amount-input{max-width:100%}}.mtg-hero-svg{animation:.6s both mtg-appear;overflow:visible}@keyframes mtg-appear{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.mtg-hero-pulse{animation:3s ease-in-out infinite mtg-pulse}@keyframes mtg-pulse{0%,to{opacity:1;stroke-width:1.8px}50%{opacity:.45;stroke-width:2.8px}}.mtg-hero-tabs-hint{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.65rem;margin-top:2rem;padding:1.25rem 0 .5rem;display:flex}.mtg-hero-tab-chip{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);transition:all var(--transition);cursor:default;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:500;display:flex}.mtg-hero-tab-chip--active{color:var(--cat-finance-accent);background:#34c4a014;border-color:#34c4a059;font-weight:600}.mtg-row-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mtg-down-pct{color:var(--cat-finance-accent);margin-left:.2rem;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:800}.mtg-down-bar{background:var(--bg-input);border-radius:50px;height:4px;margin-top:.4rem;overflow:hidden}.mtg-down-bar__fill{background:linear-gradient(90deg, var(--cat-finance-accent), #34d399);border-radius:50px;min-width:2px;height:100%;transition:width .35s}.mtg-loan-badge{border-radius:var(--radius-md);background:#34c4a00f;border:1.5px solid #34c4a038;align-items:baseline;gap:.65rem;padding:.7rem 1rem;display:flex}.mtg-loan-badge__value{color:var(--cat-finance-accent);font-family:Unbounded,sans-serif;font-size:1.2rem;font-weight:900;line-height:1}.mtg-loan-badge__label{color:var(--text-label);font-size:.75rem;font-weight:500}.mtg-row-sub{color:var(--text-label);margin-top:.2rem;font-size:.72rem;line-height:1.4}.mtg-chart-wrap{flex-direction:column;gap:.6rem;display:flex}.mtg-chart-legend{flex-wrap:wrap;align-items:center;gap:.65rem;padding:0 .5rem;display:flex}.mtg-chart-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.mtg-chart-lbl{color:var(--text-muted);margin-right:.5rem;font-size:.75rem;font-weight:500}.mtg-chart-svg{border-radius:var(--radius-md);background:var(--bg-section-alt);width:100%;height:auto;min-height:100px;display:block}.mtg-schedule-wrap{flex-direction:column;display:flex}.mtg-schedule-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.mtg-schedule-table{border-collapse:collapse;width:100%;min-width:480px;font-size:.82rem}.mtg-th{text-align:right;letter-spacing:.05em;text-transform:uppercase;color:var(--text-label);background:var(--bg-section-alt);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.65rem .85rem;font-size:.72rem;font-weight:700}.mtg-th:first-child{text-align:center}.mtg-tr{transition:background var(--transition)}.mtg-tr:hover{background:var(--bg-card)}.mtg-tr:nth-child(2n){background:#00000005}.mtg-tr:nth-child(2n):hover{background:var(--bg-card)}.mtg-td{text-align:right;border-bottom:1px solid var(--border-subtle);color:var(--text-body);white-space:nowrap;padding:.55rem .85rem}.mtg-td--num{text-align:center;color:var(--text-label);width:40px;font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700}.mtg-td--total{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:800}.mtg-td--princ,.mtg-td--int{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.mtg-td-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mtg-td--bal{color:var(--text-muted);font-size:.78rem}.mtg-show-all-btn{border:none;border-top:1px solid var(--border-subtle);background:var(--bg-section-alt);width:100%;color:var(--accent-primary);cursor:pointer;transition:all var(--transition);text-align:center;padding:.75rem 1rem;font-family:Onest,sans-serif;font-size:.85rem;font-weight:600}.mtg-show-all-btn:hover{color:var(--cat-finance-accent);background:#34c4a00f}.mtg-compare-cards{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.mtg-compare-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-section-alt);flex-direction:column;flex:1;gap:.2rem;padding:.75rem;display:flex}.mtg-compare-card--after{background:#34c4a00d;border-color:#34c4a04d}.mtg-compare-card__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-label);font-size:.68rem;font-weight:700}.mtg-compare-card__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900;line-height:1.1}.mtg-compare-card__sub{color:var(--text-muted);font-size:.72rem;font-weight:500}.mtg-compare-arrow{color:var(--cat-finance-accent);opacity:.7;flex-shrink:0;font-size:1.4rem}@media (width<=900px){.mtg-row-2{grid-template-columns:1fr;gap:.65rem}.mtg-hero-tabs-hint{gap:.45rem}.mtg-hero-tab-chip{padding:.35rem .75rem;font-size:.75rem}}@media (width<=600px){.mtg-compare-cards{flex-direction:column;gap:.5rem}.mtg-compare-card{width:100%}.mtg-compare-arrow{transform:rotate(90deg)}.mtg-loan-badge__value{font-size:1rem}.mtg-schedule-table{min-width:400px}.mtg-hero-tabs-hint{display:none}}.erc-strategy-bar{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;display:flex}.erc-strategy-label{color:var(--text-heading);white-space:nowrap;font-size:.82rem;font-weight:600}.erc-strategy-hint{color:var(--text-label);flex:1;min-width:180px;font-size:.75rem}.erc-curr-payment{border-radius:var(--radius-md);background:var(--bg-section-alt);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.erc-curr-payment__label{color:var(--text-label);font-size:.8rem;font-weight:500}.erc-curr-payment__value{color:var(--cat-finance-accent);font-family:Unbounded,sans-serif;font-size:1rem;font-weight:900}.erc-extra-row{border-radius:var(--radius-md);background:var(--bg-section-alt);border:1px solid var(--border-subtle);transition:border-color var(--transition);grid-template-columns:24px 1fr auto;align-items:start;gap:.6rem;margin-bottom:.6rem;padding:.75rem;display:grid}.erc-extra-row:hover{border-color:var(--border-hover)}.erc-extra-row__num{width:24px;height:24px;color:var(--cat-finance-accent);background:#34c4a01f;border:1px solid #34c4a040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1.6rem;font-size:.72rem;font-weight:800;display:flex}.erc-extra-row__fields{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.erc-extra-remove{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-label);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1.5rem;font-size:.75rem;display:flex}.erc-extra-remove:hover{color:#f87171;background:#f871711a;border-color:#f87171}.erc-add-btn{border-radius:var(--radius-md);border:1.5px dashed var(--border-hover);width:100%;color:var(--cat-finance-accent);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.65rem 1rem;font-family:Onest,sans-serif;font-size:.85rem;font-weight:600;display:flex}.erc-add-btn:hover{border-color:var(--cat-finance-accent);background:#34c4a00f}.erc-extras-total{border-radius:var(--radius-md);background:#a78bfa14;border:1px solid #a78bfa33;justify-content:space-between;align-items:center;margin-top:-.25rem;padding:.6rem .9rem;display:flex}.erc-extras-total__label{color:var(--text-label);font-size:.8rem;font-weight:500}.erc-extras-total__value{color:#a78bfa;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:900}.erc-empty-hint{color:var(--text-label);text-align:center;border-radius:var(--radius-md);background:var(--bg-section-alt);border:1px dashed var(--border-subtle);margin-bottom:.75rem;padding:.75rem;font-size:.83rem;line-height:1.6}.erc-scenario-wrap{align-items:center;gap:.6rem;padding:1rem 1.25rem 1.25rem;display:flex}.erc-scenario-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-section-alt);flex-direction:column;flex:1;gap:.45rem;padding:.85rem;display:flex}.erc-scenario-card--after{background:#34c4a00a;border-color:#34c4a04d}.erc-scenario-card__badge{letter-spacing:.07em;text-transform:uppercase;color:var(--text-label);margin-bottom:.2rem;font-size:.68rem;font-weight:700}.erc-scenario-card--after .erc-scenario-card__badge{color:var(--cat-finance-accent)}.erc-scenario-card__row{justify-content:space-between;align-items:baseline;gap:.3rem;display:flex}.erc-scenario-card__key{color:var(--text-label);font-size:.74rem}.erc-scenario-card__val{color:var(--text-heading);text-align:right;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:800}.erc-green{color:var(--cat-finance-accent)!important}.erc-scenario-arrow{flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.erc-scenario-arrow__label{color:var(--cat-finance-accent);white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.68rem;font-weight:800}.erc-chart-wrap{flex-direction:column;gap:.5rem;display:flex}.erc-chart-legend{flex-wrap:wrap;align-items:center;gap:.6rem;padding:0 .5rem;display:flex}.mtg-tr--extra{background:#a78bfa0f!important}.mtg-tr--extra .mtg-td--num{color:#a78bfa}.mtg-td-extra-badge{margin-right:2px;font-size:.7rem}@media (width<=900px){.erc-strategy-bar{flex-direction:column;align-items:flex-start;gap:.65rem}.erc-extra-row__fields{grid-template-columns:1fr;gap:.4rem}}@media (width<=640px){.erc-scenario-wrap{flex-direction:column;padding:.75rem}.erc-scenario-card{width:100%}.erc-scenario-arrow{flex-direction:row;gap:.5rem}.erc-scenario-arrow svg{transform:rotate(90deg)}}.ref-rate-diff{border-radius:var(--radius-lg);background:var(--bg-section-alt);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.ref-rate-diff__item{flex-direction:column;flex:1;gap:.15rem;min-width:60px;display:flex}.ref-rate-diff__item--old{opacity:.65}.ref-rate-diff__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-label);font-size:.68rem;font-weight:700}.ref-rate-diff__val{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.4rem;font-weight:900;line-height:1}.ref-rate-diff__arrow{flex-shrink:0;align-items:center;display:flex}.ref-rate-diff__delta{white-space:nowrap;background:#34c4a01a;border:1px solid #34c4a040;border-radius:50px;margin-left:auto;padding:.25rem .65rem;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:800}.ref-costs-total{border-radius:var(--radius-md);background:#f871710f;border:1px solid #f8717133;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.ref-costs-total__label{color:var(--text-label);font-size:.8rem;font-weight:500}.ref-costs-total__value{color:#f87171;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:900}.ref-verdict{border-radius:var(--radius-xl);background:var(--bg-canvas);border:1.5px solid;border-color:var(--border-subtle);align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;display:flex}.ref-verdict__icon{flex-shrink:0;margin-top:.05rem;font-size:1.5rem;line-height:1}.ref-verdict__body{flex-direction:column;gap:.3rem;display:flex}.ref-verdict__title{font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:800;line-height:1.2}.ref-verdict__text{color:var(--text-body);font-size:.8rem;line-height:1.55}.ref-payment-compare{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.ref-payment-row{grid-template-columns:110px 1fr auto;align-items:center;gap:.75rem;display:grid}.ref-payment-row__label{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:600}.ref-payment-row__bar-wrap{background:var(--bg-input);border-radius:50px;height:8px;overflow:hidden}.ref-payment-row__bar{border-radius:50px;min-width:4px;height:100%;transition:width .5s}.ref-payment-row__val{color:var(--text-heading);white-space:nowrap;text-align:right;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:900}.ref-breakeven{flex-direction:column;gap:.5rem;display:flex}.ref-breakeven__header{justify-content:space-between;align-items:center;display:flex}.ref-breakeven__label{color:var(--text-muted);font-size:.8rem;font-weight:600}.ref-breakeven__val{font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:800}.ref-breakeven__track{background:var(--bg-input);border-radius:50px;height:10px;position:relative;overflow:visible}.ref-breakeven__fill{background:linear-gradient(90deg, var(--cat-finance-accent), #34d399);border-radius:50px;min-width:4px;max-width:100%;height:100%;transition:width .5s;position:absolute;top:0;left:0}.ref-breakeven__marker{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:-3px;transform:translate(-50%)}.ref-breakeven__marker-dot{background:var(--cat-finance-accent);border:2.5px solid var(--bg-canvas);border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 2px #34c4a04d}.ref-breakeven__marker-label{color:var(--cat-finance-accent);white-space:nowrap;background:var(--bg-canvas);padding:0 2px;font-size:.62rem;font-weight:700}.ref-breakeven__sub{color:var(--text-label);justify-content:space-between;margin-top:.35rem;font-size:.7rem;display:flex}@media (width<=768px){.ref-rate-diff{gap:.5rem}.ref-rate-diff__val{font-size:1.1rem}.ref-payment-row{grid-template-columns:90px 1fr auto;gap:.5rem}.ref-payment-row__label{font-size:.72rem}.ref-payment-row__val{font-size:.8rem}}@media (width<=480px){.ref-payment-row{grid-template-columns:80px 1fr auto;gap:.4rem}.ref-verdict{flex-direction:column;gap:.5rem}.ref-rate-diff__val{font-size:1rem}}.tc-destinations{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.tc-destinations__label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:600}.tc-destinations__chips{flex-wrap:wrap;gap:.45rem;display:flex}.tc-dest-chip{border:1px solid var(--border-subtle);background:var(--bg-section-alt);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:50px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:500;display:flex}.tc-dest-chip:hover{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a00f}.tc-dest-chip--active{color:var(--cat-finance-accent);background:#34c4a01a;border-color:#34c4a066;font-weight:700}.tc-rate-badge{border-radius:var(--radius-md);background:var(--bg-section-alt);border:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.2rem 1rem;padding:.65rem .9rem;display:grid}.tc-rate-badge__label{color:var(--text-label);align-self:end;font-size:.72rem;font-weight:500}.tc-rate-badge__val{color:var(--text-heading);text-align:right;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:800}.tc-rate-badge__val--markup{color:var(--cat-finance-accent)}.tc-panel-unit{color:var(--cat-finance-accent);background:#34c4a01a;border:1px solid #34c4a033;border-radius:50px;margin-left:auto;padding:.15rem .5rem;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:800}.tc-categories{flex-direction:column;gap:.3rem;padding:.5rem 0;display:flex}.tc-cat-row{border-radius:var(--radius-md);background:var(--bg-section-alt);border:1px solid var(--border-subtle);transition:all var(--transition);grid-template-columns:28px 28px 1fr auto;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .5rem;display:grid;position:relative;overflow:hidden}.tc-cat-row:hover{border-color:var(--border-hover)}.tc-cat-row--off{opacity:.5}.tc-cat-stripe{width:3px;transition:background var(--transition);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0}.tc-cat-toggle{border:1.5px solid var(--border-hover);width:22px;height:22px;color:var(--cat-finance-accent);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.tc-cat-toggle:hover{border-color:var(--cat-finance-accent);background:#34c4a014}.tc-cat-check{line-height:1}.tc-cat-icon{text-align:center;flex-shrink:0;font-size:1.1rem}.tc-cat-body{flex-direction:column;gap:.05rem;min-width:0;display:flex}.tc-cat-label{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.tc-cat-rub{color:var(--cat-finance-accent);font-size:.68rem;font-weight:600}.tc-cat-input-wrap{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.tc-cat-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-canvas);width:80px;color:var(--text-heading);text-align:right;transition:border-color var(--transition);padding:.3rem .5rem;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700}.tc-cat-input:focus{border-color:var(--cat-finance-accent);outline:none}.tc-cat-input--off{opacity:.4;pointer-events:none}.tc-cat-unit{color:var(--text-label);white-space:nowrap;flex-shrink:0;font-size:.68rem}.tc-presets{flex-direction:column;gap:.75rem;display:flex}.tc-preset-group__label{color:var(--text-muted);margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.tc-preset-btns{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.tc-preset-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-section-alt);color:var(--text-muted);cursor:pointer;transition:all var(--transition);text-align:center;padding:.55rem .4rem;font-family:Onest,sans-serif;font-size:.75rem;font-weight:600;line-height:1.4}.tc-preset-btn:hover{border-color:var(--cat-finance-accent);color:var(--cat-finance-accent);background:#34c4a00f}.tc-preset-btn__amount{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.65rem;font-weight:800;display:block}.tc-grand-total{border-radius:var(--radius-xl);background:#34c4a00f;border:1.5px solid #34c4a040;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0 .25rem;padding:1rem;display:grid}.tc-grand-total__label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-label);margin-bottom:.2rem;font-size:.68rem;font-weight:700;display:block}.tc-grand-total__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900;line-height:1.1;display:block}.tc-grand-total__value--rub{color:var(--cat-finance-accent)}.tc-breakdown{flex-direction:column;gap:.75rem;padding:.75rem 1.25rem 1rem;display:flex}.tc-breakdown-row__top{grid-template-columns:22px 1fr auto auto;align-items:center;gap:.4rem;margin-bottom:.35rem;display:grid}.tc-breakdown-row__icon{text-align:center;font-size:1rem}.tc-breakdown-row__label{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.tc-breakdown-row__fx{color:var(--text-heading);text-align:right;white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:800}.tc-breakdown-row__rub{color:var(--cat-finance-accent);text-align:right;white-space:nowrap;font-size:.72rem;font-weight:600}.tc-breakdown-row__bar-wrap{background:var(--bg-input);border-radius:50px;height:5px;margin-bottom:.25rem;overflow:hidden}.tc-breakdown-row__bar{opacity:.75;border-radius:50px;min-width:3px;height:100%;transition:width .4s}.tc-breakdown-row__sub{color:var(--text-label);font-size:.68rem}.tc-rates-table{flex-direction:column;display:flex}.tc-rate-row{border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition);text-align:left;background:0 0;grid-template-columns:24px 44px 1fr auto;align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:grid}.tc-rate-row:last-child{border-bottom:none}.tc-rate-row:hover{background:var(--bg-section-alt)}.tc-rate-row--active{background:#34c4a00f}.tc-rate-row__flag{text-align:center;font-size:1.1rem}.tc-rate-row__code{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:800}.tc-rate-row__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.tc-rate-row__rate{color:var(--cat-finance-accent);text-align:right;white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}@media (width<=900px){.tc-destinations{flex-direction:column;align-items:flex-start;gap:.5rem}.tc-grand-total{grid-template-columns:1fr;gap:.5rem}.tc-preset-btns{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.tc-cat-input{width:64px;font-size:.72rem}.tc-cat-label{font-size:.75rem}.tc-breakdown-row__top{grid-template-columns:20px 1fr auto}.tc-breakdown-row__rub{display:none}.tc-rate-row{grid-template-columns:24px 40px 1fr auto;padding:.55rem .85rem}.tc-rate-row__name{display:none}.tc-dest-chip{padding:.28rem .55rem;font-size:.72rem}.tc-grand-total__value{font-size:.95rem}}.pen-years-badge{border-radius:var(--radius-md);background:#34c4a00f;border:1px solid #34c4a038;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.pen-years-badge__label{color:var(--text-label);font-size:.8rem;font-weight:500}.pen-years-badge__val{color:var(--cat-finance-accent);font-family:Unbounded,sans-serif;font-size:1rem;font-weight:900}.pen-pts-info{border-radius:var(--radius-md);background:var(--bg-section-alt);border:1px solid var(--border-subtle);flex-direction:column;gap:.3rem;padding:.7rem .9rem;display:flex}.pen-pts-info__row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.pen-pts-info__row strong{color:var(--text-heading);font-weight:700}.pen-verdict{border-radius:var(--radius-xl);background:var(--bg-canvas);border:1.5px solid;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;display:flex}.pen-verdict--ok{background:#34c4a00a;border-color:#34c4a066}.pen-verdict--warn{background:#f59e0b0a;border-color:#f59e0b66}.pen-verdict__icon{flex-shrink:0;margin-top:.05rem;font-size:1.4rem;line-height:1}.pen-verdict__title{color:var(--text-heading);margin-bottom:.25rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:800;line-height:1.3}.pen-verdict__text{color:var(--text-body);font-size:.78rem;line-height:1.55}.pen-tr--retire{border-left:2px solid var(--cat-finance-accent);background:#34c4a00f!important}.pen-scenarios-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:0;display:grid}.pen-scenario-card{border-radius:var(--radius-xl);background:var(--bg-card);transition:transform var(--transition), box-shadow var(--transition);border:1.5px solid;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.pen-scenario-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001f}.pen-scenario-card__header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.pen-scenario-card__label{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:800;line-height:1.3}.pen-scenario-card__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pen-scenario-card__salary{justify-content:space-between;align-items:baseline;gap:.3rem;display:flex}.pen-scenario-card__key{color:var(--text-label);font-size:.72rem}.pen-scenario-card__val{color:var(--text-heading);text-align:right;font-size:.78rem;font-weight:700}.pen-scenario-card__divider{background:var(--border-subtle);height:1px;margin:.3rem 0}.pen-scenario-card__result{justify-content:space-between;align-items:baseline;gap:.3rem;display:flex}.pen-scenario-card__val--big{font-family:Unbounded,sans-serif;font-size:.95rem!important;font-weight:900!important}.pen-scenario-card__warn{color:#f87171;border-radius:var(--radius-md);background:#f8717114;border:1px solid #f8717133;margin-top:.2rem;padding:.3rem .5rem;font-size:.68rem;font-weight:600;line-height:1.4}.pen-divider-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-label);border-top:1px solid var(--border-subtle);margin-top:.2rem;padding:.4rem 0 .1rem;font-size:.72rem;font-weight:700}.pen-formula-box{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-subtle);padding:1rem 1.25rem}.pen-formula-box__title{letter-spacing:.07em;text-transform:uppercase;color:var(--text-label);margin-bottom:.65rem;font-size:.72rem;font-weight:700}.pen-formula{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.pen-formula__result{color:#a78bfa;font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:900}.pen-formula__eq{color:var(--text-muted);font-size:1rem;font-weight:600}.pen-formula__part{font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:800}.pen-formula-box__sub{color:var(--text-label);font-size:.72rem}@media (width<=900px){.pen-scenarios-grid{grid-template-columns:1fr;gap:.65rem}.pen-formula{flex-direction:column;align-items:flex-start;gap:.25rem}.pen-formula__result{font-size:1rem}}@media (width<=600px){.pen-verdict{flex-direction:column;gap:.5rem}.pen-years-badge{flex-direction:column;align-items:flex-start;gap:.2rem}.pen-pts-info__row{font-size:.74rem}.pen-scenario-card__val--big{font-size:.85rem!important}}:root,[data-theme=dark]{--plank-whole-fill:#f2b05e42;--plank-whole-stroke:#f2b05e8c;--plank-cut-fill:#4f8ef74d;--plank-cut-stroke:#4f8ef7a6;--plank-grain:#f2b05e66;--room-outline:var(--border-hover);--tile-whole-fill:#84a4c838;--tile-whole-stroke:#84a4c88c;--tile-cut-fill:var(--plank-cut-fill);--tile-cut-stroke:var(--plank-cut-stroke);--grout-fill:#a0acbe38;--paper-whole-fill:#34c4a029;--paper-whole-stroke:#34c4a080;--paper-cut-fill:#f2b05e47;--paper-cut-stroke:#f2b05e8c;--repeat-line:#a0acbe8c;--paint-used-fill:#8b7cf68c;--paint-used-stroke:#8b7cf6d9;--paint-empty-fill:#a0acbe1f;--can-stroke:var(--border-hover);--lino-whole-fill:#e07a5f38;--lino-whole-stroke:#e07a5f8c;--lino-waste-fill:#a0acbe2e;--lino-waste-stroke:#a0acbe80;--seam-line:var(--text-muted);--concrete-cement:#b0bac899;--concrete-sand:#f2b05e8c;--concrete-gravel:#6e7c94cc;--concrete-water:#4f8ef78c;--brick-whole-fill:#c7604852;--brick-whole-stroke:#c760489e;--brick-cut-fill:#c7604894;--brick-cut-stroke:#c76048cc;--plaster-fill:#d6c4a84d;--plaster-stroke:#d6c4a89e;--substrate-fill:#6e7c9466;--substrate-stroke:#6e7c949e;--heat-electric:#ef764af2;--heat-water:#4f8ef7f2;--heat-zone-fill:#ef764a17;--heat-zone-stroke:#ef764a59;--screed-fill:#7896be52;--screed-stroke:#7896be9e}[data-theme=light]{--plank-whole-fill:#d9770629;--plank-whole-stroke:#d9770673;--plank-cut-fill:#2563eb29;--plank-cut-stroke:#2563eb80;--plank-grain:#d977064d;--room-outline:var(--border-hover);--tile-whole-fill:#47699424;--tile-whole-stroke:#47699466;--tile-cut-fill:var(--plank-cut-fill);--tile-cut-stroke:var(--plank-cut-stroke);--grout-fill:#47556929;--paper-whole-fill:#0d94781f;--paper-whole-stroke:#0d947866;--paper-cut-fill:#d9770629;--paper-cut-stroke:#d9770673;--repeat-line:#47556973;--paint-used-fill:#6d5ee473;--paint-used-stroke:#6d5ee4bf;--paint-empty-fill:#4755691a;--can-stroke:var(--border-hover);--lino-whole-fill:#c0563c24;--lino-whole-stroke:#c0563c6b;--lino-waste-fill:#4755691f;--lino-waste-stroke:#4755696b;--seam-line:var(--text-muted);--concrete-cement:#64748b73;--concrete-sand:#d9770673;--concrete-gravel:#3341558c;--concrete-water:#2563eb73;--brick-whole-fill:#b44a3233;--brick-whole-stroke:#b44a3280;--brick-cut-fill:#b44a326b;--brick-cut-stroke:#b44a32ad;--plaster-fill:#b0966e38;--plaster-stroke:#b0966e7a;--substrate-fill:#47556942;--substrate-stroke:#47556980;--heat-electric:#d95a32eb;--heat-water:#2563ebd9;--heat-zone-fill:#d95a3212;--heat-zone-stroke:#d95a324d;--screed-fill:#506e9638;--screed-stroke:#506e967a}.tool-label--construction{background:var(--cat-construction);color:var(--cat-construction-accent);border:1px solid #f2b05e40}.calc-hero-visual{width:100%;max-width:180px;height:auto}.calc-panel{background:var(--bg-canvas);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.calc-panel__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.calc-panel__title{color:var(--text-heading);align-items:center;gap:.5rem;font-family:Unbounded,sans-serif;font-size:.9rem;font-weight:700;display:flex}.calc-panel__body{flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.calc-group__head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.calc-group__name{color:var(--text-body);font-size:.83rem;font-weight:600}.calc-field{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);transition:border-color var(--transition);align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.calc-field:focus-within{border-color:var(--accent-primary)}.calc-field__label{color:var(--text-label);white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:600}.calc-field input{width:100%;min-width:0;color:var(--text-heading);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.calc-field input::-webkit-outer-spin-button,.calc-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-field__unit{color:var(--text-label);flex-shrink:0;font-size:.78rem;font-weight:600}.calc-field-row{align-items:center;gap:.5rem;display:flex}.calc-field-row .calc-field{flex:1;min-width:0}.calc-field--compact{padding:.5rem .7rem}.calc-field--compact input{font-size:.92rem}.calc-field-row__times{color:var(--text-label);flex-shrink:0;font-size:.95rem;font-weight:700}.calc-presets{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.calc-preset{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--transition), color var(--transition), border-color var(--transition);padding:.35rem .6rem;font-family:Unbounded,sans-serif;font-size:.73rem;font-weight:600}.calc-preset:hover{border-color:var(--border-hover);color:var(--text-heading)}.calc-preset--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.calc-results{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.calc-result{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color var(--transition), transform var(--transition);flex-direction:column;gap:.2rem;padding:1rem 1.1rem;display:flex}.calc-result:hover{border-color:var(--border-hover);transform:translateY(-1px)}.calc-result--primary{background:color-mix(in srgb, var(--bg-card) 92%, var(--accent-amber));border-color:#f2b05e59}.calc-result--cost{background:color-mix(in srgb, var(--bg-card) 94%, var(--accent-green));border-color:#34c4a04d}.calc-result__label{color:var(--text-label);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;display:flex}.calc-result__value{color:var(--text-heading);letter-spacing:-.02em;font-family:Unbounded,sans-serif;font-size:1.7rem;font-weight:900;line-height:1.05}.calc-result--primary .calc-result__value{color:var(--accent-amber)}.calc-result--cost .calc-result__value{color:var(--accent-green)}.calc-result__value small{color:var(--text-muted);margin-left:.25rem;font-size:.82rem;font-weight:600}.calc-result__sub{color:var(--text-label);font-size:.74rem}.calc-summary{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-body);flex-wrap:wrap;gap:.5rem 1.25rem;padding:.85rem 1rem;font-size:.8rem;display:flex}.calc-summary span strong{color:var(--text-heading);font-weight:700}.calc-empty{text-align:center;color:var(--text-label);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.calc-empty__icon{opacity:.6;font-size:2rem}.calc-empty__text{max-width:280px;font-size:.85rem;line-height:1.5}.calc-layout{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);overflow:hidden}.calc-layout__head{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1.1rem;display:flex}.calc-layout__title{color:var(--text-heading);align-items:center;gap:.45rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700;display:flex}.calc-layout__dir{color:var(--cat-construction-accent);background:var(--cat-construction);border-radius:50px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.calc-layout__canvas{background:linear-gradient(var(--border-subtle) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px) 0 0 / 24px 24px, var(--bg-input);background-blend-mode:normal;justify-content:center;padding:1.1rem;display:flex}.calc-layout__svg{width:100%;max-width:720px;height:auto;display:block}.plank--whole{fill:var(--plank-whole-fill);stroke:var(--plank-whole-stroke);stroke-width:1px}.plank--cut{fill:var(--plank-cut-fill);stroke:var(--plank-cut-stroke);stroke-width:1px}.plank-grain{stroke:var(--plank-grain);stroke-width:1px;stroke-linecap:round;opacity:.7}.tile--whole{fill:var(--tile-whole-fill);stroke:var(--tile-whole-stroke);stroke-width:.75px}.tile--cut{fill:var(--tile-cut-fill);stroke:var(--tile-cut-stroke);stroke-width:.75px}.paper--whole{fill:var(--paper-whole-fill);stroke:var(--paper-whole-stroke);stroke-width:1px}.paper--cut{fill:var(--paper-cut-fill);stroke:var(--paper-cut-stroke);stroke-width:1px}.repeat-line{stroke:var(--repeat-line);stroke-width:1px;stroke-dasharray:3 4;opacity:.8}.can-body{fill:var(--paint-empty-fill);stroke:var(--can-stroke);stroke-width:1.5px}.can-paint{fill:var(--paint-used-fill)}.can-lid{fill:none;stroke:var(--can-stroke);stroke-width:1.5px;stroke-linecap:round}.can-label{fill:var(--text-label);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.lino--whole{fill:var(--lino-whole-fill);stroke:var(--lino-whole-stroke);stroke-width:1px}.lino--waste{fill:var(--lino-waste-fill);stroke:var(--lino-waste-stroke);stroke-width:1px}.seam-line{stroke:var(--seam-line);stroke-width:1.5px;stroke-dasharray:6 4}.mix-bar__seg{stroke:var(--bg-card);stroke-width:1.5px}.mix--cement{fill:var(--concrete-cement)}.mix--sand{fill:var(--concrete-sand)}.mix--gravel{fill:var(--concrete-gravel)}.mix--water{fill:var(--concrete-water)}.mix-bar__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:12px;font-weight:700}.brick--whole{fill:var(--brick-whole-fill);stroke:var(--brick-whole-stroke);stroke-width:1px}.brick--cut{fill:var(--brick-cut-fill);stroke:var(--brick-cut-stroke);stroke-width:1px}.wall-substrate{fill:var(--substrate-fill);stroke:var(--substrate-stroke);stroke-width:1px}.plaster-layer{fill:var(--plaster-fill);stroke:var(--plaster-stroke);stroke-width:1px}.finish-line{stroke:var(--plaster-stroke);stroke-width:2px;stroke-dasharray:4 3}.plaster-dim{stroke:var(--text-label);stroke-width:1px}.heat-zone{fill:var(--heat-zone-fill);stroke:var(--heat-zone-stroke);stroke-width:1px;stroke-dasharray:4 3}.heat-loop{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.heat-loop--electric{stroke:var(--heat-electric)}.heat-loop--water{stroke:var(--heat-water)}.screed-layer{fill:var(--screed-fill);stroke:var(--screed-stroke);stroke-width:1px}.screed-level{stroke:var(--screed-stroke);stroke-width:2px;stroke-dasharray:4 3}.room-outline{fill:none;stroke:var(--room-outline);stroke-width:2px}.dim-line,.dim-tick{stroke:var(--text-label);stroke-width:1px}.dim-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.calc-legend{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;padding:.8rem 1.1rem;display:flex}.calc-legend__item{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.76rem;display:flex}.calc-swatch{border:1px solid;border-radius:3px;flex-shrink:0;width:18px;height:12px}.calc-swatch--whole{background:var(--plank-whole-fill);border-color:var(--plank-whole-stroke)}.calc-swatch--cut{background:var(--plank-cut-fill);border-color:var(--plank-cut-stroke)}.calc-swatch--tile-whole{background:var(--tile-whole-fill);border-color:var(--tile-whole-stroke)}.calc-swatch--paper-whole{background:var(--paper-whole-fill);border-color:var(--paper-whole-stroke)}.calc-swatch--paper-cut{background:var(--paper-cut-fill);border-color:var(--paper-cut-stroke)}.calc-swatch--paint-used{background:var(--paint-used-fill);border-color:var(--paint-used-stroke)}.calc-swatch--paint-empty{background:var(--paint-empty-fill);border-color:var(--can-stroke)}.calc-swatch--lino-whole{background:var(--lino-whole-fill);border-color:var(--lino-whole-stroke)}.calc-swatch--lino-waste{background:var(--lino-waste-fill);border-color:var(--lino-waste-stroke)}.calc-swatch--cement{background:var(--concrete-cement);border-color:var(--border-hover)}.calc-swatch--sand{background:var(--concrete-sand);border-color:var(--border-hover)}.calc-swatch--gravel{background:var(--concrete-gravel);border-color:var(--border-hover)}.calc-swatch--water{background:var(--concrete-water);border-color:var(--border-hover)}.calc-swatch--brick-whole{background:var(--brick-whole-fill);border-color:var(--brick-whole-stroke)}.calc-swatch--brick-cut{background:var(--brick-cut-fill);border-color:var(--brick-cut-stroke)}.calc-swatch--plaster{background:var(--plaster-fill);border-color:var(--plaster-stroke)}.calc-swatch--substrate{background:var(--substrate-fill);border-color:var(--substrate-stroke)}.calc-swatch--heat-electric{background:var(--heat-electric);border-color:var(--heat-electric)}.calc-swatch--heat-water{background:var(--heat-water);border-color:var(--heat-water)}.calc-swatch--heat-zone{background:var(--heat-zone-fill);border-color:var(--heat-zone-stroke)}.calc-swatch--screed{background:var(--screed-fill);border-color:var(--screed-stroke)}.calc-legend__scale{color:var(--text-label);margin-left:auto;font-size:.74rem}.calc-panel__reset{color:var(--text-label);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:.75rem}.calc-panel__reset:hover{color:var(--accent-primary)}@media (width<=1024px){.calc-panel{margin-bottom:1.5rem}}@media (width<=560px){.calc-results{grid-template-columns:1fr}.calc-result__value{font-size:1.5rem}}:root,[data-theme=dark]{--foundation-fill:#b0bac82e;--foundation-stroke:#b0bac88c;--foundation-inner:var(--bg-input);--rebar-fill:#e88c6ef2;--rebar-stroke:#e88c6e;--stirrup-stroke:#e88c6ecc;--ground-line:var(--text-label);--ground-hatch:#a0acbe59}[data-theme=light]{--foundation-fill:#64748b24;--foundation-stroke:#64748b73;--foundation-inner:var(--bg-input);--rebar-fill:#c86042f2;--rebar-stroke:#c86042;--stirrup-stroke:#c86042c7;--ground-line:var(--text-label);--ground-hatch:#47556947}.foundation-tape,.foundation-inner-wall{fill:var(--foundation-fill);stroke:var(--foundation-stroke);stroke-width:1.5px}.rebar-bar{fill:var(--rebar-fill);stroke:var(--rebar-stroke);stroke-width:.75px}.rebar-stirrup{fill:none;stroke:var(--stirrup-stroke);stroke-width:1.5px}.ground-line{stroke:var(--ground-line);stroke-width:1.25px}.ground-hatch{stroke:var(--ground-hatch);stroke-width:1px}.calc-layout+.calc-layout{margin-top:1.25rem}@media (width<=560px){.calc-mix__legend{grid-template-columns:1fr}}:root,[data-theme=dark]{--block-whole-fill:#b8c6d233;--block-whole-stroke:#b8c6d28c;--block-cut-fill:#4f8ef747;--block-cut-stroke:#4f8ef79e;--glue-seam:#a0acbe73;--opening-fill:var(--bg-input);--opening-stroke:var(--border-hover)}[data-theme=light]{--block-whole-fill:#64748b1f;--block-whole-stroke:#64748b6b;--block-cut-fill:#2563eb29;--block-cut-stroke:#2563eb80;--glue-seam:#47556966;--opening-fill:var(--bg-input);--opening-stroke:var(--border-hover)}.aac-block--whole{fill:var(--block-whole-fill);stroke:var(--block-whole-stroke);stroke-width:1px}.aac-block--cut{fill:var(--block-cut-fill);stroke:var(--block-cut-stroke);stroke-width:1px}.glue-seam{stroke:var(--glue-seam);stroke-width:.75px;opacity:.7}.wall-opening{fill:var(--opening-fill);stroke:var(--opening-stroke);stroke-width:1.5px}.wall-opening-label{fill:var(--text-label);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.calc-swatch--block-whole{background:var(--block-whole-fill);border-color:var(--block-whole-stroke)}.calc-swatch--block-cut{background:var(--block-cut-fill);border-color:var(--block-cut-stroke)}:root,[data-theme=dark]{--gkl-sheet-fill:#d6c8aa1f;--gkl-sheet-stroke:#d6c8aa6b;--profile-fill:#96a6bc59;--profile-stroke:#96a6bcbf;--profile-cross:#96a6bc66;--gkl-seam:#a0acbe99;--gkl-hanger:#f2b05ee6}[data-theme=light]{--gkl-sheet-fill:#b0966e1f;--gkl-sheet-stroke:#b0966e6b;--profile-fill:#64748b42;--profile-stroke:#64748b9e;--profile-cross:#64748b52;--gkl-seam:#47556980;--gkl-hanger:#d97706d9}.gkl-sheet{fill:var(--gkl-sheet-fill);stroke:var(--gkl-sheet-stroke);stroke-width:1px}.gkl-profile{fill:var(--profile-fill);stroke:var(--profile-stroke);stroke-width:.75px}.gkl-profile-line{stroke:var(--profile-stroke);stroke-width:2px}.gkl-profile-cross{stroke:var(--profile-cross);stroke-width:1px}.gkl-seam{stroke:var(--gkl-seam);stroke-width:1px;stroke-dasharray:5 4;opacity:.85}.gkl-hanger{fill:var(--gkl-hanger);stroke:none}.calc-swatch--gkl-sheet{background:var(--gkl-sheet-fill);border-color:var(--gkl-sheet-stroke)}.calc-swatch--gkl-profile{background:var(--profile-fill);border-color:var(--profile-stroke)}.calc-swatch--gkl-hanger{background:var(--gkl-hanger);border-color:var(--gkl-hanger)}:root,[data-theme=dark]{--profn-sheet-fill:#60968433;--profn-sheet-stroke:#60968499;--profn-wave:#60968461;--profn-cut-fill:#4f8ef742;--profn-cut-stroke:#4f8ef799;--profn-post-fill:#6e7c948c;--profn-post-stroke:#6e7c94d9;--profn-lag:#96a6bcb3;--profn-trim:#f2b05ed9;--profn-ground:var(--text-label);--profn-ground-hatch:#a0acbe59}[data-theme=light]{--profn-sheet-fill:#2878641f;--profn-sheet-stroke:#2878647a;--profn-wave:#2878644d;--profn-cut-fill:#2563eb29;--profn-cut-stroke:#2563eb80;--profn-post-fill:#47556959;--profn-post-stroke:#475569a6;--profn-lag:#4755698c;--profn-trim:#d97706cc;--profn-ground:var(--text-label);--profn-ground-hatch:#47556947}.profn-sheet{fill:var(--profn-sheet-fill);stroke:var(--profn-sheet-stroke);stroke-width:1.25px}.profn-sheet--cut{fill:var(--profn-cut-fill);stroke:var(--profn-cut-stroke);stroke-width:1.25px}.profn-wave{stroke:var(--profn-wave);stroke-width:1px;opacity:.75}.profn-seam{stroke:var(--profn-sheet-stroke);stroke-width:1.5px}.profn-overlap{stroke:var(--profn-cut-stroke);stroke-width:1.25px;stroke-dasharray:5 4}.profn-post{fill:var(--profn-post-fill);stroke:var(--profn-post-stroke);stroke-width:1px}.profn-lag{stroke:var(--profn-lag);stroke-width:3px;stroke-linecap:round}.profn-trim{stroke:var(--profn-trim);stroke-width:3.5px;stroke-linecap:round}.profn-ground{stroke:var(--profn-ground);stroke-width:1.25px}.profn-ground-hatch{stroke:var(--profn-ground-hatch);stroke-width:1px}.calc-swatch--profn-sheet{background:var(--profn-sheet-fill);border-color:var(--profn-sheet-stroke)}.calc-swatch--profn-cut{background:var(--profn-cut-fill);border-color:var(--profn-cut-stroke)}.calc-swatch--profn-post{background:var(--profn-post-fill);border-color:var(--profn-post-stroke)}.calc-swatch--profn-trim{background:var(--profn-trim);border-color:var(--profn-trim)}:root,[data-theme=dark]{--siding-fill:#d6c6aa29;--siding-stroke:#d6c6aa7a;--siding-lap:#aa9e868c;--siding-trim:#609ed6e6;--siding-corner-fill:#609ed642;--siding-corner-strk:#609ed6b3;--siding-opening-fill:var(--bg-input);--siding-opening-stroke:var(--border-hover)}[data-theme=light]{--siding-fill:#b0966e24;--siding-stroke:#b0966e75;--siding-lap:#8c785a73;--siding-trim:#2578c8d9;--siding-corner-fill:#2578c829;--siding-corner-strk:#2578c88c;--siding-opening-fill:var(--bg-input);--siding-opening-stroke:var(--border-hover)}.siding-panel{fill:var(--siding-fill);stroke:var(--siding-stroke);stroke-width:1.25px}.siding-lap{stroke:var(--siding-lap);stroke-width:1px;opacity:.8}.siding-corner{fill:var(--siding-corner-fill);stroke:var(--siding-corner-strk);stroke-width:1.25px}.siding-trim{stroke:var(--siding-trim);stroke-width:3px;stroke-linecap:round}.siding-trim-thin{fill:none;stroke:var(--siding-trim);stroke-width:1.75px}.siding-opening{fill:var(--siding-opening-fill);stroke:var(--siding-opening-stroke);stroke-width:1.5px}.calc-swatch--siding-panel{background:var(--siding-fill);border-color:var(--siding-stroke)}.calc-swatch--siding-corner{background:var(--siding-corner-fill);border-color:var(--siding-corner-strk)}.calc-swatch--siding-trim{background:var(--siding-trim);border-color:var(--siding-trim)}:root,[data-theme=dark]{--mtile-fill:#b0685438;--mtile-stroke:#b068549e;--mtile-module:#b068547a;--roof-trim:#f2b05ee6;--roof-valley:#4f8ef7d9;--roof-rise:#96a6bcd9;--roof-arc:var(--accent-amber,#f2b05ee6)}[data-theme=light]{--mtile-fill:#96503c24;--mtile-stroke:#96503c80;--mtile-module:#96503c5c;--roof-trim:#d97706d9;--roof-valley:#2563ebcc;--roof-rise:#475569b3;--roof-arc:#d97706d9}.mtile-slope{fill:var(--mtile-fill);stroke:var(--mtile-stroke);stroke-width:1.25px}.mtile-section{fill:var(--mtile-fill);stroke:var(--mtile-stroke);stroke-width:1.5px;stroke-linejoin:round}.mtile-module{stroke:var(--mtile-module);stroke-width:1px;opacity:.8}.mtile-seam{stroke:var(--mtile-stroke);stroke-width:1.5px}.mtile-overlap{stroke:var(--roof-valley);stroke-width:1.25px;stroke-dasharray:5 4}.roof-trim{stroke:var(--roof-trim);stroke-width:3.5px;stroke-linecap:round}.roof-valley{stroke:var(--roof-valley);stroke-width:3px;stroke-linecap:round}.roof-rise{stroke:var(--roof-rise);stroke-width:1.25px;stroke-dasharray:4 3}.roof-arc{fill:none;stroke:var(--roof-arc);stroke-width:1.5px}.roof-angle-label{fill:var(--roof-arc);font-family:Unbounded,sans-serif;font-size:12px;font-weight:700}.calc-swatch--mtile{background:var(--mtile-fill);border-color:var(--mtile-stroke)}.calc-swatch--roof-trim{background:var(--roof-trim);border-color:var(--roof-trim)}.calc-swatch--roof-valley{background:var(--roof-valley);border-color:var(--roof-valley)}:root,[data-theme=dark]{--arm-steel-fill:#96a6bc52;--arm-steel-stroke:#96a6bccc;--arm-bar:#e88c6ed9;--arm-bar-track:var(--bg-input)}[data-theme=light]{--arm-steel-fill:#64748b42;--arm-steel-stroke:#64748bb3;--arm-bar:#c86042d9;--arm-bar-track:var(--bg-input)}.arm-positions{flex-direction:column;gap:.5rem;display:flex}.arm-pos-row{grid-template-columns:4.6rem 1fr 1fr 5rem 1.7rem;align-items:center;gap:.5rem;display:grid}.arm-pos-row--head{color:var(--text-label);padding:0 .1rem;font-size:.72rem;font-weight:600}.arm-pos__weight{color:var(--text-heading);text-align:right;white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700}.arm-pos__del{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:1.7rem;height:1.7rem;color:var(--text-label);cursor:pointer;transition:var(--transition,all .15s ease);justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.arm-pos__del:hover{border-color:var(--border-hover);color:var(--text-heading)}.arm-add-btn{border-radius:var(--radius-md);border:1px dashed var(--border-hover);color:var(--text-body);cursor:pointer;transition:var(--transition,all .15s ease);background:0 0;margin-top:.3rem;padding:.55rem .9rem;font-size:.84rem;font-weight:600}.arm-add-btn:hover{background:var(--bg-input);color:var(--text-heading)}.calc-select{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);width:100%;color:var(--text-heading);cursor:pointer;-webkit-appearance:none;appearance:none;padding:.5rem;font-size:.86rem;font-weight:600}.calc-select:focus{border-color:var(--border-hover);outline:none}.arm-rod{fill:var(--arm-steel-fill);stroke:var(--arm-steel-stroke);stroke-width:1.25px}.arm-bar-track{fill:var(--arm-bar-track);stroke:var(--border-subtle);stroke-width:1px}.arm-bar{fill:var(--arm-bar)}.arm-bar-label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.arm-rod-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.arm-rod-sub{fill:var(--text-label);font-size:9px}.calc-swatch--arm-steel{background:var(--arm-steel-fill);border-color:var(--arm-steel-stroke)}.calc-swatch--arm-bar{background:var(--arm-bar);border-color:var(--arm-bar)}@media (width<=520px){.arm-pos-row{grid-template-columns:4rem 1fr 1fr 1.7rem}.arm-pos__weight{text-align:left;grid-column:2/4;font-size:.78rem}.arm-pos-row--head{display:none}}:root,[data-theme=dark]{--fin-wall-fill:#96a6bc38;--fin-wall-stroke:#96a6bc8c;--fin-primer-fill:#4f8ef74d;--fin-primer-stroke:#4f8ef79e;--fin-putty-fill:#d6c8aa57;--fin-putty-stroke:#d6c8aa99;--fin-putty-alt:#d6c8aa33;--fin-surface:var(--text-label)}[data-theme=light]{--fin-wall-fill:#64748b29;--fin-wall-stroke:#64748b7a;--fin-primer-fill:#2563eb2e;--fin-primer-stroke:#2563eb85;--fin-putty-fill:#b0966e38;--fin-putty-stroke:#b0966e85;--fin-putty-alt:#b0966e1f;--fin-surface:var(--text-label)}.fin-wall{fill:var(--fin-wall-fill);stroke:var(--fin-wall-stroke);stroke-width:1.25px}.fin-primer{fill:var(--fin-primer-fill);stroke:var(--fin-primer-stroke);stroke-width:1px}.fin-putty{fill:var(--fin-putty-fill);stroke:var(--fin-putty-stroke);stroke-width:1px}.fin-putty-alt{fill:var(--fin-putty-alt);stroke:var(--fin-putty-stroke);stroke-width:1px}.fin-surface{stroke:var(--fin-surface);stroke-width:1.25px;stroke-dasharray:4 3}.fin-leader{stroke:var(--text-label);stroke-width:.75px}.fin-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.fin-label-sub{fill:var(--text-label);font-size:9px}.calc-swatch--fin-wall{background:var(--fin-wall-fill);border-color:var(--fin-wall-stroke)}.calc-swatch--fin-primer{background:var(--fin-primer-fill);border-color:var(--fin-primer-stroke)}.calc-swatch--fin-putty{background:var(--fin-putty-fill);border-color:var(--fin-putty-stroke)}:root,[data-theme=dark]{--plinth-line:#e88c6eeb;--plinth-corner:#f2b05ef2;--plinth-room:#96a6bc1a;--plinth-door:var(--text-label)}[data-theme=light]{--plinth-line:#c86042e6;--plinth-corner:#d97706e6;--plinth-room:#64748b14;--plinth-door:var(--text-label)}.plinth-room{fill:var(--plinth-room);stroke:var(--border-subtle);stroke-width:1px}.plinth-line{fill:none;stroke:var(--plinth-line);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.plinth-corner{fill:var(--plinth-corner);stroke:none}.plinth-door{stroke:var(--plinth-door);stroke-width:1.5px;stroke-dasharray:4 3}.plinth-door-label{fill:var(--text-label);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.calc-swatch--plinth-line{background:var(--plinth-line);border-color:var(--plinth-line)}.calc-swatch--plinth-corner{background:var(--plinth-corner);border-color:var(--plinth-corner)}:root,[data-theme=dark]{--insul-fill:#c4b26042;--insul-stroke:#c4b26099;--insul-alt:#c4b26026;--insul-base-fill:#96a6bc38;--insul-base-stroke:#96a6bc8c;--insul-face-fill:#d6c8aa38;--insul-face-stroke:#d6c8aa80;--insul-dim:var(--accent-amber,#f2b05ee6)}[data-theme=light]{--insul-fill:#9682322e;--insul-stroke:#96823280;--insul-alt:#9682321a;--insul-base-fill:#64748b29;--insul-base-stroke:#64748b7a;--insul-face-fill:#b0966e29;--insul-face-stroke:#b0966e75;--insul-dim:#d97706d9}.insul-base{fill:var(--insul-base-fill);stroke:var(--insul-base-stroke);stroke-width:1.25px}.insul-layer{fill:var(--insul-fill);stroke:var(--insul-stroke);stroke-width:1px}.insul-layer-alt{fill:var(--insul-alt);stroke:var(--insul-stroke);stroke-width:1px}.insul-face{fill:var(--insul-face-fill);stroke:var(--insul-face-stroke);stroke-width:1px}.insul-fiber{stroke:var(--insul-stroke);stroke-width:.75px;opacity:.55}.insul-dim-line{stroke:var(--insul-dim);stroke-width:1.25px}.insul-dim-label{fill:var(--insul-dim);font-family:Unbounded,sans-serif;font-size:12px;font-weight:700}.insul-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.insul-label-sub{fill:var(--text-label);font-size:9px}.calc-swatch--insul{background:var(--insul-fill);border-color:var(--insul-stroke)}.calc-swatch--insul-base{background:var(--insul-base-fill);border-color:var(--insul-base-stroke)}:root,[data-theme=dark]{--lum-wood-fill:#c49a604d;--lum-wood-stroke:#c49a60b3;--lum-bar:#c49a60d9;--lum-bar-track:var(--bg-input)}[data-theme=light]{--lum-wood-fill:#a06e3238;--lum-wood-stroke:#a06e3299;--lum-bar:#a06e32cc;--lum-bar-track:var(--bg-input)}.lum-positions{flex-direction:column;gap:.5rem;display:flex}.lum-pos-row{grid-template-columns:1fr 1fr 1fr 1fr 4.6rem 1.7rem;align-items:center;gap:.4rem;display:grid}.lum-pos-row--head{color:var(--text-label);text-align:center;padding:0 .1rem;font-size:.7rem;font-weight:600}.lum-pos__vol{color:var(--text-heading);text-align:right;white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.lum-pos__del{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:1.7rem;height:1.7rem;color:var(--text-label);cursor:pointer;transition:var(--transition,all .15s ease);justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.lum-pos__del:hover{border-color:var(--border-hover);color:var(--text-heading)}.lum-add-btn{border-radius:var(--radius-md);border:1px dashed var(--border-hover);color:var(--text-body);cursor:pointer;transition:var(--transition,all .15s ease);background:0 0;margin-top:.3rem;padding:.55rem .9rem;font-size:.84rem;font-weight:600}.lum-add-btn:hover{background:var(--bg-input);color:var(--text-heading)}.lum-board{fill:var(--lum-wood-fill);stroke:var(--lum-wood-stroke);stroke-width:1.25px}.lum-bar-track{fill:var(--lum-bar-track);stroke:var(--border-subtle);stroke-width:1px}.lum-bar{fill:var(--lum-bar)}.lum-bar-label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.lum-board-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.lum-board-sub{fill:var(--text-label);font-size:9px}.calc-swatch--lum-wood{background:var(--lum-wood-fill);border-color:var(--lum-wood-stroke)}.calc-swatch--lum-bar{background:var(--lum-bar);border-color:var(--lum-bar)}@media (width<=520px){.lum-pos-row{grid-template-columns:1fr 1fr 1fr 1fr 1.7rem}.lum-pos__vol{text-align:left;grid-column:1/5;font-size:.74rem}.lum-pos-row--head{display:none}}@media (width<=560px){.calc-mix__legend{grid-template-columns:1fr}}.mortar-ratio{border-radius:var(--radius-lg);background:var(--bg-input);border:1px solid var(--border-subtle);justify-content:center;align-items:baseline;gap:.5rem;padding:.9rem 1rem;display:flex}.mortar-ratio__parts{color:var(--text-heading);letter-spacing:.02em;font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:800}.mortar-ratio__label{color:var(--text-label);font-size:.78rem}:root,[data-theme=dark]{--sub-fill:#78b4a033;--sub-stroke:#78b4a08c;--sub-alt:#78b4a01f;--sub-seam:#78b4a0b3}[data-theme=light]{--sub-fill:#28826e1f;--sub-stroke:#28826e75;--sub-alt:#28826e12;--sub-seam:#28826e8c}.sub-strip{fill:var(--sub-fill);stroke:var(--sub-stroke);stroke-width:1px}.sub-strip-alt{fill:var(--sub-alt);stroke:var(--sub-stroke);stroke-width:1px}.sub-seam{stroke:var(--sub-seam);stroke-width:1px;stroke-dasharray:5 4;opacity:.85}.calc-swatch--sub{background:var(--sub-fill);border-color:var(--sub-stroke)}:root,[data-theme=dark]{--gtile-fill:#96b2c847;--gtile-stroke:#96b2c899;--grout-fill:#e8b0788c;--grout-stroke:#e8b078cc;--grout-bar:#e8b0788c;--grout-bar-active:#f2b05ef2;--grout-bar-track:var(--bg-input)}[data-theme=light]{--gtile-fill:#6482a02e;--gtile-stroke:#6482a080;--grout-fill:#c8824680;--grout-stroke:#c88246bf;--grout-bar:#c8824673;--grout-bar-active:#d97706e6;--grout-bar-track:var(--bg-input)}.grout-bg{fill:var(--grout-fill)}.gtile{fill:var(--gtile-fill);stroke:var(--gtile-stroke);stroke-width:1px}.grout-bar-track{fill:var(--grout-bar-track);stroke:var(--border-subtle);stroke-width:1px}.grout-bar{fill:var(--grout-bar)}.grout-bar--active{fill:var(--grout-bar-active)}.grout-bar-label{fill:var(--text-label);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.grout-bar-val{fill:var(--text-muted);font-size:9px}.calc-swatch--gtile{background:var(--gtile-fill);border-color:var(--gtile-stroke)}.calc-swatch--grout{background:var(--grout-fill);border-color:var(--grout-stroke)}:root,[data-theme=dark]{--glue-fill:#96a0af66;--glue-stroke:#96a0afbf;--glue-base:#7882914d;--gtile2-fill:#96b2c84d;--gtile2-stroke:#96b2c89e;--glue-bar:#96a0af8c;--glue-bar-active:#f2b05ef2;--glue-bar-track:var(--bg-input)}[data-theme=light]{--glue-fill:#646e7d42;--glue-stroke:#646e7d9e;--glue-base:#5a647333;--gtile2-fill:#6482a02e;--gtile2-stroke:#6482a080;--glue-bar:#646e7d73;--glue-bar-active:#d97706e6;--glue-bar-track:var(--bg-input)}.glue-base{fill:var(--glue-base);stroke:var(--glue-stroke);stroke-width:1px}.glue-layer{fill:var(--glue-fill);stroke:var(--glue-stroke);stroke-width:1px;stroke-linejoin:round}.glue-tile{fill:var(--gtile2-fill);stroke:var(--gtile2-stroke);stroke-width:1.25px}.glue-dim-line{stroke:var(--glue-bar-active);stroke-width:1.25px}.glue-dim-label{fill:var(--glue-bar-active);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.glue-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.glue-bar-track{fill:var(--glue-bar-track);stroke:var(--border-subtle);stroke-width:1px}.glue-bar{fill:var(--glue-bar)}.glue-bar--active{fill:var(--glue-bar-active)}.glue-bar-label{fill:var(--text-label);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.glue-bar-val{fill:var(--text-muted);font-size:9px}.calc-swatch--glue{background:var(--glue-fill);border-color:var(--glue-stroke)}.calc-swatch--gtile2{background:var(--gtile2-fill);border-color:var(--gtile2-stroke)}:root,[data-theme=dark]{--bulk-sand:#d6be6e52;--bulk-sand-s:#d6be6eb3;--bulk-gravel:#96a0af61;--bulk-gravel-s:#96a0afbf;--bulk-truck:#f2b05ed9;--bulk-grain:#ffffff59}[data-theme=light]{--bulk-sand:#b4963c38;--bulk-sand-s:#b4963c99;--bulk-gravel:#646e7d42;--bulk-gravel-s:#646e7d99;--bulk-truck:#d97706d9;--bulk-grain:#0000002e}.bulk-heap-sand{fill:var(--bulk-sand);stroke:var(--bulk-sand-s);stroke-width:1.25px}.bulk-heap-gravel{fill:var(--bulk-gravel);stroke:var(--bulk-gravel-s);stroke-width:1.25px}.bulk-grain{fill:var(--bulk-grain)}.bulk-truck{fill:var(--bulk-truck);opacity:.85}.bulk-truck-track{fill:var(--bg-input);stroke:var(--border-subtle);stroke-width:1px}.bulk-truck-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.calc-swatch--bulk-sand{background:var(--bulk-sand);border-color:var(--bulk-sand-s)}.calc-swatch--bulk-gravel{background:var(--bulk-gravel);border-color:var(--bulk-gravel-s)}.calc-mix{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);flex-direction:column;gap:.7rem;padding:1rem 1.1rem;display:flex}.calc-mix__head{color:var(--text-heading);align-items:center;gap:.45rem;font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700;display:flex}.calc-mix__head small{color:var(--text-label);margin-left:auto;font-family:inherit;font-size:.72rem;font-weight:600}.calc-mix__bar{border-radius:var(--radius-sm);width:100%;height:18px;display:block;overflow:hidden}.calc-mix__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;display:grid}.calc-mix__item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.calc-mix__item strong{color:var(--text-heading);white-space:nowrap;margin-left:auto;font-weight:700}:root,[data-theme=dark]{--joist-line:#c49a60d9;--joist-fill:#c49a6047;--joist-support:#96a6bce6;--joist-room:#96a6bc14;--joist-step:var(--accent-amber,#f2b05ee6)}[data-theme=light]{--joist-line:#a06e32d9;--joist-fill:#a06e3233;--joist-support:#64748bcc;--joist-room:#64748b0f;--joist-step:#d97706d9}.joist-room{fill:var(--joist-room);stroke:var(--border-subtle);stroke-width:1px}.joist-beam{fill:var(--joist-fill);stroke:var(--joist-line);stroke-width:1px}.joist-support{fill:var(--joist-support);stroke:none}.joist-step-line{stroke:var(--joist-step);stroke-width:1.25px}.joist-step-label{fill:var(--joist-step);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.calc-swatch--joist{background:var(--joist-fill);border-color:var(--joist-line)}.calc-swatch--support{background:var(--joist-support);border-color:var(--joist-support)}:root,[data-theme=dark]{--beacon-line:#78c8d2eb;--beacon-fill:#78c8d24d;--beacon-wall:#96a6bc1a;--beacon-step:var(--accent-amber,#f2b05ee6);--beacon-fasten:#96a6bcd9}[data-theme=light]{--beacon-line:#1496a5e6;--beacon-fill:#1496a538;--beacon-wall:#64748b12;--beacon-step:#d97706d9;--beacon-fasten:#64748bcc}.beacon-wall{fill:var(--beacon-wall);stroke:var(--border-subtle);stroke-width:1px}.beacon-line{fill:var(--beacon-fill);stroke:var(--beacon-line);stroke-width:1px}.beacon-fasten{fill:var(--beacon-fasten);stroke:none}.beacon-step-line{stroke:var(--beacon-step);stroke-width:1.25px}.beacon-step-label{fill:var(--beacon-step);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.calc-swatch--beacon{background:var(--beacon-fill);border-color:var(--beacon-line)}.calc-swatch--fasten{background:var(--beacon-fasten);border-color:var(--beacon-fasten)}:root,[data-theme=dark]{--metal-fill:#96a6bc57;--metal-stroke:#96a6bccc;--metal-hole:var(--bg-canvas);--metal-dim:var(--accent-amber,#f2b05ee6)}[data-theme=light]{--metal-fill:#64748b42;--metal-stroke:#64748bb3;--metal-hole:var(--bg-canvas);--metal-dim:#d97706d9}.metal-section{fill:var(--metal-fill);stroke:var(--metal-stroke);stroke-width:1.5px;stroke-linejoin:round}.metal-hole{fill:var(--metal-hole);stroke:var(--metal-stroke);stroke-width:1.25px}.metal-dim-line{stroke:var(--metal-dim);stroke-width:1px}.metal-dim-label{fill:var(--metal-dim);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.calc-swatch--metal{background:var(--metal-fill);border-color:var(--metal-stroke)}:root,[data-theme=dark]{--exc-soil-fill:#966e464d;--exc-soil-stroke:#966e4699;--exc-pit-fill:#785a3c24;--exc-slope:#c49a60d9;--exc-water:#4f8ef766;--exc-dim:var(--accent-amber,#f2b05ee6)}[data-theme=light]{--exc-soil-fill:#8c643c33;--exc-soil-stroke:#8c643c85;--exc-pit-fill:#785a3c14;--exc-slope:#a06e32bf;--exc-water:#2563eb4d;--exc-dim:#d97706d9}.exc-soil{fill:var(--exc-soil-fill);stroke:var(--exc-soil-stroke);stroke-width:1.25px}.exc-pit{fill:var(--exc-pit-fill);stroke:var(--exc-slope);stroke-width:1.5px;stroke-linejoin:round}.exc-ground{stroke:var(--exc-soil-stroke);stroke-width:1.5px}.exc-slope-line{stroke:var(--exc-slope);stroke-width:1px;stroke-dasharray:4 3}.exc-dim-line{stroke:var(--exc-dim);stroke-width:1px}.exc-dim-label{fill:var(--exc-dim);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.exc-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:10px;font-weight:700}.calc-swatch--exc-soil{background:var(--exc-soil-fill);border-color:var(--exc-soil-stroke)}.calc-swatch--exc-pit{background:var(--exc-pit-fill);border-color:var(--exc-slope)}:root,[data-theme=dark]{--vol-front:#789ed24d;--vol-top:#789ed22e;--vol-side:#789ed26b;--vol-edge:#789ed2cc}[data-theme=light]{--vol-front:#2864b42e;--vol-top:#2864b41a;--vol-side:#2864b442;--vol-edge:#2864b499}.vol-front{fill:var(--vol-front);stroke:var(--vol-edge);stroke-width:1.25px;stroke-linejoin:round}.vol-top{fill:var(--vol-top);stroke:var(--vol-edge);stroke-width:1.25px;stroke-linejoin:round}.vol-side{fill:var(--vol-side);stroke:var(--vol-edge);stroke-width:1.25px;stroke-linejoin:round}.vol-label{fill:var(--text-muted);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.vol-rooms{flex-direction:column;gap:.5rem;display:flex}.vol-room-row{grid-template-columns:1.3fr 1fr 1fr 1fr 4.6rem 1.7rem;align-items:center;gap:.4rem;display:grid}.vol-room-row--head{color:var(--text-label);text-align:center;padding:0 .1rem;font-size:.7rem;font-weight:600}.vol-room__vol{color:var(--text-heading);text-align:right;white-space:nowrap;font-family:Unbounded,sans-serif;font-size:.78rem;font-weight:700}.vol-room__del{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:1.7rem;height:1.7rem;color:var(--text-label);cursor:pointer;transition:var(--transition,all .15s ease);justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.vol-room__del:hover{border-color:var(--border-hover);color:var(--text-heading)}.vol-add-btn{border-radius:var(--radius-md);border:1px dashed var(--border-hover);color:var(--text-body);cursor:pointer;transition:var(--transition,all .15s ease);background:0 0;margin-top:.3rem;padding:.55rem .9rem;font-size:.84rem;font-weight:600}.vol-add-btn:hover{background:var(--bg-input);color:var(--text-heading)}.calc-swatch--vol{background:var(--vol-front);border-color:var(--vol-edge)}.calc-breakdown__val{color:var(--text-heading);white-space:nowrap;text-align:right;min-width:4.5rem;font-weight:700}@media (width<=520px){.vol-room-row{grid-template-columns:1.2fr 1fr 1fr 1fr 1.7rem}.vol-room__vol{text-align:left;grid-column:1/5;font-size:.74rem}.vol-room-row--head{display:none}}:root,[data-theme=dark]{--pitch-fill:#b0685438;--pitch-stroke:#b068549e;--pitch-rise:#96a6bcd9;--pitch-slope:#f2b05ee6;--pitch-arc:var(--accent-amber,#f2b05ee6);--pitch-ok:#34c782e6;--pitch-no:#e85a52e6}[data-theme=light]{--pitch-fill:#96503c24;--pitch-stroke:#96503c80;--pitch-rise:#475569b3;--pitch-slope:#d97706d9;--pitch-arc:#d97706d9;--pitch-ok:#16a36ae6;--pitch-no:#dc3c34e6}.pitch-tri{fill:var(--pitch-fill);stroke:var(--pitch-stroke);stroke-width:1.5px;stroke-linejoin:round}.pitch-run{stroke:var(--pitch-stroke);stroke-width:1.5px}.pitch-rise{stroke:var(--pitch-rise);stroke-width:1.5px;stroke-dasharray:4 3}.pitch-slope{stroke:var(--pitch-slope);stroke-width:2.5px;stroke-linecap:round}.pitch-arc{fill:none;stroke:var(--pitch-arc);stroke-width:1.5px}.pitch-angle-label{fill:var(--pitch-arc);font-family:Unbounded,sans-serif;font-size:13px;font-weight:700}.pitch-ok{color:var(--pitch-ok);font-weight:700}.pitch-no{color:var(--pitch-no);font-weight:700}.pitch-mark-ok{fill:var(--pitch-ok)}.pitch-mark-no{fill:var(--pitch-no)}.calc-swatch--pitch{background:var(--pitch-fill);border-color:var(--pitch-stroke)}.link-tool{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:var(--transition,all .15s ease);align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;display:flex}.link-tool:hover{border-color:var(--border-hover);background:var(--bg-input)}.link-tool__icon{font-size:1.5rem;line-height:1}.link-tool__body{flex:1;min-width:0}.link-tool__title{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.84rem;font-weight:700;display:block}.link-tool__sub{color:var(--text-muted);margin-top:.1rem;font-size:.76rem;display:block}.link-tool__arrow{color:var(--text-label);font-size:1.1rem}.calc-breakdown{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);flex-direction:column;gap:.55rem;padding:1rem 1.1rem;display:flex}.calc-breakdown__head{color:var(--text-heading);align-items:center;gap:.45rem;margin-bottom:.15rem;font-family:Unbounded,sans-serif;font-size:.82rem;font-weight:700;display:flex}.calc-breakdown__head small{color:var(--text-label);margin-left:auto;font-family:inherit;font-size:.72rem;font-weight:600}.calc-breakdown__row{color:var(--text-muted);border-bottom:1px dashed var(--border-subtle);align-items:baseline;gap:.6rem;padding:.3rem 0;font-size:.82rem;display:flex}.calc-breakdown__row:last-child{border-bottom:none}.calc-breakdown__name{flex:1}.calc-breakdown__meters{color:var(--text-label);white-space:nowrap;font-size:.76rem}.calc-breakdown__val{white-space:nowrap;text-align:right;min-width:3rem}.tool-label--units{background:var(--cat-units);color:var(--cat-units-accent);border:1px solid #a78bfa40}.unit-chips+.unit-chips{margin-top:.55rem}.unit-warning{color:#f87171}.unit-ref{grid-template-columns:repeat(4,1fr);gap:.5rem .75rem;margin:0;padding:0;list-style:none;display:grid}.unit-ref__row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:baseline;gap:.4rem;padding:.55rem .8rem;font-size:.85rem;display:flex}.unit-ref__from{color:var(--text-body);white-space:nowrap}.unit-ref__eq{color:var(--text-muted)}.unit-ref__to{color:var(--cat-units-accent);white-space:nowrap;margin-left:auto;font-weight:700}@media (width<=1024px){.unit-ref{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.unit-ref{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.unit-ref{grid-template-columns:1fr;gap:.4rem}}.tool-label--math{background:var(--cat-math);color:var(--cat-math-accent);border:1px solid #f8717140}.math-frac{align-items:center;gap:.4rem;display:inline-flex}.math-frac__sign{color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900}.math-frac__stack{flex-direction:column;align-items:center;gap:.2rem;display:inline-flex}.math-frac__num,.math-frac__den{color:var(--cat-math-accent);word-break:break-all;font-family:Unbounded,sans-serif;font-size:1.9rem;font-weight:900;line-height:1.1}.math-frac__bar{background:var(--cat-math-accent);border-radius:2px;width:100%;min-width:48px;height:3px}.math-frac--sm .math-frac__num,.math-frac--sm .math-frac__den{color:var(--text-heading);font-size:.95rem}.math-frac--sm .math-frac__bar{background:var(--text-label);min-width:26px;height:2px}.math-fracinput{background:var(--bg-input);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:.9rem;padding:1.2rem .9rem;display:flex}.math-fracinput__whole{width:74px;position:relative}.math-fracinput__tag{color:var(--text-label);background:var(--bg-input);padding:0 .3rem;font-size:.62rem;font-weight:700;position:absolute;top:-7px;left:7px}.math-fracinput__frac{flex-direction:column;gap:.35rem;width:92px;display:flex}.math-fracinput__field,.math-fracinput__wholefield{text-align:center;width:100%;color:var(--text-heading);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition);outline:none;padding:.5rem .4rem;font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:700}.math-fracinput__wholefield{padding:.6rem .4rem;font-size:1.4rem;font-weight:900}.math-fracinput__field:focus,.math-fracinput__wholefield:focus{border-color:var(--cat-math-accent)}.math-fracinput__field::placeholder,.math-fracinput__wholefield::placeholder{color:var(--text-label)}.math-fracinput__line{background:var(--cat-math-accent);border-radius:2px;height:2px}@media (width<=600px){.math-frac__num,.math-frac__den{font-size:1.5rem}}@media (width<=420px){.math-fracinput{gap:.6rem}.math-fracinput__whole{width:62px}.math-fracinput__frac{width:78px}.math-fracinput__wholefield{font-size:1.15rem}.math-fracinput__field{font-size:1rem}}.pct-fields{flex-direction:column;gap:.9rem;display:flex}.pct-sign{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pct-sign__btn{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);padding:.6rem;font-family:inherit;font-size:.85rem;font-weight:600}.pct-sign__btn:hover{color:var(--text-heading);border-color:var(--border-hover)}.pct-sign__btn--active{color:var(--text-heading);background:var(--cat-math);border-color:var(--cat-math-accent)}.pct-result__unit{color:var(--text-muted);font-size:1.2rem;font-weight:700}.pct-result__question{color:var(--text-muted);margin-top:.6rem;font-size:.88rem}.pct-result__formula{color:var(--text-body);background:var(--bg-input);border-radius:var(--radius-md);overflow-wrap:anywhere;margin-top:.9rem;padding:.7rem .85rem;font-family:Unbounded,sans-serif;font-size:.85rem}.gcd-nums{flex-direction:column;gap:.6rem;display:flex}.gcd-num{align-items:center;gap:.6rem;display:flex}.gcd-num__index{width:24px;height:24px;color:var(--text-label);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.gcd-num__wrap{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;transition:border-color var(--transition);flex:1}.gcd-num__wrap:focus-within{border-color:var(--cat-math-accent)}.gcd-num__wrap--error{border-color:#f87171}.gcd-num__input{width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;padding:.7rem .9rem;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:700}.gcd-num__input::placeholder{color:var(--text-label);font-family:Onest,sans-serif;font-size:.9rem;font-weight:400}.gcd-num__remove{width:30px;height:30px;color:var(--text-label);border:1px solid var(--border-subtle);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:grid}.gcd-num__remove:hover:not(:disabled){color:#f87171;border-color:#f87171}.gcd-num__remove:disabled{opacity:.35;cursor:not-allowed}.gcd-add{color:var(--text-muted);background:var(--bg-input);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition), border-color var(--transition);padding:.6rem;font-family:inherit;font-size:.85rem;font-weight:600}.gcd-add:hover:not(:disabled){color:var(--cat-math-accent);border-color:var(--cat-math-accent)}.gcd-add:disabled{opacity:.4;cursor:not-allowed}.gcd-result__grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.gcd-result__cell{background:var(--bg-input);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem;display:flex}.gcd-result__value--alt{color:var(--accent-primary)}.gcd-result__sub{color:var(--text-muted);font-size:.75rem;line-height:1.35}.sqrt-field__prefix{color:var(--cat-math-accent);align-items:center;padding:0 .5rem 0 .9rem;font-family:Unbounded,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.sqrt-field__deg{align-self:flex-start;margin-top:.55rem;font-size:.65rem;line-height:1}.sqrt-result__im{color:var(--accent-primary);font-size:1.4rem}.sqrt-result__radical-body{align-items:flex-start;gap:.15rem;display:inline-flex}.sqrt-rad{color:var(--text-heading);align-items:flex-start;font-family:Unbounded,sans-serif;font-size:1.25rem;font-weight:900;line-height:1.2;display:inline-flex}.sqrt-rad__coef{margin-right:.1rem}.sqrt-rad__deg{color:var(--cat-math-accent);align-self:flex-start;margin-right:-.15rem;font-size:.62rem;line-height:1.1}.sqrt-rad__sign{color:var(--cat-math-accent)}.sqrt-rad__body{border-top:2px solid var(--cat-math-accent);padding:.1rem .2rem 0 .1rem}.pow-expr{background:var(--bg-input);border-radius:var(--radius-lg);justify-content:center;align-items:flex-start;padding:1rem;font-family:Unbounded,sans-serif;line-height:1;display:flex;overflow:hidden}.pow-expr__base{color:var(--text-heading);overflow-wrap:anywhere;font-size:2.4rem;font-weight:900}.pow-expr__exp{color:var(--cat-math-accent);overflow-wrap:anywhere;margin-left:.15rem;font-size:1.15rem;font-weight:900}.pow-result__digits{color:var(--text-muted);margin-top:.6rem;font-size:.82rem}.fact-expr{background:var(--bg-input);border-radius:var(--radius-lg);justify-content:center;align-items:baseline;padding:1rem;font-family:Unbounded,sans-serif;line-height:1;display:flex;overflow:hidden}.fact-expr__n{color:var(--text-heading);overflow-wrap:anywhere;font-size:2.4rem;font-weight:900}.fact-expr__sign{color:var(--cat-math-accent);margin-left:.1rem;font-size:2.4rem;font-weight:900}.fact-result__err{color:var(--text-label);font-size:.78rem;font-weight:600}.avg-series{flex-wrap:wrap;gap:.35rem;max-height:220px;display:flex;overflow-y:auto}.avg-series__item{color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid #0000;padding:.3rem .6rem;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700}.avg-series__item--median{color:var(--cat-math-accent);background:var(--cat-math);border-color:var(--cat-math-accent)}.log-base__custom{margin-top:.6rem}.log-expr{background:var(--bg-input);border-radius:var(--radius-lg);justify-content:center;align-items:baseline;gap:.1rem;padding:1rem;font-family:Unbounded,sans-serif;line-height:1;display:flex;overflow:hidden}.log-expr__sign{color:var(--text-heading);font-size:1.5rem;font-weight:900}.log-expr__base{color:var(--cat-math-accent);overflow-wrap:anywhere;align-self:flex-end;margin:0 .25rem 0 0;font-size:.85rem;font-weight:900}.log-expr__arg{color:var(--text-heading);overflow-wrap:anywhere;font-size:1.9rem;font-weight:900}.log-result__sub{vertical-align:sub;color:var(--cat-math-accent);font-size:.7rem}.prop-grid{background:var(--bg-input);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:.9rem;padding:1.1rem .9rem;display:flex}.prop-grid--row{flex-wrap:wrap;gap:.5rem}.prop-frac{flex-direction:column;align-items:stretch;gap:.4rem;display:flex}.prop-frac__line{background:var(--cat-math-accent);border-radius:2px;height:2px}.prop-op{color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900}.prop-op--small{font-size:1rem}.prop-cell{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:96px;transition:border-color var(--transition);position:relative}.prop-cell:focus-within{border-color:var(--cat-math-accent)}.prop-cell--unknown{border-style:dashed;border-color:var(--cat-math-accent);background:var(--cat-math)}.prop-cell--error{border-color:#f87171}.prop-cell__input{text-align:center;width:100%;color:var(--text-heading);background:0 0;border:none;outline:none;padding:.6rem .5rem;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:700}.prop-cell__input::placeholder{color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-weight:900}.prop-cell__tag{color:var(--text-label);background:var(--bg-input);padding:0 .3rem;font-size:.62rem;font-weight:700;position:absolute;top:-7px;left:7px}.prop-result__filled{text-align:center;color:var(--text-heading);background:var(--bg-input);border-radius:var(--radius-md);overflow-wrap:anywhere;margin-top:.9rem;padding:.75rem .9rem;font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.prop-check__row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.prop-check__label{color:var(--text-muted);font-size:.82rem}.prop-check__value{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.prop-check__verdict{border-radius:var(--radius-md);margin-top:.9rem;padding:.6rem .85rem;font-size:.8rem;line-height:1.45}.prop-check__verdict--ok{color:var(--text-body);background:#34c4a01a;border:1px solid #34c4a04d}.prop-check__verdict--bad{color:var(--text-body);background:var(--cat-math);border:1px solid #f871714d}.base-result__ellipsis{color:var(--text-label)}.base-result__sub{color:var(--text-label);margin-left:.15rem;font-size:.75em}.base-table__base{white-space:nowrap;width:1%;color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:900}.base-table__label{color:var(--text-label);margin-top:.1rem;font-family:Onest,sans-serif;font-size:.68rem;font-weight:500;display:block}.base-table__value{color:var(--text-heading);word-break:break-all;font-family:Unbounded,sans-serif;font-size:.88rem;font-weight:700}.base-table__act{text-align:right;width:1%}.f2d-result__num,.f2d-table__frac{white-space:nowrap;width:1%;color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-weight:700}.f2d-table__dec{text-align:right;color:var(--text-heading);font-family:Unbounded,sans-serif;font-weight:700}.n2w-toggles{flex-direction:column;gap:.6rem;display:flex}.n2w-table__scale{white-space:nowrap;color:var(--text-label)}.n2w-table__words{color:var(--text-heading)}.n2w-rules__grid{flex-direction:column;gap:.6rem;display:flex}.n2w-rule{background:var(--bg-input);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.n2w-rule__num{min-width:40px;color:var(--cat-math-accent);background:var(--cat-math);border-radius:var(--radius-sm);border:1px solid #f8717140;flex:none;place-items:center;padding:.2rem .4rem;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700;display:grid}.n2w-rule__text{color:var(--text-muted);font-size:.82rem;line-height:1.45}@media (width<=420px){.pct-sign,.gcd-result__grid{grid-template-columns:1fr}.prop-cell{width:66px}.prop-cell__input{font-size:.9rem}.prop-op{font-size:1.2rem}}@media (width<=600px){.pow-expr__base,.fact-expr__n,.fact-expr__sign{font-size:2rem}.log-expr__arg{font-size:1.6rem}.prop-cell{width:78px}.prop-grid{gap:.6rem}.base-table__label,.f2d-result__num,.n2w-table__scale{display:none}}.rom-value{letter-spacing:.06em}.rom-field{letter-spacing:.12em;text-transform:uppercase}.rom-chip{letter-spacing:.04em;font-family:Unbounded,sans-serif;font-weight:700}.rom-parts{flex-wrap:wrap;gap:.4rem;display:flex}.rom-part{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.15rem;min-width:52px;padding:.5rem .6rem;display:flex}.rom-part__sym{letter-spacing:.04em;color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:900}.rom-part__val{color:var(--text-label);font-size:.72rem;font-weight:600}.rom-origin{font-size:.76rem;font-style:italic}@media (width<=600px){.rom-origin{display:none}}.ang-pi{color:var(--cat-math-accent);white-space:nowrap;font-family:Unbounded,sans-serif;font-weight:700}.bin-mono{letter-spacing:.05em}.bin-bits{flex-direction:column;gap:.35rem;display:flex;overflow-x:auto}.bin-bits__row{align-items:center;gap:.6rem;display:flex}.bin-bits__label{text-align:right;width:44px;color:var(--text-label);flex:none;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700}.bin-bits__cells{gap:2px;display:flex}.bin-bit{width:22px;height:26px;color:var(--text-label);background:var(--bg-input);border-radius:var(--radius-sm);flex:none;place-items:center;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700;display:grid}.bin-bit--on{color:var(--cat-math-accent);background:var(--cat-math)}@media (width<=600px){.bin-bit{width:17px;height:22px;font-size:.7rem}.bin-bits__label{width:32px;font-size:.68rem}}.quad-equation{color:var(--text-heading);background:var(--bg-input);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;padding:1rem .9rem;font-family:Unbounded,sans-serif;font-size:1.3rem;font-weight:900;display:flex}.quad-equation__coef{color:var(--cat-math-accent);overflow-wrap:anywhere}.quad-equation__op{color:var(--text-label);margin:0 .1rem}.quad-plot{width:100%;height:auto;display:block;overflow:visible}.quad-plot__axis{stroke:var(--border-subtle);stroke-width:1px}.quad-plot__curve{fill:none;stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.quad-plot__root{fill:var(--bg-canvas);stroke:var(--cat-math-accent);stroke-width:2.5px}.quad-plot__vertex{fill:var(--accent-primary);stroke:var(--bg-canvas);stroke-width:2px}.frac-expr{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.frac-expr--wide{background:var(--bg-input);border-radius:var(--radius-md);justify-content:center;padding:.9rem .5rem}.frac-expr__op{color:var(--text-label);font-family:Unbounded,sans-serif;font-size:1.4rem;font-weight:900}.frac-expr__whole{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:900}@media (width<=600px){.frac-expr__op{font-size:1.15rem}}.simp-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 0;display:flex}.simp-row:last-of-type{border-bottom:none}.simp-row__label{width:92px;color:var(--text-muted);flex:none;font-size:.78rem}.simp-factors{flex-wrap:wrap;gap:.3rem;display:flex}.simp-factor{min-width:30px;color:var(--text-label);background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid #0000;place-items:center;padding:.25rem .5rem;font-family:Unbounded,sans-serif;font-size:.85rem;font-weight:700;display:grid}.simp-factor--common{color:var(--cat-math-accent);background:var(--cat-math);border-color:var(--cat-math-accent)}@media (width<=600px){.simp-row__label{width:100%}}.pf-ladder{flex-direction:column;gap:.2rem;padding:.5rem 0;display:inline-flex}.pf-ladder__row{grid-template-columns:1fr 2px auto;align-items:center;gap:0 .75rem;display:grid}.pf-ladder__num{text-align:right;color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.pf-ladder__bar{background:var(--cat-math-accent);align-self:stretch;width:2px}.pf-ladder__div{min-width:44px;color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-size:.95rem;font-weight:700}.pf-divisors{flex-wrap:wrap;gap:.35rem;max-height:240px;display:flex;overflow-y:auto}.pf-divisor{color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid #0000;padding:.3rem .6rem;font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700}.pf-divisor--self{color:var(--cat-math-accent);background:var(--cat-math);border-color:var(--cat-math-accent)}.lin-field{letter-spacing:.02em;font-size:1rem}.lin-chip{font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700}.ld-scroll{padding-bottom:.3rem;overflow-x:auto}.ld-corner{font-variant-numeric:tabular-nums;min-width:100%;color:var(--text-heading);white-space:nowrap;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:700;line-height:1.5;display:inline-block}.ld-head{align-items:flex-start;display:flex}.ld-head__dividend{padding-right:.6rem}.ld-head__divisor{color:var(--cat-math-accent);border-left:2px solid var(--cat-math-accent);padding-left:.6rem}.ld-head--quotient{margin-top:-.1rem}.ld-head__spacer{visibility:hidden;padding-right:.6rem}.ld-head__result{color:var(--cat-math-accent);border-left:2px solid var(--cat-math-accent);border-top:2px solid var(--cat-math-accent);padding-left:.6rem}.ld-body{padding-top:.2rem}.ld-rung{padding-bottom:.15rem}.ld-rung__line{color:var(--text-muted);display:block}.ld-rung__minus{color:var(--cat-math-accent);margin-right:.15rem}.ld-rung__product{border-bottom:2px solid var(--border-hover)}.ld-rung__rest{color:var(--text-heading);display:block}.ld-row--frac td{color:var(--text-label)}.ld-row--frac .calc-table__val{color:var(--text-muted)}@media (width<=600px){.ld-corner{font-size:.85rem}}.pchk-signs{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.pchk-sign{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.55rem;padding:.55rem .7rem;display:flex}.pchk-sign--yes{background:var(--cat-math);border-color:var(--cat-math-accent)}.pchk-sign__mark{width:20px;height:20px;color:var(--text-label);background:var(--bg-card);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.pchk-sign--yes .pchk-sign__mark{color:var(--bg-canvas);background:var(--cat-math-accent)}.pchk-sign__body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.pchk-sign__label{color:var(--text-heading);font-size:.8rem;font-weight:600}.pchk-sign__hint{color:var(--text-label);font-size:.72rem;line-height:1.35}.pchk-neighbors{align-items:stretch;gap:.5rem;display:flex}.pchk-neighbor{text-align:center;background:var(--bg-input);border-radius:var(--radius-md);border:1px solid #0000;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.7rem .5rem;display:flex}.pchk-neighbor__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-label);font-size:.68rem}.pchk-neighbor__value{color:var(--text-heading);overflow-wrap:anywhere;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:700}.pchk-neighbor--self{background:var(--bg-card)}.pchk-neighbor--prime{background:var(--cat-math);border-color:var(--cat-math-accent)}.pchk-neighbor--prime .pchk-neighbor__value{color:var(--cat-math-accent)}@media (width<=600px){.pchk-signs{grid-template-columns:1fr}.pchk-neighbors{flex-direction:column}}.pyth-input--target{border-style:dashed;border-color:var(--cat-math-accent);background:var(--cat-math)}.pyth-input--target .calc-input__field::placeholder{color:var(--cat-math-accent);font-family:Unbounded,sans-serif;font-weight:900}.pyth-plot{width:100%;height:auto;display:block;overflow:visible}.pyth-plot__shape{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.pyth-plot__right{fill:none;stroke:var(--cat-math-accent);stroke-width:2px}.pyth-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:12px;font-weight:700}.pyth-plot__label--hyp{fill:var(--cat-math-accent)}.pyth-plot__angle{fill:var(--text-label);font-family:Onest,sans-serif;font-size:11px;font-weight:600}.circ-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.circ-range::-webkit-slider-runnable-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50px;height:6px}.circ-range::-moz-range-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50px;height:6px}.circ-range::-webkit-slider-thumb{appearance:none;background:var(--cat-math-accent);border:2px solid var(--bg-canvas);border-radius:50%;width:18px;height:18px;margin-top:-7px}.circ-range::-moz-range-thumb{background:var(--cat-math-accent);border:2px solid var(--bg-canvas);border-radius:50%;width:18px;height:18px}.circ-range:focus-visible{outline:2px solid var(--cat-math-accent);outline-offset:3px;border-radius:50px}.circ-plot{width:100%;height:auto;display:block;overflow:visible}.circ-plot__circle{fill:none;stroke:var(--cat-math-accent);stroke-width:2.5px}.circ-plot__sector{fill:var(--cat-math);stroke:none}.circ-plot__radius{stroke:var(--cat-math-accent);stroke-width:2px}.circ-plot__chord{fill:none;stroke:var(--accent-primary);stroke-width:1.5px;stroke-dasharray:4 3}.circ-plot__center{fill:var(--cat-math-accent)}.circ-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.circ-plot__label--muted{fill:var(--text-label);font-family:Onest,sans-serif;font-weight:600}.tri-coords{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tri-plot{width:100%;height:auto;display:block;overflow:visible}.tri-plot__shape{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.tri-plot__vertex{fill:var(--cat-math-accent);stroke:var(--bg-canvas);stroke-width:1.5px}.tri-plot__label{fill:var(--text-heading);paint-order:stroke;stroke:var(--bg-canvas);stroke-width:3px;stroke-linejoin:round;font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}@media (width<=420px){.tri-coords{grid-template-columns:1fr}}.rect-plot{width:100%;height:auto;display:block;overflow:visible}.rect-plot__shape{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px}.rect-plot__diag{stroke:var(--accent-primary);stroke-width:1.5px;stroke-dasharray:5 3}.rect-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.rect-plot__label--diag{fill:var(--accent-primary)}.trap-plot{width:100%;height:auto;display:block;overflow:visible}.trap-plot__shape{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.trap-plot__height{stroke:var(--accent-primary);stroke-width:1.5px;stroke-dasharray:5 3}.trap-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.trap-plot__label--h{fill:var(--accent-primary)}.cyl-plot{width:100%;height:auto;display:block;overflow:visible}.cyl-plot__body{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.cyl-plot__top{fill:var(--bg-canvas);stroke:var(--cat-math-accent);stroke-width:2.5px}.cyl-plot__hidden{fill:none;stroke:var(--cat-math-accent);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.55}.cyl-plot__dim{stroke:var(--accent-primary);stroke-width:1.5px}.cyl-plot__dot{fill:var(--accent-primary)}.cyl-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.sph-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.sph-range::-webkit-slider-runnable-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50px;height:6px}.sph-range::-moz-range-track{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50px;height:6px}.sph-range::-webkit-slider-thumb{appearance:none;background:var(--cat-math-accent);border:2px solid var(--bg-canvas);border-radius:50%;width:18px;height:18px;margin-top:-7px}.sph-range::-moz-range-thumb{background:var(--cat-math-accent);border:2px solid var(--bg-canvas);border-radius:50%;width:18px;height:18px}.sph-range:focus-visible{outline:2px solid var(--cat-math-accent);outline-offset:3px;border-radius:50px}.sph-plot{width:100%;height:auto;display:block;overflow:visible}.sph-plot__ball{fill:var(--bg-input);stroke:var(--cat-math-accent);stroke-width:2.5px}.sph-plot__cap{fill:var(--cat-math);stroke:none}.sph-plot__equator{fill:none;stroke:var(--cat-math-accent);stroke-width:1.2px;stroke-dasharray:4 4;opacity:.5}.sph-plot__cut{stroke:var(--accent-primary);stroke-width:2px}.sph-plot__dim{stroke:var(--accent-primary);stroke-width:1.5px}.sph-plot__dot{fill:var(--accent-primary)}.sph-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.sph-plot__label--cut{fill:var(--accent-primary);font-family:Onest,sans-serif;font-size:10px;font-weight:600}.cone-plot{width:100%;height:auto;display:block;overflow:visible}.cone-plot__body{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.cone-plot__top{fill:var(--bg-canvas);stroke:var(--cat-math-accent);stroke-width:2.5px}.cone-plot__hidden{fill:none;stroke:var(--cat-math-accent);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.55}.cone-plot__dim{stroke:var(--accent-primary);stroke-width:1.5px;stroke-dasharray:4 3}.cone-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.cone-plot__label--l{fill:var(--cat-math-accent)}.box-plot{width:100%;height:auto;display:block;overflow:visible}.box-plot__front{fill:var(--cat-math);stroke:var(--cat-math-accent);stroke-width:2.5px}.box-plot__top{fill:var(--bg-canvas);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.box-plot__side{fill:var(--bg-input);stroke:var(--cat-math-accent);stroke-width:2.5px;stroke-linejoin:round}.box-plot__hidden{fill:none;stroke:var(--cat-math-accent);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.5}.box-plot__diag{stroke:var(--accent-primary);stroke-width:1.5px;stroke-dasharray:5 3}.box-plot__label{fill:var(--text-heading);font-family:Unbounded,sans-serif;font-size:11px;font-weight:700}.tool-label--colors{background:var(--cat-colors);color:var(--cat-colors-accent);border:1px solid #e879f940}.calc-grid{--calc-accent:var(--cat-colors-accent);--calc-accent-bg:var(--cat-colors)}.clr-swatch{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);min-height:190px;transition:background-color var(--transition);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.25rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.clr-swatch--alpha:before{content:"";z-index:0;background-image:linear-gradient(45deg,#80808040 25%,#0000 25%),linear-gradient(-45deg,#80808040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#80808040 75%),linear-gradient(-45deg,#0000 75%,#80808040 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.clr-swatch__fill{z-index:1;position:absolute;inset:0}.clr-swatch__label,.clr-swatch__value{z-index:2;position:relative}.clr-swatch__value{letter-spacing:-.01em;font-family:Unbounded,sans-serif;font-size:1.6rem;font-weight:900}.clr-swatch__label{text-transform:uppercase;letter-spacing:.06em;opacity:.75;font-size:.78rem;font-weight:600}.clr-picker{align-items:center;gap:.6rem;display:flex}.clr-picker__native{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex:none;width:46px;height:46px;padding:0}.clr-picker__native::-webkit-color-swatch-wrapper{padding:3px}.clr-picker__native::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 3px);border:none}.clr-picker__native::-moz-color-swatch{border-radius:calc(var(--radius-md) - 3px);border:none}.clr-picker__field{flex:auto}.clr-slider{grid-template-columns:2.2rem 1fr 3.4rem;align-items:center;gap:.6rem;display:grid}.clr-slider+.clr-slider{margin-top:.5rem}.clr-slider__name{color:var(--text-label);font-size:.8rem;font-weight:700}.clr-slider__num{font-variant-numeric:tabular-nums;text-align:right;color:var(--text-body);font-size:.8rem}.clr-slider__range{appearance:none;background:var(--border-subtle);cursor:pointer;border-radius:999px;width:100%;height:6px}.clr-slider__range::-webkit-slider-thumb{appearance:none;background:var(--calc-accent);border:2px solid var(--bg-card);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.clr-slider__range::-moz-range-thumb{border:2px solid var(--bg-card);background:var(--calc-accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.clr-formats{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.clr-format{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--transition);grid-template-columns:4.2rem 1fr auto;align-items:center;gap:.6rem;padding:.55rem .75rem;display:grid}.clr-format:hover{border-color:var(--calc-accent)}.clr-format__name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:700}.clr-format__value{color:var(--text-heading);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem}.clr-scale{border-radius:var(--radius-md);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;overflow:hidden}.clr-scale__item{aspect-ratio:1/1.6;cursor:pointer;transition:transform var(--transition);border:none;padding:0}.clr-scale__item:hover{transform:scaleY(1.06)}@media (width<=560px){.clr-swatch{min-height:150px}.clr-swatch__value{font-size:1.3rem}.clr-format{grid-template-columns:3.6rem 1fr auto}}.clr-ref{grid-template-columns:repeat(3,1fr);gap:.5rem .75rem;margin:0;padding:0;list-style:none;display:grid}.clr-ref__row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.5rem .6rem;display:grid}.clr-ref__chip{border-radius:calc(var(--radius-md) - 3px);border:1px solid var(--border-subtle);letter-spacing:.01em;justify-content:center;align-items:center;min-width:74px;padding:.35rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:700;display:inline-flex}.clr-ref__name{color:var(--text-heading);flex-direction:column;gap:.1rem;font-size:.8rem;line-height:1.25;display:flex}.clr-ref__css{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.clr-ref__value{text-align:right;color:var(--cat-colors-accent);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}@media (width<=1100px){.clr-ref{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.clr-ref{grid-template-columns:1fr}}.clr-ref__chip--alpha{background-image:linear-gradient(45deg,#8080804d 25%,#0000 25%),linear-gradient(-45deg,#8080804d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#8080804d 75%),linear-gradient(-45deg,#0000 75%,#8080804d 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;position:relative}.clr-ref__chip--alpha>span{border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.calc-grid--wide{grid-template-columns:300px 1fr}.clr-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.clr-card{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:96px;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:.1rem;padding:.7rem .75rem;display:flex}.clr-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.clr-card__top{margin-bottom:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700}.clr-card__css{overflow-wrap:anywhere;opacity:.95;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}.clr-card__ru{opacity:.75;font-size:.72rem}.clr-card__alias{opacity:.6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem}@media (width<=1024px){.calc-grid--wide{grid-template-columns:1fr}}@media (width<=480px){.clr-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}}.clr-palette{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;display:grid;overflow:hidden}.clr-palette__item{text-align:left;cursor:pointer;min-height:170px;transition:filter var(--transition);border:none;flex-direction:column;justify-content:flex-end;gap:.15rem;padding:.8rem .6rem;display:flex}.clr-palette__item:hover{filter:brightness(1.06)}.clr-palette__role{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.68rem;font-weight:600}.clr-palette__hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700}.clr-code{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-heading);margin:0 0 .8rem;padding:.8rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow-x:auto}@media (width<=560px){.clr-palette{grid-auto-columns:auto;grid-auto-flow:row;gap:1px}.clr-palette__item{flex-direction:row;justify-content:space-between;align-items:center;min-height:62px}}.clr-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background-color var(--transition), color var(--transition);flex-direction:column;gap:.7rem;padding:1.6rem 1.4rem;display:flex}.clr-preview--compact{gap:.4rem;margin-bottom:.8rem;padding:1rem 1.1rem}.clr-preview__ratio{letter-spacing:-.02em;font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900;line-height:1}.clr-preview--compact .clr-preview__ratio{font-size:1.3rem}.clr-preview__big{font-size:24px;font-weight:700;line-height:1.3}.clr-preview__normal{font-size:16px;line-height:1.6}.clr-preview__small{opacity:.9;font-size:13px}.clr-levels{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.clr-level{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.6rem;padding:.55rem .75rem;display:grid}.clr-level__mark{border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:inline-flex}.clr-level--pass .clr-level__mark{color:#34c4a0;background:#34c4a02e}.clr-level--fail .clr-level__mark{color:#f87171;background:#f8717129}.clr-level--fail{opacity:.8}.clr-level__body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.clr-level__label{color:var(--text-heading);font-size:.82rem}.clr-level__hint{color:var(--text-muted);font-size:.7rem}.clr-level__need{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-muted);font-size:.72rem}@media (width<=480px){.clr-preview__ratio{font-size:1.6rem}.clr-level{grid-template-columns:1.4rem 1fr}.clr-level__need{grid-column:2}}.clr-gradient{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:flex-end;min-height:220px;padding:1.1rem 1.2rem;display:flex}.clr-gradient__label{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.74rem;font-weight:600}.clr-stops{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.clr-stop{grid-template-columns:34px 5.6rem 1fr 2.6rem 1.5rem;align-items:center;gap:.45rem;display:grid}.clr-stop__color{width:34px;height:34px}.clr-stop__hex{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:0;color:var(--text-heading);padding:.35rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}.clr-stop__hex--error{border-color:#f87171}.clr-stop__num{font-variant-numeric:tabular-nums;text-align:right;color:var(--text-muted);font-size:.72rem}.clr-stop__remove{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;transition:color var(--transition), border-color var(--transition);padding:0;font-size:1rem;line-height:1}.clr-stop__remove:hover:not(:disabled){color:#f87171;border-color:#f87171}.clr-stop__remove:disabled{opacity:.35;cursor:not-allowed}.calc-chip:disabled{opacity:.4;cursor:not-allowed}@media (width<=560px){.clr-gradient{min-height:160px}.clr-stop{grid-template-columns:34px 1fr 2.4rem 1.5rem}.clr-stop__pos{grid-column:1/-1}}.clr-vision{flex-direction:column;gap:.55rem;display:flex}.clr-vision__row{grid-template-columns:10.5rem 1fr;align-items:center;gap:.7rem;display:grid}.clr-vision__meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.clr-vision__label{color:var(--text-heading);font-size:.8rem;font-weight:600}.clr-vision__hint{color:var(--text-muted);font-size:.66rem;line-height:1.35}.clr-vision__strip{border-radius:var(--radius-md);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;overflow:hidden}.clr-vision__cell{cursor:pointer;min-height:46px;transition:filter var(--transition);border:none;padding:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;font-weight:700}.clr-vision__cell:hover{filter:brightness(1.08)}.clr-dot{vertical-align:-1px;border:1px solid var(--border-subtle);border-radius:50%;width:.7rem;height:.7rem;margin-right:.25rem;display:inline-block}.clr-stop--simple{grid-template-columns:34px 1fr 1.5rem}@media (width<=640px){.clr-vision__row{grid-template-columns:1fr;gap:.3rem}.clr-vision__hint{display:none}}.clr-scale--tall .clr-scale__item{aspect-ratio:auto;min-height:84px}.clr-scale__item--labeled{justify-content:center;align-items:flex-end;padding-bottom:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;font-weight:700;display:flex}.clr-scale__item--marked{position:relative}.clr-scale__item--marked:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:.32rem;height:.32rem;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}@media (width<=640px){.clr-scale--tall .clr-scale__item{min-height:62px}.clr-scale__item--labeled{font-size:.58rem}}.clr-format--code{grid-template-columns:11rem 1fr auto;align-items:start}.clr-format__name--wide{text-transform:none;letter-spacing:0;color:var(--text-heading);flex-direction:column;gap:.15rem;font-size:.76rem;font-weight:600;line-height:1.3;display:flex}.clr-format__warn{color:#f2b05e;font-size:.64rem;font-weight:500;line-height:1.3}.clr-format--code .clr-format__value{padding-top:.1rem;font-size:.78rem;line-height:1.45}@media (width<=720px){.clr-format--code{grid-template-columns:1fr auto;gap:.35rem .6rem}.clr-format--code .clr-format__value{grid-column:1/-1}}.clr-slider__range--kelvin{background:linear-gradient(90deg,#ff6900 0%,#ffad59 13%,#ffd3a5 22%,#ffe6d0 29%,#fff9fe 39%,#ebecff 46%,#d6dfff 57%,#c0d1ff 79%,#b5c9ff 100%);height:10px}.clr-swatch--compact{text-align:left;cursor:pointer;width:100%;min-height:104px;padding:.9rem 1rem}.clr-swatch--compact .clr-swatch__value{font-size:1.15rem}.clr-pairs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;display:grid}.clr-pair{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;min-height:108px;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:flex-end;gap:.2rem;padding:.8rem .85rem;display:flex}.clr-pair:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.clr-pair__label{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.68rem;font-weight:600}.clr-pair__hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:700}.tool-label--docs{background:var(--cat-docs);color:var(--cat-docs-accent);border:1px solid color-mix(in srgb, var(--cat-docs-accent) 25%, transparent)}.merge-hint{color:var(--text-label);flex-wrap:wrap;align-items:center;gap:.15rem;margin:0 0 .75rem;font-size:.78rem;line-height:1.5;display:flex}.merge-hint__grip{background:var(--bg-section-alt);border:1px solid var(--border-subtle);letter-spacing:-1px;border-radius:4px;align-items:center;padding:.05rem .3rem;font-size:.7rem;display:inline-flex}.file-list__sub{color:var(--text-label);font-weight:400}.file-item--doc{user-select:none}.file-item__grip{border-radius:var(--radius-sm);background:var(--bg-section-alt);border:1px solid var(--border-subtle);cursor:grab;touch-action:none;justify-content:center;align-items:center;gap:.25rem;height:40px;display:flex}.file-item__grip:active{cursor:grabbing}.file-item__grip-dots{letter-spacing:-2px;color:var(--text-label);font-size:.7rem;line-height:1}.file-item__order{color:var(--cat-docs-accent);font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700;line-height:1}.file-item--dragging{border-color:var(--cat-docs-accent);box-shadow:var(--shadow-card-hover);opacity:.92}.file-item__reorder{flex-direction:column;gap:2px;display:flex}.file-item__arrow{border:1px solid var(--border-subtle);width:22px;height:18px;color:var(--text-label);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;line-height:1;display:flex}.file-item__arrow:hover:not(:disabled){color:var(--cat-docs-accent);border-color:var(--cat-docs-accent)}.file-item__arrow:disabled{opacity:.3;cursor:not-allowed}.merge-progress{flex-direction:column;gap:.4rem;padding:0 1.25rem 1rem;display:flex}.merge-progress__label{color:var(--text-label);font-size:.78rem}.merge-result{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent-green) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent-green) 35%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:0 1.25rem 1rem;padding:.9rem 1rem;display:grid}.merge-result__icon{font-size:1.4rem;line-height:1}.merge-result__info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.merge-result__title{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.merge-result__meta{color:var(--text-label);font-size:.78rem}.merge-result__btn{flex:none;padding:.7rem 1.1rem}.merge-summary{flex-direction:column;gap:.5rem;display:flex}.merge-summary__row{color:var(--text-label);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.82rem;display:flex}.merge-summary__row strong{color:var(--text-heading);font-family:Unbounded,sans-serif;font-size:.88rem}.upload-actions__note{color:var(--text-label);white-space:nowrap;align-self:center;font-size:.78rem}@media (width<=480px){.merge-result{grid-template-columns:auto 1fr}.merge-result__btn{grid-column:1/-1;justify-content:center;width:100%}.upload-actions__note{white-space:normal;align-self:flex-start}}.split-file{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:1.25rem 1.25rem 0;padding:.85rem 1rem;display:grid}.split-file__icon{font-size:1.5rem;line-height:1}.split-file__info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.split-file__name{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.split-file__meta{color:var(--text-label);font-size:.78rem}.thumbs-block{padding:1rem 1.25rem 0}.thumbs-note{color:var(--text-label);margin:0;padding:1rem 1.25rem;font-size:.82rem}.thumbs-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:.75rem;max-height:420px;padding:.25rem;display:grid;overflow-y:auto}.thumb{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color var(--transition), opacity var(--transition);flex-direction:column;gap:.35rem;padding:.4rem;display:flex}.thumb--excluded{opacity:.4}.thumb__canvas-wrap{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;min-height:130px;display:flex;overflow:hidden}.thumb__canvas{max-width:100%;display:block}.thumb__foot{justify-content:space-between;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.thumb__num{color:var(--text-label);font-variant-numeric:tabular-nums}.thumb__part{white-space:nowrap;background:color-mix(in srgb, var(--cat-docs-accent) 14%, transparent);color:var(--cat-docs-accent);border-radius:4px;padding:.1rem .35rem;font-weight:600}.thumb[data-part="1"] .thumb__part{background:color-mix(in srgb, var(--accent-green) 14%, transparent);color:var(--accent-green)}.thumb[data-part="2"] .thumb__part{background:color-mix(in srgb, var(--accent-amber) 14%, transparent);color:var(--accent-amber)}.thumb[data-part="3"] .thumb__part{background:color-mix(in srgb, var(--cat-colors-accent) 14%, transparent);color:var(--cat-colors-accent)}.thumb[data-part="4"] .thumb__part{background:color-mix(in srgb, var(--cat-units-accent) 14%, transparent);color:var(--cat-units-accent)}.thumb[data-part="5"] .thumb__part{background:color-mix(in srgb, var(--cat-math-accent) 14%, transparent);color:var(--cat-math-accent)}.split-results{flex-direction:column;gap:.5rem;padding:1rem 1.25rem 0;display:flex}.tool-mode-tabs--stack{border:none;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:0;display:grid}.tool-mode-tabs--stack .tool-mode-tab{text-align:center;padding:.5rem .3rem;font-size:.75rem}.setting-hint{color:var(--text-label);margin:.5rem 0 0;font-size:.75rem;line-height:1.5}.setting-hint code{background:var(--bg-section-alt);border-radius:4px;padding:.05rem .3rem;font-size:.72rem}@media (width<=480px){.thumbs-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-height:320px}.thumb__canvas-wrap{min-height:104px}}.pages-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.pages-toolbar--range{margin-bottom:1rem}.pages-toolbar__title{color:var(--text-heading);font-size:.85rem;font-weight:600}.pages-toolbar__actions{flex-wrap:wrap;gap:.3rem;display:flex}.pages-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-label);cursor:pointer;white-space:nowrap;transition:color var(--transition), border-color var(--transition);padding:.35rem .7rem;font-size:.75rem;font-weight:500}.pages-btn:hover{color:var(--cat-docs-accent);border-color:var(--cat-docs-accent)}.pages-toolbar--range .calc-input{flex:1;min-width:200px}.thumb--selectable{cursor:pointer}.thumb--selectable:hover{border-color:var(--cat-docs-accent)}.thumb--selectable:focus-visible{outline:2px solid var(--cat-docs-accent);outline-offset:2px}.thumb--selected{border-color:var(--cat-docs-accent);background:color-mix(in srgb, var(--cat-docs-accent) 8%, var(--bg-card))}.thumb__canvas-wrap{position:relative}.thumb__check{border:1px solid var(--border-subtle);background:var(--bg-card);width:18px;height:18px;color:var(--cat-docs-accent);border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.thumb--selected .thumb__check{border-color:var(--cat-docs-accent);background:var(--cat-docs-accent);color:var(--bg-canvas)}.thumb__rotate{border:1px solid var(--border-subtle);width:20px;height:20px;color:var(--text-label);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;font-size:.72rem;line-height:1;display:flex}.thumb__rotate:hover{color:var(--cat-docs-accent);border-color:var(--cat-docs-accent)}.thumb__canvas{transition:transform var(--transition)}.img-results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:460px;padding:.25rem;display:grid;overflow-y:auto}.img-result{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color var(--transition), transform var(--transition);flex-direction:column;gap:.35rem;padding:.4rem;text-decoration:none;display:flex}.img-result:hover{border-color:var(--cat-docs-accent);transform:translateY(-2px)}.img-result__preview{border-radius:var(--radius-sm);background:#fff;width:100%;height:auto;display:block}.img-result__foot{align-items:center;gap:.4rem;font-size:.7rem;display:flex}.img-result__size{color:var(--text-label);margin-right:auto}.img-result__dl{color:var(--cat-docs-accent);font-weight:700}@media (width<=480px){.img-results{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:340px}}.img-row__preview{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-section-alt);border:1px solid var(--border-subtle);width:40px;height:40px}.img-row__badge{background:color-mix(in srgb, var(--accent-amber) 14%, transparent);color:var(--accent-amber);border-radius:4px;margin-left:.4rem;padding:.05rem .35rem;font-size:.68rem;font-weight:600;display:inline-block}.file-list .file-item--doc:has(.img-row__preview){grid-template-columns:48px 40px 1fr auto auto}@media (width<=480px){.file-list .file-item--doc:has(.img-row__preview){grid-template-columns:36px 32px 1fr auto auto}.img-row__preview{width:32px;height:32px}}