:root{--bg:#f4f7fa;--surface:#fff;--surface-inset:#eef2f7;--panel:#fff;--text:#0c1b36;--text-soft:#33415a;--muted:#5a6b82;--border:#e3e8ef;--border-strong:#c4ccd8;--accent:#6bbe44;--accent-strong:#5bae38;--accent-weak:#e8f6e5;--accent-border:#cfe9c2;--accent-2:#1e8e3e;--accent-2-weak:#e8f6e5;--highlight-weak:#fff8e8;--highlight-border:#f3dca0;--ok:#1e8e3e;--warn:#e0a21a;--down:#e5484d;--ink:#0c1b36;--ink-deep:#081325;--ink-text:#fff;--accent-light:#8fd45a;--muted-on-dark:#aebcd2;--border-on-dark:#2c4063;--range-track:#dce3ec;--card-shadow:0 16px 44px rgba(12,27,54,.06);--hero-bg:radial-gradient(1100px 600px at 80% -10%,#ecf6e4 0%,#f4f7fa 55%);--rail-active:#f0f7eb;--header-bg:rgba(244,247,250,.85);--header-border:#e3e8ef;--header-link:#45556c;--header-strong:#0c1b36;--icon-btn-bg:#eaeff5;--icon-btn-border:#e3e8ef;--icon-stroke:#0c1b36;--scale-cheap:#2fa866;--scale-fair:#3f7dd8;--scale-pricey:#e0a21a;--scale-expensive:#e5484d;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(12,27,54,.05);--shadow:0 1px 3px rgba(12,27,54,.08),0 1px 2px rgba(12,27,54,.05);--font-head:"Space Grotesk",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Space Mono",ui-monospace,SFMono-Regular,monospace}:root[data-theme=dark]{--bg:#0a1220;--surface:#121f35;--surface-inset:#0e1a2c;--panel:#121f35;--text:#e7edf5;--text-soft:#c0ccdc;--muted:#93a2b8;--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.22);--accent:#6bbe44;--accent-strong:#5bae38;--accent-weak:rgba(107,190,68,.15);--accent-border:rgba(107,190,68,.32);--accent-2:#8fd45a;--accent-2-weak:rgba(107,190,68,.15);--highlight-weak:rgba(224,162,26,.14);--highlight-border:rgba(224,162,26,.4);--ok:#6bbe44;--warn:#e0a21a;--down:#e5484d;--ink:#213a5e;--ink-deep:#060d18;--ink-text:#fff;--accent-light:#8fd45a;--muted-on-dark:#aebcd2;--border-on-dark:hsla(0,0%,100%,.12);--range-track:hsla(0,0%,100%,.15);--card-shadow:0 16px 44px rgba(0,0,0,.45);--hero-bg:radial-gradient(1100px 600px at 80% -10%,#11271c 0%,#0a1220 58%);--rail-active:rgba(107,190,68,.15);--header-bg:rgba(8,15,28,.88);--header-border:hsla(0,0%,100%,.08);--header-link:#aebcd2;--header-strong:#fff;--icon-btn-bg:hsla(0,0%,100%,.06);--icon-btn-border:hsla(0,0%,100%,.12);--icon-stroke:#fff;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box}#root,body,html{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.app-root{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header h1{margin:0;font-size:1.5rem}.tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs button{margin-right:0;padding:8px 12px;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:999px;cursor:pointer;transition:all .16s ease;font-size:.9rem}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.tabs button:hover:not(.lang-toggle){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.lang-toggle{background:transparent!important;border:none!important;box-shadow:none!important}.lang-toggle:hover{transform:scale(1.05)!important}.app-main{padding:24px;display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.sidebar{height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.app-footer{padding:40px 24px 20px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface)}.footer-container{max-width:1200px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:48px;gap:48px;margin:0 auto 32px}.footer-column h4{color:var(--text);font-size:1rem;font-weight:700;margin:0 0 16px;letter-spacing:-.01em}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-column ul li a:hover{color:var(--accent)}.footer-about p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0;max-width:300px}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid var(--border);text-align:center}.footer-bottom p{margin:0;font-size:.85rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-header h2,.card-header h3{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.grid.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.row.gap{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}label{display:block;margin:10px 0 6px;color:var(--muted);font-size:.9rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--range-track);outline:none;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 2px 6px rgba(12,27,54,.25);cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 2px 6px rgba(12,27,54,.25);cursor:pointer}button{padding:10px 16px;background:var(--accent);color:#fff;border:0;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .14s ease,transform .14s ease;font-size:.9rem;font-weight:600}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button.active{background:var(--accent-2);color:#fff}.topic-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);box-shadow:none;padding:9px 12px;font-weight:500;transition:all .15s ease}.topic-btn:hover:not(.active){border-color:var(--accent);background:var(--accent-weak);transform:none}.topic-btn.active{background:var(--accent)!important;border:1px solid var(--accent)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important;font-weight:600}.metric{margin:10px 0}.metric-label{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.metric-value{font-family:var(--font-head);font-size:28px;font-weight:700;letter-spacing:-.02em}.metric-value.ok{color:var(--ok)}.metric-value.warn{color:var(--warn)}.explain{line-height:1.5}.explain,.hint{color:var(--muted)}.hint{margin-top:8px;padding:12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-inset)}.lesson-section{margin-bottom:36px}.lesson-section__head{margin-bottom:12px}.lesson-section__head h3{margin:0;font-family:var(--font-head);font-size:clamp(1.35rem,2.2vw,1.6rem);font-weight:700;letter-spacing:-.015em;line-height:1.2}.lesson-section__desc{color:var(--text);line-height:1.7;margin:0 0 16px}.callout{border-radius:var(--radius-sm);padding:16px;margin:0 0 16px;line-height:1.6;color:var(--text-soft)}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout__title{font-weight:700;color:var(--text);margin:0 0 8px}.callout--info{background:var(--accent-weak);border:1px solid var(--accent-border)}.callout--accent{background:var(--highlight-weak);border:1px solid var(--highlight-border)}.callout--muted{background:var(--surface-inset);border:1px dashed var(--border-strong);color:var(--muted)}.callout--plain{background:var(--surface-inset);border:1px solid var(--border)}.metric-value--lg{font-size:2em}.metric-value--xl{font-size:3em}.metric-value.accent{color:var(--accent)}.field{margin:12px 0}.field__label{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.9rem;margin:0 0 6px}.field__value{color:var(--text);font-weight:600}.field__hint{font-size:.85em;color:var(--muted);margin-top:4px}.num-field{margin:12px 0}.num-field__label{display:block;margin:0 0 6px;color:var(--muted);font-size:.9rem}.num-field__control{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease}.num-field__control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.num-field__affix{padding:0 4px 0 12px;color:var(--muted);font-weight:700}.num-field__affix--end{padding:0 12px 0 4px}.num-field input{flex:1 1;min-width:0;border:0;outline:0;padding:11px 12px;font-size:1rem;font-weight:600;color:var(--text);background:transparent;box-shadow:none}.num-field input::-webkit-inner-spin-button,.num-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.formula{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;text-align:center}.formula__label{font-weight:700;color:var(--text);margin-bottom:8px;text-align:left}.formula__body{font-size:1.2em;color:var(--accent);font-weight:600}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table tbody tr:last-child td{border-bottom:0}.data-table thead th{background:var(--surface-inset);font-weight:700;color:var(--text)}.data-table td:first-child{font-weight:600}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vibrate{0%,to{transform:translateX(0) scale(1)}10%,30%,50%,70%,90%{transform:translateX(-4px) scale(1.15)}20%,40%,60%,80%{transform:translateX(4px) scale(1.15)}}@keyframes progressBar{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes adFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes adDraw{0%{stroke-dashoffset:1400}to{stroke-dashoffset:0}}@media (max-width:1024px){.app-main{grid-template-columns:240px 1fr!important;gap:16px;padding:16px}.sidebar{top:16px;max-height:calc(100vh - 32px)}.metric-value{font-size:24px}.card-header h2,.card-header h3{font-size:1.1rem}.footer-container{grid-template-columns:1.5fr 1fr 1fr;gap:32px}}@media (max-width:768px){.app-header{padding:12px 16px;flex-wrap:wrap}.app-header h1{font-size:1.25rem;width:100%;margin-bottom:8px}.tabs{width:100%;justify-content:flex-start}.tabs button{padding:6px 10px;font-size:.85rem}.app-main{grid-template-columns:1fr!important;padding:12px;gap:12px}.app-main aside{order:2}.app-main section{order:1}.card{padding:16px;border-radius:12px}.card-header{margin-bottom:10px}.card-header h2,.card-header h3{font-size:1rem}.grid.two-col{grid-template-columns:1fr!important;gap:12px}.row.gap{gap:6px}button{padding:9px 14px;font-size:.85rem}.metric-value{font-size:20px}.metric-label{font-size:11px}label{font-size:.85rem;margin:8px 0 4px}.app-footer{padding:32px 16px 16px}.footer-container{grid-template-columns:1fr;gap:32px;margin-bottom:24px}.footer-about p{max-width:100%}.footer-bottom{padding-top:20px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;font-size:.85rem}table tbody,table thead{display:table;width:100%;table-layout:fixed}table td,table th{padding:8px!important;white-space:normal;word-wrap:break-word}div[style*="overflow-x: auto"],div[style*="overflowX: auto"]{-webkit-overflow-scrolling:touch}input[type=range]{min-height:44px}.topic-btn{width:100%;text-align:left;padding:10px 12px}button[style*=margin-bottom],button[style*=marginBottom]{min-height:44px;width:100%;margin-bottom:12px!important}a,button,input,select,textarea{min-height:44px;touch-action:manipulation}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--range-track);border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}}@media (max-width:480px){.app-header{padding:10px 12px}.app-header h1{font-size:1.1rem}.app-main{padding:8px;gap:8px}.card{padding:14px;border-radius:12px}.card-header h2,.card-header h3{font-size:.95rem}.metric-value{font-size:18px}button{padding:8px 12px;font-size:.8rem}.tabs button{padding:5px 8px;font-size:.8rem}.grid.two-col{gap:8px}.row.gap{gap:4px}li,p{font-size:.9rem;line-height:1.6}h4{font-size:1rem}}@media (max-width:768px) and (orientation:landscape){.app-main aside{max-height:150px}}.btn-reset{border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:0}.btn-reset,.btn-reset:hover{background:none;box-shadow:none}.btn-reset:hover{transform:none}.ad-burger{display:none}@media (max-width:860px){.ad-desktop-cta,.ad-desktop-nav{display:none!important}.ad-burger{display:inline-flex!important}}.ls-shell{display:grid;grid-template-columns:320px 1fr;align-items:start}.ls-rail{background:var(--surface);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:57px;height:calc(100vh - 57px);display:flex;flex-direction:column}.ls-railscroll::-webkit-scrollbar{width:8px}.ls-railscroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.ls-backdrop,.ls-burger{display:none}.ls-row,.ls-tab{transition:background .15s ease}.ls-row:hover{background:var(--rail-active);transform:none;box-shadow:none}.ls-nav-card{display:block;width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;padding:18px 20px;background:var(--surface);cursor:pointer;transition:border-color .15s ease}.ls-nav-card:hover{border-color:var(--accent);background:var(--surface);transform:none;box-shadow:none}.ls-nav-card:disabled{cursor:not-allowed;opacity:.45}.ls-nav-next{color:#fff;text-align:right}.ls-nav-next,.ls-nav-next:hover{border:none!important;background:var(--ink)!important}@media (max-width:900px){.ls-shell{grid-template-columns:1fr!important}.ls-rail{position:fixed!important;top:0;left:0;bottom:0;width:310px!important;height:100vh!important;z-index:60;transform:translateX(-100%);transition:transform .26s ease;box-shadow:0 0 60px rgba(8,19,37,.4)}.ls-rail.open{transform:translateX(0)}.ls-burger{display:inline-flex!important}.ls-backdrop.open{display:block!important;position:fixed;inset:0;background:rgba(8,19,37,.5);z-index:55}}