@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg: #0a0a0c;--bg-raised: #111115;--bg-elevated: #16161b;--card: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .07);--card-hover: rgba(255, 255, 255, .055);--card-hover-border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .9);--muted: rgba(255, 255, 255, .5);--muted2: rgba(255, 255, 255, .32);--faint: rgba(255, 255, 255, .12);--btn: rgba(255, 255, 255, .06);--btn-border: rgba(255, 255, 255, .1);--btn-hover: rgba(255, 255, 255, .1);--accent: rgba(220, 230, 255, .92);--accent-dim: rgba(220, 230, 255, .55);--accent-border: rgba(220, 230, 255, .25);--accent-bg: rgba(220, 230, 255, .07);--accent-bg-hover: rgba(220, 230, 255, .12);--ok-bg: rgba(180, 220, 180, .08);--ok-border: rgba(180, 220, 180, .3);--ok-text: rgba(180, 220, 180, .9);--warn-bg: rgba(220, 200, 140, .08);--warn-border: rgba(220, 200, 140, .3);--warn-text: rgba(220, 200, 140, .9);--shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 20px 60px rgba(0, 0, 0, .6);--shadow-sm: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 16px rgba(0, 0, 0, .4);--radius: 8px;--radius-lg: 12px;--font-mono: "IBM Plex Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}:focus{outline:none}:focus-visible{outline:1px solid var(--accent-dim);outline-offset:2px;border-radius:var(--radius)}html,body{height:100%;min-height:100%;background-color:var(--bg)}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(200,210,255,.04) 0%,transparent 60%);z-index:-1;pointer-events:none}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--card-border);padding:24px 0;display:flex;flex-direction:column}.sidebar-toggle{display:none;position:fixed;top:14px;left:16px;z-index:1000;background:none;border:none;color:var(--text);padding:0;cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:-.3px;align-items:center;gap:5px}.sidebar-toggle-chevron{color:var(--muted2);font-size:12px}.sidebar-open{display:block!important}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:999}.sidebar-backdrop.active{display:block}@media (max-width: 768px){.sidebar{display:none}.sidebar-toggle,.sidebar-open{display:block}}.nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.nav-logo{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--text);letter-spacing:.05em;padding:0 12px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.nav-logo:before{content:">";color:var(--accent-dim);font-size:11px}.nav-group-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);padding:0 12px;margin-top:12px;margin-bottom:2px}.nav-group-label:first-of-type{margin-top:8px}.nav a{color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:var(--radius);transition:color .15s ease,background .15s ease;font-size:13.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;position:relative}.nav a:hover{color:var(--text);background:var(--btn)}.nav a.active{color:var(--text);background:var(--accent-bg);border:1px solid var(--accent-border)}.nav a.active:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:2px;height:14px;background:var(--accent-dim);border-radius:0 2px 2px 0;left:-1px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.container{flex:1;max-width:920px;margin:0 auto;padding:36px 24px 80px;min-width:0}@keyframes skShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.sk-line{border-radius:4px;margin-bottom:10px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:800px 100%;animation:skShimmer 1.6s ease-in-out infinite}.sk-card{pointer-events:none}.sk-spacer{height:20px}.sk-choices{display:flex;flex-direction:column;gap:8px;margin-top:14px}.sk-choice{height:38px!important;border-radius:var(--radius);margin-bottom:0}.page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:2000;pointer-events:none;opacity:0}.page-progress--active{opacity:1}.page-progress--done{opacity:0;transition:opacity .5s ease}.page-progress-fill{height:100%;width:100%;background:var(--accent-dim);transition:width .12s linear;transform-origin:left}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:16px;min-height:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.03em}.breadcrumb:empty{display:none}.bc-home{color:var(--muted2);text-decoration:none;transition:color .15s}.bc-home:hover{color:var(--muted);text-decoration:none}.bc-sep{color:var(--faint);-webkit-user-select:none;user-select:none}.bc-current{color:var(--muted)}.bc-hint{padding:1px 6px;border-radius:3px;background:var(--btn);border:1px solid var(--btn-border);color:var(--muted2);font-size:11px}h1,h2,h3,h4{font-family:var(--font-mono);margin:0 0 10px;line-height:1.25;letter-spacing:-.02em}h2{font-size:28px;font-weight:700;color:var(--text)}h3{font-size:16px;font-weight:600;margin-top:16px}h4{font-size:14px;font-weight:600;margin:12px 0 8px}.h3{font-size:16px;margin:0 0 8px;font-family:var(--font-mono);font-weight:600}p{margin:10px 0}ul{margin:8px 0 0 18px;color:var(--text)}li{margin:6px 0}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.question-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:14px}.collapse{margin:12px 0}.collapse>summary{cursor:pointer;font-weight:600;font-size:13.5px;list-style:none;color:var(--muted);transition:color .15s;-webkit-user-select:none;user-select:none}.collapse>summary:hover{color:var(--text)}.collapse>summary::-webkit-details-marker{display:none}.collapse>summary:before{content:"▸ ";font-family:var(--font-mono);font-size:11px;opacity:.6}.collapse[open]>summary:before{content:"▾ "}.meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.grid{display:grid;gap:10px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tags-toggle,.filters-toggle{display:none;margin:0 0 12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background:var(--btn);border:1px solid var(--btn-border);color:var(--muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.02em}.pill-diff{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;padding:3px 8px;gap:0}.diff-filled{color:var(--muted)}.diff-empty{color:var(--faint)}.card--answered{border-left:2px solid var(--ok-border)}.pill-done{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text);font-size:11px}.pill-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.pill-answered{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.actions-sticky{position:sticky;bottom:12px;z-index:6;padding:10px;background:linear-gradient(180deg,#0a0a0c00,#0a0a0ccc 40%,#0a0a0cf2);border-radius:var(--radius-lg);margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);padding:9px 16px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:13.5px;font-family:var(--font-sans);letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,color .15s ease;box-shadow:none}.btn:hover{background:var(--accent-bg-hover);border-color:var(--accent-dim);color:var(--text);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--btn-border);background:var(--btn);color:var(--muted);box-shadow:none}.btn-secondary:hover{background:var(--btn-hover);border-color:#ffffff2e;color:var(--text)}.btn-link{background:none;border:none;color:var(--muted2);font-size:13px;font-weight:500;padding:8px 4px;box-shadow:none;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;width:auto}.btn-link:hover{color:var(--muted);text-decoration:underline;filter:none}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.quiz-page .choice{text-align:left}.choice{border:1px solid var(--btn-border);background:var(--btn);color:var(--muted);padding:10px 14px;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:13.5px;font-family:var(--font-sans);transition:background .12s ease,border-color .12s ease,color .12s ease}.choice:hover{background:var(--btn-hover);border-color:#ffffff2e;color:var(--text)}.choice:active{transform:translateY(1px)}.choice-disabled{opacity:.5;cursor:not-allowed}.choice-selected{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.choice-correct{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.choice-wrong{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.choice-result{margin-top:10px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--card);font-size:14px}.timer{margin-bottom:10px}.timer__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.timer__label{font-weight:700;font-family:var(--font-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px}.timer__value{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--text)}.timer__bar{margin-top:10px;height:2px;border-radius:0;background:var(--faint);overflow:hidden}.timer__fill{height:100%;background:var(--accent-dim);transition:width .1s linear}input,select{background:var(--btn);border:1px solid var(--btn-border);color:var(--text);padding:8px 12px;border-radius:var(--radius);font-family:var(--font-sans);font-size:14px;transition:border-color .15s}input:focus-visible,select:focus-visible{border-color:var(--accent-dim)}label{color:var(--muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.quick-check,.section-shell{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.incident-arena{--choice-selected-bg: var(--accent-bg);--choice-selected-border: var(--accent-border);--choice-selected-text: var(--accent);--choice-selected-shadow: none}.runbook{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.block{background:var(--btn);border:1px solid var(--btn-border);border-radius:var(--radius);padding:14px 16px;margin:12px 0;font-size:14px}.block.check{background:var(--ok-bg);border-color:var(--ok-border)}.block.do{background:var(--warn-bg);border-color:var(--warn-border)}.tags-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags-page .empty-state{margin-top:16px}.tag-link{text-decoration:none;transition:transform .12s ease}.tag-link:hover{transform:translateY(-1px);text-decoration:none}.tag-title{margin-top:18px}.tabs{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.tab-button{border:1px solid var(--btn-border);background:var(--btn);color:var(--muted);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:13px;font-family:var(--font-sans);transition:background .12s,color .12s,border-color .12s}.tab-button:hover{color:var(--text);background:var(--btn-hover)}.tab-button.active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.tab-refresh{border-style:dashed}.tabs-refresh-row{margin-top:8px;display:flex;justify-content:flex-end}.tab-panels{margin-top:14px;display:grid;gap:10px}.tab-panel{display:none;gap:10px}.tab-panel.active{display:grid}.tags-page .tab-panel .card{position:relative;animation:fadeIn .12s ease-in}.tags-page .tab-panel .card+.card:before{content:"";position:absolute;top:-6px;left:16px;right:16px;height:1px;background:var(--card-border)}.pill-tag{background:var(--btn);border-color:var(--btn-border);color:var(--muted);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.pill-tag:hover{background:var(--btn-hover);border-color:#ffffff2e;color:var(--text)}.tag-button{font-size:11px;padding:3px 8px;border-radius:4px;line-height:1.2;text-transform:none;letter-spacing:.02em;box-shadow:none;background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-dim);font-family:var(--font-mono)}.tag-button:active{transform:translateY(1px)}.tag-hash{opacity:.45}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.home-tile{min-height:140px}.home-link{text-decoration:none;color:inherit;display:block;transition:background .15s ease,border-color .15s ease,transform .15s ease}.home-link:hover{text-decoration:none;background:var(--card-hover);border-color:var(--card-hover-border);transform:translateY(-2px)}.home-link:hover h3{color:var(--accent)}.home-link:focus-visible{outline:1px solid var(--accent-dim);outline-offset:2px;border-radius:var(--radius-lg)}.pill:focus-visible,.pill-tag:focus-visible,.tag-button:focus-visible,.filter-pill:focus-visible{outline:1px solid var(--accent-dim);outline-offset:2px;border-radius:4px}.nav a[data-desc]{position:relative}.nav a[data-desc]:after{content:attr(data-desc);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-4px);background:var(--bg-elevated);border:1px solid var(--card-border);color:var(--muted);font-size:11px;font-family:var(--font-sans);font-weight:400;letter-spacing:0;white-space:nowrap;padding:5px 10px;border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:100;box-shadow:var(--shadow-sm)}.nav a[data-desc]:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.nav a:focus-visible{outline:1px solid var(--accent-dim);outline-offset:2px;border-radius:var(--radius)}.choice:focus-visible{outline:1px solid var(--accent-dim);outline-offset:2px;border-radius:var(--radius)}.tab-button:focus-visible{outline:1px solid var(--accent-dim);outline-offset:2px;border-radius:var(--radius)}.home-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:3px;background:var(--btn);border:1px solid var(--btn-border);color:var(--muted2);font-family:var(--font-mono);flex-shrink:0;margin-top:2px}.home-tags{margin-top:20px;padding:14px 16px;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:#ffffff05}.home-tags-title{font-weight:600;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);margin-bottom:10px}.home-tags-list{display:flex;flex-wrap:wrap;gap:6px}.home-more-toggle{margin-top:12px;width:100%;justify-content:center;gap:6px}.home-more-chevron{font-size:11px;opacity:.6}.home-more-grid{margin-top:10px}.tools-grid{display:grid;gap:10px;margin-top:16px}.tags-search{margin:10px 0 12px}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tools-filters{flex-wrap:wrap}.triage-signals{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:14px}.triage-signal{display:flex;text-align:left;gap:8px;flex-direction:column;align-items:flex-start}.triage-signal-static{cursor:default}.signal-type{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:3px;background:var(--btn);border:1px solid var(--btn-border);color:var(--muted2);font-family:var(--font-mono)}.signal-type--metrics{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-dim)}.signal-type--logs{background:var(--btn);border-color:var(--btn-border);color:var(--muted)}.signal-type--alerts{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.signal-type--k8s{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.field{display:flex;flex-direction:column;gap:6px;min-width:140px}.field-label{color:var(--muted2);font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.select,.input{width:100%}.filter-pill{cursor:pointer;color:var(--muted)}.filter-pill.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.filter-reset{border-style:dashed}.code{background:var(--bg-raised);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px 16px;font-family:var(--font-mono);font-size:13px;color:var(--text);overflow-x:auto;margin:10px 0;line-height:1.7}.empty-state{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;box-shadow:var(--shadow)}.solution{margin-top:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--card-border);background:#ffffff05;font-size:14px}.empty-title{font-weight:700;font-family:var(--font-mono);margin-bottom:6px}.fade-in{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.home-grid{grid-template-columns:1fr}.home-tags{display:none}}@media (max-width: 640px){.breadcrumb{display:none}.nav a[data-desc]:after{display:none}.container{padding:52px 14px 60px;overflow-x:hidden}.shell:has(.actions-sticky) .container{padding-bottom:130px}h2{font-size:22px}h3{font-size:15px}.card{padding:14px;border-radius:10px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;content-visibility:auto;contain-intrinsic-size:320px 600px}.question-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.grid{gap:8px}.tags{gap:5px}#app:not(.tags-revealed):not([data-route=tags]) .tags,#app:not(.tags-revealed):not([data-route=tags]) .filters,#app:not(.tags-revealed):not([data-route=tags]) .home-tags-list,#app:not(.tags-revealed):not([data-route=tags]) .tool-stacks{display:none}#app:not([data-route=tags]) .tags-toggle{display:block}.filters-toggle{display:block}.btn{width:100%;justify-content:center}.btn.btn-link{width:auto}.actions{flex-direction:column;gap:6px}.actions-sticky{position:fixed;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#0a0a0cf7;border-top:1px solid var(--card-border);border-radius:0;margin-top:0;z-index:50}.choices{flex-direction:column}.choice{width:100%;justify-content:flex-start}.tabs{gap:5px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tabs::-webkit-scrollbar{display:none}.tab-button{padding:6px 10px;font-size:12px;white-space:nowrap;flex-shrink:0}.tags-grid{gap:6px;margin-top:12px}.tags-search input{width:100%}.field{min-width:0;width:100%}.pill{font-size:11px}.code{font-size:12px;padding:10px 12px;white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-toggle{display:flex}[data-route=home] section.card>h2,[data-route=home] section.card>p.muted{display:none}.triage-signals{grid-template-columns:1fr}.pill-tag,.filter-pill{padding:8px 12px;min-height:38px}.tags-search{width:100%}.choice-result,.runbook,.solution{scroll-margin-bottom:140px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:82vw;max-width:280px;z-index:1001;border-right:1px solid var(--card-border);background:var(--bg-raised);box-shadow:20px 0 60px #00000080;opacity:1}.nav{gap:4px}.nav a{padding:10px 12px}.filters{flex-wrap:wrap;padding-bottom:0}.tools-filters{flex-wrap:wrap;overflow-x:hidden;padding-bottom:0}.tools-page .filter-pill{flex:0 1 auto;max-width:100%}.sidebar,.compact-secondary{display:none}}@media (min-width: 641px){.actions #btn-home{order:1}.actions #btn-next,.actions #btn-next-tip,.actions #btn-next-tool,.actions #btn-next-triage,.actions #btn-next-random,.actions [data-random-next]{order:2}}