@media (max-width: 768px){.ant-layout-content{padding:8px 4px!important}.ant-card-body{padding:16px!important}.ant-space-vertical{width:100%!important}.ant-btn-large{height:48px!important;font-size:16px!important}.ant-input-large{height:44px!important;font-size:16px!important}.ant-table-wrapper{overflow-x:auto}.ant-tabs-nav{margin-bottom:16px!important}.ant-tabs-tab{padding:8px 12px!important;font-size:14px!important}.recharts-wrapper{width:100%!important;height:250px!important}.recharts-pie-label-text,.recharts-legend-item-text{font-size:12px!important}.recharts-cartesian-axis-tick-value{font-size:11px!important}.recharts-tooltip-wrapper{font-size:14px!important}.tco-results-container{padding:1rem}.tco-breakdown-item{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.tco-chart-container{height:280px;padding:.5rem}.data-explanation-container{padding:1rem}.data-brand-chart{height:300px;padding:.5rem}.ant-table-thead>tr>th{font-size:12px!important;padding:8px 4px!important}.ant-table-tbody>tr>td{font-size:12px!important;padding:8px 4px!important}.ant-table-tbody .mobile-hide,.ant-table-thead .mobile-hide{display:none!important}.ant-collapse-item{margin-bottom:8px!important}.ant-collapse-content-box{padding:12px!important}.ant-card{margin-bottom:16px!important}.ant-space-vertical>.ant-space-item{width:100%!important}.ant-alert{margin:8px 0!important;padding:12px!important}.ant-alert-message{font-size:14px!important}.ant-tag{margin:2px 4px 2px 0!important;font-size:12px!important;padding:2px 8px!important}.ant-collapse{margin-bottom:16px!important}.ant-collapse-header{padding:12px 16px!important;font-size:14px!important}.ant-btn,.ant-input{min-height:44px!important;font-size:16px!important}.ant-select-selector{min-height:44px!important}.ant-checkbox-wrapper{font-size:16px!important}.ant-tabs-tab{padding:12px 16px!important;font-size:16px!important}.ant-form-item{margin-bottom:20px!important}}@media (max-width: 480px){.ant-typography h1{font-size:1.8rem!important;line-height:1.2!important}.ant-typography h2{font-size:1.4rem!important;line-height:1.3!important}.ant-typography h3{font-size:1.2rem!important;line-height:1.3!important}.ant-typography h4{font-size:1.1rem!important;line-height:1.3!important}.recharts-wrapper{height:200px!important}.recharts-pie-label-text,.recharts-legend-item-text{font-size:10px!important}.recharts-cartesian-axis-tick-value{font-size:9px!important}.recharts-tooltip-wrapper{font-size:12px!important}.ant-space-large>.ant-space-item{margin-bottom:16px!important}.ant-space-middle>.ant-space-item{margin-bottom:12px!important}.tco-breakdown-item{padding:.5rem}.tco-chart-container,.data-brand-chart{height:250px;padding:.25rem}.ant-table-thead>tr>th{font-size:11px!important;padding:6px 2px!important}.ant-table-tbody>tr>td{font-size:11px!important;padding:6px 2px!important}.ant-card-body{padding:12px!important}.ant-card-head{padding:0 12px!important;min-height:48px!important}.ant-card-head-title{font-size:16px!important}.ant-alert{padding:8px!important}.ant-alert-message{font-size:13px!important}.ant-tag{font-size:11px!important;padding:1px 6px!important}}.ant-row{margin:0!important}.ant-col{padding:0 8px!important}.tco-results-container{padding:.5rem}.tco-breakdown-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:#f6f7f9;border-radius:8px}.tco-breakdown-total{background-color:#e8f1fd}.tco-chart-container{height:320px;padding:.5rem 0}.tco-card{border:1px solid #eef1f5;box-shadow:0 1px 3px #00000014,0 1px 2px -1px #00000014}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 24px -8px #2196f340}.tco-summary{position:sticky;top:8px;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2.5rem;padding:1rem 1.5rem;border-radius:16px;color:#fff;background:linear-gradient(135deg,#2196f3,#1565c0);box-shadow:0 12px 28px -12px #1565c099}.tco-summary-main{display:flex;flex-direction:column;margin-right:auto}.tco-summary-label{font-size:.85rem;opacity:.85}.tco-summary-value{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.tco-summary-value small{font-size:1rem;font-weight:400;opacity:.85}.tco-summary-stats{display:flex;gap:2rem}.tco-summary-stat{display:flex;flex-direction:column}.tco-summary-stat-value{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.tco-summary-stat-label{font-size:.8rem;opacity:.85}.tco-stack{display:flex;gap:2px;height:20px;margin-bottom:1.5rem}.tco-stack-segment{min-width:2px;border-radius:4px;transition:flex-grow .5s ease}.tco-rows{display:flex;flex-direction:column;gap:.25rem}.tco-row{display:grid;grid-template-columns:12px minmax(110px,1.2fr) 2fr 80px 44px;align-items:center;gap:.75rem;padding:.6rem .5rem;border-radius:8px;transition:background-color .2s ease}.tco-row:hover{background-color:#f6f7f9}.tco-row-swatch{width:12px;height:12px;border-radius:3px}.tco-row-label{font-weight:500}.tco-row-value{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.tco-row-share{color:#898781;text-align:right;font-variant-numeric:tabular-nums}.tco-bar-track{display:block;height:8px;border-radius:4px;background-color:#eef0f3;overflow:hidden}.tco-bar-fill{display:block;height:100%;border-radius:4px;transition:width .5s ease}.tco-form-sections>.ant-collapse-item>.ant-collapse-header{padding-left:0!important;padding-right:0!important;font-weight:600;font-size:1rem}.tco-form-sections>.ant-collapse-item{border-top:1px solid #eef1f5}.tco-form-sections .ant-collapse-content-box{padding:4px 0 20px!important}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal{animation:reveal .5s ease both;animation-delay:var(--delay, 0ms)}.fade-in,.tco-tabs .ant-tabs-tabpane-active{animation:fade-in .35s ease both}@media (prefers-reduced-motion: reduce){.reveal,.fade-in,.tco-tabs .ant-tabs-tabpane-active{animation:none}.hover-lift,.tco-stack-segment,.tco-bar-fill{transition:none}}@media (max-width: 991px){.tco-summary{position:static}}@media (max-width: 768px){.tco-summary{padding:1rem}.tco-summary-stats{width:100%;justify-content:space-between;gap:1rem}.tco-summary-share{width:100%}.tco-results-container{padding:0}.tco-chart-container{height:260px}.tco-row{grid-template-columns:12px 1fr 80px 44px}.tco-row-bar{display:none}}.data-explanation-container{padding:2rem}.data-brand-chart{height:400px;background-color:#f5f5f5;border-radius:8px;padding:1rem}