@font-face{font-family:Sharp;src:url(/assets/sharp-grotesk-book-15-regular-DofEIkCR.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Sharp;src:url(/assets/sharp-grotesk-smbold-20-regular-BkUwoElE.woff2) format("woff2");font-weight:600 800;font-display:swap}:root{font-family:Sharp,Arial,sans-serif;color:#f5f5f5;background:#282828;color-scheme:dark;font-synthesis:none;--muted:#b4b4b4;--border:#464646}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#282828}body{min-width:320px}input{font:inherit;min-width:0}a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}a:focus-visible{outline:3px solid #7fc5f1;outline-offset:4px}h1,h2,p{margin:0}::selection{background:#4992c2;color:#fff}.app-shell{max-width:1280px;min-height:100svh;margin:auto;padding:0 32px 24px;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 0 16px}.site-header{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;line-height:1.2;font-weight:600}.brand img{width:40px;height:30px}.brand-sub{display:block;font-size:12px;font-weight:400;letter-spacing:2px;margin-top:2px;color:#c3c3c3}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 28px}h1{font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.2;letter-spacing:-1px}.gst-badge{font-size:12px;color:var(--muted);white-space:nowrap}.calculator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:stretch}.panel{min-width:0;background:#303030;border:1px solid var(--border);border-radius:16px}.editor,.summary{padding:32px}.editor label,.metric-label{display:block;font-size:14px;line-height:1.5;color:#cbd0d3;margin-bottom:14px}.money-input{display:flex;align-items:center;gap:12px;background:#282828;border:1px solid #595959;border-radius:999px;padding:16px 20px;min-height:88px}.money-input:focus-within{border-color:#70b6e4;box-shadow:0 0 0 3px #4992c222}.money-input>span{font-size:25px;color:#8cbadb}.money-input input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:42px;font-weight:600;letter-spacing:-.7px}.summary{border-color:#53616a;background:linear-gradient(135deg,#323b41,#303030 70%)}.fee-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.fee-pair output{display:flex;align-items:center;min-height:88px;font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-1px;color:#eaf6ff;overflow-wrap:anywhere}.fee-guide{padding:20px 24px;margin-top:20px;background:#2c2c2c}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.guide-heading h2{font-size:16px;font-weight:600;line-height:1.5}.source-link{font-size:12px;color:#8fc3e5;text-underline-offset:4px;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:11px;font-weight:400;color:#aaa;padding-bottom:8px}td{padding:9px 0;border-top:1px solid #474747;line-height:1.5}th:last-child,td:last-child{text-align:right;padding-left:12px;white-space:nowrap}tbody tr:last-child td{padding-bottom:0}.important-info{padding-top:18px}.important-info p{font-size:12px;color:#aaa;line-height:1.7}@media (max-width:850px){.fee-pair{gap:16px}.fee-pair output{font-size:32px}.editor,.summary{padding:20px}}@media (max-width:680px){main{display:block;padding:0}.app-shell{padding:0 20px 20px}.site-header{height:68px}.brand{font-size:20px}.intro{align-items:start;flex-direction:column;gap:8px;padding:22px 0 20px}.calculator-grid{grid-template-columns:1fr;gap:16px}.editor,.summary{padding:18px 20px}.money-input{padding:12px 16px}.money-input,.fee-pair output{min-height:60px}.money-input input{font-size:32px}.editor label,.metric-label{margin-bottom:10px}.fee-pair output{font-size:34px}.fee-guide{padding:18px 20px;margin-top:16px}.guide-heading{gap:10px}.guide-heading h2{font-size:15px}.source-link{font-size:11px}.important-info{padding-top:16px}}@media (max-width:360px){.app-shell{padding-left:14px;padding-right:14px}.editor,.summary,.fee-guide{padding:16px}.fee-pair output{font-size:30px}.guide-heading{align-items:start;flex-direction:column;gap:6px}table{font-size:12px}}