:root{--blue:#075ef2;--blue-700:#044ac6;--blue-50:#eef5ff;--ink:#111936;--muted:#5f6c86;--line:#d7deea;--line-strong:#b9c3d4;--line-soft:#e8edf5;--surface:#fff;--soft:#f6f8fc;--success:#15945b;--danger:#c73333;--radius:8px;--header:64px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.45}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-700)}button,input,select{font:inherit}button{cursor:pointer}svg{flex:0 0 auto}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:var(--header);border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{max-width:1340px;height:100%;margin:0 auto;padding:0 18px;gap:18px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;min-width:210px;font-weight:850;letter-spacing:0}.brand,.brand:hover{color:var(--ink)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--blue);border-radius:var(--radius);color:var(--blue);background:var(--blue-50)}.top-nav{display:flex;align-items:center;gap:6px;flex:1 1}.ghost-btn,.icon-btn,.top-nav a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);color:var(--ink);background:transparent;padding:8px 10px;white-space:nowrap}.ghost-btn:hover,.icon-btn:hover,.top-nav a:hover{border-color:var(--line);color:var(--blue);background:var(--soft)}.header-actions{display:flex;align-items:center;gap:8px}.menu-btn{display:none}.layout{max-width:1420px;margin:0 auto;padding:20px 18px 32px;display:grid;grid-template-columns:224px minmax(0,1fr) 232px;grid-gap:16px;gap:16px;align-items:start}.sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--header) + 16px);max-height:calc(100vh - var(--header) - 28px);overflow:auto}.breadcrumbs,.info-section,.page-intro,.sidebar-panel,.tool-surface{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.sidebar-panel{padding:12px}.right-stack>.sidebar-panel+.sidebar-panel,.sidebar-panel+.sidebar-panel{margin-top:14px}.sidebar-panel.compact{border:0;padding:12px 0}.panel-title{display:flex;align-items:center;gap:10px;padding:2px 0 12px;color:var(--ink);font-weight:850}.panel-title svg{color:var(--blue)}.search-wrap{min-height:42px;width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;padding:0 10px}.search-wrap.wide{margin:14px 0}.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,94,242,.12)}.search-wrap input{width:100%;height:40px;border:0;outline:0;color:var(--ink);background:transparent}.group-label{margin:13px 2px 7px;padding-top:9px;border-top:1px solid var(--line-soft);color:var(--ink);font-size:12px;font-weight:850;text-transform:uppercase}.history-mini,.nav-item,.side-link{width:100%;min-height:36px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;padding:7px 9px;margin:5px 0;text-align:left}.history-mini:hover,.nav-item:hover,.side-link:hover{border-color:var(--line-strong);background:var(--blue-50);color:var(--blue)}.nav-item.active{border-color:var(--blue);color:var(--blue);background:var(--blue-50);box-shadow:inset 3px 0 0 var(--blue);font-weight:800}.nav-item.disabled,.side-link.disabled{color:var(--muted);background:var(--soft);cursor:default}.popular-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.popular-chip{min-height:30px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;padding:5px 8px;font-size:13px;font-weight:700}.popular-chip:hover{border-color:var(--line-strong);color:var(--blue);background:var(--blue-50)}.popular-chip.disabled{color:var(--muted);background:var(--soft);cursor:default}.content{min-width:0;display:grid;grid-gap:14px;gap:14px}.breadcrumbs{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted)}.info-section,.page-intro,.tool-surface{padding:18px}.calculator-surface{border-color:#aac5fb;box-shadow:inset 3px 0 0 var(--blue)}.result-surface{border-color:var(--line-strong);background:linear-gradient(180deg,#fff,#fbfdff)}.info-section{border-color:var(--line-soft)}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0 0 8px;font-size:30px;line-height:1.15;letter-spacing:0}h2{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:20px}h2,h3{line-height:1.25;letter-spacing:0}h3{margin:0 0 8px;font-size:16px}.lead{margin:0;max-width:780px;color:var(--muted)}.actions,.chips,.tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tabs{margin-bottom:16px}.action-btn,.tab-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--blue);background:#fff;padding:8px 14px;font-weight:750}.action-btn.active,.action-btn.primary,.tab-btn.active{border-color:var(--blue);color:#fff;background:var(--blue)}.tab-btn:not(.active){color:var(--ink)}.action-btn:hover,.tab-btn:not(.active):hover{border-color:var(--line-strong);background:var(--blue-50);color:var(--blue)}.action-btn.active:hover,.action-btn.primary:hover{border-color:var(--blue-700);color:#fff;background:var(--blue-700)}.action-btn.subtle{border-color:var(--line)}.action-btn.danger{border-color:var(--danger);color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.field{display:block;min-width:0}.field span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--muted);font-size:13px;font-weight:750}.field small{color:var(--blue)}.field input,.field select{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:#fff;padding:0 12px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,94,242,.12);outline:none}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.saved-state{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:13px;font-weight:750}.result-row{min-height:60px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.result-row:first-child{border-top:0}.result-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--blue)}.result-label small{display:block;color:var(--muted);font-size:12px}.result-value{color:var(--ink);font-size:23px;font-weight:850;white-space:nowrap}.result-row.primary .result-value{color:var(--blue);font-size:34px}.result-row.primary{min-height:72px;border-top:0}.mini-copy{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);border-radius:7px;color:var(--blue);background:#fff;padding:5px 9px;font-size:13px;font-weight:750}.actions{padding-top:14px;margin-top:12px;border-top:1px solid var(--line)}.saved-card{display:flex;align-items:center;gap:10px;margin-top:12px;border:1px solid #cfe7da;border-radius:var(--radius);background:#f7fcfa;color:var(--ink);padding:10px 12px}.saved-card svg{color:var(--success)}.saved-card div{display:grid;grid-gap:2px;gap:2px}.saved-card strong{font-size:14px}.saved-card a{font-weight:750}.calc-card,.chip{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;padding:8px 10px}.calc-card:hover,.chip:hover{border-color:var(--line-strong);background:var(--blue-50);color:var(--blue)}.info-section h2{color:var(--ink)}.info-section h2 svg{color:var(--muted)}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.formula{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--soft);padding:14px;font-weight:750}.how-list{margin:0;padding-left:22px;color:var(--ink)}.how-list li+li{margin-top:8px}.faq-item{padding:12px 0;border-top:1px solid var(--line)}.faq-item:first-child{border-top:0}.faq-item p{margin:0;color:var(--muted)}.right-stack{display:grid;grid-gap:14px;gap:14px}.side-list{display:grid;grid-gap:4px;gap:4px}.side-link.calm{border-color:transparent;background:#fff}.sidebar-cta{min-height:34px;display:inline-flex;align-items:center;margin-top:8px;color:var(--blue);font-weight:800}.history-empty{display:flex;align-items:center;gap:8px;color:var(--muted);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--soft);padding:10px;font-size:13px}.history-preview{display:grid;grid-gap:8px;gap:8px}.history-mini{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px;border-color:transparent}.history-mini strong{color:var(--ink)}.history-mini span{color:var(--muted)}.my-calculations-page .page-head{display:flex;justify-content:space-between;gap:14px}.history-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.history-card{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.history-card.empty{color:var(--muted)}.history-card-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.history-card h2{margin:0}.toast{position:fixed;right:18px;bottom:18px;z-index:50;max-width:320px;border:1px solid var(--blue);border-radius:var(--radius);color:var(--ink);background:#fff;box-shadow:0 12px 26px rgba(17,25,54,.12);padding:12px 14px;opacity:0;pointer-events:none;transform:translateY(18px);transition:.2s ease}.toast.show{opacity:1;transform:translateY(0)}.footer{max-width:1420px;margin:0 auto;padding:0 18px 24px}.footer-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;padding:12px 16px}.drawer-backdrop{display:none;position:fixed;inset:0;z-index:60;background:rgba(17,25,54,.28)}.drawer-backdrop.open{display:block}.mobile-drawer{width:min(360px,calc(100vw - 28px));height:100%;overflow:auto;background:#fff;padding:14px;transform:translateX(-100%);transition:.2s ease}.drawer-backdrop.open .mobile-drawer{transform:translateX(0)}.desktop-only{display:inline-flex}@media (max-width:1180px){.layout{grid-template-columns:230px minmax(0,1fr)}.right-col{display:none}}@media (max-width:820px){:root{--header:58px}.desktop-only,.left-col,.top-nav{display:none}.menu-btn{display:inline-flex}.brand{min-width:0;flex:1 1}.header-inner{padding:0 12px;gap:8px}.layout{display:block;padding:12px}.content{gap:10px}.breadcrumbs,.info-section,.page-intro,.tool-surface{padding:14px}.breadcrumbs{min-height:42px}h1{font-size:24px}h2{font-size:18px}.actions,.calc-grid,.form-grid,.tabs{grid-template-columns:1fr}.actions,.tabs{display:grid;grid-gap:8px;gap:8px}.action-btn,.tab-btn{width:100%}.result-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.result-row .mini-copy{grid-column:2/4;width:100%}.result-value{font-size:18px}.result-row.primary .result-value{font-size:22px}.footer-inner{flex-direction:column;align-items:flex-start}}