:root{color:#18252a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;height:100%;min-height:100%}body{overscroll-behavior-x:none;min-width:320px;height:100%;min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100%}button,input,select{font:inherit}button{touch-action:manipulation;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2b9b8d61}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=940px){html,body,#root{height:100%;overflow:hidden}}.app-shell{--page-bg:#f5f7fb;--surface:#fff;--surface-soft:#f7f9fb;--surface-strong:#eef3f3;--text:#18252a;--text-soft:#6e7d82;--text-faint:#9aa8aa;--line:#e2e9e9;--accent:#238f80;--accent-strong:#167569;--accent-soft:#e2f3ef;--accent-wash:#f0faf7;--warm:#f5a66b;--danger:#c75050;--shadow:0 20px 48px #1e393d14;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);color:var(--text);background:var(--page-bg);display:flex}.app-shell[data-theme=dark]{--page-bg:#121a1d;--surface:#1b272a;--surface-soft:#202e31;--surface-strong:#26373a;--text:#edf5f3;--text-soft:#a5b5b6;--text-faint:#718487;--line:#304346;--accent:#54c3af;--accent-strong:#7bdfca;--accent-soft:#203d3b;--accent-wash:#1d3333;--warm:#f8b37b;--danger:#f18484;--shadow:0 20px 48px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar{border-right:1px solid var(--line);background:var(--surface);z-index:10;flex-direction:column;flex:0 0 264px;align-self:flex-start;width:264px;height:100dvh;max-height:100dvh;padding:31px 18px 23px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--text);align-items:center;gap:11px;display:flex}.brand-link{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;padding:2px 10px;transition:background .16s;display:flex}.brand-link:hover{background:var(--surface-soft)}.brand-mark{color:#fff;background:var(--accent);border-radius:13px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:700;line-height:1;display:grid;box-shadow:0 8px 18px #238f8038}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:15px}.brand small{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:10px}.mode-navigation{margin-top:58px}.nav-section-label,.eyebrow{color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;line-height:1.4}.nav-section-label{padding:0 11px}.mode-list{gap:6px;margin-top:14px;display:grid}.mode-button{width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;padding:10px;transition:color .16s,background .16s,border-color .16s,transform .16s;display:flex}.mode-button:hover{color:var(--text);background:var(--surface-soft)}.mode-button.active{color:var(--accent-strong);background:var(--accent-wash);border-color:#238f8033}.mode-button:active{transform:translateY(1px)}.mode-icon{color:currentColor;background:var(--surface-strong);letter-spacing:-.04em;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.mode-button.active .mode-icon{color:#fff;background:var(--accent)}.mode-button-copy{flex:1;min-width:0}.mode-button-copy strong,.mode-button-copy small{display:block}.mode-button-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.mode-button-copy small{color:var(--text-faint);margin-top:2px;font-size:10px}.mode-arrow{color:var(--text-faint);opacity:0;font-size:15px;transition:opacity .16s}.mode-button:hover .mode-arrow,.mode-button.active .mode-arrow{opacity:1}.sidebar-note{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;margin:auto 10px 22px;padding:17px 15px}.note-spark{color:var(--warm);margin-bottom:9px;font-size:16px;display:block}.sidebar-note p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.6}.sidebar-footer{color:var(--text-faint);align-items:center;gap:8px;padding:0 11px;font-size:10px;display:flex}.status-dot{background:#5bc39f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5bc39f1f}.app-main{flex:1;min-width:0;min-height:100%}.topbar{justify-content:space-between;align-items:flex-start;gap:28px;padding:43px 48px 29px;display:flex}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.breadcrumb{color:var(--text-faint);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.breadcrumb strong{color:var(--accent-strong);font-weight:700}.breadcrumb-link{color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.breadcrumb-link:hover{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.topbar h1{max-width:620px;color:var(--text);letter-spacing:-.055em;margin:0;font-size:clamp(30px,3vw,43px);font-weight:700;line-height:1.04}.topbar-copy>p{max-width:570px;color:var(--text-soft);margin:12px 0 0;font-size:13px;line-height:1.65}.theme-toggle{border:1px solid var(--line);color:var(--text-soft);background:var(--surface);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:8px;margin-top:3px;padding:9px 12px 9px 9px;font-size:11px;font-weight:700;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.utility-button{border:1px solid var(--line);min-height:42px;color:var(--text-soft);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:700;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.utility-button:hover{border-color:var(--accent);color:var(--accent-strong)}.utility-button:active{transform:translateY(1px)}.history-toggle{display:none}.utility-button-icon{width:22px;height:22px;color:var(--accent-strong);background:var(--accent-soft);border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid}.history-count{color:#fff;background:var(--accent);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;line-height:1;display:grid}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-strong)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle-icon{width:23px;height:23px;color:var(--accent-strong);background:var(--accent-soft);border-radius:8px;place-items:center;font-size:14px;display:grid}.workspace-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:24px;padding:0 48px;display:grid}.workspace-content{min-width:0}.home-page{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:27px}.home-intro{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.home-intro h2{color:var(--text);letter-spacing:-.045em;margin:5px 0 0;font-size:22px;line-height:1.15}.home-intro p:last-child{max-width:520px;color:var(--text-soft);margin:9px 0 0;font-size:12px;line-height:1.6}.home-tool-count{color:var(--text-faint);flex:none;justify-items:end;display:grid}.home-tool-count strong{color:var(--accent-strong);letter-spacing:-.07em;font-size:31px;line-height:1}.home-tool-count span{letter-spacing:.07em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:700}.home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:27px;display:grid}.feature-card{aspect-ratio:1;border:1px solid var(--line);min-width:0;min-height:0;color:var(--text);background:var(--surface-soft);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;padding:15px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex}.feature-card:hover{background:var(--surface);border-color:#238f806b;transform:translateY(-2px);box-shadow:0 12px 26px #1e393d14}.feature-card:active{transform:translateY(0)}.feature-card-topline{width:100%;color:var(--text-faint);letter-spacing:.08em;justify-content:space-between;align-items:flex-start;font-size:9px;font-weight:750;display:flex}.feature-icon{width:34px;height:34px;color:var(--accent-strong);background:var(--accent-soft);letter-spacing:-.04em;border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid}.feature-card-scientific .feature-icon{color:#8b6ba8;background:#eee8f7}.feature-card-converter .feature-icon{color:#bc7c3e;background:#fff0df}.feature-card-interest .feature-icon{color:#b56a73;background:#f8e7e8}.app-shell[data-theme=dark] .feature-card-scientific .feature-icon{color:#d1b4ec;background:#3a3047}.app-shell[data-theme=dark] .feature-card-converter .feature-icon{color:#f4bd87;background:#49372a}.app-shell[data-theme=dark] .feature-card-interest .feature-icon{color:#f0acb2;background:#4a2f34}.feature-label{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:28px;font-size:9px;font-weight:750}.feature-card>strong{color:var(--text);letter-spacing:-.035em;margin-top:6px;font-size:15px;line-height:1.2}.feature-detail{color:var(--text-soft);margin-top:8px;font-size:10px;line-height:1.55}.feature-card-footer{width:100%;color:var(--accent-strong);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:15px;font-size:9px;font-weight:750;display:flex}.feature-card-footer span:last-child{font-size:16px;line-height:1;transition:transform .16s}.feature-card:hover .feature-card-footer span:last-child{transform:translate(3px)}@media (width>=941px){.feature-card{padding:14px}.feature-icon{flex-basis:32px;width:32px;height:32px}.feature-label{margin-top:20px}.feature-card>strong{font-size:14px}.feature-detail{margin-top:6px;font-size:9px;line-height:1.45}.feature-card-footer{padding-top:8px;font-size:8px}.feature-card-footer span:last-child{font-size:14px}}.home-note{color:var(--text-soft);background:var(--accent-wash);border-radius:11px;align-items:center;gap:10px;margin-top:17px;padding:12px 13px;display:flex}.home-note .note-spark{flex:none;margin:0;font-size:14px}.home-note p{margin:0;font-size:10px;line-height:1.5}.calculator-card,.tool-card,.history-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.calculator-card{padding:22px}.calculator-display{color:#effdfa;background:radial-gradient(circle at 94% 0,#5cd1b833,#0000 32%),linear-gradient(135deg,#213439,#132326);border-radius:19px;flex-direction:column;justify-content:flex-end;min-height:146px;padding:24px 25px 22px;display:flex;overflow:hidden}.display-context{color:#e0f6f19e;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-height:18px;font-size:11px;overflow:hidden}.display-value{color:#f5fffc;letter-spacing:-.055em;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:clamp(32px,5vw,52px);font-weight:600;line-height:1.05;display:block;overflow:hidden}.display-error{color:#ffb1a9;letter-spacing:-.025em;white-space:normal;font-size:clamp(18px,3vw,26px)}.calculator-toolbar{justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:16px 2px 10px;display:flex}.keyboard-hint{color:var(--text-faint);font-size:10px;line-height:1.4}.angle-toggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.angle-toggle button{color:var(--text-faint);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800}.angle-toggle button.selected{color:var(--accent-strong);background:var(--surface);box-shadow:0 2px 6px #1e393d14}.scientific-functions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.calculator-keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.calculator-key{min-height:57px;color:var(--text);background:var(--surface-soft);cursor:pointer;border:1px solid #0000;border-radius:14px;padding:8px;font-size:17px;font-weight:650;transition:color .16s,background .16s,border-color .16s,transform .16s}.calculator-key:hover{color:var(--accent-strong);background:var(--accent-wash);border-color:#238f802e}.calculator-key:active{transform:scale(.97)}.calculator-key.key-muted{color:var(--text-soft);background:var(--surface-strong)}.calculator-key.key-operator{color:var(--accent-strong);background:var(--accent-soft)}.calculator-key.key-function{border-color:var(--line);min-height:42px;color:var(--accent-strong);background:var(--surface);font-size:12px}.calculator-key.key-equals{color:#fff;background:var(--accent);box-shadow:0 7px 14px #238f802e}.calculator-key.key-equals:hover{color:#fff;background:var(--accent-strong);border-color:#0000}.scientific-keypad .key-equals{grid-column:1/-1}.tool-card{padding:27px}.tool-card-heading,.panel-heading,.result-heading,.amortization-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tool-card h2,.history-panel h2{color:var(--text);letter-spacing:-.045em;margin:5px 0 0;font-size:22px;line-height:1.15}.tool-card-description{max-width:520px;color:var(--text-soft);margin:9px 0 0;font-size:12px;line-height:1.6}.tool-badge{color:var(--accent-strong);background:var(--accent-soft);letter-spacing:.07em;text-transform:uppercase;border-radius:8px;flex:none;padding:7px 9px;font-size:9px;font-weight:800}.category-tabs,.interest-tabs{gap:5px;margin-top:28px;padding-bottom:3px;display:flex;overflow-x:auto}.category-tabs button,.interest-tabs button{color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;padding:8px 11px;font-size:10px;font-weight:750}.category-tabs button:hover,.interest-tabs button:hover{color:var(--accent-strong);background:var(--accent-wash)}.category-tabs button.active,.interest-tabs button.active{border-color:var(--line);color:var(--accent-strong);background:var(--surface-soft)}.conversion-form{margin-top:31px}.conversion-fields{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:end;gap:14px;display:grid}.field-group{gap:8px;min-width:0;display:grid}.field-group>span{color:var(--text-soft);letter-spacing:.03em;font-size:10px;font-weight:750}.field-group input,.field-group select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:var(--surface-soft);border-radius:10px;font-size:12px}.field-group input{letter-spacing:-.03em;height:47px;padding:0 13px;font-size:19px;font-weight:650}.field-group select{height:37px;padding:0 9px}.field-group input:hover,.field-group input:focus,.field-group select:hover,.field-group select:focus{border-color:#238f808c}.swap-button{border:1px solid var(--line);width:36px;height:36px;color:var(--accent-strong);background:var(--accent-soft);cursor:pointer;border-radius:50%;place-items:center;margin-bottom:7px;font-size:17px;transition:transform .16s,background .16s;display:grid}.swap-button:hover{background:var(--accent-wash);transform:rotate(180deg)}.conversion-output{border:1px solid var(--line);height:47px;color:var(--accent-strong);background:var(--accent-wash);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;border-radius:10px;align-items:center;padding:0 13px;font-size:19px;font-weight:700;display:flex;overflow:hidden}.form-error{color:var(--danger);margin:15px 0 0;font-size:11px;font-weight:650}.form-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:28px;display:flex}.conversion-equation,.helper-copy{color:var(--text-soft);margin:0;font-size:11px;line-height:1.5}.primary-button{color:#fff;background:var(--accent);cursor:pointer;border-radius:11px;flex:none;align-items:center;gap:12px;padding:12px 14px 12px 16px;font-size:11px;font-weight:750;transition:background .16s,transform .16s;display:inline-flex;box-shadow:0 7px 14px #238f8029}.primary-button:hover{background:var(--accent-strong)}.primary-button:active{transform:translateY(1px)}.primary-button span{font-size:16px;line-height:0}.interest-layout{grid-template-columns:minmax(200px,.85fr) minmax(0,1.15fr);gap:24px;margin-top:25px;display:grid}.finance-form{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;min-width:0;padding:17px}.finance-form .interest-tabs{grid-template-columns:1fr;margin-top:0;display:grid}.finance-form .interest-tabs button{text-align:left;padding:10px 11px}.finance-fields{gap:13px;margin-top:21px;display:grid}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:55px}.input-with-suffix>span{color:var(--text-faint);pointer-events:none;font-size:10px;font-weight:750;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.finance-form .form-actions{align-items:stretch;gap:13px;margin-top:22px;display:grid}.finance-form .primary-button{justify-content:space-between}.finance-result{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;min-height:360px;padding:20px}.empty-result{min-height:318px;color:var(--text-faint);text-align:center;place-content:center;justify-items:center;display:grid}.result-mark{width:39px;height:39px;color:var(--accent-strong);background:var(--accent-soft);border-radius:12px;place-items:center;margin-bottom:13px;font-size:21px;display:grid}.empty-result p{color:var(--text-soft);margin:0;font-size:12px;font-weight:700}.empty-result small{margin-top:5px;font-size:10px}.result-heading{border-bottom:1px solid var(--line);align-items:flex-end;padding-bottom:18px}.result-heading span,.amortization-heading span{color:var(--text-soft);font-size:10px;font-weight:700}.result-heading strong{color:var(--accent-strong);letter-spacing:-.055em;font-size:clamp(24px,3vw,33px)}.finance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.finance-metric{background:var(--surface-soft);border-radius:11px;min-width:0;padding:12px}.finance-metric span,.finance-metric small{color:var(--text-faint);font-size:9px;display:block}.finance-metric strong{color:var(--text);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;display:block;overflow:hidden}.finance-metric small{color:var(--accent-strong);margin-top:4px}.amortization{margin-top:18px}.amortization-heading{align-items:flex-end;margin-bottom:10px}.amortization-heading small{color:var(--text-faint);margin-top:4px;font-size:9px;display:block}.table-unit{color:var(--text-faint)!important;font-size:9px!important;font-weight:500!important}.amortization-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto}.amortization table{border-collapse:collapse;width:100%;min-width:430px;font-size:9px}.amortization th,.amortization td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 7px}.amortization th:first-child,.amortization td:first-child{text-align:left;padding-left:10px}.amortization th:last-child,.amortization td:last-child{padding-right:10px}.amortization th{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:750}.amortization td{color:var(--text-soft)}.amortization tbody tr:last-child td{border-bottom:0}.history-panel{min-height:250px;padding:20px 17px;position:sticky;top:24px}.history-actions{align-items:center;gap:12px;display:flex}.history-close{border:1px solid var(--line);width:34px;height:34px;color:var(--text-soft);background:var(--surface-soft);cursor:pointer;border-radius:10px;font-size:20px;line-height:1;display:none}.history-panel h2{font-size:17px}.text-button{color:var(--accent-strong);cursor:pointer;background:0 0;padding:3px 0;font-size:10px;font-weight:750}.text-button:hover{text-decoration:underline}.history-empty{text-align:center;place-items:center;padding:54px 12px 32px;display:grid}.empty-icon{width:31px;height:31px;color:var(--accent-strong);background:var(--accent-soft);border-radius:10px;place-items:center;margin-bottom:12px;font-size:16px;display:grid}.history-empty p{color:var(--text-soft);margin:0;font-size:11px;font-weight:700}.history-empty small{max-width:170px;color:var(--text-faint);margin-top:6px;font-size:9px;line-height:1.5}.history-list{gap:0;margin-top:20px;display:grid}.history-item{border-top:1px solid var(--line);padding:13px 0}.history-item-meta{color:var(--text-faint);justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.history-item-meta span{color:var(--accent-strong);font-weight:750}.history-expression{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 4px;font-size:11px;overflow:hidden}.history-result{color:var(--text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:700;overflow:hidden}.history-scrim{display:none}.overview-overlay{z-index:30;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overview-backdrop{cursor:pointer;background:#121a1d94;width:100%;height:100%;position:absolute;inset:0}.overview-dialog{border:1px solid var(--line);background:var(--page-bg);border-radius:24px;width:min(850px,100%);max-height:min(90dvh,760px);padding:20px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000038}.overview-dialog-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.overview-dialog-heading h2{color:var(--text);letter-spacing:-.045em;margin:5px 0 0;font-size:22px}.dialog-close{border:1px solid var(--line);width:36px;height:36px;color:var(--text-soft);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;font-size:21px;line-height:1;display:grid}.overview-dialog .home-page{box-shadow:none}.app-footer{color:var(--text-faint);justify-content:space-between;gap:18px;padding:27px 48px 24px;font-size:10px;display:flex}@media (width<=1150px){.topbar,.workspace-grid{padding-left:32px;padding-right:32px}.workspace-grid{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.tool-card{padding:22px}}@media (width<=940px){.app-shell{height:100dvh;min-height:0;display:block;overflow:hidden}.sidebar{z-index:20;width:auto;height:auto;max-height:none;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);border-bottom:0;position:fixed;inset:auto 0 0;overflow:visible}.brand,.nav-section-label,.sidebar-note,.sidebar-footer{display:none}.mode-navigation{margin-top:0}.mode-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:0}.mode-button{border-radius:11px;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:56px;padding:6px 3px}.mode-button-copy small,.mode-arrow{display:none}.mode-button-copy strong{text-align:center;white-space:normal;max-width:100%;max-height:22px;font-size:10px;line-height:1.1;overflow:hidden}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-icon{border-radius:8px;flex:0 0 24px;width:24px;height:24px;font-size:9px;display:grid}.app-main{height:100%;min-height:0;padding-bottom:calc(72px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.topbar{flex:none;align-items:center;gap:10px;padding:12px 18px 8px}.topbar-copy{min-width:0}.breadcrumb{margin-bottom:5px;font-size:9px}.topbar h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,5vw,24px);overflow:hidden}.topbar-copy>p{display:none}.topbar-actions{gap:4px}.utility-button,.theme-toggle{border-radius:10px;justify-content:center;width:36px;height:36px;min-height:36px;padding:5px}.history-toggle{display:inline-flex}.utility-button-label,.theme-toggle-label{display:none}.utility-button-icon,.theme-toggle-icon{width:22px;height:22px}.history-toggle{position:relative}.history-count{min-width:16px;height:16px;padding:0 3px;font-size:8px;position:absolute;top:-4px;right:-4px}.workspace-grid{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:0 14px;display:block;overflow-y:auto}.workspace-grid::-webkit-scrollbar{display:none}.workspace-content{align-items:flex-start;min-height:100%;display:flex}.workspace-content>*{width:100%}.history-panel{display:none}.history-panel.is-open{z-index:25;max-height:min(78dvh,620px);padding:20px 17px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -18px 48px #121a1d33}.history-scrim{z-index:24;cursor:pointer;background:#121a1d6b;width:100%;height:100%;display:block;position:fixed;inset:0}.history-close{place-items:center;display:grid}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.history-empty{padding:32px 12px 25px}.app-footer{display:none}}@media (width<=640px){.sidebar{padding-left:8px;padding-right:8px}.mode-button{min-height:54px}.topbar{padding:10px 14px 7px}.topbar h1{font-size:clamp(17px,5vw,21px)}.workspace-grid{padding:0 10px}.calculator-card,.tool-card{border-radius:17px;padding:10px}.calculator-display{height:clamp(72px,16dvh,110px);min-height:0;padding:14px 14px 12px}.display-context{min-height:14px;font-size:9px}.display-value{margin-top:5px;font-size:clamp(27px,8vw,42px)}.display-error{font-size:clamp(14px,4.5vw,20px)}.calculator-toolbar{gap:8px;min-height:25px;padding:7px 0 5px}.keyboard-hint{display:none}.angle-toggle{padding:2px}.angle-toggle button{padding:4px 6px;font-size:8px}.scientific-functions{gap:4px;margin-bottom:4px}.calculator-keypad{gap:5px}.calculator-key{border-radius:10px;min-height:clamp(37px,6.5dvh,48px);font-size:16px}.calculator-key.key-function{min-height:clamp(29px,5dvh,39px);padding:4px;font-size:10px}.tool-card-heading{display:block}.tool-card h2{margin-top:3px;font-size:17px}.tool-card-description,.tool-badge{display:none}.category-tabs button,.interest-tabs button{white-space:normal;min-height:36px;padding:5px 4px;font-size:9px;line-height:1.15}.category-tabs,.interest-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:12px;padding-bottom:0;overflow:visible}.conversion-form{margin-top:12px}.conversion-fields{grid-template-columns:minmax(0,1fr);gap:7px}.field-group{gap:4px}.field-group>span{font-size:9px}.field-group input{height:42px;font-size:18px}.field-group select{height:36px;font-size:14px}.swap-button{width:38px;height:38px;margin:-2px auto}.conversion-output{height:42px;font-size:18px}.form-error{margin-top:8px}.form-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:12px}.conversion-equation,.helper-copy{display:none}.primary-button{justify-content:space-between;min-height:44px}.interest-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7px;margin-top:12px}.finance-form{border-radius:12px;padding:8px}.finance-form .interest-tabs{grid-template-columns:1fr;gap:3px}.finance-form .interest-tabs button{min-height:32px;padding:5px 6px;font-size:9px;line-height:1.1}.finance-fields{gap:7px;margin-top:10px}.finance-form .field-group>span{font-size:8px}.finance-form .field-group input{height:38px;font-size:15px}.finance-form .field-group select{height:34px;font-size:11px}.finance-form .form-actions{gap:7px;margin-top:10px}.finance-form .primary-button{min-height:42px;padding:8px;font-size:10px}.finance-result{border-radius:12px;min-height:0;padding:9px}.empty-result{min-height:220px}.result-heading{padding-bottom:9px;display:block}.result-heading strong{margin-top:4px;font-size:clamp(20px,6vw,28px);display:block}.finance-metric-grid{gap:5px;margin-top:8px}.finance-metric{border-radius:9px;padding:8px}.finance-metric span,.finance-metric small{font-size:8px}.finance-metric strong{margin-top:4px;font-size:12px}.amortization{margin-top:10px}.amortization-table-wrap{max-height:130px}.amortization table{min-width:380px;font-size:8px}.amortization th,.amortization td{padding:6px 4px}.history-list{grid-template-columns:1fr}.overview-overlay{padding:10px}.overview-dialog{border-radius:18px;max-height:calc(100dvh - 20px);padding:12px}.overview-dialog-heading{margin-bottom:8px}.overview-dialog-heading h2{font-size:18px}.overview-dialog .home-page{border-radius:14px;padding:10px}}@media (width<=480px){.home-feature-grid{grid-template-columns:1fr}}@media (width<=640px) and (height<=700px){.app-main{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.sidebar{padding-top:5px}.mode-button{gap:2px;min-height:48px;padding-top:3px;padding-bottom:3px}.mode-icon{flex-basis:20px;width:20px;height:20px}.topbar{padding-top:7px;padding-bottom:5px}.topbar h1{font-size:16px}.workspace-grid{padding-left:8px;padding-right:8px}.calculator-card,.tool-card{padding:8px}.calculator-display{height:clamp(62px,15dvh,85px);min-height:0;padding:11px 12px 9px}.display-error{font-size:14px}.calculator-toolbar{min-height:20px;padding-top:4px;padding-bottom:4px}.calculator-keypad{gap:4px}.calculator-key{min-height:clamp(30px,5.6dvh,36px);font-size:14px}.scientific-functions{gap:3px;margin-bottom:3px}.calculator-key.key-function{min-height:clamp(23px,4.2dvh,29px);font-size:9px}.category-tabs,.interest-tabs{margin-top:8px}.category-tabs button,.interest-tabs button{min-height:30px;padding:3px;font-size:8px}.conversion-form{margin-top:8px}.field-group input{height:36px;font-size:16px}.field-group select{height:31px;font-size:13px}.swap-button{width:34px;height:34px}.conversion-output{height:36px;font-size:16px}.form-actions{margin-top:8px}.primary-button{min-height:40px;padding-top:7px;padding-bottom:7px}.interest-layout{margin-top:8px}.finance-form{padding:6px}.finance-form .interest-tabs button{min-height:27px;padding:3px;font-size:8px}.finance-fields{gap:5px;margin-top:7px}.finance-form .field-group input{height:32px;font-size:14px}.finance-form .field-group select{height:30px;font-size:10px}.finance-form .form-actions{gap:5px;margin-top:7px}.finance-form .primary-button{min-height:37px;padding:6px;font-size:9px}.finance-result{padding:7px}.empty-result{min-height:150px}.finance-metric{padding:6px}.finance-metric strong{font-size:11px}.amortization-table-wrap{max-height:90px}}@media (width<=940px) and (orientation:landscape){.app-main{padding-bottom:calc(54px + env(safe-area-inset-bottom))}.sidebar{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.mode-button{gap:2px;min-height:46px;padding-top:3px;padding-bottom:3px}.mode-icon{flex-basis:20px;width:20px;height:20px}.topbar{padding:6px 12px 4px}.topbar h1{font-size:16px}.workspace-grid{padding:0 8px;display:flex;overflow:hidden}.workspace-content{flex:1;width:100%;height:100%;min-height:0}.calculator-card,.tool-card{border-radius:14px;height:100%;min-height:0;padding:6px}.expression-calculator{grid-template-rows:auto 1fr;grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);gap:5px;display:grid}.expression-calculator .calculator-display{grid-area:1/1/-1;height:100%;min-height:0;padding:10px 11px}.expression-calculator .calculator-toolbar{grid-area:1/2;min-height:18px;padding:0}.expression-calculator .calculator-keypad{grid-area:2/2;grid-auto-rows:minmax(0,1fr);gap:3px;min-height:0}.calculator-key{border-radius:8px;height:100%;min-height:0;padding:2px;font-size:13px;line-height:1}.scientific-calculator{grid-template-rows:auto auto 1fr}.scientific-calculator .scientific-functions{grid-area:2/2;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:3px;min-height:0;margin:0}.scientific-calculator .scientific-keypad{grid-area:3/2}.calculator-key.key-function{min-height:0;padding:2px;font-size:9px}.tool-card-heading{align-items:center;display:flex}.tool-card-heading .tool-card-description,.tool-card-heading .tool-badge{display:none}.tool-card h2{margin-top:2px;font-size:16px}.category-tabs,.interest-tabs{gap:3px;margin-top:6px;padding-bottom:0}.category-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.category-tabs button,.interest-tabs button{min-height:26px;padding:3px;font-size:8px;line-height:1.1}.conversion-form{margin-top:6px}.conversion-fields{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:6px}.field-group{gap:3px}.field-group>span{font-size:8px}.field-group input{height:32px;font-size:15px}.field-group select{height:28px;font-size:11px}.swap-button{width:30px;height:30px;margin-bottom:5px}.conversion-output{height:32px;font-size:15px}.form-actions{flex-direction:row;gap:8px;margin-top:6px}.conversion-equation{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.primary-button{min-height:36px;padding:7px 9px}.interest-layout{gap:6px;height:100%;margin-top:0}.interest-card .tool-card-heading{display:none}.finance-form{height:100%;overflow:hidden}.finance-result{scrollbar-width:none;height:100%;overflow:hidden auto}.finance-result::-webkit-scrollbar{display:none}.finance-form{padding:6px}.finance-form .interest-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.finance-form .interest-tabs button{min-height:28px;padding:3px;font-size:8px;line-height:1.05}.finance-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:5px}.finance-form .field-group{gap:2px}.finance-form .field-group input{height:28px;font-size:13px}.finance-form .field-group select{height:26px;font-size:9px}.finance-form .form-actions{gap:4px;margin-top:5px}.finance-form .primary-button{min-height:32px;padding:5px;font-size:8px}.finance-result{padding:6px}.empty-result{height:100%;min-height:0}.result-heading{padding-bottom:7px}.result-heading strong{font-size:22px}.finance-metric-grid{gap:4px;margin-top:6px}.finance-metric{padding:5px}.finance-metric span,.finance-metric small{font-size:7px}.finance-metric strong{margin-top:3px;font-size:10px}.amortization{margin-top:6px}.amortization-table-wrap{max-height:52px}.amortization th,.amortization td{padding:4px 3px}}