:root{--bg: #0f1117;--surface: #1a1f2e;--border: #2a2f42;--text: #e8eaf0;--muted: #8890a8;--accent: #4a9eff;--ok: #22c55e;--warn: #f59e0b;--high: #ef4444;--medium: #f97316}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;min-height:100vh}.selector{max-width:860px;margin:0 auto;padding:48px 24px}.selector-header{text-align:center;margin-bottom:40px}.selector-header h1{font-size:32px;font-weight:700;letter-spacing:-.5px}.subtitle{color:var(--muted);margin-top:8px;font-size:15px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:left;cursor:pointer;transition:border-color .15s,transform .1s;color:var(--text)}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scenario-id{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:1px}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.badge-ok{background:#14532d;color:var(--ok)}.badge-warn{background:#431407;color:var(--warn)}.vessel-name{font-size:17px;font-weight:600}.vessel-imo{font-size:12px;color:var(--muted);margin-top:2px;margin-bottom:6px}.card-desc{font-size:13px;color:var(--muted);line-height:1.5}.card-cta{margin-top:16px;color:var(--accent);font-size:13px;font-weight:500}.clarus-loading{font-size:12px;color:var(--muted);margin-top:8px}.clarus-signals{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.risk-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px}.risk-high{background:#ef444426;color:var(--high)}.risk-mid{background:#f59e0b26;color:var(--warn)}.risk-low{background:#22c55e1f;color:var(--ok)}.signal-pill{font-size:10px;color:var(--muted);background:var(--border);padding:2px 6px;border-radius:4px}.clarus-badge{font-size:10px;color:var(--accent);opacity:.7;margin-left:auto}.clarus-link{margin-left:auto;font-size:12px;color:var(--accent);text-decoration:none;padding:4px 10px;border:1px solid var(--accent);border-radius:5px;white-space:nowrap}.clarus-link:hover{background:#4a9eff1a}.risk-score{font-size:11px;font-weight:600;color:var(--warn);background:#f59e0b1f;padding:2px 7px;border-radius:4px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-sub{color:var(--muted);font-size:12px}.result{display:flex;flex-direction:column;min-height:100vh}.result-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.back-btn{background:none;border:1px solid var(--border);color:var(--muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.result-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.scenario-chip{font-size:11px;color:var(--muted);background:var(--border);padding:2px 7px;border-radius:4px}.imo{color:var(--muted);font-size:13px;font-weight:400}.review-banner{background:#431407;color:var(--warn);border:1px solid var(--warn);padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;width:100%}.result-body{display:grid;grid-template-columns:380px 1fr;gap:0;flex:1}@media(max-width:900px){.result-body{grid-template-columns:1fr}}.result-left{border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.result-right{padding:24px;overflow-y:auto}.section h2{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}.alert-empty{background:#14532d;color:var(--ok);border:1px solid var(--ok);border-radius:8px;padding:12px 16px;font-size:13px}.check-icon{margin-right:6px}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{border-radius:8px;padding:12px 14px}.alert-high{background:#1f0a0a;border:1px solid var(--high)}.alert-medium{background:#1f0e00;border:1px solid var(--medium)}.alert-low{background:var(--surface);border:1px solid var(--border)}.alert-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.alert-severity{font-size:11px;font-weight:700;color:var(--high)}.alert-medium .alert-severity{color:var(--medium)}.alert-rule{font-size:12px;font-weight:600;font-family:monospace}.alert-message{font-size:12px;color:var(--muted);margin-bottom:4px}.alert-regulation{font-size:11px;color:var(--muted);opacity:.7;line-height:1.4}.audit-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.audit-title{font-size:13px;font-weight:600;margin-bottom:12px}.lock-icon{margin-right:6px}.audit-table{width:100%;border-collapse:collapse}.audit-table td{padding:4px 0;font-size:12px;vertical-align:top}.audit-table td:first-child{color:var(--muted);width:110px}.hash{font-size:11px;letter-spacing:.5px}.audit-note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}.field-analysis{display:flex;flex-direction:column;gap:12px}.fa-summary{display:flex;gap:16px;flex-wrap:wrap}.fa-stat{font-size:12px;color:var(--muted)}.fa-stat.ai{color:var(--accent)}.fa-stat.flagged{color:var(--warn)}.fa-num{font-weight:700;font-size:18px;margin-right:4px}.fa-table{width:100%;border-collapse:collapse;font-size:12px}.fa-table th{text-align:left;color:var(--muted);font-weight:500;padding:4px 8px 8px;border-bottom:1px solid var(--border)}.fa-table td{padding:5px 8px;border-bottom:1px solid #1e2333;vertical-align:middle}.fa-table tr:last-child td{border-bottom:none}.row-ai{background:#4a9eff0a}.row-flagged{background:#f59e0b0f}.field-name{font-family:monospace;font-size:11px;color:var(--muted);white-space:nowrap}.field-value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.null-value{color:var(--muted);font-style:italic}.source-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;white-space:nowrap}.source-ai{background:#4a9eff26;color:var(--accent)}.source-direct{background:var(--border);color:var(--muted)}.source-derived{background:#22c55e1a;color:var(--ok)}.conf-bar-wrap{display:flex;align-items:center;gap:6px;min-width:80px}.conf-bar{height:4px;border-radius:2px;transition:width .3s}.conf-high{background:var(--ok)}.conf-mid{background:var(--warn)}.conf-low{background:var(--high)}.conf-label{font-size:10px;color:var(--muted)}.conf-na{color:var(--border);font-size:11px}.flag-badge{font-size:10px;font-weight:600;color:var(--warn);background:#f59e0b1f;padding:1px 6px;border-radius:3px;white-space:nowrap}.fal-form{background:#fff;color:#111;border-radius:8px;padding:24px;font-size:13px;line-height:1.6;border:1px solid var(--border)}.fal-form table{width:100%;border-collapse:collapse}.fal-form td,.fal-form th{border:1px solid #ccc;padding:6px 10px}.fal-form th{background:#f0f0f0;font-weight:600}.error-screen{padding:48px 24px;max-width:600px;margin:0 auto}.error-screen h2{margin-bottom:16px;color:var(--high)}.error-screen pre{background:var(--surface);padding:16px;border-radius:8px;font-size:12px;white-space:pre-wrap;margin-bottom:16px}.error-screen button{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}