:root{--bg: #faf7f2;--card: #ffffff;--ink: #2b2320;--muted: #8a807a;--accent: #d64525;--accent-dark: #b5371b;--line: #ece5dd;--badge: #e8f4ea;--badge-ink: #2e7d43;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}h1,h2,h3{margin:0 0 .5rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:1.1rem;color:var(--ink)}.topbar nav{display:flex;align-items:center;gap:1rem}.topbar nav a{color:var(--muted);font-weight:500}.topbar nav a.active{color:var(--accent)}.content{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem 1.5rem}.card.narrow{max-width:380px;text-align:center}.stack{display:flex;flex-direction:column;gap:1.25rem}.center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:500;font-size:.9rem}input,select{font:inherit;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.inputs-row{display:flex;flex-wrap:wrap;gap:1rem}.inputs-row label{flex:1;min-width:120px}.inputs-row input{width:100%}form{display:flex;flex-direction:column;gap:.75rem}.yield-field{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.5rem}.yield-field input{width:70px}button{font:inherit;cursor:pointer}button.primary{background:var(--accent);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:8px;font-weight:600}button.primary:hover{background:var(--accent-dark)}button.primary:disabled{opacity:.6;cursor:default}button.link{background:none;border:none;color:var(--accent);padding:0;font-weight:500}button.link.danger{color:var(--muted)}button.link.danger:hover{color:var(--accent)}.actions{display:flex;align-items:center;gap:1rem}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.8rem;color:var(--muted);font-weight:600;padding:.4rem .5rem}td{padding:.4rem .5rem;border-top:1px solid var(--line)}table.editor input{width:100%}table.editor input[type=number]{width:90px}.amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.tables{display:flex;flex-wrap:wrap;gap:2rem}.section-table{flex:1;min-width:260px}.result-headline{display:flex;align-items:baseline;gap:.6rem}.result-headline .big{font-size:3rem;font-weight:800;color:var(--accent);line-height:1}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--accent-dark);font-size:.9rem}.badge{background:var(--badge);color:var(--badge-ink);padding:.15rem .5rem;border-radius:999px;font-size:.8rem;font-weight:600}code{background:var(--line);padding:.1rem .4rem;border-radius:5px;font-size:.9rem}