:root,[data-theme=dark]{color-scheme:dark;--bg-app: #0a0e17;--bg-surface: #121826;--bg-panel: #0f1520;--bg-drawer: #151c2c;--bg-muted: #1c2438;--bg-input: #151c2c;--bg-elevated: #182033;--bg-overlay: rgba(8, 12, 22, .72);--bg-toolbar: rgba(18, 24, 38, .94);--border: #243044;--border-strong: #334155;--text: #e8edf5;--text-secondary: #9aa8bc;--text-muted: #6b7a90;--text-soft: #c5d0de;--text-inverse: #f8fafc;--text-on-primary: #ffffff;--color-primary: #4c6ef5;--color-primary-hover: #3b5bdb;--color-primary-subtle: rgba(76, 110, 245, .14);--color-accent: #5c7cfa;--color-success: #37b679;--color-success-subtle: rgba(55, 182, 121, .14);--color-warning: #e8a317;--color-danger: #e55353;--color-info: #4dabf7;--color-progress-muted: #3d4f68;--accent: var(--color-accent);--nav-active-bg: var(--color-primary-subtle);--nav-active-text: #91a7ff;--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-border: #5c7cfa;--btn-bg: #1c2438;--btn-hover: #243044;--canvas-bg: #080c14;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .28);--shadow-lg: 0 -8px 32px rgba(0, 0, 0, .45);--shadow-btn: 0 1px 2px rgba(0, 0, 0, .2);--card-shine: rgba(76, 110, 245, .28);--hero-bg: linear-gradient(152deg, #141b2d 0%, #121826 45%, #152238 100%);--hero-border: #2a3548;--hero-glow: rgba(76, 110, 245, .18);--card-gradient: linear-gradient(160deg, #151c2c 0%, #121826 100%);--role-selected-bg: rgba(76, 110, 245, .12);--role-selected-border: #5c7cfa;--success-bg: var(--color-success-subtle);--live-bg: rgba(229, 83, 83, .14);--brand-from: #4263eb;--brand-to: #364fc7}[data-theme=light]{color-scheme:light;--bg-app: #eef1f6;--bg-surface: #ffffff;--bg-panel: #ffffff;--bg-drawer: #ffffff;--bg-muted: #f3f5f9;--bg-input: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(15, 23, 42, .4);--bg-toolbar: rgba(255, 255, 255, .96);--border: #d8dee9;--border-strong: #c5cedb;--text: #1a2332;--text-secondary: #4a5568;--text-muted: #6b7280;--text-soft: #374151;--text-inverse: #ffffff;--text-on-primary: #ffffff;--color-primary: #1e4d8c;--color-primary-hover: #163d6f;--color-primary-subtle: #e8eef7;--color-accent: #2563eb;--color-success: #198754;--color-success-subtle: #e8f5ec;--color-warning: #b45309;--color-danger: #c92a2a;--color-info: #1864ab;--color-progress-muted: #adb5bd;--accent: var(--color-accent);--nav-active-bg: var(--color-primary-subtle);--nav-active-text: var(--color-primary);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--primary-border: #1e4d8c;--btn-bg: #f3f5f9;--btn-hover: #e9edf3;--canvas-bg: #e4eaf2;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 14px rgba(16, 24, 40, .08);--shadow-lg: 0 -8px 32px rgba(16, 24, 40, .1);--shadow-btn: 0 1px 2px rgba(16, 24, 40, .08);--card-shine: rgba(30, 77, 140, .12);--hero-bg: linear-gradient(152deg, #ffffff 0%, #f8fafc 48%, #eef3fa 100%);--hero-border: #d0dae8;--hero-glow: rgba(30, 77, 140, .08);--card-gradient: linear-gradient(160deg, #ffffff 0%, #f9fafb 100%);--role-selected-bg: #f0f5fc;--role-selected-border: #1e4d8c;--success-bg: var(--color-success-subtle);--live-bg: rgba(201, 42, 42, .08);--brand-from: #1e4d8c;--brand-to: #2563eb}.theme-toggle{font-size:1.05rem;line-height:1}.header-actions{display:flex;align-items:center;gap:.35rem}.nav-theme-row{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.nav-theme-btn{display:flex;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-muted);color:var(--text-secondary);cursor:pointer;font-size:.82rem;-webkit-tap-highlight-color:transparent}.nav-theme-btn:active{background:var(--btn-hover)}[data-theme=light] .ig-gauge text{fill:var(--text)}[data-theme=light] .ig-card:before{background:linear-gradient(90deg,transparent,var(--card-shine),transparent)}[data-theme=light] .ig-phase-prefill span,[data-theme=light] .ig-phase-decode span{color:#fffffff2}[data-theme=light] .trace-table code{background:var(--bg-muted);color:var(--color-info)}[data-theme=light] .prompt{background:var(--bg-muted);color:var(--text-soft)}[data-theme=light] .ig-metric{background:var(--bg-surface);box-shadow:var(--shadow-sm)}[data-theme=light] .ig-health-item{background:var(--bg-surface)}[data-theme=light] .ig-module-chip{background:var(--bg-muted)}[data-theme=light] .card,[data-theme=light] .ig-card{box-shadow:var(--shadow-sm)}[data-theme=light] .academy-nav{background:#f8fafc;border-right-color:var(--border)}[data-theme=light] .academy-header{box-shadow:var(--shadow-sm)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg-app);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);font-size:14px;letter-spacing:-.01em;overscroll-behavior:none;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}.academy-app{display:grid;grid-template-columns:220px 1fr auto;height:100%;height:100dvh}.academy-nav{background:var(--bg-surface);border-right:1px solid var(--border);padding:1rem .75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.brand{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem;padding:0 .25rem}.brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,var(--brand-from),var(--brand-to));display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#fff;box-shadow:var(--shadow-sm)}.brand-title{font-weight:700;font-size:.95rem}.brand-sub{color:var(--text-muted);font-size:.75rem}.nav-links{display:flex;flex-direction:column;gap:.25rem}.nav-btn{display:flex;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.55rem .65rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;font-size:.82rem;-webkit-tap-highlight-color:transparent}.nav-btn:hover,.nav-btn:active{background:var(--bg-muted);color:var(--text)}.nav-btn.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}.academy-body{display:flex;flex-direction:column;min-width:0;min-height:0}.academy-header{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.header-menu{display:none}.header-titles{flex:1;min-width:0}.academy-header h1{margin:0;font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-sub{margin:.15rem 0 0;color:var(--text-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{flex-shrink:0}.btn-icon{min-height:44px;min-width:44px;padding:.4rem .65rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-muted);color:var(--text);cursor:pointer;font-size:.8rem;-webkit-tap-highlight-color:transparent}.academy-content{display:grid;grid-template-columns:1fr 420px;flex:1;min-height:0}.academy-content.panel-only{grid-template-columns:1fr}.academy-canvas-wrap{position:relative;min-height:0;background:var(--canvas-bg);touch-action:none}.academy-canvas-wrap.hidden{display:none}.academy-canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.canvas-toolbar{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);display:flex;gap:.35rem;padding:.35rem;background:var(--bg-toolbar);border:1px solid var(--border-strong);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}.view-chip{min-height:36px;padding:.35rem .75rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.78rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.view-chip.active{background:var(--primary);color:#fff}.academy-panel{border-left:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;overflow-x:hidden;padding:1rem 1.1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.academy-drawer{width:320px;background:var(--bg-drawer);border-left:1px solid var(--border);padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.academy-drawer.hidden{display:none}.drawer-close{float:right;margin-bottom:.5rem}.hidden{display:none!important}.mobile-bottom-nav,.nav-overlay{display:none}.screen h2{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.section h3{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .65rem}.screen p{color:var(--text-secondary);line-height:1.5}.hint{font-size:.78rem;color:var(--text-muted);margin:.5rem 0 1rem}.muted{color:var(--text-muted)}.hero{margin-bottom:1.5rem}.hero h2{font-size:1.25rem;margin-bottom:.5rem}.btn{min-height:44px;padding:.55rem 1rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--text);cursor:pointer;font-size:.85rem;font-weight:500;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.btn:hover,.btn:active{background:var(--btn-hover)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);font-weight:600;box-shadow:var(--shadow-btn)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.primary:active{background:var(--primary-hover)}.btn.outline{background:var(--bg-surface);border-color:var(--border-strong);color:var(--color-primary)}[data-theme=light] .btn.outline{background:#fff}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin-bottom:.85rem;box-shadow:var(--shadow-sm)}.card h3{margin:0 0 .5rem;font-size:.88rem;font-weight:600;color:var(--text)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.section{margin:1.25rem 0}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.role-card{display:flex;flex-direction:column;gap:.25rem;min-height:44px;padding:.65rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);color:var(--text);cursor:pointer;text-align:left;font-size:.78rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.role-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.role-card.selected{border-color:var(--role-selected-border);background:var(--role-selected-bg);box-shadow:0 0 0 1px var(--role-selected-border)}.role-card strong{font-size:.82rem;font-weight:600;color:var(--text)}.role-card span{color:var(--text-muted);font-size:.72rem}.chapter-list{list-style:none;padding:0;margin:0}.chapter-list li{display:flex;gap:.65rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.ch-num{width:24px;height:24px;border-radius:50%;background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600;display:grid;place-items:center;font-size:.75rem;flex-shrink:0}.stat-row{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem 0;font-size:.82rem;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.prompt{font-style:italic;color:var(--text-soft);background:var(--bg-muted);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;word-break:break-word}.scenario-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:.85rem;margin-bottom:.75rem}.meta-row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.controls{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.timeline{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.tl-stage{display:flex;gap:.65rem;align-items:flex-start;padding:.5rem .55rem;min-height:44px;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.tl-stage:active{background:var(--bg-muted)}.tl-stage.done .tl-dot{background:var(--color-success)}.tl-stage.active{background:var(--nav-active-bg)}.tl-dot{width:10px;height:10px;border-radius:50%;background:#475569;margin-top:4px;flex-shrink:0}.tl-body strong{display:block;font-size:.82rem}.tl-body small{color:var(--text-muted);font-size:.72rem}.event-log{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.65rem;max-height:160px;overflow-y:auto;font-size:.75rem;-webkit-overflow-scrolling:touch}.log-line{padding:.2rem 0;border-bottom:1px solid var(--border);word-break:break-word}.log-type{color:#38bdf8;margin-right:.5rem;font-family:ui-monospace,monospace}.zone-card{border-left:3px solid;padding-left:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag{background:var(--bg-muted);padding:.15rem .5rem;border-radius:4px;font-size:.72rem;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.metric{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.65rem;display:flex;flex-direction:column;gap:.25rem}.metric span{font-size:.72rem;color:var(--text-muted)}.metric strong{font-size:1.1rem}.trace-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.trace-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.75rem}.trace-table th,.trace-table td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border)}.trace-table th{color:var(--text-muted);font-weight:500}form label{display:block;margin-bottom:.65rem;font-size:.82rem}form input,form select{display:block;width:100%;margin-top:.25rem;padding:.55rem .65rem;min-height:44px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);font-size:16px}input[type=range]{min-height:auto;padding:0}.scorecard .score-bar{display:grid;grid-template-columns:minmax(80px,120px) 1fr 36px;gap:.5rem;align-items:center;margin:.35rem 0;font-size:.78rem}.score-bar .bar{height:6px;background:var(--bg-muted);border-radius:3px;overflow:hidden}.score-bar .bar div{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.ok{color:var(--color-success)}.fail{color:var(--color-danger)}.ig-card{background:var(--card-gradient);border:1px solid var(--border);position:relative;overflow:hidden}.ig-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-shine),transparent)}.ig-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-bottom:.85rem}.ig-kpi-row-compact{grid-template-columns:repeat(3,1fr)}.ig-metric{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;border-left:3px solid var(--ig-accent, #38bdf8);position:relative}.ig-metric-icon{font-size:1.1rem;line-height:1;opacity:.9}.ig-metric-body{flex:1;min-width:0}.ig-metric-label{display:block;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ig-metric-value{display:block;font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-metric-sub{display:block;font-size:.65rem;color:var(--text-muted);margin-top:.1rem}.ig-trend{font-size:.75rem;font-weight:700}.ig-trend-ok{color:var(--color-success)}.ig-trend-up{color:var(--color-danger)}.ig-trend-down{color:var(--color-success)}.ig-gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ig-gauge-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ig-gauge-row{display:flex;justify-content:space-around;align-items:center;gap:.5rem;padding:.5rem 0}.ig-bar-row{margin:.5rem 0}.ig-bar-head{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);margin-bottom:.25rem}.ig-bar-detail{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.68rem}.ig-bar-track{height:8px;background:var(--bg-muted);border-radius:4px;overflow:hidden}.ig-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;background:var(--bar-color, var(--color-primary))}.ig-stacked{margin:.5rem 0}.ig-stacked-track{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--bg-muted)}.ig-stacked-seg{height:100%;transition:width .4s ease}.ig-stacked-legend{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-top:.4rem;font-size:.65rem;color:var(--text-muted)}.ig-stacked-legend span{display:flex;align-items:center;gap:.3rem}.ig-stacked-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.ig-waterfall{display:flex;flex-direction:column;gap:.35rem}.ig-wf-row{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:.5rem;font-size:.72rem}.ig-wf-label{color:var(--text-secondary)}.ig-wf-bar-wrap{height:10px;background:var(--bg-muted);border-radius:5px;overflow:hidden}.ig-wf-bar{height:100%;border-radius:5px;transition:width .5s ease;min-width:4px}.ig-wf-ms{text-align:right;color:var(--text-muted);font-family:ui-monospace,monospace;font-size:.68rem}.ig-wf-total{text-align:right;font-size:.78rem;color:var(--text-secondary);margin-top:.35rem;padding-top:.35rem;border-top:1px solid #1e293b}.ig-timeline{display:flex;flex-direction:column;gap:0}.ig-tl-item{display:flex;gap:.65rem;cursor:pointer;padding:.35rem 0;border-radius:6px;-webkit-tap-highlight-color:transparent}.ig-tl-item.active{background:color-mix(in srgb,var(--phase-color) 12%,transparent)}.ig-tl-item.done .ig-tl-dot{background:var(--phase-color);border-color:var(--phase-color)}.ig-tl-item.done .ig-tl-dot span{color:#fff}.ig-tl-item.active .ig-tl-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--phase-color) 35%,transparent)}.ig-tl-rail{display:flex;flex-direction:column;align-items:center;width:28px;flex-shrink:0}.ig-tl-line{width:2px;flex:1;min-height:12px;background:var(--btn-hover);margin-bottom:2px}.ig-tl-item.done .ig-tl-line{background:var(--phase-color);opacity:.5}.ig-tl-dot{width:24px;height:24px;border-radius:50%;border:2px solid #334155;background:var(--bg-surface);display:grid;place-items:center;flex-shrink:0}.ig-tl-dot span{font-size:.65rem;font-weight:700;color:var(--text-muted)}.ig-tl-content{flex:1;min-width:0;padding-bottom:.35rem}.ig-tl-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ig-tl-head strong{font-size:.82rem}.ig-tl-content small{color:var(--text-muted);font-size:.72rem}.ig-phase-tag{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--phase-color, #64748b) 20%,transparent);color:var(--phase-color, #94a3b8);border:1px solid color-mix(in srgb,var(--phase-color, #64748b) 35%,transparent)}.ig-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em}.ig-badge-live{background:var(--live-bg);color:#f87171;animation:ig-pulse 1.5s ease infinite}.ig-badge-warm{background:#22c55e26;color:#4ade80}.ig-badge-cold{background:#64748b33;color:var(--text-secondary)}@keyframes ig-pulse{0%,to{opacity:1}50%{opacity:.6}}.ig-scenario-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.ig-event-log{max-height:200px}.ig-log-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem}.ig-log-msg{color:var(--text-secondary)}.ig-context-ring{display:flex;flex-direction:column;align-items:center}.ig-context-legend{display:flex;gap:.75rem;font-size:.68rem;color:var(--text-muted);margin-top:.35rem}.ig-context-legend span{display:flex;align-items:center;gap:.3rem}.ig-context-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.ig-token-layout{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.ig-token-details{min-width:0}.ig-prompt-compact{font-size:.78rem!important;margin:.5rem 0}.ig-phase-split{margin:.5rem 0}.ig-phase-bar{display:flex;height:28px;border-radius:6px;overflow:hidden;background:var(--bg-muted)}.ig-phase-prefill{background:linear-gradient(90deg,#f59e0b,#fbbf24);display:flex;align-items:center;justify-content:center;min-width:20%;transition:width .4s ease}.ig-phase-decode{background:linear-gradient(90deg,#22c55e,#4ade80);display:flex;align-items:center;justify-content:center;min-width:20%;transition:width .4s ease}.ig-phase-prefill span,.ig-phase-decode span{font-size:.65rem;font-weight:700;color:#0009;text-transform:uppercase}.ig-phase-labels{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted);margin-top:.35rem}.ig-vram-card .ig-vram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ig-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:.85rem}.ig-health-item{display:flex;gap:.5rem;align-items:flex-start;padding:.65rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;font-size:.78rem}.ig-health-item strong{display:block;font-size:.8rem}.ig-health-item small{color:var(--text-muted);font-size:.68rem}.ig-health-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.ig-health-ok .ig-health-dot{background:var(--color-success);box-shadow:0 0 6px color-mix(in srgb,var(--color-success) 50%,transparent)}.ig-health-warn .ig-health-dot{background:#f59e0b}.ig-health-pending .ig-health-dot{background:#64748b;animation:ig-pulse 1.2s ease infinite}.ig-finops-total{text-align:right;font-size:.82rem;color:var(--text-secondary);margin-top:.5rem}.ig-alloc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.ig-alloc-grid small{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ig-alloc-grid strong{font-size:.82rem;word-break:break-word}.ig-spark{width:100%;height:32px;display:block;margin:.35rem 0}.ig-spark-caption{margin:0!important;text-align:center}.ig-score-layout{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.ig-home-progress{display:flex;align-items:center;gap:1.25rem}.ig-home-stats{flex:1}.ig-hero{position:relative;padding:1.25rem 1.35rem;border-radius:12px;background:var(--hero-bg);border:1px solid var(--hero-border);overflow:hidden;box-shadow:var(--shadow-sm)}.ig-hero .btn{margin-top:.65rem}.ig-hero .btn+.btn{margin-left:0}.ig-hero-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem}.ig-hero-glow{position:absolute;top:-40%;right:-20%;width:60%;height:120%;background:radial-gradient(circle,var(--hero-glow) 0%,transparent 70%);pointer-events:none}.ig-hero h2,.ig-hero p,.ig-hero .btn{position:relative}.ig-zone-card{border-left:none!important;padding:1rem;background:linear-gradient(145deg,var(--bg-surface),var(--bg-panel));border:1px solid color-mix(in srgb,var(--zone-accent) 30%,#1e293b);border-radius:12px}.ig-zone-header{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.65rem}.ig-zone-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.ig-zone-header h3{margin:0 0 .25rem}.ig-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem}.ig-module-chip{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;background:var(--bg-panel);border:1px solid;border-radius:6px;font-size:.68rem;color:var(--text-secondary)}.ig-module-chip span{font-size:.85rem}.ig-empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.ig-empty-state span{font-size:2.5rem;display:block;margin-bottom:.5rem;opacity:.5}.ig-drawer-stage h3{margin:.35rem 0 .5rem}.ig-drawer-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0;padding:.65rem;background:var(--bg-surface);border-radius:8px}.ig-drawer-meta small{display:block;color:var(--text-muted);font-size:.65rem}.ig-fail-list{padding-left:0;list-style:none;font-size:.78rem;color:#f87171}.ig-objective-list{list-style:none;padding:0;margin:0}.ig-objective-list li{display:flex;gap:.5rem;padding:.35rem 0;font-size:.82rem;border-bottom:1px solid var(--border)}.ig-obj-check{color:#6366f1}.ig-done-badge{text-align:center;padding:.65rem;background:var(--success-bg);border-radius:8px}.ig-range{display:grid;grid-template-columns:1fr;gap:.35rem;margin-bottom:.75rem}.ig-range span{font-size:.78rem;color:var(--text-secondary)}.ig-range output{font-size:.78rem;color:#38bdf8;font-family:ui-monospace,monospace;text-align:right}.trace-table code{font-size:.68rem;color:#38bdf8;background:var(--bg-muted);padding:.1rem .3rem;border-radius:3px}.ig-chapter-list .ig-bar-row{margin:.35rem 0 0}.ig-chapter-list .ig-bar-head{font-size:.65rem}@media(max-width:1024px){.academy-app{grid-template-columns:1fr}.academy-nav{display:none}.academy-content{grid-template-columns:1fr}.academy-panel{border-left:none;border-top:1px solid #1e293b}.academy-drawer{position:fixed;inset:auto 0 0 0;width:100%;max-height:55vh;border-left:none;border-top:1px solid #1e293b;border-radius:16px 16px 0 0;padding-bottom:max(1rem,env(safe-area-inset-bottom));z-index:40;box-shadow:var(--shadow-lg)}.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.academy-app{grid-template-columns:1fr;grid-template-rows:1fr auto}.academy-body{grid-row:1;min-height:0}.header-menu{display:inline-flex;align-items:center;justify-content:center}.mobile-bottom-nav{display:flex;grid-column:1;grid-row:2;justify-content:space-around;align-items:stretch;background:var(--bg-surface);border-top:1px solid #1e293b;padding-bottom:env(safe-area-inset-bottom);z-index:30}.mob-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:52px;padding:.35rem .25rem;border:none;background:transparent;color:var(--text-muted);font-size:.62rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.mob-nav-btn span:first-child{font-size:1.15rem;line-height:1}.mob-nav-btn.active{color:#38bdf8}.nav-overlay:not(.hidden){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.nav-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay)}.nav-overlay-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bg-surface);border-radius:16px 16px 0 0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.overlay-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.overlay-nav-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:64px;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);color:var(--text);font-size:.82rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.overlay-nav-btn span{font-size:1.25rem}.overlay-nav-btn.active{border-color:#38bdf8;background:var(--nav-active-bg)}.academy-content.has-canvas{grid-template-rows:minmax(38vh,42vh) 1fr;grid-template-columns:1fr}.academy-content.has-canvas.canvas-focus{grid-template-rows:1fr 0}.academy-content.has-canvas.canvas-focus .academy-panel{display:none}.academy-content.has-canvas .academy-canvas-wrap{min-height:38vh}.academy-content.has-canvas .canvas-toolbar{bottom:max(.75rem,env(safe-area-inset-bottom,.75rem))}.academy-panel{max-height:none}.hero .btn.primary{width:100%}.controls .btn{flex:1 1 calc(50% - .4rem);min-width:0}.ig-kpi-row-compact{grid-template-columns:1fr}.ig-token-layout,.ig-score-layout,.ig-home-progress{grid-template-columns:1fr;flex-direction:column}.ig-wf-row{grid-template-columns:72px 1fr 38px}.ig-gauge-row{flex-wrap:wrap}.scorecard .score-bar{grid-template-columns:1fr;gap:.25rem}}@media(max-width:380px){.overlay-grid{grid-template-columns:1fr}.mob-nav-btn span:last-child{font-size:.58rem}}@media(hover:hover){.nav-btn:hover{background:var(--bg-muted);color:var(--text)}.btn:hover{background:var(--btn-hover)}.btn.primary:hover{background:var(--primary-hover)}.tl-stage:hover{background:var(--bg-muted)}}.k8s-component-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:.85rem}.k8s-comp-item{display:flex;gap:.45rem;align-items:flex-start;padding:.55rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;font-size:.75rem}.k8s-comp-item span:first-child{font-size:1.1rem}.k8s-comp-item strong{display:block;font-size:.78rem}.k8s-comp-item small{color:var(--text-muted);font-size:.65rem}.k8s-usecase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.5rem}.k8s-usecase-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;min-height:100px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);color:var(--text);cursor:pointer;text-align:left;position:relative;-webkit-tap-highlight-color:transparent}.k8s-usecase-card:active{background:var(--bg-muted)}.k8s-usecase-card.completed{border-color:#22c55e}.k8s-uc-done{position:absolute;top:.4rem;right:.4rem;color:#22c55e;font-weight:700}.k8s-uc-icon{font-size:1.35rem}.k8s-uc-icon-lg{font-size:2rem}.k8s-usecase-card strong{font-size:.82rem;line-height:1.25}.k8s-usecase-card small{color:var(--text-muted);font-size:.68rem;line-height:1.3}.k8s-uc-level{margin-top:auto;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .35rem;border-radius:4px}.k8s-uc-level-beginner{background:var(--color-success-subtle);color:var(--color-success)}.k8s-uc-level-intermediate{background:#e8a3171f;color:var(--color-warning)}.k8s-back{margin-bottom:.65rem}.k8s-detail-header{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.65rem}.k8s-analogy p{margin:.35rem 0 0;color:var(--text-secondary);font-style:italic}.k8s-step-controls{display:flex;gap:.5rem;margin:.75rem 0}.k8s-learn-list{margin:0;padding:0;list-style:none;font-size:.78rem;color:var(--text-secondary)}.k8s-learn-list li{padding:.25rem 0}.k8s-fn-card p{margin:0 0 .5rem}.k8s-flow-svg{width:100%;height:auto;display:block}.k8s-hub-header{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.85rem}.k8s-hub-header h2{margin:0 0 .25rem}.k8s-topic-section h3{margin-bottom:.25rem}.k8s-topic-hint{margin:0 0 .65rem;font-size:.78rem}.k8s-uc-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.62rem;color:var(--text-muted);line-height:1.35;margin-top:.15rem}.k8s-usecase-card{min-height:130px}.k8s-summary-box p,.k8s-detail-box p{margin:.35rem 0 0;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.k8s-detail-extras{margin-bottom:.5rem}.k8s-step-detail{margin:.5rem 0 0;padding:.5rem .65rem;background:var(--bg-muted);border-left:3px solid #6366f1;border-radius:0 6px 6px 0;font-size:.78rem;color:var(--text-secondary);line-height:1.45}.k8s-tip-box code.k8s-cmd{display:block;margin-top:.45rem;padding:.45rem .55rem;background:var(--bg-muted);border-radius:6px;font-size:.72rem;color:#38bdf8;word-break:break-word;white-space:pre-wrap}.k8s-mistake-box{border-color:#f59e0b59}.k8s-glossary summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.k8s-glossary summary::-webkit-details-marker{display:none}.k8s-glossary-list{margin:.65rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.35rem .75rem;font-size:.72rem}.k8s-glossary-list dt{font-weight:600;color:var(--text)}.k8s-glossary-list dd{margin:.1rem 0 .35rem;color:var(--text-muted);line-height:1.35}.k8s-path-card{border-color:#6366f159;margin-bottom:.85rem}.k8s-path-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.k8s-path-header h3{margin:0 0 .2rem}.k8s-path-badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:4px;background:#6366f133;color:#a5b4fc;white-space:nowrap}.k8s-path-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.k8s-path-next{margin:.65rem 0 0;font-size:.78rem}.k8s-path-complete h3{color:#4ade80}.k8s-path-timeline{display:flex;flex-direction:column;gap:.65rem;margin:.75rem 0 0}.k8s-path-phase-label{margin-bottom:.35rem}.k8s-path-phase-label strong{font-size:.78rem;display:block}.k8s-path-phase-label small{font-size:.65rem;color:var(--text-muted)}.k8s-path-steps{display:flex;flex-wrap:wrap;gap:.35rem}.k8s-path-step{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .35rem;min-width:72px;max-width:88px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text);cursor:pointer;font-size:.62rem;text-align:center;-webkit-tap-highlight-color:transparent}.k8s-path-step.done{border-color:#22c55e66;background:#22c55e14}.k8s-path-step.next{border-color:#6366f1;box-shadow:0 0 0 1px #6366f159}.k8s-path-step-num{font-weight:700;font-size:.65rem;color:var(--text-muted)}.k8s-path-step.done .k8s-path-step-num{color:#4ade80}.k8s-path-step-icon{font-size:1rem}.k8s-path-step-title{line-height:1.2;color:var(--text-secondary)}.k8s-path-banner{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .65rem;margin-bottom:.65rem;background:#6366f11f;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:.78rem}.k8s-uc-next{border-color:#6366f1!important;box-shadow:0 0 0 1px #6366f140}.k8s-uc-next-badge{position:absolute;top:.4rem;right:.4rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .3rem;border-radius:3px;background:#6366f1;color:#fff;font-weight:600}.k8s-usecase-card.completed .k8s-uc-next-badge{display:none}.k8s-uc-path-num{position:absolute;top:.4rem;left:.4rem;font-size:.55rem;font-weight:700;width:1.1rem;height:1.1rem;line-height:1.1rem;text-align:center;border-radius:50%;background:var(--bg-muted);color:var(--text-muted)}.k8s-usecase-card.completed .k8s-uc-path-num{background:#22c55e33;color:#4ade80}.k8s-builder-promo{margin-bottom:.85rem;border-color:#0ea5e959}.k8s-builder-promo .btn{margin-top:.5rem}.k8s-builder-screen{padding:0!important;height:100%;display:flex;flex-direction:column;min-height:0}.k8s-builder-intro{padding:.75rem 1rem .5rem;flex-shrink:0}.k8s-builder-intro h2{margin:0 0 .25rem;font-size:1.1rem}#k8s-builder-mount{flex:1;min-height:0;display:flex}.k8s-builder{display:grid;grid-template-columns:160px 1fr 240px;gap:0;flex:1;min-height:480px;border-top:1px solid var(--border);width:100%}.k8s-builder-palette{padding:.65rem;border-right:1px solid var(--border);background:var(--bg-surface);overflow-y:auto}.k8s-builder-palette h3{margin:0 0 .25rem;font-size:.85rem}.k8s-palette-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.k8s-palette-item{display:flex;gap:.4rem;align-items:flex-start;padding:.45rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-muted);cursor:grab;font-size:.68rem;-webkit-tap-highlight-color:transparent}.k8s-palette-item:active{cursor:grabbing}.k8s-palette-item span:first-child{font-size:1rem}.k8s-palette-item strong{display:block;font-size:.72rem}.k8s-palette-item small{color:var(--text-muted);font-size:.6rem;line-height:1.2}.k8s-builder-tools{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.k8s-builder-tools .btn{font-size:.72rem;padding:.4rem .5rem}.k8s-builder-main{display:flex;flex-direction:column;min-width:0;min-height:0}.k8s-builder-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.5rem .65rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.k8s-builder-request{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.k8s-builder-request label{display:flex;flex-direction:column;gap:.15rem;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.k8s-builder-request input,.k8s-builder-request select{min-width:140px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-muted);color:var(--text);font-size:.78rem;text-transform:none;letter-spacing:normal}.k8s-builder-canvas-wrap{flex:1;min-height:0;overflow:auto;background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:20px 20px;background-color:var(--canvas-bg)}.k8s-builder-canvas{position:relative;min-width:900px;min-height:320px;height:100%}.k8s-builder-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.k8s-builder-edges line{stroke:#64748b;stroke-width:2}.k8s-node{position:absolute;z-index:2;width:110px;min-height:56px;padding:.4rem .45rem;border:2px solid var(--border);border-radius:10px;background:var(--bg-surface);box-shadow:0 2px 8px #00000026;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;text-align:center}.k8s-node:active{cursor:grabbing}.k8s-node.selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f159}.k8s-node.sim-active{border-color:#22c55e;box-shadow:0 0 12px #22c55e80;animation:k8s-pulse .6s ease infinite alternate}.k8s-node.link-source{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b66}@keyframes k8s-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.k8s-node-internet{border-color:#0ea5e9}.k8s-node-dns{border-color:#8b5cf6}.k8s-node-loadbalancer{border-color:#ec4899}.k8s-node-ingress{border-color:#0ea5e9}.k8s-node-gateway{border-color:#f59e0b}.k8s-node-service{border-color:#6366f1}.k8s-node-pod{border-color:#22c55e}.k8s-node-deployment{border-color:#14b8a6}.k8s-node-namespace{border-color:#94a3b8;border-style:dashed}.k8s-node-icon{display:block;font-size:1.2rem}.k8s-node strong{display:block;font-size:.65rem;line-height:1.2;margin-top:.1rem}.k8s-node small{display:block;font-size:.55rem;color:var(--text-muted);word-break:break-all}.k8s-node-del{position:absolute;top:2px;right:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;line-height:1;padding:0}.k8s-builder-sidebar{border-left:1px solid var(--border);background:var(--bg-surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}.k8s-builder-props{padding:.65rem;border-bottom:1px solid var(--border);flex-shrink:0;max-height:45%;overflow-y:auto}.k8s-builder-props h3{margin:0 0 .35rem;font-size:.85rem}.k8s-builder-props label{display:block;margin-top:.45rem;font-size:.68rem;color:var(--text-muted)}.k8s-builder-props input[type=text],.k8s-builder-props input[type=number]{width:100%;margin-top:.15rem;padding:.35rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-muted);color:var(--text);font-size:.78rem}.k8s-builder-props .kb-check{display:flex;align-items:center;gap:.35rem;flex-direction:row;color:var(--text-secondary)}.k8s-builder-props .btn{margin-top:.5rem;width:100%}.k8s-builder-log{padding:.65rem;flex:1;overflow-y:auto;min-height:0}.k8s-builder-log h3{margin:0 0 .35rem;font-size:.85rem}.k8s-sim-url code{font-size:.72rem;color:#38bdf8;word-break:break-all}.k8s-sim-hops{margin:.5rem 0 0;padding:0;list-style:none;font-size:.72rem}.k8s-sim-hops li{padding:.4rem 0;border-bottom:1px solid var(--border);opacity:.55}.k8s-sim-hops li.sim-active,.k8s-sim-hops li.hop-success{opacity:1}.k8s-sim-hops li.hop-fail{opacity:1;color:#f87171}.hop-lat{display:inline-block;min-width:3.5rem;font-size:.62rem;color:var(--text-muted)}.k8s-sim-warn,.k8s-sim-err{margin:.35rem 0;padding-left:1rem;font-size:.68rem;color:#fbbf24}.k8s-sim-err{color:#f87171}@media(max-width:900px){.k8s-builder{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.k8s-builder-palette{border-right:none;border-bottom:1px solid var(--border);max-height:140px}.k8s-palette-list{flex-direction:row;flex-wrap:wrap}.k8s-palette-item{flex:1 1 120px}.k8s-builder-sidebar{border-left:none;border-top:1px solid var(--border);max-height:220px}}