*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.app{max-width:1400px;margin:0 auto;padding:24px}header{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;border-bottom:1px solid #2d3748;padding-bottom:16px}header h1{font-size:20px;font-weight:600}header span{color:#718096;font-size:13px}.stats-bar{display:flex;gap:16px;margin-bottom:24px}.stat-card{background:#1e2130;border:1px solid #2d3748;border-radius:8px;padding:16px 20px;flex:1}.stat-card .label{color:#718096;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-size:24px;font-weight:600;margin-top:4px;color:#63b3ed}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#1e2130;border:1px solid #2d3748;border-radius:8px;padding:20px}.card h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a0aec0;margin-bottom:16px}.loading{color:#718096;font-size:13px;padding:40px 0;text-align:center}.nav{margin-left:auto;display:flex;gap:8px}.nav-btn{background:none;border:1px solid #2d3748;border-radius:6px;color:#718096;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .15s}.nav-btn:hover{border-color:#63b3ed;color:#e2e8f0}.nav-btn.active{border-color:#63b3ed;color:#63b3ed}.nav-btn.nav-icon{padding:6px 10px;display:flex;align-items:center}.about{max-width:860px;margin:0 auto}.about-section{margin-bottom:40px}.about-section h2{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a0aec0;margin-bottom:16px}.about-section p{color:#cbd5e0;line-height:1.8;font-size:15px}.about-section a{color:#63b3ed;text-decoration:none}.about-section a:hover{text-decoration:underline}.pipeline{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.pipeline-step{background:#1e2130;border:1px solid #2d3748;border-radius:8px;padding:16px;flex:1;min-width:160px}.step-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#63b3ed;margin-bottom:8px}.step-body{color:#a0aec0;font-size:14px;line-height:1.7;overflow-wrap:break-word}.pipeline-arrow{color:#63b3ed;font-size:24px;padding-top:20px}.decisions{display:flex;flex-direction:column;gap:20px}.decision{background:#1e2130;border:1px solid #2d3748;border-radius:8px;padding:20px 24px}.decision-title{font-size:15px;font-weight:600;color:#e2e8f0;margin-bottom:10px}.decision p{color:#a0aec0;font-size:15px;line-height:1.8}.stack-grid{display:flex;flex-direction:column;gap:8px}.stack-row{display:flex;gap:16px;padding:10px 14px;background:#1e2130;border:1px solid #2d3748;border-radius:6px}.stack-layer{color:#a0aec0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;width:130px;flex-shrink:0}.stack-tools{color:#e2e8f0;font-size:15px}.heatmap-wrap{overflow-x:auto}.heatmap-grid{display:grid;grid-template-columns:36px repeat(24,1fr);gap:2px;min-width:500px}.heatmap-hour-label{font-size:10px;color:#718096;text-align:center;padding:2px 0}.heatmap-day-label{font-size:11px;color:#a0aec0;display:flex;align-items:center}.heatmap-cell{height:20px;border-radius:2px;cursor:default;transition:opacity .15s}.heatmap-cell:hover{opacity:.8}.predictor-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;color:#a0aec0;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.field input{width:100%;background:#0f1117;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0;padding:8px 10px;font-size:14px;outline:none}.field input:focus{border-color:#63b3ed}.predict-btn{grid-column:span 2;background:#3182ce;color:#fff;border:none;border-radius:6px;padding:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s}.predict-btn:hover{background:#2b6cb0}.predict-btn:disabled{background:#2d3748;cursor:not-allowed}.fare-result{grid-column:span 2;text-align:center;padding:16px;background:#0f1117;border-radius:6px;margin-top:4px}.fare-result .fare-amount{font-size:36px;font-weight:700;color:#68d391}.fare-result .fare-label{font-size:12px;color:#718096;margin-top:4px}@media (max-width: 900px){.stats-bar{display:grid;grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media (max-width: 600px){.app{padding:12px}header{flex-wrap:wrap;align-items:center;gap:10px}header h1{font-size:17px}.nav{width:100%}.nav-btn{padding:5px 10px;font-size:12px}.stat-card{padding:12px 14px}.stat-card .value{font-size:20px}.predictor-form{grid-template-columns:1fr}.predict-btn,.fare-result{grid-column:span 1}.pipeline{flex-direction:column;gap:12px}.pipeline-arrow{display:none}.pipeline-step{min-width:unset}.stack-row{flex-wrap:wrap;gap:4px}.stack-layer{width:auto;min-width:90px}}