:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--background: #1a1a1a;--surface: #242424;--text: rgba(255, 255, 255, .87);--muted: #a1a1aa;--border: #3f3f46;--primary: #646cff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--background);color:var(--text)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.field{display:grid;gap:8px;min-width:220px}.label{font-size:12px;color:var(--muted)}.segmented{display:flex;width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#ffffff0a}.segBtn{flex:1;appearance:none;border:0;background:transparent;color:var(--text);padding:10px 12px;cursor:pointer;font-size:14px;text-align:center}.segBtn+.segBtn{border-left:1px solid var(--border)}.segBtn.active{background:#ffffff1f}.divider{height:1px;background:var(--border);margin:16px 0}.diff{background:red}.page{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.header{text-align:center}.title{margin:0;font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:.5rem 0 0;font-size:1.1rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cardTitle{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.footer{text-align:center;margin-top:auto;padding-top:2rem}.muted{color:var(--muted);font-size:.875rem}.grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}@media(min-width:860px){.grid{grid-template-columns:1fr 1fr}}.cardInner{border:1px solid var(--border);border-radius:14px;padding:14px;background:#ffffff08}.sectionTitle{margin:0 0 12px;font-size:14px;color:var(--muted);letter-spacing:.2px}.inputs{display:grid;gap:12px}.inputField{display:grid;gap:6px}.input{width:100%;box-sizing:border-box;padding:10px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none}.input:focus{border-color:#ffffff47}.kv{display:grid;gap:10px}.kvRow{display:flex;justify-content:space-between;align-items:center;gap:10px}.extras{display:grid;gap:10px}.checkRow{display:flex;gap:10px;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.radioGroup{display:grid;gap:8px;padding-left:6px}.radioGroup.disabled{opacity:.55}.radioRow{display:flex;gap:10px;align-items:center;-webkit-user-select:none;user-select:none}select.input{appearance:none;background:#ffffff0a;color:var(--text);border:1px solid var(--border)}select.input option{background:#0b1220;color:var(--text)}.hint{font-size:12px;color:var(--muted)}.topActions{display:flex;justify-content:flex-end;margin:8px 0 10px}.btn{border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.btn:hover{background:#ffffff1a}.summary{border:1px solid var(--border);border-radius:14px;padding:14px;background:#ffffff08;margin:10px 0 14px}.summaryHeader{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.summaryTitle{margin:0;font-size:14px;color:var(--muted)}.summaryGrid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:860px){.summaryGrid{grid-template-columns:repeat(3,1fr)}}.summaryItem{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.summaryItem strong{font-size:16px;color:var(--text)}.chartContainer{margin-top:20px;padding:10px;background:#ffffff05;border-radius:12px}.simpleChart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;gap:20px}.chartCol{display:flex;flex-direction:column;align-items:center;width:100px;height:100%;justify-content:flex-end}.barTrack{flex:1;width:40px;background:#ffffff0d;border-radius:4px;position:relative;display:flex;flex-direction:column-reverse;align-items:center;margin-bottom:8px;overflow:hidden}.barSegment{width:100%;transition:height .3s ease;min-height:1px}.barSegment.base{background-color:#8884d8}.barSegment.profit{background-color:#82ca9d}.barSegment.licensing{background-color:#ffc658}.barSegment.implementation{background-color:#ff7300}.barLabel{font-size:11px;text-align:center;color:var(--muted);line-height:1.2}.barValue{font-size:13px;font-weight:600;color:var(--text);margin-top:2px}