*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--danger: #f87171;--radius: 12px;--gap: 12px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}#drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#38bdf814;border:2px dashed var(--accent);border-radius:var(--radius);z-index:100;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent);pointer-events:none;opacity:0;transition:opacity .15s}#drop-overlay.visible{opacity:1}#app{display:flex;flex-direction:column;min-height:100vh;padding:var(--gap);gap:var(--gap)}#topbar{display:flex;align-items:center;gap:12px;padding:0 4px}#topbar .logo{width:28px;height:28px;flex-shrink:0}#topbar h1{font-size:1rem;font-weight:600;letter-spacing:.04em;color:var(--text)}#topbar .tagline{color:var(--muted);font-size:.8rem}#topbar .spacer{flex:1}#topbar label.load-btn{cursor:pointer;padding:5px 14px;border:1px solid var(--border);border-radius:6px;font-size:.8rem;color:var(--muted);transition:border-color .15s,color .15s}#topbar label.load-btn:hover{border-color:var(--accent);color:var(--accent)}#error-banner{background:#f871711a;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:10px 16px;font-size:.85rem}#empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);text-align:center}#empty-state .drop-icon{font-size:3rem;opacity:.4}#empty-state h2{font-size:1.1rem;font-weight:500;color:var(--text)}#empty-state p{font-size:.85rem;max-width:340px}#sample-btn{color:var(--accent);background:none;border:none;cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0}#bento-grid{flex:1;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:88px 88px minmax(260px,1fr) minmax(240px,auto) minmax(220px,auto);gap:var(--gap);align-items:stretch}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.tile-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tile-value{font-size:1.35rem;font-weight:600;color:var(--text);line-height:1.2}#tile-rose{grid-column:1 / 8;grid-row:1 / 4}#tile-height{grid-column:8 / 10;grid-row:1}#tile-sectors{grid-column:10 / 13;grid-row:1}#tile-meanspeed{grid-column:8 / 10;grid-row:2}#tile-weibull{grid-column:10 / 13;grid-row:2}#tile-sector{grid-column:8 / 13;grid-row:3}#tile-heatmap{grid-column:1 / 13;grid-row:4;min-height:260px}#tile-table{grid-column:1 / 9;grid-row:5}#tile-downloads{grid-column:9 / 13;grid-row:5}#tile-rose .rose-header{display:flex;align-items:center;gap:10px}#site-name{font-size:.95rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.energy-toggle-wrap{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);white-space:nowrap}.toggle-switch{position:relative;width:34px;height:18px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:18px;cursor:pointer;transition:background .2s}.toggle-switch .slider:before{content:"";position:absolute;width:12px;height:12px;left:3px;bottom:3px;background:var(--muted);border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.slider{background:#38bdf840}.toggle-switch input:checked+.slider:before{transform:translate(16px);background:var(--accent)}#rose-plot{flex:1;min-height:200px}#tile-sector .sector-header{display:flex;align-items:center;gap:8px}#sector-select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:3px 8px;font-size:.8rem;flex:1}#sector-weibull-badge{font-size:.75rem;color:var(--muted);font-family:monospace}#sector-plot,#heatmap-plot{flex:1;min-height:180px}#tile-table{overflow:hidden}.table-wrap{overflow-y:auto;max-height:220px;border-radius:6px}table{width:100%;border-collapse:collapse;font-size:.8rem}thead th{position:sticky;top:0;background:var(--bg);color:var(--muted);font-weight:500;text-align:right;padding:5px 8px;border-bottom:1px solid var(--border)}thead th:first-child{text-align:left}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover{background:#ffffff0a}tbody tr.selected{background:#38bdf814}tbody tr.selected td{color:var(--accent)}tbody td{padding:5px 8px;text-align:right;border-bottom:1px solid rgba(51,65,85,.5)}tbody td:first-child{text-align:left}#tile-downloads{justify-content:space-between}.download-filename{font-size:.75rem;color:var(--muted);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-btns{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center}.download-btns button{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 16px;cursor:pointer;font-size:.85rem;transition:border-color .15s,color .15s;text-align:left;display:flex;align-items:center;gap:8px}.download-btns button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.download-btns button:disabled{opacity:.35;cursor:not-allowed}.btn-icon{font-size:1rem}@media (max-width: 768px){#bento-grid{grid-template-columns:1fr 1fr}#tile-rose{grid-column:1 / -1;grid-row:auto}#tile-height{grid-column:1;grid-row:auto}#tile-sectors{grid-column:2;grid-row:auto}#tile-meanspeed{grid-column:1;grid-row:auto}#tile-weibull{grid-column:2;grid-row:auto}#tile-sector,#tile-heatmap,#tile-table,#tile-downloads{grid-column:1 / -1;grid-row:auto}}