:root{--background:#fff;--text:#20201e;--muted:#62625e;--border:1px solid #8c8c86;--focus:2px solid #2457d6;--font-family:system-ui, sans-serif;--font-size:1rem;--font-weight-regular:400;--font-weight-bold:700;--line-height:1.5;--space-small:.5rem;--space-medium:1rem;--space-large:2rem;--content-width:45rem;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);line-height:var(--line-height);color:var(--text);background:var(--background)}*{box-sizing:border-box}body{margin:0}button,input{border:var(--border);padding:var(--space-small);font:inherit;color:inherit;background:var(--background)}button{cursor:pointer}:focus-visible{outline:var(--focus);outline-offset:var(--space-small)}h1,h2,p{margin:0}h1,h2,strong,label,summary,dd{font-size:inherit;font-weight:var(--font-weight-bold)}small{font-size:inherit}main{max-width:var(--content-width);padding:var(--space-large) var(--space-medium);margin-inline:auto}header,.breakdown{gap:var(--space-medium);flex-direction:column;display:flex}header{margin-bottom:var(--space-large)}header p,.breakdown>p,label small,summary small,.result h2,.result p,.copy-status,.suffix-input>span,dt{color:var(--muted);font-weight:var(--font-weight-regular)}.calculator{border-top:var(--border);padding-top:var(--space-medium)}label{gap:var(--space-small);flex-direction:column;display:flex}input{width:100%;min-width:0}.primary-field{margin-block:var(--space-large)}.money-input,.suffix-input{align-items:center;gap:var(--space-small);font-weight:var(--font-weight-regular);display:flex}.result{justify-content:space-between;align-items:center;gap:var(--space-medium);border-block:var(--border);padding-block:var(--space-large);flex-wrap:wrap;display:flex}.result>div{gap:var(--space-small);flex-direction:column;display:flex}.share{align-items:center;gap:var(--space-small);display:flex}.result output span{margin-left:var(--space-small)}.secondary-button{flex-shrink:0}details{border-bottom:var(--border)}summary{padding-block:var(--space-medium);cursor:pointer}summary small{margin-left:var(--space-large);display:block}.assumptions{gap:var(--space-large);padding:var(--space-medium) 0 var(--space-large);flex-direction:column;display:flex}.suffix-input>span{flex-shrink:0}.error{color:var(--text);font-weight:var(--font-weight-bold)}.text-button{margin-bottom:var(--space-medium)}.breakdown{padding-top:var(--space-large)}dl{margin:var(--space-medium) 0 0;border-top:var(--border)}dl div{justify-content:space-between;gap:var(--space-medium);border-bottom:var(--border);padding-block:var(--space-medium);display:flex}dd{margin:0}