.diagnostics{font:14px/1.45 system-ui,sans-serif;color:#f5f1e7;position:fixed;inset:0;pointer-events:none;z-index:10}.diagnostics [hidden]{display:none!important}.diagnostics button,.diagnostics input,.diagnostics select,.diagnostics a,.diagnostics summary{pointer-events:auto}.diagnostics button,.diagnostics select,.diagnostics input{font:inherit}.diagnostics button{cursor:pointer}.diagnostics button:focus-visible,.diagnostics input:focus-visible,.diagnostics select:focus-visible,.diagnostics a:focus-visible{outline:2px solid #e6c58c;outline-offset:3px}.diagnostic-toggle{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;z-index:15;filter:drop-shadow(0 1px 3px #0009)}.diagnostic-scrim{position:absolute;inset:0;border:0;background:#0004;z-index:18}.diagnostic-menu{position:absolute;top:0;bottom:0;left:0;width:min(330px,90vw);padding:20px;padding-top:max(20px,env(safe-area-inset-top));overflow-y:auto;pointer-events:auto;background:#1c282bed;backdrop-filter:blur(12px);box-shadow:8px 0 35px #0003;z-index:20}.diagnostic-menu-heading{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:22px;gap:12px}.diagnostic-close,.diagnostic-menu-heading button{background:transparent;color:white;border:0;font-size:28px;min-width:38px;min-height:38px}.diagnostic-check{display:flex;align-items:center;gap:12px;margin:16px 0 28px}.diagnostic-check input{accent-color:#d9b67c;width:18px;height:18px}.diagnostic-section{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#b9c8c9;margin:15px 0 8px}.diagnostic-view{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;color:#f5f1e7;padding:12px 10px;margin:3px 0;border-radius:5px}.diagnostic-view:hover{background:#ffffff0d}.diagnostic-view[aria-pressed=true]{background:#d9b67c18;border-color:#d9b67c66;color:#f6d59f}.diagnostic-plan-controls{margin:22px 0}.diagnostic-plan-controls input{display:block;width:100%;margin:12px 0;accent-color:#d9b67c}.diagnostic-plan-controls p,.diagnostic-note{font-size:12px;color:#b9c8c9}.diagnostic-legend{margin:28px 0 15px;font-size:12px}.diagnostic-legend summary{cursor:pointer;font-size:13px}.diagnostic-legend p{padding-bottom:9px;border-bottom:1px solid #ffffff16}.diagnostics a{color:#e9cc98}.diagnostic-controls{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;background:#1c282be8;border:1px solid #ffffff20;border-radius:8px;padding:10px 12px;pointer-events:auto;z-index:12}.diagnostic-controls button{background:#ffffff0e;color:white;border:1px solid #ffffff22;border-radius:4px;min-width:36px;min-height:36px;font-size:22px}.diagnostic-controls select{background:#29383c;color:white;border:0;max-width:min(300px,53vw);padding:8px}.diagnostic-controls small{font-size:11px;color:#c1cccc}.diagnostic-info{position:absolute;right:16px;top:max(16px,env(safe-area-inset-top));width:min(320px,calc(100vw - 80px));max-height:calc(100vh - 150px);overflow:auto;background:#1c282be8;border-radius:8px;padding:16px;pointer-events:auto}.diagnostic-info p{margin:10px 0;font-size:13px}.diagnostic-info small{font-size:11px;color:#c1cccc}.diagnostic-routine{padding-left:20px;font-size:12px}.diagnostic-routine li{padding:4px}.diagnostic-routine .current{color:#f5d39e}.diagnostic-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.diagnostic-label{position:absolute;top:0;left:0;width:max-content;max-width:250px;border:1px solid #ffffff38;background:#19262add;box-shadow:0 2px 7px #0003;color:white;border-radius:3px;padding:4px 7px;font-size:11px;line-height:1.25;text-align:center;pointer-events:auto}.diagnostic-label span,.diagnostic-label small{display:block}.diagnostic-label small{font-size:9px;color:#ccdbdc;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diagnostic-inspector{position:absolute;right:16px;top:70px;bottom:90px;width:min(390px,calc(100vw - 32px));overflow:auto;padding:18px;background:#1b282bf5;border:1px solid #ffffff30;border-radius:6px;pointer-events:auto;z-index:16}.diagnostic-claim{border-top:1px solid #ffffff19;padding:12px 0;font-size:12px;overflow-wrap:anywhere}.diagnostic-claim p{margin:6px 0}.diagnostic-claim small{color:#d8b986}.diagnostic-evidence{font-size:11px;color:#bfcfd0}.diagnostic-graph{position:absolute;inset:0;background:#162226;pointer-events:auto;padding:24px 24px 24px 76px;overflow:auto}.diagnostic-graph-heading{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.diagnostic-graph h2{font-size:24px;font-weight:500;margin:0 0 18px}.diagnostic-graph small{color:#aebfc3}.diagnostic-search{display:flex;gap:10px;margin-bottom:18px}.diagnostic-search input,.diagnostic-search select{background:#24343a;color:#f5f1e7;border:1px solid #ffffff25;border-radius:5px;padding:10px;min-width:0}.diagnostic-search input{flex:1}.diagnostic-search select{max-width:40%}.diagnostic-graph-grid{display:grid;grid-template-columns:minmax(180px,26%) 1fr;gap:24px}.diagnostic-node-list{max-height:calc(100vh - 170px);overflow:auto;padding-right:8px}.diagnostic-node-list button,.diagnostic-relation{display:block;width:100%;text-align:left;background:#ffffff05;color:#e6efed;border:1px solid #ffffff13;border-radius:4px;padding:9px;margin:5px 0;font-size:12px}.diagnostic-node-list button[aria-pressed=true]{border-color:#d9b67c;color:#f4d39e}.diagnostic-node-detail{max-width:920px;overflow-wrap:anywhere}.diagnostic-node-detail h3{font-size:20px;margin:0}.diagnostic-node-detail h4{font-size:14px;margin:24px 0 8px}.diagnostic-network{width:100%;max-height:300px;margin:8px 0;background:#1b2c32;border-radius:6px}.diagnostic-network line{stroke:#ffffff25}.diagnostic-network text{fill:#dee8e9;font:10px system-ui}.diagnostic-network g{cursor:pointer}.diagnostic-network g:focus circle{stroke:#fff;stroke-width:3}@media(max-width:600px){.diagnostic-graph{padding:66px 14px 20px}.diagnostic-graph-grid{grid-template-columns:1fr;gap:16px}.diagnostic-node-list{max-height:160px}.diagnostic-graph-heading{gap:0}.diagnostic-graph-heading small{display:block;margin-bottom:14px}.diagnostic-search{flex-wrap:wrap}.diagnostic-search select{max-width:100%}.diagnostic-controls{width:max-content}.diagnostic-controls small{flex-basis:100%;text-align:center}.diagnostic-info{max-height:40vh;font-size:12px}.diagnostic-routine{margin-bottom:0}}

.diagnostics .diagnostic-label{font-size:11px;line-height:1.25}.diagnostics .diagnostic-label small{font-size:9px}