*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f5;min-height:100vh;padding:48px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:980px;margin:0 auto}header{margin-bottom:32px}header h1{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;display:flex}header p{color:#666;margin-top:6px;font-size:.95rem}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:24px}.search-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{color:#555;text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:600}.field input[type=text]{width:180px}.field input[type=number]{width:80px}input[type=text],input[type=number]{border:1px solid #ccc;border-radius:6px;outline:none;padding:8px 12px;font-size:1rem}input:focus{border-color:#555}.toggle-field{justify-content:flex-end;min-width:168px}.trgm-hint{color:#aaa;margin-top:2px;font-size:.7rem}input[type=checkbox]{appearance:none;cursor:pointer;background:#ccc;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px}input[type=checkbox]:checked{background:#1a1a1a}input[type=checkbox]:checked:after{left:18px}input.checkbox-plain{appearance:auto;background:0 0;border-radius:2px;width:14px;height:14px;transition:none;position:static}input.checkbox-plain:after{display:none}button[type=submit]{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;height:36px;padding:9px 24px;font-size:.95rem;font-weight:600;transition:background .15s}button[type=submit]:hover{background:#333}button[type=submit]:disabled{cursor:not-allowed;background:#999}.grid-header{justify-content:flex-end;margin-bottom:6px;display:flex}.timing-info{color:#aaa;cursor:default;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:normal;align-items:center;gap:3px;font-size:.75rem;font-weight:400;display:inline-flex;position:relative}.timing-info:hover{color:#555}.timing-tooltip{color:#fff;z-index:100;pointer-events:none;background:#1a1a1a;border-radius:6px;width:260px;padding:8px 12px;font-size:.75rem;line-height:1.6;display:none;position:absolute;top:calc(100% + 6px);right:0}.timing-tooltip:before{content:"";border:5px solid #0000;border-bottom-color:#1a1a1a;position:absolute;bottom:100%;right:10px}.timing-info:hover .timing-tooltip{display:block}.timing-tooltip.left{left:0;right:auto}.timing-tooltip.left:before{left:10px;right:auto}.gauges-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.gauges-grid.five{grid-template-columns:repeat(5,1fr)}.speedometer{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:16px 12px 14px;display:flex;position:relative}.speedometer.loading{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{border-color:#e0e0e0}50%{border-color:#999}}.sp-label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.sp-timer{font-variant-numeric:tabular-nums;letter-spacing:-.5px;padding:8px 0 4px;font-size:1.6rem;font-weight:700;line-height:1;transition:color .2s}.sp-total{color:#888;font-variant-numeric:tabular-nums;font-size:.75rem}.sp-match{margin-top:4px;font-size:.85rem;font-weight:700}.sp-match.mismatch{color:#c0392b}.results-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-height:56px;padding:16px 20px}.results-words{flex-wrap:wrap;gap:6px;display:flex}.result-pill{color:#1a1a1a;background:#f5f5f5;border-radius:4px;padding:3px 10px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.hint{color:#aaa;font-size:.85rem;font-style:italic}.error{color:#c0392b;font-size:.85rem;font-style:italic}.board-toggle{cursor:pointer;color:#444;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.board-toggle:hover{color:#1a1a1a;border-color:#999}.toggle-chevron{transition:transform .2s;display:inline-block}.toggle-chevron.open{transform:rotate(180deg)}.code-board{flex-direction:column;display:flex}.code-board-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lang-tabs{gap:6px;display:flex}.lang-tab{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:5px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.lang-tab:hover{color:#1a1a1a;border-color:#999}.lang-tab.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.run-btn{color:#fff;cursor:pointer;background:#1a7a3a;border:none;border-radius:6px;padding:7px 20px;font-size:.9rem;font-weight:600;transition:background .15s}.run-btn:hover{background:#155f2d}.run-btn:disabled{cursor:not-allowed;background:#999}.compile-btn{color:#fff;cursor:pointer;background:#1a5f9a;border:none;border-radius:6px;padding:7px 20px;font-size:.9rem;font-weight:600;transition:background .15s}.compile-btn:hover{background:#154d7d}.compile-btn:disabled{cursor:not-allowed;background:#999}.compile-error{background:#fff5f5;border-bottom:1px solid #fcc;padding:10px 16px}.compile-error-title{color:#c0392b;margin-bottom:4px;font-size:.8rem;font-weight:600}.compile-error-body{color:#c0392b;white-space:pre-wrap;word-break:break-all;max-height:140px;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;overflow-y:auto}.code-board>.hint{padding:6px 16px 12px}.board-warning{color:#7d5a00;background:#fffbe6;border-bottom:1px solid #ffe58f;padding:8px 16px;font-size:.82rem}.speedometer.clickable{cursor:pointer}.speedometer.clickable:hover{border-color:#999}.sp-hint{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#1a1a1a;border-radius:4px;padding:4px 8px;font-size:.72rem;transition:opacity .1s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.sp-hint:after{content:"";border:4px solid #0000;border-top-color:#1a1a1a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.speedometer.clickable:hover .sp-hint{opacity:1}.source-overlay{z-index:300;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.source-modal{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;width:min(640px,90vw);max-height:80vh;display:flex;box-shadow:0 8px 32px #00000026}.source-modal-header{color:#555;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.source-modal-close{cursor:pointer;color:#aaa;background:0 0;border:none;font-size:1rem;line-height:1}.source-modal-close:hover{color:#1a1a1a}.source-modal-code{color:#1a1a1a;white-space:pre;background:#f5f5f5;border-radius:0 0 8px 8px;margin:0;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:.82rem;line-height:1.6;overflow-y:auto}