:root{color-scheme:light;--accent: #2a78d6;--page: #f3f2ef;--surface: #fcfcfb;--surface-2: #f0efec;--text: #0b0b0b;--text-2: #52514e;--text-3: #8a8984;--line: #e2e1dc;--grid-line: #d9d8d2;--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--font: system-ui, sans-serif;--mono: ui-monospace, Menlo, monospace;--fs: 14px;--radius: 8px;--density: 1;--gap: 14px;--cols: 12;--maxw: 1600px;--border-w: 1px;--shadow: none;--sp: calc(8px * var(--density))}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--page: #111110;--surface: #1a1a19;--surface-2: #262624;--text: #f0efec;--text-2: #c3c2b7;--text-3: #8d8c84;--line: #34342f;--grid-line: #3a3a35}}:root[data-theme=dark]{color-scheme:dark;--surface-2: #262624;--text: #f0efec;--text-2: #c3c2b7;--text-3: #8d8c84;--line: #34342f;--grid-line: #3a3a35}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--page);color:var(--text);font:var(--fs)/1.45 var(--font);-webkit-font-smoothing:antialiased}.no-anim *{transition:none!important;animation:none!important}a{color:var(--accent)}h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}.muted{color:var(--text-2)}.small{font-size:.86em}.mono,code,textarea.mono{font-family:var(--mono);font-size:.9em}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:calc(var(--sp) * .6) calc(var(--sp) * 1.4);border-radius:var(--radius);cursor:pointer;font-weight:500;white-space:nowrap;list-style:none}.btn::-webkit-details-marker{display:none}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover{background:var(--surface-2);filter:none}.btn.ghost.on{border-color:var(--accent);color:var(--accent)}.btn.danger,.btn.ghost.danger{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 40%,var(--line))}.btn.sm{padding:2px 8px}.btn[disabled]{opacity:.4;cursor:default}.icon-btn{border:0;background:none;cursor:pointer;width:28px;height:28px;border-radius:6px;color:var(--text-2);display:inline-grid;place-items:center}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.danger:hover{color:var(--critical)}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);padding:3px 10px;border-radius:999px;cursor:pointer;font-size:.92em;color:var(--text-2)}.chip.add{border-style:dashed}.chip.static{cursor:default;padding:1px 8px;font-size:.85em}.chips{display:inline-flex;gap:4px;flex-wrap:wrap}svg.chart{display:block;overflow:visible;font-family:var(--font)}svg.chart text{fill:var(--text-2)}svg.chart .axis-title{fill:var(--text-3);font-weight:500}svg.chart .grid{stroke:var(--grid-line);stroke-width:1}svg.chart .baseline{stroke:var(--text-3);stroke-width:1}svg.chart .crosshair{stroke:var(--text-3);stroke-width:1;pointer-events:none}svg.chart .ref{stroke-width:1.5}svg.chart .ref-label{fill:var(--text-2);font-weight:500;paint-order:stroke;stroke:var(--surface);stroke-width:3px}svg.chart .direct{fill:var(--text);font-weight:500;paint-order:stroke;stroke:var(--surface);stroke-width:3px}svg.chart .dot{stroke:var(--surface);stroke-width:2;pointer-events:none}svg.chart .series .dot{pointer-events:auto}svg.chart .bar{stroke:none;transition:opacity .15s}svg.chart .bar:hover,svg.chart .cell:hover{opacity:.8}svg.chart .bar-value{fill:var(--text);font-weight:500}svg.chart .cell-value{font-weight:500;pointer-events:none}svg.chart .trend{stroke:var(--text-3);stroke-width:1.5}svg.chart path.draw{stroke-dasharray:4000;stroke-dashoffset:4000;animation:draw .9s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}svg.spark{display:block;overflow:visible}svg.spark .ref{stroke:var(--text-3)}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.86em;color:var(--text-2);min-height:20px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{width:10px;height:10px;border-radius:3px;display:inline-block}.tooltip{position:fixed;left:0;top:0;z-index:100;pointer-events:none;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;box-shadow:0 8px 24px #0000002e;font-size:12px;min-width:140px}.tip-head{font-weight:600;margin-bottom:4px}.tip-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.tip-row i{width:10px;height:10px;border-radius:3px}.tip-row b{font-weight:600;font-variant-numeric:tabular-nums}.dtable{display:flex;flex-direction:column;gap:var(--sp);min-width:0}.dtable-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dtable-bar select,.dtable-search{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:calc(var(--sp) * .55) var(--sp)}.dtable-search{min-width:160px;flex:0 1 240px}.dtable-cols>summary{border:1px solid var(--line);border-radius:var(--radius);padding:calc(var(--sp) * .55) var(--sp);list-style:none}.dtable-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:calc(var(--radius) * .75)}.panel .dtable-wrap{max-height:none}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:calc(var(--sp) * .8) calc(var(--sp) * 1.2);white-space:nowrap}.dense th,.dense td{padding:calc(var(--sp) * .35) calc(var(--sp) * .9);font-size:.92em}td{border-top:1px solid var(--line)}.nolines td{border-top:0}th{font-weight:600;color:var(--text-2);font-size:.86em;background:var(--surface);user-select:none}.sticky th{position:sticky;top:0;z-index:1;box-shadow:inset 0 -1px 0 var(--line)}th.sortable{cursor:pointer}th.sortable:hover,th.active{color:var(--text)}th.num,td.num{text-align:right}.zebra tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}tbody tr[class*=row-] td:first-child{box-shadow:inset 3px 0 0 var(--good)}tbody tr:hover td{background:color-mix(in srgb,var(--accent) 7%,transparent)}td.empty{text-align:center}.dtable-foot{display:flex;justify-content:space-between;align-items:center;color:var(--text-3);font-size:.86em}.pager{display:inline-flex;gap:8px;align-items:center}.heat{display:inline-block;min-width:3em;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--accent) calc(var(--t) * 85%),transparent)}.mname{display:inline-flex;gap:8px;align-items:center;font-weight:500}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.badge{font-size:.82em;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-2)}.badge.b-obj{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--text)}.badge.b-der{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(440px,100vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-12px 0 40px #0000002e;display:flex;flex-direction:column;animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:0}}.drawer>header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.drawer>header h2{font-size:1.05em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-body{overflow:auto;padding:12px 16px 24px;display:grid;gap:12px;align-content:start}.drawer-foot{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px}.preview{background:var(--surface-2);border-radius:var(--radius);padding:10px 12px;display:grid;gap:4px;font-size:.92em}.form{display:grid;gap:10px}.form-group{border:1px solid var(--line);border-radius:var(--radius);padding:0 12px}.form-group[open]{padding-bottom:12px}.form-group>summary{padding:10px 0;font-weight:600;color:var(--text-2);font-size:.9em}.form-group[open]>summary{margin-bottom:4px}.field{display:grid;gap:4px;margin-top:8px}.field>label{font-size:.86em;color:var(--text-2)}.field-bool{grid-template-columns:auto 1fr;align-items:center;gap:8px}.field-bool .hint{grid-column:1 / -1}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=datetime-local],.field select,.field textarea,.drawer select{width:100%;border:1px solid var(--line);background:var(--page);border-radius:calc(var(--radius) * .75);padding:6px 8px}.field input:focus,.field select:focus,.field textarea:focus,.dtable-search:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:0;border-color:var(--accent)}.field textarea{resize:vertical}.hint{color:var(--text-3);font-size:.8em}.range{display:flex;align-items:center;gap:8px}.range input{flex:1;accent-color:var(--accent)}.range output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;font-size:.9em}.color-in{display:flex;gap:6px}.color-in input[type=color],.colors-in input{width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}.colors-in{display:flex;gap:4px;flex-wrap:wrap}.multi{display:flex;flex-wrap:wrap;gap:4px}.multi .chip input{display:none}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.settings .form{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start}#app{display:grid;grid-template-columns:var(--side, 248px) minmax(0,1fr);height:100vh}.side{display:flex;flex-direction:column;gap:2px;padding:calc(var(--sp) * 1.5) var(--sp);overflow:auto;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px calc(var(--sp) * 2)}.brand b{display:block;font-size:1.1em}.brand small{display:block;color:var(--text-3);font-size:.78em}.logo{color:var(--accent);font-size:1.7em;line-height:1}.nav-head{margin:calc(var(--sp) * 2) 10px 4px;font-size:.74em;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;cursor:pointer;padding:calc(var(--sp) * .8) 10px;border-radius:var(--radius);color:var(--text-2)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.on{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.nav-item.on .nav-icon{color:var(--accent)}.nav-item.add{color:var(--text-3)}.nav-icon{width:20px;text-align:center;flex:none}.nav-text{display:grid;min-width:0}.nav-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.nav-text small{color:var(--text-3);font-size:.78em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot{margin-top:auto;display:flex;align-items:center;gap:4px;padding-top:var(--sp);border-top:1px solid var(--line)}.content{overflow:auto;padding:calc(var(--sp) * 2.5) calc(var(--sp) * 3) 60px}.content>*{max-width:var(--maxw);margin-left:auto;margin-right:auto}.content>*+*{margin-top:calc(var(--sp) * 2)}@media (max-width: 760px){#app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:6px}.brand,.nav-head,.nav-text small{display:none}.nav-item{width:auto;flex:none}.side-foot{margin:0;border:0;padding:0}.content{padding:12px 16px 40px}}.page-head{display:flex;align-items:flex-end;gap:var(--sp);flex-wrap:wrap}.page-head h1{font-size:1.6em}.head-actions{margin-left:auto;display:flex;gap:6px}.card{background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--radius);padding:calc(var(--sp) * 2);box-shadow:var(--shadow)}.card h2{font-size:1.15em}.block{display:block}.empty{color:var(--text-3);padding:24px;text-align:center}.empty.error{color:var(--critical)}.link{border:0;background:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font:inherit}.warn{color:var(--critical)}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{border:0;background:none;padding:8px 14px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:8px;align-items:center}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tab.dims{margin-left:12px}.tab.add{color:var(--text-3);margin-left:auto}.count{font-size:.78em;background:var(--surface-2);color:var(--text-2);padding:0 7px;border-radius:999px;font-weight:500}.table-meta{display:flex;gap:calc(var(--sp) * 3);justify-content:space-between;flex-wrap:wrap;margin-bottom:calc(var(--sp) * 1.5)}.table-meta>div{display:grid;gap:4px;align-content:start}.dim-list{max-width:60%}.dim-list .chip code{font-size:.85em;color:var(--text-3)}.focus-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--radius);padding:8px 12px;margin-bottom:var(--sp)}.th-wrap{display:inline-flex;gap:6px;align-items:center}.th-wrap.hl{color:var(--accent)}.dim-tag{font-size:.8em;font-weight:500;padding:0 6px;border-radius:4px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);white-space:nowrap}.dim-tag.time{background:var(--surface-2)}.rec-id{color:var(--text-3);font-size:.85em}mark{background:color-mix(in srgb,var(--accent) 18%,transparent);color:inherit;padding:0 4px;border-radius:3px}.col-row{display:grid;grid-template-columns:1fr 120px 120px 28px;gap:6px;align-items:center}.col-row input,.col-row select{border:1px solid var(--line);background:var(--page);border-radius:6px;padding:5px 7px;min-width:0}h3.sub{font-size:.95em;margin-top:8px}.control-bar{display:flex;gap:calc(var(--sp) * 3);align-items:flex-end;flex-wrap:wrap;position:sticky;top:calc(var(--sp) * -2.5);z-index:5}.formula{display:flex;align-items:flex-end;gap:10px}.formula .op{font-size:1.6em;color:var(--text-3);padding-bottom:2px}.dim-sel,.ctl{display:grid;gap:3px}.dim-sel small,.ctl small{font-size:.75em;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dim-sel select,.ctl select{border:1px solid var(--line);background:var(--page);border-radius:var(--radius);padding:6px 10px;font-weight:500}.dim-sel.d1 select{border-color:var(--d1);box-shadow:inset 4px 0 0 var(--d1)}.dim-sel.d2 select{border-color:var(--d2);box-shadow:inset 4px 0 0 var(--d2)}.controls{display:flex;gap:calc(var(--sp) * 2);flex-wrap:wrap;align-items:flex-end}.chip-x{border:0;background:none;cursor:pointer;color:inherit;padding:0 0 0 4px;font-size:1.1em;line-height:1}.step{display:grid;gap:calc(var(--sp) * 2)}.step-head{display:flex;gap:12px;align-items:flex-start}.step-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:.9em}.dims-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr);gap:calc(var(--sp) * 1.5);align-items:stretch}.big-op{align-self:center;font-size:2em;color:var(--text-3)}.dim-card{border:1px solid var(--line);border-radius:var(--radius);padding:calc(var(--sp) * 1.5);display:grid;gap:6px;align-content:start;position:relative;overflow:hidden}.dim-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--c, var(--accent))}.dim-card.d1{--c: var(--d1)}.dim-card.d2{--c: var(--d2)}.dim-card.result{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.dim-card.st-good{--c: var(--good)}.dim-card.st-critical{--c: var(--critical)}.dim-label{font-size:.74em;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.dim-name{font-size:1.3em;font-weight:650;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.unit{font-size:.6em;font-weight:500;color:var(--text-2)}.dim-formula{font-size:.85em;color:var(--text-2);background:var(--surface-2);padding:2px 6px;border-radius:4px;justify-self:start}.dim-total{font-size:1.8em;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.goal-line{font-weight:500}.st-good .goal-line,.st-txt.st-good{color:var(--good)}.st-critical .goal-line,.st-txt.st-critical{color:var(--critical)}@media (max-width: 1000px){.dims-row{grid-template-columns:1fr}.big-op{justify-self:center;font-size:1.4em}}.th-dim{display:inline-flex;align-items:center;gap:6px}.th-dim:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}.th-dim.d1{--c: var(--d1)}.th-dim.d2{--c: var(--d2)}.th-dim.ratio{--c: var(--accent)}.grp{display:inline-flex;gap:8px;align-items:center}.recs{white-space:nowrap}tfoot td{border-top:2px solid var(--line);background:var(--surface);position:sticky;bottom:0}.dim-charts{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--sp) * 2)}@media (max-width: 900px){.dim-charts{grid-template-columns:1fr}}.chart-box{display:grid;gap:6px;min-width:0}.chart-box h3{font-size:.92em;display:flex;gap:8px;align-items:center;color:var(--text-2)}.chart-box.d1 h3:before,.chart-box.d2 h3:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}.chart-box.d1{--c: var(--d1)}.chart-box.d2{--c: var(--d2)}.chart-body{min-width:0}.drawer.wide{width:min(900px,100vw)}.rec-head{display:grid;gap:6px}.dim-pill{display:inline-block;padding:2px 8px;border-radius:999px;margin-right:6px;font-weight:600;background:color-mix(in srgb,var(--c) 16%,transparent)}.dim-pill.d1{--c: var(--d1)}.dim-pill.d2{--c: var(--d2)}.chip.on{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.rec-head .btn{justify-self:start}.formula{flex-wrap:wrap}.dim-sel select{max-width:100%}#app.no-side{grid-template-columns:1fr}.brand.big{padding:0}.brand.big h1{font-size:1.8em}.projects-head{align-items:center}.new-project{display:grid;gap:8px}.new-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px}@media (max-width: 760px){.new-row{grid-template-columns:1fr}}.big-input{border:1px solid var(--line);background:var(--page);border-radius:var(--radius);padding:9px 12px;font-size:1.05em;min-width:0}.big-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:calc(var(--sp) * 2)}.project-card{display:grid;gap:10px;align-content:space-between;padding:0;overflow:hidden}.project-open{border:0;background:none;text-align:left;cursor:pointer;padding:calc(var(--sp) * 2) calc(var(--sp) * 2) 0;display:grid;gap:6px;color:inherit}.project-open:hover h3{color:var(--accent)}.project-open h3{font-size:1.15em}.project-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.9em;color:var(--text-2);margin:4px 0}.project-tools{display:flex;gap:4px;flex-wrap:wrap;padding:0 calc(var(--sp) * 2) calc(var(--sp) * 1.5)}.ghost-card{border-style:dashed;cursor:pointer;text-align:left;padding:calc(var(--sp) * 2);background:transparent;color:inherit;align-content:start}.ghost-card:hover{border-color:var(--accent)}.project-switch{display:grid;text-align:left;border:1px solid var(--line);background:var(--page);border-radius:var(--radius);padding:6px 10px;margin:0 0 calc(var(--sp) * 1.5);cursor:pointer;color:var(--text)}.project-switch small{font-size:.72em;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.project-switch span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switch i{color:var(--text-3);font-style:normal}.project-switch:hover{border-color:var(--accent)}@media (max-width: 760px){.project-switch{margin:0;flex:none}}.onboarding ol{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:14px}.onboarding li{display:flex;gap:12px;align-items:flex-start}.onboarding li>div{display:grid;gap:4px;justify-items:start}
