:root{--sapphire: #0f52ba;--sapphire-dark: #0a3d8f;--sapphire-tint: #e9f0fc;--sapphire-tint-strong: #d3e2f9;--ink: #131a24;--muted: #5b6778;--bg: #f6f8fc;--surface: #ffffff;--border: #e3e8f1;--status-pattern: #c2410c;--status-pattern-bg: #fdf1e9;--status-oneoff: #157a45;--status-oneoff-bg: #ecf8f1;--status-unclear: #946200;--status-unclear-bg: #fbf3df;--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:272px;flex-shrink:0;height:100vh;background:var(--sapphire-dark);color:#eef4ff;display:flex;flex-direction:column;padding:28px 20px}.sidebar-brand{display:flex;align-items:flex-start;gap:12px;margin-bottom:32px}.brand-mark{width:40px;height:40px;border-radius:12px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-title{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.25}.brand-sub{font-size:12.5px;color:#b9cbf0;margin-top:4px;line-height:1.4}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:12px;background:transparent;border:none;color:#d7e3f9;cursor:pointer;text-align:left;transition:background .15s ease}.nav-item:hover{background:#ffffff14}.nav-item-active{background:#ffffff29;color:#fff}.nav-text{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:14px;font-weight:600}.nav-desc{font-size:12px;color:#a9bfe6;line-height:1.3}.nav-item-active .nav-desc{color:#d7e3f9}.sidebar-footer{margin-top:auto;font-size:11.5px;color:#8fa8d6;line-height:1.5;padding-top:20px}.main-col{flex:1;height:100vh;overflow-y:auto;padding:44px 48px 80px}.view{max-width:720px;margin:0 auto}.view-header h1{font-family:var(--font-display);font-size:30px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}.view-header p{color:var(--muted);font-size:15px;line-height:1.55;max-width:560px;margin:0 0 34px}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0d}.field{margin-bottom:24px}.field:last-of-type{margin-bottom:0}.field-label{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:10px}.field-label svg{color:var(--sapphire)}.optional-tag{font-weight:400;color:var(--muted);font-size:12px}.textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:13px 15px;font-family:var(--font-body);font-size:14.5px;color:var(--ink);background:#fbfcfe;resize:vertical;line-height:1.5}.textarea:focus{outline:none;border-color:var(--sapphire);background:#fff}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:#fbfcfe;color:var(--ink);padding:8px 15px;border-radius:999px;font-size:13.5px;font-family:var(--font-body);cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:var(--sapphire)}.chip-active{background:var(--sapphire);border-color:var(--sapphire);color:#fff}.chip-add{color:var(--sapphire);border-style:dashed}.chip-input{border:1px solid var(--sapphire);border-radius:999px;padding:8px 15px;font-size:13.5px;font-family:var(--font-body);min-width:160px}.chip-input:focus{outline:none}.chip-tag{background:#ffffff59;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:999px}.chip:not(.chip-active) .chip-tag{background:var(--sapphire-tint-strong);color:var(--sapphire-dark)}.key-input-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;padding:11px 15px;margin-top:10px;background:#fbfcfe}.key-input-row svg{color:var(--sapphire);flex-shrink:0}.key-input{border:none;outline:none;flex:1;font-size:14px;font-family:var(--font-body);background:transparent}.provider-hint{font-size:12px;color:var(--muted);margin-top:8px}.error-banner{background:var(--status-unclear-bg);color:var(--status-unclear);border-radius:12px;padding:12px 16px;font-size:13.5px;margin-bottom:20px}.btn-primary{width:100%;background:var(--sapphire);color:#fff;border:none;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:600;font-family:var(--font-display);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.btn-primary:hover:not(:disabled){background:var(--sapphire-dark)}.btn-primary:disabled{background:#b9c6dc;cursor:not-allowed}.form-hint{text-align:center;color:var(--muted);font-size:12.5px;margin-top:12px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--sapphire);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.btn-ghost:hover{background:var(--sapphire-tint)}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0d}.verdict-banner{display:flex;align-items:center;gap:16px;padding:26px 32px}.verdict-pattern{background:var(--status-pattern-bg);color:var(--status-pattern)}.verdict-oneoff{background:var(--status-oneoff-bg);color:var(--status-oneoff)}.verdict-unclear{background:var(--status-unclear-bg);color:var(--status-unclear)}.verdict-title{font-family:var(--font-display);font-size:22px;font-weight:700}.verdict-blurb{font-size:13.5px;opacity:.85;margin-top:2px}.confidence-pill{margin-left:auto;background:#fff9;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.result-section{padding:24px 32px;border-top:1px solid var(--border)}.result-section h3{font-size:13px;text-transform:none;color:var(--muted);font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:6px}.result-section p{font-size:14.5px;line-height:1.6;margin:0;color:var(--ink)}.callout{background:var(--sapphire-tint)}.callout h3{color:var(--sapphire-dark)}.checks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.checks-list li{display:flex;gap:12px;font-size:14.5px;line-height:1.5}.check-index{flex-shrink:0;width:22px;height:22px;border-radius:999px;background:var(--sapphire-tint-strong);color:var(--sapphire-dark);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.flip-section{background:#fafbfd}.result-card>.btn-ghost{margin:24px 32px 28px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.how-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.how-card svg{color:var(--sapphire);margin-bottom:12px}.how-card h3{font-family:var(--font-display);font-size:15.5px;margin:0 0 6px}.how-card p{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0}.how-note{background:var(--sapphire-tint);border-radius:16px;padding:22px 24px}.how-note p{margin:0;font-size:14px;line-height:1.65;color:var(--sapphire-dark)}.examples-grid{display:flex;flex-direction:column;gap:14px}.example-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;cursor:pointer;font-family:var(--font-body);transition:border-color .15s ease,transform .1s ease}.example-card:hover{border-color:var(--sapphire)}.example-verdict{display:inline-block;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;margin-bottom:12px}.verdict-tag-pattern{background:var(--status-pattern-bg);color:var(--status-pattern)}.verdict-tag-oneoff{background:var(--status-oneoff-bg);color:var(--status-oneoff)}.verdict-tag-unclear{background:var(--status-unclear-bg);color:var(--status-unclear)}.example-card h3{font-family:var(--font-display);font-size:16px;margin:0 0 8px}.example-card p{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0 0 12px}.example-cta{font-size:13px;font-weight:600;color:var(--sapphire)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.app-shell{flex-direction:column;height:auto;overflow:visible}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;padding:18px 20px}.sidebar-brand{margin-bottom:0;flex:1;min-width:200px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;width:100%;margin-top:16px}.nav-item{flex:1;min-width:140px}.sidebar-footer{display:none}.main-col{height:auto;overflow:visible;padding:28px 20px 60px}.how-grid{grid-template-columns:1fr}.verdict-banner{flex-wrap:wrap}.confidence-pill{margin-left:0}}