:root{--bg: #0d1117;--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--muted2: rgba(255, 255, 255, .5);--btn: rgba(255, 255, 255, .08);--btn-border: rgba(255, 255, 255, .12);--accent: rgba(80, 140, 255, .95);--accent-border: rgba(80, 140, 255, .6);--ok-bg: rgba(46, 204, 113, .14);--ok-border: rgba(46, 204, 113, .55);--ok-text: rgba(46, 204, 113, .95);--warn-bg: rgba(255, 193, 7, .14);--warn-border: rgba(255, 193, 7, .55);--warn-text: rgba(255, 193, 7, .95);--shadow: 0 18px 60px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{height:100%;min-height:100%;background-color:var(--bg)}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 30% 10%,rgba(80,140,255,.12),transparent 55%),radial-gradient(900px 500px at 70% 0%,rgba(46,204,113,.08),transparent 50%),var(--bg);color:var(--text)}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--card);border-right:1px solid var(--card-border);padding:20px;box-shadow:var(--shadow)}.sidebar-toggle{display:none;position:fixed;top:10px;left:10px;z-index:1000;background:var(--btn);border:1px solid var(--btn-border);color:var(--text);padding:8px 12px;border-radius:6px;cursor:pointer}.sidebar-open{display:block!important}@media (max-width: 768px){.sidebar{display:none}.sidebar-toggle,.sidebar-open{display:block}}.nav{display:flex;flex-direction:column;gap:10px}.nav a{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:6px;transition:background .2s;white-space:nowrap}.nav a:hover{background:var(--btn)}.nav a.active{background:#ffffff0f;border:1px solid rgba(255,255,255,.18)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{flex:1;max-width:980px;margin:0 auto;padding:28px 18px 60px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px 18px 16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px 18px 16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:16px}h1,h2,h3{margin:0 0 10px}h2{font-size:34px;letter-spacing:-.2px}h3{font-size:18px;margin-top:16px}h4{font-size:16px;margin:12px 0 8px}.h3{font-size:18px;margin:0 0 8px}p{margin:10px 0}ul{margin:8px 0 0 18px;color:var(--text)}li{margin:6px 0}.muted{color:var(--muted)}.collapse{margin:12px 0}.collapse>summary{cursor:pointer;font-weight:700;list-style:none}.collapse>summary::-webkit-details-marker{display:none}.collapse>summary:after{content:"▾";float:right;opacity:.7}.collapse[open]>summary:after{content:"▴"}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.grid{display:grid;gap:12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tags-toggle,.filters-toggle{display:none;margin:0 0 12px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:13px}.pill-warn{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.pill-answered{background:#508cff2e;border-color:#508cff8c;color:#e6efff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions-sticky{position:sticky;bottom:12px;z-index:6;padding:10px;background:linear-gradient(180deg,#0d111700,#0d1117bf 40%,#0d1117eb);border-radius:12px;margin-top:18px}.btn{border:1px solid var(--accent-border);background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 10px 22px #508cff38}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--btn-border);background:var(--btn);color:var(--text);box-shadow:none}.btn-secondary:hover{filter:brightness(1.08)}.choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.quiz-page .choice{text-align:left}.choice{border:1px solid var(--btn-border);background:var(--btn);color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer;font-weight:600;transition:none}.choice:hover{background:#13284a;border-color:#2b4a80;color:#f0f4ff;box-shadow:0 10px 18px #13284a59}.choice:active{transform:translateY(1px)}.choice-disabled{opacity:.65;cursor:not-allowed}.choice-selected{background:#13284a;border-color:#2b4a80;color:#f0f4ff;box-shadow:0 10px 18px #13284a59}.choice-correct{background:var(--ok-bg);border-color:var(--ok-border);color:var(--text);box-shadow:0 12px 20px #2ecc7124}.choice-wrong{background:var(--warn-bg);border-color:var(--warn-border);color:var(--text);box-shadow:0 12px 20px #ffc10724}.choice-result{margin-top:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--card)}.timer{margin-bottom:10px}.timer__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.timer__label{font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:8px}.timer__value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:800}.timer__bar{margin-top:8px;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.timer__fill{height:100%;border-radius:999px;background:#ffffff8c;transition:width .1s linear}input,select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:8px 10px;border-radius:10px}label{color:var(--muted);font-size:13px}.quick-check,.section-shell{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px;margin-bottom:20px}.incident-arena{--choice-selected-bg: rgba(80, 140, 255, .2);--choice-selected-border: rgba(80, 140, 255, .55);--choice-selected-text: #e6efff;--choice-selected-shadow: 0 0 0 1px rgba(80, 140, 255, .35), 0 10px 18px rgba(80, 140, 255, .18)}.runbook{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px;margin-bottom:20px}.block{background:var(--btn);border:1px solid var(--btn-border);border-radius:8px;padding:15px;margin:15px 0}.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:10px;margin-top:20px}.tags-page .empty-state{margin-top:16px}.tag-link{text-decoration:none;transition:transform .1s ease}.tag-link:hover{transform:translateY(-2px)}.tag-title{margin-top:18px}.tabs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tab-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600}.tab-button.active{border-color:var(--accent-border);background:#508cff2e}.tab-refresh{margin-left:auto;border-style:dashed}.tab-panels{margin-top:12px;display:grid;gap:12px}.tab-panel{display:none;gap:12px}.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:-7px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.pill-tag{background:#ffffff14;border-color:#ffffff26;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.pill-tag:hover{background:#ffffff1f;border-color:#ffffff40}.tag-button{font-size:12px;padding:4px 8px;border-radius:999px;line-height:1.2;text-transform:none;letter-spacing:0;box-shadow:none;background:#508cff29;border-color:#508cff59}.tag-button:active{transform:translateY(1px)}.tag-hash{opacity:.65}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.home-tile{min-height:180px}.home-link{text-decoration:none;color:inherit;display:block}.home-link:hover{text-decoration:none;background:#122352d9;border-color:#508cff73;transform:translateY(-2px);box-shadow:0 18px 30px #0a193c59}.home-link:focus-visible{outline:2px solid rgba(80,140,255,.7);outline-offset:2px}.home-tile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--muted)}.home-tags{margin-top:16px;padding:12px 14px;border:1px solid var(--card-border);border-radius:14px;background:#ffffff08}.home-tags-title{font-weight:700;margin-bottom:8px}.home-tags-list{display:flex;flex-wrap:wrap;gap:8px}.home-more{margin-top:12px}.home-more .home-grid{margin-top:10px}.tools-grid{display:grid;gap:14px;margin-top:16px}.tags-search{margin:10px 0 12px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tools-filters{flex-wrap:wrap}.triage-signals{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.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:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--muted)}.signal-type--metrics{background:#508cff2e;border-color:#508cff73;color:#e6efff}.signal-type--logs{background:#ffffff14;border-color:#ffffff2e;color:var(--text)}.signal-type--alerts{background:#ffc1072e;border-color:#ffc1078c;color:#fff3cd}.signal-type--k8s{background:#2ecc712e;border-color:#2ecc718c;color:#dff5e8}.field{display:flex;flex-direction:column;gap:6px;min-width:140px}.field-label{color:var(--muted);font-size:13px}.select,.input{width:100%}.filter-pill{cursor:pointer;color:var(--muted)}.filter-pill.active{background:#508cff33;border-color:#508cff8c;color:#e6efff;box-shadow:0 0 0 1px #508cff59,0 10px 18px #508cff2e}.filter-reset{border-style:dashed}@media (max-width: 720px){.home-grid{grid-template-columns:1fr}.home-tags{display:none}}@media (max-width: 640px){.container{padding:18px 12px 48px}h2{font-size:26px}h3{font-size:16px}.card{padding:14px 14px 12px;border-radius:14px;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:10px}.tags{gap:6px}#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}.actions{flex-direction:column;gap:8px}.actions-sticky{bottom:8px;padding:8px;background:#0d1117e6;border:1px solid rgba(255,255,255,.06)}.actions-sticky{position:static;background:transparent;border:0;padding:0}.choices{flex-direction:column}.choice{width:100%;justify-content:flex-start}.tabs{gap:6px}.tab-button{padding:7px 10px;font-size:13px}.tags-grid{gap:8px;margin-top:12px}.tags-search input{width:100%}.field{min-width:0;width:100%}.pill{font-size:12px}.code{font-size:12px;padding:10px;white-space:pre-wrap;overflow-x:hidden;word-break:break-word}.sidebar-toggle{top:8px;left:8px;padding:10px 12px;border-radius:10px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:82vw;max-width:300px;z-index:1001;border-right:1px solid var(--card-border);background:var(--bg);background-color:#0d1117;box-shadow:var(--shadow);opacity:1}.nav{gap:8px}.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,.sidebar-toggle,.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}}.code{background:var(--card);border:1px solid var(--card-border);border-radius:6px;padding:12px;font-family:monospace;font-size:14px;color:var(--text);overflow-x:auto;margin:10px 0}.empty-state{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px 18px 16px;margin-bottom:12px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.solution{margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.empty-title{font-weight:700;margin-bottom:6px}.fade-in{animation:fadeIn .16s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}