:root{color-scheme:light;--bg: #f7f7f4;--surface: #ffffff;--surface-2: #f0f4f3;--fg: #171717;--muted: #68706c;--border: #dfe4df;--accent: #0f766e;--accent-2: #2563eb;--accent-fg: #ffffff;--up: #b42318;--down: #067647}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif}main{max-width:1180px;margin:0 auto;padding:28px 20px 80px}header h1{margin:0 0 4px;font-size:30px;letter-spacing:0}header .sub{margin:0 0 22px;color:var(--muted)}form{display:grid;gap:14px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}label.inline{display:flex;gap:8px;align-items:center;min-height:38px}label.inline input{width:auto}input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--fg);font-size:15px}input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}button{padding:10px 14px;border:none;border-radius:6px;background:var(--accent);color:var(--accent-fg);font-size:15px;cursor:pointer}button.secondary{background:var(--surface-2);color:var(--fg);border:1px solid var(--border)}button:disabled{opacity:.6;cursor:progress}#token-form{max-width:460px}#token-form .sub{margin:0;color:var(--muted)}#token-form input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.auth-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px;color:var(--muted);margin-bottom:10px}.auth-bar .linkish{background:none;border:none;color:var(--accent);padding:0;cursor:pointer;font:inherit}.auth-bar .linkish:hover{text-decoration:underline}#app-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.mode-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}.controls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.controls-grid.compact{grid-template-columns:minmax(180px,280px)}.form-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.history-panel,.diff-panel,.observability-panel,.attempts-panel,.restaurant,.restaurant-card{background:var(--surface);border:1px solid var(--border);border-radius:8px}.history-panel{padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2{margin:0;font-size:16px}.panel-head span{color:var(--muted);font-size:13px}.history-list{display:grid;gap:8px}.history-item{display:grid;gap:3px;width:100%;text-align:left;background:transparent;color:var(--fg);border:1px solid var(--border)}.history-item small{color:var(--muted)}#status{margin-top:18px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:14px;color:var(--muted)}#status.error{color:var(--up);border-color:color-mix(in srgb,var(--up) 30%,var(--border))}#result{margin-top:22px;display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric-card{padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric-card span{display:block;color:var(--muted);font-size:12px}.metric-card strong{display:block;margin-top:6px;font-size:22px;line-height:1.1}.restaurant{padding:16px}.restaurant h2,.restaurant-card h2{margin:0 0 4px;font-size:19px}.addr{color:var(--muted);font-size:14px}.meta{margin-top:8px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px}a{color:var(--accent-2)}.diff-panel,.observability-panel,.attempts-panel{padding:16px}.obs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.obs-counts h3,.diagnostic-card h3{margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase}.count-pills{display:flex;flex-wrap:wrap;gap:8px}.count-pills span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px}.count-pills strong{color:var(--fg)}.obs-details,.attempt-detail,.mini-details{margin-top:12px;border-top:1px solid var(--border)}.obs-details>summary,.attempt-detail>summary,.mini-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;cursor:pointer;list-style:none}.obs-details>summary::-webkit-details-marker,.attempt-detail>summary::-webkit-details-marker,.mini-details>summary::-webkit-details-marker{display:none}.obs-details>summary span,.attempt-detail small,.mini-details summary{color:var(--muted);font-size:13px}.obs-table{display:grid;border-top:1px solid var(--border)}.obs-row{display:grid;grid-template-columns:40px minmax(180px,1fr) minmax(140px,.8fr) 70px 90px minmax(180px,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.obs-row:last-child{border-bottom:none}.obs-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}.obs-row strong,.obs-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-row small{color:var(--muted)}.obs-head{color:var(--muted);font-size:12px;text-transform:uppercase}.attempts-list{display:grid;gap:0}.attempt-detail{margin-top:0;padding:0}.attempt-detail>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.attempt-detail strong,.attempt-detail small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attempt-status{padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;white-space:nowrap}.attempt-status.ok{background:color-mix(in srgb,var(--down) 12%,var(--surface-2));color:var(--down)}.attempt-status.warn{background:color-mix(in srgb,var(--up) 10%,var(--surface-2));color:var(--up)}.diagnostic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 14px}.diagnostic-card{min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 86%,var(--surface-2))}.kv-list{display:grid;gap:8px;margin:0}.kv-list div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px}.kv-list dt{color:var(--muted);font-size:12px}.kv-list dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--fg);font-size:13px}.link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:13px}.mini-details{margin-top:10px;padding-top:8px}.mini-details>summary{min-height:28px;justify-content:flex-start}.mini-list,.trace-list{display:grid;gap:8px;margin-top:8px}.mini-list div,.trace-list div,.selected-menu{padding:8px;border-radius:6px;background:var(--surface-2)}.mini-list strong,.mini-list small,.trace-list span,.trace-list small,.selected-menu strong,.selected-menu small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.mini-list small,.trace-list small,.selected-menu small{color:var(--muted);font-size:12px}.selected-menu{display:grid;gap:3px;margin-top:10px;font-size:13px}.empty.compact{padding:8px;font-size:13px}.diff-list{display:grid;gap:10px}.diff-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,2fr) 90px;gap:12px;align-items:center}.diff-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diff-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:999px}.bar-up{background:var(--up)}.bar-down{background:var(--down)}.up{color:var(--up);font-variant-numeric:tabular-nums}.down{color:var(--down);font-variant-numeric:tabular-nums}.restaurants-list{display:grid;gap:14px}.restaurant-card{padding:16px}.restaurant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.restaurant-links{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill-row span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px}.comparison-table{margin-top:14px;border-top:1px solid var(--border)}.table-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px 110px 90px;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);align-items:center;font-size:13px}.table-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-head{color:var(--muted);font-size:12px;text-transform:uppercase}.empty{padding:14px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent)}@media (max-width: 900px){#app-shell{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-grid,.diagnostic-grid,.mode-grid,.controls-grid,.attempt-detail>summary,.obs-row,.diff-row,.table-row{grid-template-columns:1fr}.restaurant-head{display:grid}}