.stg-legend{padding:12px 16px;display:flex;gap:20px;flex-wrap:wrap}.stg-legend-item{display:flex;align-items:center;gap:6px}.stg-legend-icon{flex-shrink:0}.stg-dot-unknown{color:#ef4444}.stg-dot-focus{color:#f59e0b}.stg-dot-known{color:#10b981}.stg-legend-text{font-size:13px;color:var(--color-text-muted, #374151)}.stg-legend-text strong{color:var(--color-text, #1f2937)}.stg-level{border:1px solid var(--color-border, #e5e7eb);border-radius:10px;margin-bottom:8px;padding:0 12px;background:var(--color-bg-card, #fff)}.stg-level:last-child{margin-bottom:0}.stg-level-header-row{display:flex;align-items:center;gap:8px}.stg-level-header{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;padding:14px 0;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;color:inherit;font:inherit}.stg-level-header:hover{background:none}.stg-level-btns{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-left:12px;margin-left:4px;border-left:1px solid var(--color-border, #e5e7eb)}.stg-level-btn{height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0 10px;gap:5px;font-size:11px;font-weight:600;white-space:nowrap}.stg-level-btn svg{display:block;flex-shrink:0}.stg-level-btn-u{background:#fef2f2;border:2px solid #f87171;color:#ef4444}.stg-level-btn-f{background:#fffbeb;border:2px solid #fbbf24;color:#f59e0b}.stg-level-btn-k{background:#ecfdf5;border:2px solid #34d399;color:#10b981}.stg-level-btn:hover{filter:brightness(.93);transform:translateY(-1px)}.stg-level-btn:focus-visible{outline:3px solid var(--color-border-focus, #ff8a3d);outline-offset:2px}.stg-level-header:focus-visible{outline:3px solid var(--color-border-focus, #ff8a3d);outline-offset:2px;border-radius:8px}.stg-bulk-label{font-size:11px;color:var(--color-text-muted, #9ca3af);font-weight:500;white-space:nowrap;line-height:1}.stg-level-left{display:flex;align-items:center;gap:10px}.stg-level-badge{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.stg-badge-known{background:linear-gradient(135deg,#10b981,#059669)}.stg-badge-focus{background:linear-gradient(135deg,#f59e0b,#dc9435)}.stg-badge-unknown{background:linear-gradient(135deg,#ef4444,#dc2626)}.stg-level-name{font-size:15px;font-weight:600}.stg-level-right{display:flex;align-items:center;gap:8px}.stg-level-status{font-size:12px;color:var(--color-text-muted, #374151);font-weight:500}.stg-level-chevron{font-size:14px;color:var(--color-text-muted, #374151);transition:transform .2s}.stg-level.stg-expanded .stg-level-chevron{transform:rotate(180deg)}.stg-level-body{padding:20px 0 16px;margin-top:8px;border-top:2px solid var(--color-border, #e5e7eb)}.stg-level-body[hidden]{display:none}.stg-scope-section{margin-bottom:16px}.stg-scope-section:last-child{margin-bottom:0}.stg-scope-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:12px 0;border-bottom:1px solid var(--color-border, #e5e7eb)}.stg-scope-title{font-size:14px;font-weight:600;color:var(--color-text-secondary, #374151)}.stg-bulk-btns{display:flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--color-border, #e5e7eb)}.stg-bulk-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}.stg-bulk-btn svg{display:block}.stg-bulk-u{background:#fef2f2;border:2.5px solid #f87171;color:#ef4444}.stg-bulk-f{background:#fffbeb;border:2.5px solid #fbbf24;color:#f59e0b}.stg-bulk-k{background:#ecfdf5;border:2.5px solid #34d399;color:#10b981}.stg-bulk-btn:hover{transform:scale(1.1);filter:brightness(.95)}.stg-bulk-btn:focus-visible{outline:3px solid var(--color-border-focus, #ff8a3d);outline-offset:2px}.stg-bulk-btn.stg-bulk-active.stg-bulk-u{background:#ef4444;border-color:#ef4444;color:#fff}.stg-bulk-btn.stg-bulk-active.stg-bulk-f{background:#f59e0b;border-color:#f59e0b;color:#fff}.stg-bulk-btn.stg-bulk-active.stg-bulk-k{background:#10b981;border-color:#10b981;color:#fff}.stg-subscopes{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px}@media(max-width:768px){.stg-subscopes{grid-template-columns:1fr}}.stg-subscope-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;transition:background .1s}.stg-subscope-row:hover{background:none}.stg-subscope-label{font-size:14px;color:var(--color-text, #1f2937);flex:1;min-width:0}.stg-subscope-label em{color:var(--color-text-muted, #374151);font-size:13px;margin-left:4px}.stg-toggle{display:flex;gap:6px;flex-shrink:0}.stg-tog-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .15s;padding:0}.stg-tog-btn svg{display:block}.stg-tog-u{background:#fef2f2;border:1.5px solid #fca5a5;color:#ef4444}.stg-tog-f{background:#fffbeb;border:1.5px solid #fcd34d;color:#f59e0b}.stg-tog-k{background:#ecfdf5;border:1.5px solid #6ee7b7;color:#10b981}.stg-tog-btn:hover{transform:scale(1.1);filter:brightness(.95)}.stg-tog-btn:focus-visible{outline:3px solid var(--color-border-focus, #ff8a3d);outline-offset:1px}.stg-tog-btn.stg-active-notlearned{background:#ef4444;border-color:#ef4444;color:#fff}.stg-tog-btn.stg-active-focus{background:#f59e0b;border-color:#f59e0b;color:#fff}.stg-tog-btn.stg-active-mastered{background:#10b981;border-color:#10b981;color:#fff}[data-theme=dark] .stg-legend{border-bottom-color:var(--color-border, #333)}[data-theme=dark] .stg-legend-text strong{color:var(--color-text, #e5e5e5)}[data-theme=dark] .stg-level{border-color:var(--color-border, #333);background:#1e1e1e}[data-theme=dark] .stg-level-header:hover{background:none}[data-theme=dark] .stg-level-btns,[data-theme=dark] .stg-bulk-btns{border-left-color:var(--color-border, #333);border-top-color:var(--color-border, #333)}[data-theme=dark] .stg-level-btn-u{background:#ef444426;border-color:#ef444499;color:#f87171}[data-theme=dark] .stg-level-btn-f{background:#f59e0b26;border-color:#f59e0b99;color:#fbbf24}[data-theme=dark] .stg-level-btn-k{background:#10b98126;border-color:#10b98199;color:#34d399}[data-theme=dark] .stg-bulk-u{background:#ef444426;border-color:#ef44448c}[data-theme=dark] .stg-bulk-f{background:#f59e0b26;border-color:#f59e0b8c}[data-theme=dark] .stg-bulk-k{background:#10b98126;border-color:#10b9818c}[data-theme=dark] .stg-tog-u{background:#ef44441f;border-color:#ef444466}[data-theme=dark] .stg-tog-f{background:#f59e0b1f;border-color:#f59e0b66}[data-theme=dark] .stg-tog-k{background:#10b9811f;border-color:#10b98166}[data-theme=dark] .stg-scope-header{border-bottom-color:var(--color-border, #333)}[data-theme=dark] .stg-subscope-row:hover{background:none}@media(max-width:768px){.stg-level-name{font-size:13px}.stg-level-header-row{flex-direction:column;align-items:stretch}.stg-level-header{padding-bottom:4px}.stg-level-btns{border-left:none;border-top:1px solid var(--color-border, #e5e7eb);margin-left:0;padding:8px 0 10px;gap:6px;flex-wrap:wrap}.stg-level-btn{height:34px;padding:0 10px;font-size:11px;min-width:0;min-height:34px}.stg-scope-header{flex-direction:column;align-items:stretch;gap:6px}.stg-bulk-btns{border-left:none;padding-left:0;justify-content:flex-end}.stg-bulk-label{font-size:11px}.stg-tog-btn,.stg-bulk-btn{min-width:44px;min-height:44px}.stg-subscopes{grid-template-columns:1fr}.stg-subscope-row{padding:8px 4px}.stg-scope-section{margin-bottom:20px}.stg-toggle{gap:8px}}.cl-tablet .stg-subscopes{grid-template-columns:1fr}.cl-mobile .stg-level-name{font-size:13px}.cl-mobile .stg-level-header-row{flex-direction:column;align-items:stretch}.cl-mobile .stg-level-header{padding-bottom:4px}.cl-mobile .stg-level-btns{border-left:none;border-top:1px solid var(--color-border, #e5e7eb);margin-left:0;padding:8px 0 10px;gap:6px;flex-wrap:wrap}.cl-mobile .stg-level-btn{height:34px;padding:0 10px;font-size:11px;min-width:0;min-height:34px}.cl-mobile .stg-scope-header{flex-direction:column;align-items:stretch;gap:6px}.cl-mobile .stg-bulk-btns{border-left:none;padding-left:0;justify-content:flex-end}.cl-mobile .stg-bulk-label{font-size:11px}.cl-mobile .stg-tog-btn,.cl-mobile .stg-bulk-btn{min-width:44px;min-height:44px}.cl-mobile .stg-subscopes{grid-template-columns:1fr}.cl-mobile .stg-subscope-row{padding:8px 4px}.cl-mobile .stg-scope-section{margin-bottom:20px}.cl-mobile .stg-toggle{gap:8px}[data-theme=dark] .cl-mobile .stg-level-btns{border-top-color:var(--color-border, #333)}[data-a11y=high-contrast] .stg-dot-unknown{color:#db2777}[data-a11y=high-contrast] .stg-dot-focus{color:#0891b2}[data-a11y=high-contrast] .stg-dot-known{color:#2563eb}[data-a11y=high-contrast] .stg-level-btn-u{background:#fdf2f8;border-color:#f472b6;color:#db2777}[data-a11y=high-contrast] .stg-level-btn-f{background:#ecfeff;border-color:#22d3ee;color:#0891b2}[data-a11y=high-contrast] .stg-level-btn-k{background:#eff6ff;border-color:#60a5fa;color:#2563eb}[data-a11y=high-contrast] .stg-badge-unknown{background:linear-gradient(135deg,#db2777,#be185d)}[data-a11y=high-contrast] .stg-badge-focus{background:linear-gradient(135deg,#0891b2,#0e7490)}[data-a11y=high-contrast] .stg-badge-known{background:linear-gradient(135deg,#2563eb,#1d4ed8)}[data-a11y=high-contrast] .stg-bulk-u{background:#fdf2f8;border-color:#f472b6;color:#db2777}[data-a11y=high-contrast] .stg-bulk-f{background:#ecfeff;border-color:#22d3ee;color:#0891b2}[data-a11y=high-contrast] .stg-bulk-k{background:#eff6ff;border-color:#60a5fa;color:#2563eb}[data-a11y=high-contrast] .stg-bulk-btn.stg-bulk-active.stg-bulk-u{background:#db2777;border-color:#db2777}[data-a11y=high-contrast] .stg-bulk-btn.stg-bulk-active.stg-bulk-f{background:#0891b2;border-color:#0891b2}[data-a11y=high-contrast] .stg-bulk-btn.stg-bulk-active.stg-bulk-k{background:#2563eb;border-color:#2563eb}[data-a11y=high-contrast] .stg-tog-u{background:#fdf2f8;border-color:#f9a8d4;color:#db2777}[data-a11y=high-contrast] .stg-tog-f{background:#ecfeff;border-color:#67e8f9;color:#0891b2}[data-a11y=high-contrast] .stg-tog-k{background:#eff6ff;border-color:#93c5fd;color:#2563eb}[data-a11y=high-contrast] .stg-tog-btn.stg-active-notlearned{background:#db2777;border-color:#db2777}[data-a11y=high-contrast] .stg-tog-btn.stg-active-focus{background:#0891b2;border-color:#0891b2}[data-a11y=high-contrast] .stg-tog-btn.stg-active-mastered{background:#2563eb;border-color:#2563eb}[data-theme=dark][data-a11y=high-contrast] .stg-level-btn-u{background:#db277726;border-color:#db277799;color:#f472b6}[data-theme=dark][data-a11y=high-contrast] .stg-level-btn-f{background:#0891b226;border-color:#0891b299;color:#22d3ee}[data-theme=dark][data-a11y=high-contrast] .stg-level-btn-k{background:#2563eb26;border-color:#2563eb99;color:#60a5fa}[data-theme=dark][data-a11y=high-contrast] .stg-bulk-u{background:#db277726;border-color:#db27778c}[data-theme=dark][data-a11y=high-contrast] .stg-bulk-f{background:#0891b226;border-color:#0891b28c}[data-theme=dark][data-a11y=high-contrast] .stg-bulk-k{background:#2563eb26;border-color:#2563eb8c}[data-theme=dark][data-a11y=high-contrast] .stg-tog-u{background:#db27771f;border-color:#db277766}[data-theme=dark][data-a11y=high-contrast] .stg-tog-f{background:#0891b21f;border-color:#0891b266}[data-theme=dark][data-a11y=high-contrast] .stg-tog-k{background:#2563eb1f;border-color:#2563eb66}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}