:root{--color-page-bg:#f7f8fa;--color-card-bg:#fff;--color-card-hover:#f4f8ff;--color-border:#e2e6ed;--color-border-inner:#f1f5f9;--color-text-heading:#1a1a2e;--color-text-body:#1e293b;--color-text-muted:#64748b;--color-text-subtle:#475569;--color-input-affix:#eef2f7;--color-blue-surface:#eef4ff;--color-blue-surface-text:#1d4ed8;--color-badge-converter-bg:#f0fdf4;--color-badge-generator-bg:#f5f3ff;--color-badge-formatter-bg:#fffbeb;--color-badge-validator-bg:#ecfeff;--diagram-insight-positive-bg:#f0fdf4;--diagram-insight-positive-text:#15803d;--diagram-insight-warning-bg:#fffbeb;--diagram-insight-warning-text:#b45309;--diagram-insight-negative-bg:#fef2f2;--diagram-insight-negative-text:#b91c1c;--diagram-insight-info-bg:#eff4ff;--diagram-insight-info-text:#1e40af}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-page-bg:#0f172a;--color-card-bg:#1e293b;--color-card-hover:#243355;--color-border:#334155;--color-border-inner:#243044;--color-text-heading:#f1f5f9;--color-text-body:#e2e8f0;--color-text-muted:#94a3b8;--color-text-subtle:#94a3b8;--color-input-affix:#162032;--color-blue-surface:#1b2e52;--color-blue-surface-text:#8fb2ff;--color-badge-converter-bg:#0d2013;--color-badge-generator-bg:#1c1030;--color-badge-formatter-bg:#1a1200;--color-badge-validator-bg:#0a1f26;--diagram-insight-positive-bg:#0d2013;--diagram-insight-positive-text:#4ade80;--diagram-insight-warning-bg:#241a05;--diagram-insight-warning-text:#fbbf24;--diagram-insight-negative-bg:#2a1215;--diagram-insight-negative-text:#f87171;--diagram-insight-info-bg:#12203d;--diagram-insight-info-text:#7ea6f5}}:root[data-theme=dark]{--color-page-bg:#0f172a;--color-card-bg:#1e293b;--color-card-hover:#243355;--color-border:#334155;--color-border-inner:#243044;--color-text-heading:#f1f5f9;--color-text-body:#e2e8f0;--color-text-muted:#94a3b8;--color-text-subtle:#94a3b8;--color-input-affix:#162032;--color-blue-surface:#1b2e52;--color-blue-surface-text:#8fb2ff;--color-badge-converter-bg:#0d2013;--color-badge-generator-bg:#1c1030;--color-badge-formatter-bg:#1a1200;--color-badge-validator-bg:#0a1f26;--diagram-insight-positive-bg:#0d2013;--diagram-insight-positive-text:#4ade80;--diagram-insight-warning-bg:#241a05;--diagram-insight-warning-text:#fbbf24;--diagram-insight-negative-bg:#2a1215;--diagram-insight-negative-text:#f87171;--diagram-insight-info-bg:#12203d;--diagram-insight-info-text:#7ea6f5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.calc-page-wrapper{max-width:1240px;margin:0 auto;padding:16px 20px 80px}.calc-page-main{flex-direction:column;gap:14px;display:flex}.tool-sidebar{flex-direction:column;flex-shrink:0;gap:14px;width:300px;display:none}@media (min-width:1025px){.tool-sidebar{align-self:flex-start;display:flex;position:sticky;top:82px}}.calc-breadcrumb-bar{background:var(--color-card-bg);border-bottom:.5px solid var(--color-border)}.calc-breadcrumb-inner{padding:10px 20px}.calc-breadcrumb-link{color:var(--color-text-muted);font-size:11px;text-decoration:none}.calc-breadcrumb-sep{color:var(--color-text-muted);font-size:11px}.calc-breadcrumb-current{color:var(--color-text-body);font-size:11px;font-weight:500}.calc-page-header{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.calc-page-header-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.calc-page-header-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calc-page-header-title{color:var(--color-text-heading);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:500;line-height:1.15}.calc-page-header-badge{background:var(--color-blue-surface);border:.5px solid var(--color-border);color:var(--color-blue-surface-text);text-transform:capitalize;letter-spacing:.04em;border-radius:4px;flex-shrink:0;align-items:center;margin-top:2px;padding:3px 9px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.calc-page-header-badge--converter{background:var(--color-blue-surface);color:var(--color-blue-surface-text)}.calc-page-header-badge--generator{background:var(--color-badge-generator-bg);color:#7c3aed}.calc-page-header-badge--formatter{background:var(--color-badge-formatter-bg);color:#d97706}.calc-page-header-badge--validator{background:var(--color-badge-validator-bg);color:#0891b2}.calc-page-header-actions{align-items:center;gap:6px;display:flex}.calc-page-header-desc{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.calc-page-header-updated{color:var(--color-text-muted);margin:0;font-size:11px}.related-calcs-heading{color:var(--color-text-body);margin-bottom:12px;font-size:13px;font-weight:600}.related-calcs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.related-calcs-link{text-decoration:none;display:block}.related-calcs-card{background:var(--color-card-bg);border:.5px solid var(--color-border);cursor:pointer;border-radius:10px;height:100%;padding:16px;transition:border-color .16s}.related-calcs-title{color:var(--color-text-body);margin-bottom:3px;font-size:13px;font-weight:600}.related-calcs-desc{color:var(--color-text-muted);font-size:11px;line-height:1.5}.form-card{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;flex:1;min-width:0;padding:20px}.form-mode-toggle{justify-content:flex-end;align-items:center;gap:4px;margin-bottom:14px;display:flex}.form-mode-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .16s}.form-mode-btn--active{background:var(--color-page-bg);color:var(--color-text-body)}.form-field-label-wrap{align-items:center;display:inline-flex}.form-field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.form-field-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.form-field-header--slider{margin-bottom:10px}.form-inline-val{background:var(--color-blue-surface);border-radius:6px;align-items:center;gap:3px;padding:4px 10px;display:flex}.form-inline-val-prefix{color:#2f6fed;font-size:14px;font-weight:500}.form-inline-val-suffix{color:#2f6fed;font-size:13px;font-weight:500}.form-inline-val-input{text-align:right;color:#2f6fed;width:84px;font-size:15px;font-weight:700;font-family:var(--font-jetbrains-mono,monospace);background:0 0;border:none;padding:0}.form-inline-val-input:focus{outline:none}.form-display-val{color:var(--color-text-body);font-size:13px;font-weight:500;font-family:var(--font-jetbrains-mono,monospace)}.form-input-wrap{border:.5px solid var(--color-border);background:var(--color-page-bg);border-radius:7px;align-items:center;display:flex;overflow:hidden}.form-input-wrap--highlighted{border-color:#2f6fed}.form-input-prefix{color:var(--color-text-muted);background:var(--color-input-affix);border-right:.5px solid var(--color-border);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:500}.form-input-suffix{color:var(--color-text-muted);background:var(--color-input-affix);border-left:.5px solid var(--color-border);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:500}.form-input{color:var(--color-text-body);font-size:14px;font-weight:500;font-family:var(--font-jetbrains-mono,monospace);background:0 0;border:none;outline:none;flex:1;padding:10px 12px}.form-select{border:.5px solid var(--color-border);width:100%;color:var(--color-text-body);background-color:var(--color-page-bg);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:7px;outline:none;padding:10px 32px 10px 12px;font-size:13px;font-weight:500}.form-slider-words{color:var(--color-text-muted);letter-spacing:.01em;margin-top:-4px;margin-bottom:6px;font-size:10px}.form-slider-bounds{color:var(--color-text-muted);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.form-input-wrap--error{background:#fff5f5;border-color:#ef4444}.form-field-error{color:#ef4444;align-items:center;gap:4px;margin-top:5px;font-size:11px;animation:.12s ease-out both error-fade-in;display:flex}.input-tooltip-wrap{align-items:center;margin-left:4px;display:inline-flex;position:relative}.input-tooltip-trigger{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .16s;display:inline-flex}.input-tooltip-trigger:hover{color:#2f6fed;outline:none}.input-tooltip-trigger:focus-visible{color:#2f6fed;outline:none}.input-tooltip-bubble{color:#ffffffeb;letter-spacing:0;text-transform:none;z-index:200;pointer-events:none;background:#0f172a;border-radius:8px;width:230px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.6;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .input-tooltip-bubble{background:#475569;box-shadow:0 6px 20px #0006}}:root[data-theme=dark] .input-tooltip-bubble{background:#475569;box-shadow:0 6px 20px #0006}.input-tooltip-bubble:after{content:"";border:6px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .input-tooltip-bubble:after{border-top-color:#475569}}:root[data-theme=dark] .input-tooltip-bubble:after{border-top-color:#475569}.input-tooltip-bubble--below{top:calc(100% + 10px);bottom:auto}.input-tooltip-bubble--below:after{border-top-color:#0000;border-bottom-color:#0f172a;top:auto;bottom:100%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .input-tooltip-bubble--below:after{border-bottom-color:#475569}}:root[data-theme=dark] .input-tooltip-bubble--below:after{border-bottom-color:#475569}@media (max-width:640px){.input-tooltip-bubble{width:200px;left:auto;right:-4px;transform:none}.input-tooltip-bubble:after{left:auto;right:10px;transform:none}.input-tooltip-bubble--below{left:auto;right:-4px;transform:none}.input-tooltip-bubble--below:after{left:auto;right:10px;transform:none}}.form-fields{flex-direction:column;gap:22px;display:flex}@keyframes reverse-input-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.form-reverse-target{margin-bottom:20px;animation:.16s ease-out both reverse-input-enter}.form-reverse-label-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.date-input-wrap{border:.5px solid var(--color-border);background:var(--color-page-bg);cursor:pointer;border-radius:7px;align-items:center;display:flex;position:relative;overflow:hidden}.date-input-display{-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;flex:1;padding:10px 14px;font-size:15px}.date-input-display--empty{color:var(--color-text-muted)}.date-input-display--filled{color:var(--color-text-body)}.date-input-icon{color:#64748b;pointer-events:none;flex-shrink:0;align-items:center;padding:0 14px 0 0;display:flex}.date-input-native{opacity:0;cursor:pointer;z-index:1;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes result-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes result-item-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-card{background:linear-gradient(135deg,#1a1a2e 0%,#243060 100%);border-radius:10px;padding:20px;animation:.2s ease-out both result-reveal;position:relative;overflow:hidden}.result-card-deco{pointer-events:none;background:#2f6fed26;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.result-card-primary-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffff80;margin-bottom:6px;font-size:11px;font-weight:500}.result-card-primary-value{color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-size:34px;font-weight:600;line-height:1}.result-card-item{background:#ffffff21;border-radius:6px;padding:8px 10px;animation:.18s ease-out both result-item-enter}.result-card-item:first-child{animation-delay:0s}.result-card-item:nth-child(2){animation-delay:60ms}.result-card-item:nth-child(3){animation-delay:.12s}.result-card-item:nth-child(4){animation-delay:.18s}.result-card-item:nth-child(5){animation-delay:.24s}.result-card-item:nth-child(6){animation-delay:.3s}.result-card-item-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;margin-bottom:3px;font-size:10px}.result-card-item-value{color:#e2e8f0;letter-spacing:-.01em;font-size:15px;font-weight:500}.result-card-item-value--gain{color:#22c55e}.corpus-card{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;padding:16px}.corpus-card-title{color:var(--color-text-body);margin-bottom:2px;font-size:13px;font-weight:600}.corpus-card-subtitle{color:var(--color-text-muted);margin-bottom:14px;font-size:11px}.corpus-card-body{align-items:center;gap:20px;display:flex}.corpus-legend{flex-direction:column;flex:1;gap:14px;display:flex}.corpus-legend-item{align-items:center;gap:10px;display:flex}.corpus-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.corpus-legend-dot--invested{background:#2f6fed}.corpus-legend-dot--returns{background:#22c55e}.corpus-legend-label{color:var(--color-text-muted);font-size:11px}.corpus-legend-value{color:var(--color-text-body);margin-top:1px;font-size:13px;font-weight:500}.corpus-legend-roi{border-top:.5px solid var(--color-border);padding-top:10px}.corpus-legend-roi-label{color:var(--color-text-muted);font-size:11px}.corpus-legend-roi-value{color:#22c55e;margin-top:1px;font-size:13px;font-weight:500}.step-breakdown{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;overflow:hidden}.step-summary{text-align:left;width:100%;color:var(--color-text-body);cursor:pointer;background:0 0;border:none;border-bottom:.5px solid #0000;justify-content:space-between;align-items:center;padding:16px;font-size:13px;font-weight:600;display:flex}.step-chevron{flex-shrink:0;transition:transform .16s}.step-breakdown--open .step-chevron{transform:rotate(180deg)}.step-breakdown--open .step-summary{border-bottom-color:var(--color-border)}.step-breakdown-body{padding:16px}.step-breakdown-step{gap:10px;display:flex}.step-breakdown-num{background:var(--color-blue-surface);color:#2f6fed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:600;display:flex}.step-breakdown-label{color:var(--color-text-body);margin-bottom:6px;font-size:13px;font-weight:600}.step-breakdown-formula{color:#2f6fed;background:var(--color-blue-surface);font-size:12px;line-height:1.6;font-family:var(--font-jetbrains-mono,monospace);border-radius:6px;padding:6px 10px}.step-breakdown-fallback{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.75}.step-breakdown-fallback strong{color:var(--color-text-body);font-weight:600}.step-breakdown-io{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.step-breakdown-io-group{flex:1;min-width:0}.step-breakdown-io-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:6px;font-size:10px;font-weight:600}.step-breakdown-io-chip{background:var(--color-page-bg);border:.5px solid var(--color-border);color:var(--color-text-body);border-radius:4px;align-items:center;margin:2px 3px 2px 0;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.step-breakdown-io-chip--output{background:var(--color-blue-surface);border-color:var(--color-border);color:#2f6fed}.content-section{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;padding:16px}.content-section-heading{color:var(--color-text-heading);letter-spacing:-.02em;margin-bottom:12px;font-size:15px;font-weight:700}.content-section-subheading{color:var(--color-text-body);margin-top:20px;margin-bottom:8px;font-size:13px;font-weight:600}.formula-reveal{flex-direction:column;margin-top:20px;display:flex;position:relative}.formula-reveal>:not(summary){display:block}.formula-heading{color:var(--color-text-body);order:1;margin-bottom:8px;font-size:13px;font-weight:600}.formula-pre-wrap{order:2}.formula-pre{color:var(--color-blue-surface-text);background:var(--color-blue-surface);white-space:pre-wrap;word-break:break-word;max-height:150px;font-size:12px;line-height:1.7;font-family:var(--font-jetbrains-mono,monospace);border-radius:6px;margin:0;padding:12px;transition:max-height .3s;overflow:hidden}.formula-reveal[open] .formula-pre{max-height:9000px}.formula-gradient{pointer-events:none;background:linear-gradient(#eef4ff00 0%,#eef4ff 100%);border-radius:0 0 6px 6px;height:72px;transition:opacity .16s;position:absolute;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .formula-gradient{background:linear-gradient(#1b2e5200 0%,#1b2e52 100%)}}:root[data-theme=dark] .formula-gradient{background:linear-gradient(#1b2e5200 0%,#1b2e52 100%)}.formula-reveal[open] .formula-gradient{opacity:0}.formula-toggle-btn{cursor:pointer;color:#2f6fed;letter-spacing:.01em;background:0 0;border:none;order:3;align-items:center;gap:4px;margin-top:8px;padding:2px 0;font-size:12px;font-weight:600;list-style:none;display:inline-flex}.formula-toggle-btn::-webkit-details-marker{display:none}.formula-toggle-btn::marker{content:""}.formula-toggle-label--open,.formula-reveal[open] .formula-toggle-label--closed{display:none}.formula-reveal[open] .formula-toggle-label--open{display:inline}@keyframes swap-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes value-update{0%{opacity:.6}to{opacity:1}}.converter-panels{background:linear-gradient(135deg,#1a1a2e 0%,#243060 100%);border-radius:12px;padding:24px}.converter-panel-group{gap:12px}.converter-panel{flex:1}.converter-panel-label{letter-spacing:.08em;text-transform:uppercase;color:#f7f8fa80;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.converter-input{width:100%;font-size:26px;font-family:var(--font-jetbrains-mono,monospace);color:#fff;letter-spacing:-.02em;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;outline:none;padding:12px 14px;font-weight:600;line-height:1}.converter-swap-wrap{flex-shrink:0;padding-bottom:40px}.converter-swap-btn{color:#f7f8fa;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s;display:flex}.converter-swap-btn:hover{background:#ffffff2e}.converter-swap-btn--swapping svg{animation:.2s both swap-spin}.converter-input--updated{animation:.12s both value-update}.converter-unit-select{margin-top:8px}.unit-select{color:#f7f8fa;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F7F8FA' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:10px 32px 10px 12px;font-size:14px;font-weight:500}.unit-select option,.unit-select optgroup{color:#f7f8fa;background:#1a1a2e}.unit-select-combo{width:100%;position:relative}.unit-select-trigger{text-align:left;color:#f7f8fa;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.unit-select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unit-select-trigger svg{opacity:.7;flex-shrink:0}.unit-select-dropdown{z-index:20;background:#1a1a2e;border:1px solid #ffffff2e;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.unit-select-search-input{color:#f7f8fa;background:#ffffff0f;border:none;border-bottom:1px solid #ffffff1f;outline:none;width:100%;padding:10px 12px;font-size:13px}.unit-select-search-input::placeholder{color:#f7f8fa66}.unit-select-options{max-height:220px;overflow-y:auto}.unit-select-group-label{letter-spacing:.06em;text-transform:uppercase;color:#f7f8fa66;padding:8px 12px 4px;font-size:10px;font-weight:600}.unit-select-option{text-align:left;color:#f7f8fa;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:13px;display:block}.unit-select-option:hover{background:#ffffff14}.unit-select-option--active{background:#ffffff1f;font-weight:600}.unit-select-empty{color:#f7f8fa80;text-align:center;padding:12px;font-size:13px}.conversion-table-wrap{border:.5px solid var(--color-border);background:var(--color-card-bg);border-radius:10px;overflow:hidden}.conversion-table-header{color:var(--color-text-heading);border-bottom:.5px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;font-size:13px;font-weight:600;display:flex}.conversion-table-header-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversion-table-subtitle{color:var(--color-text-muted);margin-left:6px;font-weight:400}.conversion-table-search-input{border:.5px solid var(--color-border);background:var(--color-page-bg);width:140px;color:var(--color-text-body);border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:400}.conversion-table-search-input:focus{border-color:#2f6fed;outline:none}.conversion-table-scroll{max-height:360px;overflow-y:auto}.conversion-table{border-collapse:collapse;width:100%}.conversion-table-row{border-bottom:.5px solid var(--color-border)}.conversion-table-row:last-child{border-bottom:none}.conversion-table-row--active{background:var(--color-page-bg)}.conversion-table-row--active .conversion-table-unit{color:var(--color-text-heading);font-weight:600}.conversion-table-row--active .conversion-table-value{color:#2f6fed;font-weight:600}.conversion-table-unit{color:var(--color-text-muted);width:50%;padding:10px 16px;font-size:12px;font-weight:400}.conversion-table-value{font-size:13px;font-family:var(--font-jetbrains-mono,monospace);color:var(--color-text-body);text-align:right;padding:10px 16px;font-weight:400}.conversion-table-empty{color:var(--color-text-muted);text-align:center;padding:16px;font-size:13px}.tool-client-panel{background:linear-gradient(135deg,#1a1a2e 0%,#243060 100%);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.tool-field{flex-direction:column;gap:8px;display:flex}.tool-field-label{letter-spacing:.08em;text-transform:uppercase;color:#f7f8fa80;font-size:10px;font-weight:600}.tool-input,.tool-select,.tool-textarea{color:#f7f8fa;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:500}.tool-textarea{font-family:var(--font-jetbrains-mono,monospace);resize:vertical;min-height:120px}.tool-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F7F8FA' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.tool-select option{color:#f7f8fa;background:#1a1a2e}.tool-checkbox-row{align-items:center;gap:8px;display:flex}.tool-checkbox-row input[type=checkbox]{accent-color:#2f6fed;width:16px;height:16px}.tool-checkbox-row label{color:#f7f8fa;font-size:13px}.tool-action-btn{color:#fff;cursor:pointer;background:#2f6fed;border:none;border-radius:8px;align-self:flex-start;padding:10px 20px;font-size:13px;font-weight:600;transition:background .16s}.tool-action-btn:hover{background:#2459c4}.tool-output-box{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:14px 44px 14px 14px;position:relative}.tool-output-label{letter-spacing:.08em;text-transform:uppercase;color:#f7f8fa80;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.tool-output-text{font-family:var(--font-jetbrains-mono,monospace);color:#fff;white-space:pre-wrap;word-break:break-word;font-size:14px}.tool-copy-btn{color:#f7f8fa;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .16s;display:flex;position:absolute;top:12px;right:12px}.tool-copy-btn:hover{background:#ffffff2e}.tool-result-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.tool-result-badge--pass{color:#4ade80;background:#22c55e29}.tool-result-badge--fail{color:#f87171;background:#ef444429}.tool-output-box--code{padding:12px 44px 14px 14px}.code-output-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.code-output-lang{font-family:var(--font-jetbrains-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;border:.5px solid #ffffff26;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600}.code-output-pre{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff26 #0000;margin:0;overflow-x:auto}.code-output-pre code{font-family:var(--font-jetbrains-mono,monospace);font-size:13px;line-height:1.7;display:block}.code-output-line{white-space:pre;display:block}.palette-color-input-row{align-items:stretch;gap:8px;display:flex}.palette-color-swatch-input{cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;flex-shrink:0;width:44px;height:40px;padding:0}.palette-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.palette-swatch{cursor:pointer;border:1px solid #ffffff29;border-radius:8px;align-items:flex-end;height:88px;padding:0;transition:transform .16s;display:flex;position:relative;overflow:hidden}.palette-swatch:hover{transform:translateY(-2px)}.palette-swatch-hex{color:#fff;width:100%;font-family:var(--font-jetbrains-mono,monospace);text-align:center;background:#0000008c;padding:6px 8px;font-size:11px;font-weight:600}.strength-input-row{align-items:center;gap:8px;display:flex}.strength-input-row .tool-input{flex:1}.strength-toggle-btn{color:#f7f8fa;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .16s;display:flex}.strength-toggle-btn:hover{background:#ffffff29}.strength-meter{flex-direction:column;gap:8px;display:flex}.strength-meter-track{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.strength-meter-fill{border-radius:999px;height:100%;transition:width .2s,background .2s}.strength-meter-label{font-size:13px;font-weight:600}.strength-rule-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.strength-rule{color:#f7f8fa8c;align-items:center;gap:9px;font-size:12.5px;display:flex}.strength-rule--pass{color:#f7f8fae0}.strength-rule-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.strength-rule--pass .strength-rule-icon{color:#4ade80;background:#22c55e33}.strength-rule--fail .strength-rule-icon{color:#f7f8fa66;background:#ffffff14}.sitemap-tabs{background:#ffffff0f;border-radius:8px;gap:4px;padding:4px;display:flex}.sitemap-tab{color:#f7f8fa80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 12px;font-size:13px;font-weight:600;transition:background .16s,color .16s}.sitemap-tab:hover{color:#f7f8fa}.sitemap-tab--active{color:#f7f8fa;background:#ffffff1f}.sitemap-label-row{justify-content:space-between;align-items:center;display:flex}.sitemap-example-btn{color:#2f6fed;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.sitemap-example-btn:hover{text-decoration:underline}.sitemap-textarea{font-family:var(--font-jetbrains-mono,monospace);resize:vertical;min-height:180px;font-size:12.5px;line-height:1.6}.sitemap-url-row{align-items:stretch;gap:8px;display:flex}.sitemap-url-row .tool-input{flex:1}.sitemap-fetch-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2f6fed;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:background .16s;display:flex}.sitemap-fetch-btn:hover:not(:disabled){background:#2459c4}.sitemap-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.sitemap-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite sitemap-spin;display:block}@keyframes sitemap-spin{to{transform:rotate(360deg)}}.sitemap-fetch-error{color:#f87171;background:#ef44441a;border-radius:6px;margin:0;padding:8px 12px;font-size:12.5px}.sitemap-xml-preview{margin-top:4px}.sitemap-xml-preview summary{color:#f7f8fa73;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11.5px}.sitemap-xml-preview summary:hover{color:#f7f8fab3}.sitemap-xml-pre{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8faa6;white-space:pre;background:#0003;border-radius:6px;max-height:180px;margin:8px 0 0;padding:12px;font-size:11.5px;line-height:1.6;overflow:auto}.tool-field-hint{color:#f7f8fa73;margin:6px 0 0;font-size:11.5px}.tool-field-hint code{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8faa6}.baby-name-panel{gap:20px}.baby-name-shortlist-card{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.baby-name-filters-row,.baby-name-parent-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.baby-name-hint{color:#f7f8fa80;margin:-8px 0 0;font-size:12.5px;line-height:1.5}.baby-name-parent-toggle{padding:2px 0}.baby-name-generate-btn{text-align:center;align-self:stretch}.baby-name-empty{color:#f7f8fa99;text-align:center;padding:12px;font-size:13.5px}.baby-name-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.baby-name-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;transition:transform .16s,background .16s;display:flex;position:relative}.baby-name-card:hover{background:#ffffff17;transform:translateY(-2px)}.baby-name-heart{color:#f7f8fa66;cursor:pointer;background:0 0;border:none;padding:2px;font-size:15px;line-height:1;position:absolute;top:8px;right:10px}.baby-name-heart--active{color:#ef4444}.baby-name-card-top{justify-content:space-between;align-items:baseline;gap:6px;padding-right:18px;display:flex}.baby-name-vibe{font-family:var(--font-jetbrains-mono,monospace);flex-shrink:0;font-size:12px;font-weight:700}.baby-name-name{color:#f7f8fa;margin:0;font-size:17px;font-weight:700;line-height:1.2}.baby-name-meaning{color:#f7f8fa8c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11.5px;overflow:hidden}.baby-name-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.baby-name-tag{letter-spacing:.01em;color:#f7f8fabf;background:#ffffff14;border-radius:999px;padding:3px 6px;font-size:9.5px;font-weight:600}.baby-name-tag--match{color:#7da6f5;background:#2f6fed38}.baby-name-blends{border-top:1px solid #ffffff1f;flex-direction:column;gap:8px;padding-top:16px;display:flex}.baby-name-blends-title{color:#f7f8fa;margin:0;font-size:15px;font-weight:700}.baby-name-blend-row{flex-wrap:wrap;gap:10px;display:flex}.baby-name-blend-chip{background:#7c3aed24;border:1px solid #7c3aed4d;border-radius:10px;flex-direction:column;gap:2px;padding:10px 16px;display:flex}.baby-name-blend-name{color:#f7f8fa;font-size:17px;font-weight:700}.baby-name-blend-score{font-size:11px;font-weight:600}.baby-name-shortlist-header{justify-content:space-between;align-items:center;display:flex}.baby-name-shortlist-title{color:var(--color-text-body);margin:0;font-size:14px;font-weight:700}.baby-name-shortlist-hint{color:var(--color-text-muted);margin:0;font-size:12px}.baby-name-clear-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.baby-name-clear-btn:hover{color:var(--color-text-body)}.baby-name-shortlist-chips{flex-wrap:wrap;gap:8px;display:flex}.baby-name-shortlist-chip{background:var(--color-blue-surface);color:var(--color-text-body);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.baby-name-shortlist-chip button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.baby-name-shortlist-chip button:hover{color:#f87171}.sitemap-result{border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.sitemap-result--valid{background:#22c55e1a;border:1px solid #22c55e40}.sitemap-result--invalid{background:#ef44441a;border:1px solid #ef444440}.sitemap-result-header{align-items:center;gap:10px;display:flex}.sitemap-result-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sitemap-result--valid .sitemap-result-icon{color:#4ade80}.sitemap-result--invalid .sitemap-result-icon{color:#f87171}.sitemap-result-message{color:#f7f8fa;font-size:14px;font-weight:600}.sitemap-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.sitemap-stat{background:#ffffff0f;border-radius:8px;padding:10px 12px}.sitemap-stat dt{letter-spacing:.07em;text-transform:uppercase;color:#f7f8fa73;margin-bottom:4px;font-size:10px;font-weight:600}.sitemap-stat dd{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8fa;margin:0;font-size:16px;font-weight:700}.tarot-panel{gap:20px}.tarot-cards-row{flex-wrap:wrap;justify-content:center;gap:20px;padding:8px 0;display:flex}.tarot-slot{flex-direction:column;align-items:center;gap:8px;width:140px;display:flex}.tarot-slot-position{letter-spacing:.08em;text-transform:uppercase;color:#f7f8fa8c;margin:0;font-size:10px;font-weight:700}.tarot-flip-wrap{perspective:900px;width:110px;height:176px}.tarot-flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.1,.2,1);position:relative}.tarot-flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 6px 18px #00000059}.tarot-flip-face--front{transform:rotateY(180deg)}.tarot-orientation-badge{color:#4ade80;background:#4ade802e;border-radius:999px;padding:2px 10px;font-size:10.5px;font-weight:700;transition:opacity .3s}.tarot-orientation-badge--reversed{color:#f87171;background:#f871712e}.tarot-slot-meaning{color:#f7f8faa6;text-align:center;margin:0;font-size:11.5px;line-height:1.5;transition:opacity .3s}.tarot-slot-meaning strong{color:#f7f8fa}.tarot-draw-btn{align-self:center;padding:12px 28px;font-size:14px}.sitemap-detail-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.sitemap-detail-list li{padding-left:14px;font-size:12.5px;position:relative}.sitemap-detail-list li:before{content:"·";position:absolute;left:4px}.sitemap-detail-list--coverage li{color:#f7f8fa99}.sitemap-detail-list--errors li{color:#f87171}.sitemap-detail-list--breakdown li{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8fabf}.sitemap-breakdown{flex-direction:column;gap:6px;display:flex}.sitemap-breakdown-title{letter-spacing:.07em;text-transform:uppercase;color:#f7f8fa73;margin:0;font-size:10px;font-weight:600}.png-svg-panel{gap:18px}.png-svg-dropzone{color:#f7f8fab3;cursor:pointer;text-align:center;border:1.5px dashed #ffffff40;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;transition:border-color .16s,background .16s;display:flex}.png-svg-dropzone:hover,.png-svg-dropzone--active{background:#2f6fed14;border-color:#2f6fed}.png-svg-dropzone-title{color:#f7f8fa;margin:4px 0 0;font-size:14px;font-weight:600}.png-svg-dropzone-hint{color:#f7f8fa80;margin:0;font-size:12px}.png-svg-error{color:#f87171;background:#ef44441a;border-radius:6px;margin:0;padding:8px 12px;font-size:12.5px}.png-svg-file-row{align-items:center;gap:12px;display:flex}.png-svg-thumb{object-fit:contain;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;flex-shrink:0;width:48px;height:48px}.png-svg-file-meta{flex:1;min-width:0}.png-svg-file-name{color:#f7f8fa;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.png-svg-file-details{color:#f7f8fa80;margin:2px 0 0;font-size:11.5px}.png-svg-change-btn{color:#f7f8fa;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.png-svg-change-btn:hover{background:#ffffff29}.png-svg-slider{accent-color:#2f6fed;width:100%}.png-svg-result{border-top:1px solid #ffffff1f;flex-direction:column;gap:14px;padding-top:16px;display:flex}.png-svg-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.png-svg-compare-col{flex-direction:column;gap:6px;display:flex}.png-svg-compare-frame{background:repeating-conic-gradient(#ffffff0f 0% 25%,#0000 0% 50%) 0 0/16px 16px;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;height:160px;padding:8px;display:flex;overflow:hidden}.png-svg-compare-frame img,.png-svg-compare-frame svg{object-fit:contain;max-width:100%;max-height:100%}.png-svg-compare-size{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8fa80;align-self:center;font-size:11px}.png-svg-actions{flex-wrap:wrap;gap:10px;display:flex}.png-svg-copy-btn{color:#f7f8fa;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .16s}.png-svg-copy-btn:hover{background:#ffffff29}.svg-png-panel{gap:18px}.svg-png-tabs{background:#ffffff0f;border-radius:8px;gap:4px;padding:4px;display:flex}.svg-png-tab{color:#f7f8fa80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 12px;font-size:13px;font-weight:600;transition:background .16s,color .16s}.svg-png-tab:hover{color:#f7f8fa}.svg-png-tab--active{color:#f7f8fa;background:#ffffff1f}.svg-png-dropzone{color:#f7f8fab3;cursor:pointer;text-align:center;border:1.5px dashed #ffffff40;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;transition:border-color .16s,background .16s;display:flex}.svg-png-dropzone:hover,.svg-png-dropzone--active{background:#2f6fed14;border-color:#2f6fed}.svg-png-dropzone-title{color:#f7f8fa;margin:4px 0 0;font-size:14px;font-weight:600}.svg-png-dropzone-hint{color:#f7f8fa80;margin:0;font-size:12px}.svg-png-error{color:#f87171;background:#ef44441a;border-radius:6px;margin:0;padding:8px 12px;font-size:12.5px}.svg-png-file-row{align-items:center;gap:12px;display:flex}.svg-png-thumb{background:repeating-conic-gradient(#ffffff1a 0% 25%,#0000 0% 50%) 0 0/10px 10px;border:1px solid #ffffff29;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.svg-png-thumb img{object-fit:contain;max-width:100%;max-height:100%}.svg-png-file-meta{flex:1;min-width:0}.svg-png-file-name{color:#f7f8fa;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.svg-png-file-details{color:#f7f8fa80;margin:2px 0 0;font-size:11.5px}.svg-png-change-btn{color:#f7f8fa;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.svg-png-change-btn:hover{background:#ffffff29}.svg-png-size-row{align-items:flex-end;gap:8px;display:flex}.svg-png-size-field{flex:1}.svg-png-lock-btn{color:#f7f8fa80;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .16s,color .16s;display:flex}.svg-png-lock-btn:hover{background:#ffffff29}.svg-png-lock-btn--active{color:#2f6fed}.svg-png-preset-row{flex-wrap:wrap;gap:6px;display:flex}.svg-png-preset-chip{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8faa6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:background .16s,color .16s}.svg-png-preset-chip:hover{color:#f7f8fa;background:#ffffff1f}.svg-png-preset-chip--active{color:#7da6f5;background:#2f6fed2e;border-color:#2f6fed66}.svg-png-bg-row{align-items:center;gap:8px;display:flex}.svg-png-bg-swatch{cursor:pointer;background:repeating-conic-gradient(#ffffff1f 0% 25%,#0000 0% 50%) 0 0/10px 10px;border:1.5px solid #ffffff29;border-radius:8px;width:32px;height:32px;padding:0}.svg-png-bg-swatch--active{border-color:#2f6fed}.svg-png-bg-color-input{cursor:pointer;background:0 0;border:1.5px solid #ffffff29;border-radius:8px;width:32px;height:32px;padding:0}.svg-png-bg-color-input--active{border-color:#2f6fed}.svg-png-result{border-top:1px solid #ffffff1f;flex-direction:column;gap:14px;padding-top:16px;display:flex}.svg-png-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.svg-png-compare-col{flex-direction:column;gap:6px;display:flex}.svg-png-compare-frame{background:repeating-conic-gradient(#ffffff0f 0% 25%,#0000 0% 50%) 0 0/16px 16px;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;height:160px;padding:8px;display:flex;overflow:hidden}.svg-png-compare-frame img{object-fit:contain;max-width:100%;max-height:100%}.svg-png-compare-size{font-family:var(--font-jetbrains-mono,monospace);color:#f7f8fa80;align-self:center;font-size:11px}.svg-png-actions{flex-wrap:wrap;gap:10px;display:flex}.svg-png-copy-btn{color:#f7f8fa;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .16s}.svg-png-copy-btn:hover{background:#ffffff29}@keyframes icon-pop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popover-enter{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}@keyframes fade-swap{0%{opacity:0}to{opacity:1}}.fav-btn-icon{transition:fill .16s}.fav-btn{border:.5px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-body);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .16s;display:flex}.fav-btn--saved{color:#dc2626;background:#fff1f2;border-color:#fca5a5}.share-popover-wrap{flex-shrink:0;position:relative}.share-popover-btn{border:.5px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-body);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;display:flex}.share-popover-btn--open{background:var(--color-page-bg)}.share-popover-dropdown{background:var(--color-card-bg);border:.5px solid var(--color-border);z-index:50;transform-origin:100% 0;border-radius:10px;width:192px;animation:.14s ease-out both popover-enter;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000014}.share-popover-dropdown--wide{width:280px}.share-popover-menu{animation:.12s ease-out both fade-swap}.share-popover-item{border:none;border-bottom:.5px solid var(--color-border-inner);width:100%;color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.share-popover-item:last-child{border-bottom:none}.share-popover-item--copied{color:#22c55e}.share-popover-item--whatsapp{color:#15803d}.share-popover-embed{padding:14px;animation:.12s ease-out both fade-swap}.share-popover-embed-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.share-popover-back-btn{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:2px;display:flex}.share-popover-embed-title{color:var(--color-text-body);font-size:12px;font-weight:600}.share-popover-embed-pre{color:#64748b;white-space:pre;font-size:10px;line-height:1.6;font-family:var(--font-jetbrains-mono,monospace);background:#0f172a;border-radius:6px;margin:0 0 10px;padding:10px 12px;overflow-x:auto}.share-popover-copy-btn{color:#fff;cursor:pointer;background:#2f6fed;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;font-weight:600;transition:all .16s;display:flex}.share-popover-copy-btn--copied{color:#15803d;background:#f0fdf4}.share-popover-attr{color:#64748b;text-align:center;margin-top:8px;font-size:10px}.share-bar{gap:8px;display:flex}.share-bar-btn{border:.5px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-muted);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-size:11px;font-weight:500;transition:all .16s;display:flex}.share-bar-btn--whatsapp{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.share-bar-btn--busy{opacity:.55;cursor:not-allowed}.share-bar-check{animation:.2s ease-out both icon-pop}.share-bar-btn--busy .share-bar-pdf-icon{animation:.8s linear infinite spin}@keyframes history-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes history-item-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.calc-action-row{align-items:stretch;gap:8px;display:flex}.calc-action-row .share-bar{flex:1}.history-toggle-btn{border:.5px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:8px 10px;font-size:11px;font-weight:500;transition:all .16s;display:flex}.history-toggle-btn--active{border-color:var(--color-border);background:var(--color-blue-surface);color:#2f6fed}.history-toggle-badge{color:#fff;min-width:16px;height:16px;font-size:9px;font-weight:700;font-family:var(--font-jetbrains-mono,monospace);background:#2f6fed;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.history-toggle-btn--active .history-toggle-badge{background:#2f6fed}.history-panel{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;animation:.2s ease-out both history-enter;overflow:hidden}.history-panel-header{border-bottom:.5px solid var(--color-border);justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.history-panel-title{color:var(--color-text-body);font-size:12px;font-weight:600}.history-panel-clear{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500;transition:color .16s}.history-panel-clear:hover{color:#dc2626}.history-panel-list{flex-direction:column;display:flex}.history-entry{border-bottom:.5px solid var(--color-border-inner);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;transition:background .16s;display:flex}.history-entry:last-child{border-bottom:none}.history-entry:hover{background:var(--color-card-hover)}.history-entry:first-child{animation:.16s ease-out both history-item-enter}.history-entry-main{flex:1;min-width:0}.history-entry-time{color:var(--color-text-muted);margin-bottom:2px;font-size:10px}.history-entry-result{color:var(--color-text-body);letter-spacing:-.01em;font-size:13px;font-weight:600;font-family:var(--font-jetbrains-mono,monospace);margin-bottom:2px}.history-entry-inputs{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.history-entry-restore{color:#2f6fed;background:var(--color-blue-surface);cursor:pointer;border:none;border-radius:5px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600;transition:background .16s}.history-entry-restore:hover{background:var(--color-card-hover)}.sidebar-widget-embed{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;transition:border-color .16s;display:flex}.sidebar-widget-embed:hover{border-color:#2f6fed}.sidebar-widget-embed:hover .sidebar-widget-embed-arrow{color:#2f6fed;transform:translate(2px)}.sidebar-widget-embed-icon{background:var(--color-blue-surface);color:#2f6fed;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-widget-embed-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar-widget-embed-title{color:var(--color-text-body);font-size:12.5px;font-weight:600;line-height:1.3}.sidebar-widget-embed-subtitle{color:var(--color-text-muted);font-size:11px;line-height:1.3}.sidebar-widget-embed-arrow{color:var(--color-text-muted);flex-shrink:0;transition:transform .16s,color .16s;display:flex}.sidebar-widget-list{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;padding:16px}.sidebar-widget-list-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 4px;font-size:11px;font-weight:600}.sidebar-widget-list-items{flex-direction:column;display:flex}.sidebar-widget-list-item{border-top:.5px solid var(--color-border-inner);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.sidebar-widget-list-item:last-child{padding-bottom:0}.sidebar-widget-list-title{color:var(--color-text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.4;transition:color .16s;display:-webkit-box;overflow:hidden}.sidebar-widget-list-arrow{color:var(--color-text-muted);flex-shrink:0;transition:transform .16s,color .16s;display:flex}.sidebar-widget-list-item:hover .sidebar-widget-list-title{color:#2f6fed}.sidebar-widget-list-item:hover .sidebar-widget-list-arrow{color:#2f6fed;transform:translate(2px)}.quiz-card{background:var(--color-card-bg);border:.5px solid var(--color-border);border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}.quiz-progress{flex-direction:column;gap:6px;display:flex}.quiz-progress-track{background:var(--color-border);border-radius:2px;height:4px;overflow:hidden}.quiz-progress-fill{background:#2f6fed;border-radius:2px;height:100%;transition:width .16s}.quiz-progress-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:11px;font-weight:500}.quiz-question{color:var(--color-text-body);letter-spacing:-.01em;font-size:19px;font-weight:600}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option-btn{text-align:left;color:var(--color-text-body);background:var(--color-page-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:border-color .16s,background .16s}.quiz-option-btn:hover{border-color:#2f6fed}.quiz-option-btn--selected{background:#2f6fed14;border-color:#2f6fed}.quiz-result-description{color:#ffffffbf;margin-top:-8px;font-size:13px;line-height:1.55}.quiz-review-list{flex-direction:column;gap:8px;display:flex}.quiz-review-item{border:1px solid var(--color-border);background:var(--color-page-bg);border-radius:8px;padding:10px 14px}.quiz-review-item[open]{border-color:#2f6fed}.quiz-review-question{cursor:pointer;color:var(--color-text-body);font-size:13px;font-weight:600;list-style:none}.quiz-review-question::-webkit-details-marker{display:none}.quiz-review-question:before{content:"+";color:#2f6fed;width:14px;font-weight:700;display:inline-block}.quiz-review-item[open] .quiz-review-question:before{content:"–"}.quiz-review-answer{color:var(--color-text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.quiz-suited-tools{flex-direction:column;gap:8px;display:flex}.quiz-suited-tools-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:11px;font-weight:600}.quiz-suited-tools-list{flex-wrap:wrap;gap:8px;display:flex}.quiz-suited-tool-link{color:#2f6fed;border:1px solid var(--color-border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.quiz-suited-tool-link:hover{background:#2f6fed14}.quiz-actions{flex-wrap:wrap;gap:8px;display:flex}.quiz-action-btn{border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text-body);cursor:pointer;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600}.quiz-action-btn:hover{border-color:#2f6fed}.quiz-action-btn--whatsapp{color:#fff;background:#2f6fed;border-color:#2f6fed}.quiz-action-btn--whatsapp:hover{opacity:.9}.quiz-action-btn--text{color:var(--color-text-muted);background:0 0;border-color:#0000;padding:9px 4px}
