:root{--bg:#f4f1ec;--surface:#edeae4;--border:#d6d0c8;--border-focus:#8c7b6b;--text:#1c1917;--text-2:#6b6359;--text-3:#9c9289;--accent-m:#0b6e63;--accent-u:#a83d18;--ink:#1a1714;--ink-text:#f0ece5;--ink-text-2:#9e978e;--mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,monospace;--sans:"IBM Plex Sans",system-ui,sans-serif;--r-sm:4px;--r:7px;--r-lg:10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{max-width:980px;margin:0 auto;padding:0 20px 80px}.toolbar{display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid var(--border);margin-bottom:32px}.toolbar-wordmark{font-family:var(--sans);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.toolbar-actions{display:flex;gap:8px;align-items:center}.btn{font-family:var(--sans);font-size:.8125rem;font-weight:500;height:32px;padding:0 14px;border-radius:var(--r-sm);cursor:pointer;border:none;display:inline-flex;align-items:center;gap:5px;transition:background .1s,color .1s,border-color .1s;white-space:nowrap}.btn-filled{background:var(--text);color:var(--bg)}.btn-filled:hover{background:#2d2926}.btn-outlined{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outlined:hover{background:var(--surface);border-color:var(--text-3)}.btn-ghost{background:transparent;color:var(--text-2);border:none}.btn-ghost:hover{color:var(--text);background:var(--surface)}.btn-danger{background:transparent;color:#a83d18;border:1px solid #ddbfb3}.btn-danger:hover{background:#fdf0ec}.two-col{display:grid;grid-template-columns:1fr 300px;grid-gap:24px;gap:24px;align-items:start}.input-panel{display:flex;flex-direction:column;gap:0}.section-block{padding:24px 0;border-bottom:1px solid var(--border)}.section-block:first-child{padding-top:0}.section-block:last-child{border-bottom:none}.section-label{font-family:var(--sans);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.section-label.monthly{color:var(--accent-m)}.section-label.upfront{color:var(--accent-u)}.section-label.lease{color:var(--text-3)}.field-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.field-label{font-size:.875rem;color:var(--text-2);min-width:90px;flex-shrink:0}.money-wrap{position:relative;flex:1 1;max-width:200px}.money-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.875rem;color:var(--text-3);pointer-events:none;z-index:1}.money-input{font-family:var(--mono);font-size:.9375rem;font-weight:500;width:100%;height:36px;padding:0 10px 0 22px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;text-align:right;-moz-appearance:textfield;transition:border-color .12s,box-shadow .12s}.money-input::-webkit-inner-spin-button,.money-input::-webkit-outer-spin-button{-webkit-appearance:none}.money-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px hsla(29,13%,48%,.15)}.money-input::placeholder{color:var(--text-3)}.line-items{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.line-item-row{display:grid;grid-template-columns:1fr 130px 88px auto 28px;grid-gap:6px;gap:6px;align-items:center}.qty-wrap{display:flex;align-items:center;gap:4px}.qty-times{font-size:.8125rem;color:var(--text-3);flex-shrink:0}.qty-input,.qty-times{font-family:var(--mono)}.qty-input{font-size:.875rem;font-weight:500;width:56px;height:36px;padding:0 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;text-align:center;-moz-appearance:textfield;transition:border-color .12s,box-shadow .12s}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px hsla(29,13%,48%,.15)}.qty-input::placeholder{color:var(--text-3);font-size:.75rem}.item-subtotal{font-family:var(--mono);font-size:.75rem;color:var(--text-2);white-space:nowrap;text-align:right}.text-input{font-family:var(--sans);font-size:.875rem;height:36px;padding:0 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;width:100%;transition:border-color .12s,box-shadow .12s}.text-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px hsla(29,13%,48%,.15)}.text-input::placeholder{color:var(--text-3)}.remove-item-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-3);cursor:pointer;border-radius:var(--r-sm);font-size:1rem;line-height:1;transition:color .1s,background .1s}.remove-item-btn:hover{color:var(--accent-u);background:#fdf0ec}.add-item-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--sans);font-size:.8125rem;font-weight:500;background:none;border:none;cursor:pointer;padding:4px 0;transition:opacity .1s}.add-item-btn.monthly{color:var(--accent-m)}.add-item-btn.upfront{color:var(--accent-u)}.add-item-btn:hover{opacity:.7}.segmented{display:inline-flex;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px}.seg-btn{font-family:var(--mono);font-size:.8125rem;height:28px;padding:0 12px;border:none;border-radius:calc(var(--r-sm) - 1px);background:transparent;color:var(--text-2);cursor:pointer;transition:background .1s,color .1s}.seg-btn.active{background:var(--ink);color:var(--ink-text);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.15)}.seg-btn:not(.active):hover{color:var(--text)}.stepper{gap:10px}.step-btn,.stepper{display:flex;align-items:center}.step-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);font-size:1rem;cursor:pointer;justify-content:center;transition:background .1s,border-color .1s}.step-btn:hover{background:var(--surface);border-color:var(--text-3)}.step-btn:disabled{opacity:.35;cursor:not-allowed}.step-value{font-family:var(--mono);font-size:.9375rem;font-weight:500;min-width:20px;text-align:center}.results-panel{position:-webkit-sticky;position:sticky;top:24px;display:flex;flex-direction:column;gap:12px}.hero-result{background:var(--ink);color:var(--ink-text);border-radius:var(--r-lg);padding:24px 22px 22px}.hero-label{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-text-2);margin-bottom:10px}.hero-value{font-family:var(--mono);font-size:2.5rem;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--ink-text);margin-bottom:14px}.hero-sub{font-size:.8125rem;color:var(--ink-text-2)}.hero-sub span{font-family:var(--mono);color:var(--ink-text)}.stat-tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 14px 12px}.stat-tile-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.stat-tile-value{font-family:var(--mono);font-size:1.125rem;font-weight:500;color:var(--text);letter-spacing:-.02em}.stat-tile-sub{font-size:.75rem;color:var(--text-3);margin-top:3px;font-family:var(--mono)}.notes-field{margin-bottom:12px}.notes-field:last-child{margin-bottom:0}.notes-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--text-3);margin-bottom:5px;text-transform:uppercase}.notes-textarea{font-family:var(--sans);font-size:.875rem;width:100%;padding:9px 11px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;resize:vertical;line-height:1.5;transition:border-color .12s,box-shadow .12s}.notes-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px hsla(29,13%,48%,.15)}.notes-textarea::placeholder{color:var(--text-3)}.notes-textarea.upsides{border-left:3px solid #0b6e6344}.notes-textarea.downsides{border-left:3px solid #a83d1844}.notes-textarea.upsides:focus{border-left-color:var(--accent-m)}.notes-textarea.downsides:focus{border-left-color:var(--accent-u)}.save-panel{margin-top:12px;border-top:1px solid var(--border);padding-top:14px}.save-row{display:flex;gap:8px;margin-bottom:12px}.save-input{flex:1 1;font-family:var(--sans);font-size:.8125rem;height:32px;padding:0 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;transition:border-color .12s}.save-input:focus{border-color:var(--border-focus)}.save-input::placeholder{color:var(--text-3)}.saves-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.save-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm)}.save-item-info{flex:1 1;min-width:0}.save-item-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-item-date{font-size:.6875rem;color:var(--text-3);margin-top:1px;font-family:var(--mono)}.save-item-actions{display:flex;gap:6px;flex-shrink:0}.no-saves{font-size:.8125rem;color:var(--text-3);text-align:center;padding:12px 0}@media (max-width:680px){.two-col{grid-template-columns:1fr}.results-panel{position:static;order:-1}.hero-value{font-size:2rem}.toolbar-wordmark{display:none}.field-row{flex-wrap:wrap}.money-wrap{max-width:100%}.line-item-row{grid-template-columns:1fr 110px 76px auto 28px}}