:root{--create: 80 100% 50%;--create-foreground: 0 0% 4%;--canvas: 0 0% 4%;--canvas-grid: 120 30% 14%;--canvas-fg: 45 33% 93%;--canvas-fg-muted: 45 8% 55%;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--gutter: 32px;--series-stepwise: 80 100% 50%;--series-progressive: 28 100% 58%;--series-prorata: 200 80% 60%;--series-profit: 140 70% 55%;--series-loss: 0 80% 62%;--series-reference: 0 0% 55%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);padding:10px 16px;border-radius:8px;border:1px solid hsl(var(--create));background:hsl(var(--canvas) / .95);color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:12px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:100}.toast--show{opacity:1;transform:translate(-50%) translateY(0)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);color:hsl(var(--canvas-fg));background-color:hsl(var(--canvas));background-image:linear-gradient(hsl(var(--canvas-grid) / .5) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--canvas-grid) / .5) 1px,transparent 1px),radial-gradient(circle at 50% 25%,hsl(var(--create) / .06),transparent 60%);background-size:32px 32px,32px 32px,100% 100%;-webkit-font-smoothing:antialiased}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:14px var(--gutter);background:hsl(var(--canvas) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--canvas-grid) / .7)}.nav__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav__brand-dot{width:10px;height:10px;border-radius:3px;background:hsl(var(--create));box-shadow:0 0 12px hsl(var(--create) / .8)}.nav__spacer{flex:1}.nav__meta{font-family:var(--font-mono);font-size:11px;color:hsl(var(--canvas-fg-muted))}.page{padding:var(--gutter);max-width:1600px;margin:0 auto}.page__header{margin-bottom:28px}.page__title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.02em}.page__subtitle{margin:8px 0 0;max-width:70ch;color:hsl(var(--canvas-fg-muted));line-height:1.5}.explainer{margin-top:16px;border:1px solid hsl(var(--canvas-grid) / .7);border-radius:10px;background:hsl(var(--canvas-grid) / .15)}.explainer__summary{cursor:pointer;padding:11px 16px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--create));list-style:none}.explainer__summary::-webkit-details-marker{display:none}.explainer__summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.explainer[open] .explainer__summary:before{content:"▾ "}.explainer__body{padding:4px 16px 16px;border-top:1px solid hsl(var(--canvas-grid) / .5)}.explainer__group-title{margin:14px 0 8px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--canvas-fg-muted))}.explainer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 24px}.explainer__item{display:flex;gap:8px;font-size:12.5px;line-height:1.45}.explainer__term{flex-shrink:0;font-weight:700;color:hsl(var(--canvas-fg))}.explainer__desc{color:hsl(var(--canvas-fg-muted))}.explainer__hint{margin:16px 0 0;font-size:12px;line-height:1.5;color:hsl(var(--canvas-fg-muted))}.editor{display:grid;grid-template-columns:1fr 360px;gap:var(--gutter);align-items:start}@media(max-width:1040px){.editor{grid-template-columns:1fr}}.editor__main{display:flex;flex-direction:column;gap:20px;min-width:0}.editor__stage{padding:20px;border-radius:16px;border:1px solid hsl(var(--canvas-grid) / .7);background:radial-gradient(circle at 50% 20%,hsl(var(--canvas-grid) / .3),transparent 70%),hsl(var(--canvas) / .4)}.editor__panel{position:sticky;top:80px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:6px}.control-group{border:1px solid hsl(var(--canvas-grid) / .7);border-radius:10px;padding:14px 16px;background:hsl(var(--canvas-grid) / .18)}.control-group__title{margin:0 0 10px;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--canvas-fg-muted))}.control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.control__label{font-size:12px;color:hsl(var(--canvas-fg) / .85);white-space:nowrap}.control__value{font-family:var(--font-mono);font-size:10px;color:hsl(var(--create));min-width:52px;text-align:right}.control__value--editable{cursor:pointer}.control__value--editable:hover{text-decoration:underline dotted}.num-field--inline{width:64px;text-align:right}.scenario{margin:0;padding:12px 16px;border:1px solid hsl(var(--create) / .4);border-radius:10px;background:hsl(var(--create) / .06);color:hsl(var(--canvas-fg));font-size:13.5px;line-height:1.5}.preset-caption{margin:8px 0 0;min-height:28px;font-size:12px;line-height:1.4;color:hsl(var(--canvas-fg-muted))}.control input[type=range]{flex:1;min-width:0;accent-color:hsl(var(--create))}.control select,.control input[type=text]{flex:1;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas));color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:11px}.control--stacked{flex-direction:column;align-items:stretch;gap:6px}.num-field{width:100%;min-width:0;padding:5px 7px;border-radius:5px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas));color:hsl(var(--canvas-fg));font-family:var(--font-mono);font-size:11px}.tier-edit-row{display:grid;grid-template-columns:28px 1fr 1fr 26px;align-items:center;gap:6px;padding:4px 0}.tier-edit-row__idx{font-family:var(--font-mono);font-size:10px;color:hsl(var(--canvas-fg-muted))}.icon-btn{width:100%;padding:5px 0;border-radius:5px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas));color:hsl(var(--canvas-fg-muted));font-family:var(--font-mono);font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.icon-btn:hover{color:hsl(var(--canvas-fg));border-color:hsl(var(--create))}.seg{display:flex;gap:4px}.seg__btn{flex:1;padding:6px 8px;border-radius:6px;border:1px solid hsl(var(--canvas-grid));background:hsl(var(--canvas));color:hsl(var(--canvas-fg-muted));font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.seg__btn[aria-pressed=true]{color:hsl(var(--create-foreground));background:hsl(var(--create));border-color:hsl(var(--create))}.preset-row{display:flex;gap:6px;flex-wrap:wrap}.chart{width:100%;height:auto;display:block;font-family:var(--font-mono)}.chart__grid{stroke:hsl(var(--canvas-grid) / .6);stroke-width:1}.chart__axis{stroke:hsl(var(--canvas-grid));stroke-width:1.5}.chart__label{fill:hsl(var(--canvas-fg-muted));font-size:10px}.chart__series{fill:none;stroke-width:2.5}.chart__tier-line{stroke:hsl(var(--canvas-fg) / .18);stroke-width:1;stroke-dasharray:3 4}.legend{display:flex;gap:18px;flex-wrap:wrap;padding:4px 2px 0}.legend__item{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:hsl(var(--canvas-fg-muted))}.legend__swatch{width:14px;height:3px;border-radius:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat{border:1px solid hsl(var(--canvas-grid) / .7);border-radius:9px;padding:12px 14px;background:hsl(var(--canvas-grid) / .18)}.stat__label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--canvas-fg-muted))}.stat__value{margin-top:6px;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.stat__value--good{color:hsl(var(--series-profit))}.stat__value--bad{color:hsl(var(--series-loss))}.tier-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:11px}.tier-table th{text-align:right;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--canvas-fg-muted));border-bottom:1px solid hsl(var(--canvas-grid))}.tier-table th:first-child,.tier-table td:first-child{text-align:left}.tier-table td{padding:6px 10px;border-bottom:1px solid hsl(var(--canvas-grid) / .4);font-variant-numeric:tabular-nums}.tier-table tr:hover td{background:hsl(var(--canvas-grid) / .25)}.tier-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:middle;background:hsl(var(--create))}.section__title{margin:0 0 4px;font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--create))}.section__note{margin:0 0 16px;font-size:13px;line-height:1.5;color:hsl(var(--canvas-fg-muted))}