*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--panel-w: 260px;--white: #ffffff;--bg: #f8fafc;--fg: #0f172a;--border: #e2e8f0;--border-light: #f1f5f9;--muted: #64748b;--radius: 10px;--radius-sm: 6px;--radius-md: 8px;--accent: #7c3aed;--accent-bg: #f3f0ff;--card: #ffffff;--success: #10b981;--danger: #ef4444}body{font-family:var(--font);background:var(--bg);color:var(--fg);display:flex;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.08) transparent}*:hover{scrollbar-color:rgba(0,0,0,.18) transparent}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}*:hover::-webkit-scrollbar-thumb{background:#0000002e}#main{flex:1;height:100vh;display:flex;overflow:hidden}#search-panel{width:var(--panel-w);min-width:var(--panel-w);height:100vh;background:var(--card);border-right:1px solid var(--border);overflow-y:auto;padding:0}.param-form{padding:16px 20px 32px}.param-brand{display:flex;align-items:center;gap:8px;margin-bottom:4px}.param-brand img{height:20px;width:auto}.param-brand-text{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.param-subtitle{font-size:9.5px;color:#64748b99;margin-bottom:16px}.param-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.param-label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:12px}.param-select,.param-input{width:100%;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font);font-size:13px;color:var(--fg);background:var(--bg);outline:none;box-shadow:0 1px 2px #0000000a;transition:border-color .15s,box-shadow .15s}.param-select:focus,.param-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed1f}.param-checks{display:flex;flex-direction:column;gap:6px;margin:12px 0 16px}.param-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#334155;cursor:pointer}.param-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);border-radius:3px}.btn-predict{width:100%;height:36px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #7c3aed4d;transition:background .15s,box-shadow .15s}.btn-predict:hover{background:#6d28d9;box-shadow:0 2px 6px #7c3aed66}.btn-predict:active{transform:scale(.98)}#timeline-panel{flex:1;height:100vh;overflow-y:auto;padding:28px 36px 60px}.empty-state{color:var(--muted);font-size:13px;text-align:center;margin-top:120px}.timeline-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px}.summary-card--primary{border-color:var(--accent);background:var(--accent-bg)}.summary-label{font-size:10px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-size:18px;font-weight:700;color:var(--fg);letter-spacing:-.4px}.summary-sub{font-size:12px;font-weight:400;color:var(--muted)}.timeline-chart{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-height:280px}.timeline-chart svg{font-family:var(--font)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.breakdown-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.breakdown-phase{font-size:13px;font-weight:700;margin-bottom:2px}.breakdown-duration{font-size:22px;font-weight:700;color:var(--fg);margin-bottom:10px}.breakdown-bar-track{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;margin-bottom:8px}.breakdown-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.breakdown-range{font-size:11px;color:var(--muted);margin-bottom:2px}.breakdown-uncertainty{font-size:10px;color:#94a3b8}.factor-table{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.factor-title{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:12px}.factor-table table{width:100%;border-collapse:collapse}.factor-table th{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}.factor-table td{font-size:12px;color:#334155;padding:8px 10px;border-bottom:1px solid var(--border-light)}.factor-table tr:last-child td{border-bottom:none}.factor-impact{font-weight:600}.factor-impact--speeds{color:var(--success)}.factor-impact--slows{color:var(--danger)}.factor-impact--neutral{color:#94a3b8}.tooltip{position:fixed;pointer-events:none;background:var(--fg);color:#fff;font-size:11px;line-height:1.5;padding:8px 12px;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0003;z-index:9999;opacity:0;transition:opacity .15s;max-width:260px}.tooltip.visible{opacity:1}@media(max-width:900px){.timeline-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){#search-panel{width:100%;min-width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}#main{flex-direction:column}.timeline-summary{grid-template-columns:1fr}}