.model-tabs{display:none}
.chart-progress{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 4px;padding:16px 18px;border-radius:13px;background:#f7f8f4;border:1px solid #e8ece6}
.chart-progress>span{color:#283f33;font-size:17px;font-weight:900;white-space:nowrap}
.chart-progress>span::before{content:'СЕЙЧАС НА ГРАФИКЕ';display:block;color:#9aa69a;font-size:9px;letter-spacing:.12em;margin-bottom:4px}
.chart-progress>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.chart-progress>div span{font-size:12px;font-weight:800;white-space:nowrap}
.progress-union{color:#6658dd}.progress-bank{color:#137a5b}
.chart-cursor{stroke:#adb9ad;stroke-width:1.5;stroke-dasharray:5 5}
.chart-controls{display:flex;align-items:center;gap:15px;margin:10px 0 1px}
.chart-controls input{flex:1;min-width:0;accent-color:#176d53;cursor:pointer;min-height:34px}
.chart-controls>span{font-size:11px;font-weight:800;color:#8d998d;white-space:nowrap}
.replay-button{border:1px solid #dce6dc;background:#f6faf5;color:#2c694e;border-radius:10px;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:900;white-space:nowrap}
.replay-button:hover{background:#e5f4e9}
.mobile-error-message{display:none}
@media(max-width:780px){
  .model-tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 14px;padding:8px;background:#edf1e9e8;border:1px solid #e0e7dc;border-radius:14px;backdrop-filter:blur(14px)}
  .model-tab{border:0;border-radius:10px;background:transparent;color:#728075;min-height:44px;font-size:12px;font-weight:900}
  .model-tab.active{background:white;color:#263f30;box-shadow:0 3px 12px #294c2518}
  .mobile-error-message:not(:empty){display:block;color:#a13b32;background:#fff2ed;border:1px solid #f3d7cb;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5;font-weight:700;margin:0 0 12px}
  body[data-mobile-panel="union"] .model-bank{display:none}
  body[data-mobile-panel="bank"] .model-union{display:none}
  .comparison{display:block}
  .model{padding:26px}
  .model-heading{margin-top:-15px}
  .token{min-width:44px;height:44px;font-size:18px;border-radius:10px}
  .token.delete{font-size:15px}
  .token-row{gap:8px}
  .text-button{min-height:42px;font-size:12px;padding:7px 2px}
  .mode{min-height:42px;font-size:11px;padding:9px 13px}
  .formula-input{font-size:16px}
  .formula-box{padding:17px 15px}
  .input-card{min-height:61px}
  .input-content label{font-size:11px}
  .input-content input{font-size:17px}
  .period-control input{min-height:32px}
  .calculate-wrap{padding:24px 0 55px}
  .calculate-button{min-height:56px}
  .results{padding-top:42px}
}
@media(max-width:520px){
  .site-shell{padding:0 16px}
  .topbar{height:62px}
  .hero{padding:39px 0 37px}
  .hero-art{display:none}
  .hero h1{font-size:clamp(46px,12.5vw,62px);margin:17px 0 20px}
  .hero-copy>p{line-height:1.65;margin-bottom:24px}
  .hero-note{display:none}
  .primary-link{min-height:48px}
  .lab-intro{padding-top:30px}
  .lab-intro h2{font-size:33px}
  .lab-intro>p{font-size:12px;line-height:1.7}
  .period-bar{gap:13px;margin-bottom:14px;padding:15px 16px}
  .period-title b{font-size:13px}
  .period-title small{font-size:10px}
  .model{padding:20px;border-radius:18px}
  .model-heading{margin-top:-8px}
  .model-heading h3{font-size:33px}
  .model-heading p{font-size:12px}
  .step-heading p{font-size:11px}
  .formula-prefix{font-size:20px}
  .formula-input{font-size:16px}
  .inputs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .input-card:not(.wide){display:grid;grid-template-columns:29px minmax(0,1fr);align-items:start;min-height:100px;padding:11px;gap:8px;position:relative}
  .input-card.wide{min-height:67px;padding:11px}
  .input-card:not(.wide) .input-content label{white-space:normal;overflow:visible;line-height:1.28;min-height:29px;font-size:10px}
  .input-card:not(.wide) .input-content input{margin-top:4px;font-size:17px}
  .input-card:not(.wide) .input-unit{position:absolute;right:10px;bottom:12px;font-size:9px}
  .input-letter{min-width:29px;width:29px;height:29px;font-size:15px}
  .calculate-button{width:100%;justify-content:space-between}
  .calculate-button>span:last-child{margin-left:0}
  .error-message{font-size:12px;line-height:1.5}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .stat-card{padding:15px;min-height:130px}
  .stat-card span{font-size:8px;line-height:1.45}
  .stat-card strong{font-size:clamp(20px,5.6vw,27px);white-space:normal;line-height:1.2}
  .stat-card small{font-size:9px;line-height:1.3}
  .difference-stat{grid-column:1/-1!important;min-height:98px}
  .chart-card{padding:17px 12px}
  .chart-head h3{font-size:19px}
  .chart-head p{line-height:1.5}
  .chart-progress{display:block;padding:13px 14px;margin:16px 0 0}
  .chart-progress>span{display:block;font-size:18px}
  .chart-progress>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .chart-progress>div span{font-size:10px}
  .chart-progress>div b{display:block;font-size:14px;line-height:1.3}
  .chart-wrap svg{min-height:0}
  .chart-controls{gap:8px}
  .replay-button{padding:0 10px;min-height:42px}
  .replay-button span{display:none}
  .chart-controls>span{font-size:9px}
  .insight-grid{gap:9px}
  .discussion{padding:16px;align-items:flex-start}
}