:root{--sp-0: 0px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-alt: #f1f3f7;--text-primary: #111318;--text-secondary: #4b5565;--text-muted: #7a8496;--border: #dde2ea;--border-strong: #c8d1dc;--brand: #0f62fe;--brand-hover: #0b4fd1;--brand-soft: #e7f0ff;--success: #198754;--warning: #b7791f;--danger: #c53030;--info: #0ea5e9;--ring: rgba(15, 98, 254, .35);--shadow-sm: 0 8px 20px rgba(17, 19, 24, .05);--shadow-lg: 0 18px 46px rgba(17, 19, 24, .09);--radius-md: 12px;--radius-lg: 16px;--font-heading: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--ease-standard: .16s ease-out}:root[data-theme=dark]{--bg: #0f141b;--surface: #141b24;--surface-alt: #1a2330;--text-primary: #ebeff5;--text-secondary: #b8c2d2;--text-muted: #95a2b5;--border: #273344;--border-strong: #314258;--brand: #6fa4ff;--brand-hover: #91b8ff;--brand-soft: rgba(111, 164, 255, .15);--success: #39b979;--warning: #e4b857;--danger: #ff7a7a;--info: #64c5ff;--ring: rgba(145, 184, 255, .4);--shadow-sm: 0 10px 20px rgba(0, 0, 0, .28);--shadow-lg: 0 20px 42px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:var(--sp-0);background:radial-gradient(1200px 640px at -10% -15%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 55%),radial-gradient(980px 560px at 115% -10%,color-mix(in srgb,var(--info) 12%,transparent),transparent 58%),var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.app{max-width:1460px;margin:var(--sp-0) auto;padding:32px 32px 40px}.hero{margin-bottom:24px}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2,h3,h4,label,button{font-family:var(--font-heading)}h1,h2,h3,h4,p,small{margin:0}h1{font-size:clamp(2.25rem,1.4rem + 2vw,3rem);line-height:1.16;letter-spacing:-.025em;font-weight:700}h2{font-size:clamp(1.28rem,1.08rem + .65vw,1.75rem);line-height:1.25;letter-spacing:-.02em;font-weight:700;margin-bottom:16px}h3{font-size:clamp(1.1rem,1rem + .45vw,1.35rem);line-height:1.3;letter-spacing:-.015em;font-weight:600}h4{font-size:1.125rem;line-height:1.35;font-weight:600}p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.hero p{margin-top:12px;max-width:68ch;font-size:clamp(1rem,.92rem + .25vw,1.125rem)}.theme-toggle{width:40px;height:40px;padding:var(--sp-0);border-radius:999px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-secondary)}.theme-toggle svg{width:20px;height:20px}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--ease-standard),opacity var(--ease-standard)}.theme-icon.sun{transform:rotate(0)}.theme-icon.moon{transform:rotate(-18deg)}.theme-toggle:hover:not(:disabled){color:var(--brand);border-color:color-mix(in srgb,var(--brand) 28%,transparent);background:var(--brand-soft)}.screen-nav{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.screen-nav button{border-radius:999px;padding:8px 16px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-color:color-mix(in srgb,var(--border) 90%,transparent)}.screen-nav button.is-active{border-color:color-mix(in srgb,var(--brand) 38%,var(--border));background:var(--brand-soft);color:var(--brand-hover)}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:16px}.model-layout{margin-top:16px}.col-main,.col-side{display:grid;gap:16px;align-content:start}.col-main>*,.col-side>*{min-width:0}.card{background:linear-gradient(170deg,color-mix(in srgb,var(--surface) 94%,white),var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.col-main .card:first-child{box-shadow:var(--shadow-lg)}.card-primary{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:linear-gradient(170deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface))}.card-tertiary{background:linear-gradient(170deg,color-mix(in srgb,var(--surface-alt) 85%,white),var(--surface))}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:border-color var(--ease-standard),transform var(--ease-standard),background-color var(--ease-standard),color var(--ease-standard),box-shadow var(--ease-standard)}button:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 54%,var(--border));background:color-mix(in srgb,var(--brand-soft) 65%,var(--surface));transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button.danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}button.danger:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,var(--surface))}button.ghost{background:transparent}label{display:grid;gap:6px;color:var(--text-secondary);font-size:.875rem;line-height:1.5}label.inline{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}input[type=number],select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-primary);background:var(--surface)}input[type=checkbox]{accent-color:var(--brand)}input[type=range]{width:100%;accent-color:var(--brand)}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-sm{gap:8px}.controls .grid-2{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;margin-bottom:12px}.status-pill{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--info) 14%,transparent);color:color-mix(in srgb,var(--info) 84%,var(--text-primary))}.table-wrap{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}th{font-size:.875rem;color:var(--text-secondary);font-weight:600}.empty-state{min-height:220px;display:grid;place-items:center;text-align:center;gap:12px;border:1px dashed var(--border-strong);border-radius:14px;padding:24px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.empty-state-block{min-height:240px;display:grid;align-content:center;justify-items:start;gap:12px}.chart-card .chart-wrap{height:430px;min-width:0}.chart-card canvas{max-width:100%!important}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.metrics-grid div{border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;gap:4px;background:var(--surface-alt)}.metrics-grid span,.muted{color:var(--text-muted)}.metrics-grid strong{font-size:1rem;color:var(--text-primary)}.formula{margin:0 0 12px;font-family:var(--font-mono);font-weight:600;font-size:clamp(.92rem,.86rem + .2vw,1rem);line-height:1.5;color:color-mix(in srgb,var(--text-primary) 88%,var(--brand))}.coeff-grid{display:grid;gap:10px}.progress{height:10px;margin-top:8px;margin-bottom:8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 20%,transparent);overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 68%,var(--info)));transition:width var(--ease-standard)}.edu-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}.edu-grid p{font-family:var(--font-mono);font-size:.9rem}.banner{margin-bottom:16px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface)}.banner p{color:var(--text-primary)}.banner.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.banner.success{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 9%,var(--surface))}.banner.info{border-color:color-mix(in srgb,var(--info) 40%,var(--border));background:color-mix(in srgb,var(--info) 9%,var(--surface))}.loading-shell{position:relative}.loading-shell>*{filter:saturate(.84)}.model-results-stack{display:grid;gap:16px}.loading-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--surface) 72%,white) 48%,transparent 100%);transform:translate(-100%);animation:loading-sweep 1.15s ease infinite;pointer-events:none}.loading-shell:after{content:"Пересчет метрик...";position:absolute;right:12px;top:12px;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,var(--brand) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 34%,var(--border))}@keyframes loading-sweep{to{transform:translate(100%)}}@media (max-width: 1100px){.app{padding:24px 24px 32px}.layout,.controls .grid-2{grid-template-columns:1fr}}@media (max-width: 640px){.app{padding:16px 16px 24px}h1{font-size:clamp(2rem,1.7rem + 1.2vw,2.25rem);line-height:1.2}h2{font-size:clamp(1.2rem,1.06rem + .7vw,1.45rem);line-height:1.28}p{line-height:1.5}.hero p{max-width:44ch}.layout{gap:12px}.card{padding:16px}.table-wrap{max-height:280px}.chart-card .chart-wrap{height:320px}}@media print{.screen-nav,.controls,.banner,button{display:none!important}.app{padding:0}}