.iv-update-banner{background:linear-gradient(135deg,var(--accent-soft)0%,var(--surface)50%,var(--accent-soft)100%);border-bottom:1px solid var(--border);align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.iv-update-shimmer{background:linear-gradient(90deg,#0000 0%,#3b82f614 40%,#3b82f626 50%,#3b82f614 60%,#0000 100%) 0 0/200% 100%;animation:2.5s ease-in-out infinite iv-shimmer;position:absolute;inset:0}@keyframes iv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.iv-update-content{color:var(--ink);flex:1;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:flex;position:relative}.iv-update-content:hover{opacity:.8}.iv-update-content svg{color:var(--accent);flex-shrink:0}.iv-update-badge{color:#fff;background:var(--accent);letter-spacing:.06em;border-radius:4px;padding:2px 7px;font-size:.6rem;font-weight:700;animation:2s ease-in-out infinite iv-badge-glow}@keyframes iv-badge-glow{0%,to{box-shadow:0 0 4px #3b82f64d}50%{box-shadow:0 0 12px #3b82f680}}.iv-update-text{flex:1}.iv-update-close{width:32px;height:32px;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;transition:all .15s;display:flex;position:relative}.iv-update-close:hover{background:var(--surface-raised);color:var(--ink)}.iv-menu-wrap{position:relative}.iv-menu-backdrop{z-index:9;position:fixed;inset:0}.iv-menu-dropdown{white-space:nowrap;background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:10px;min-width:200px;padding:4px;animation:.15s ease-out iv-menu-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}@keyframes iv-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.iv-menu-item{width:100%;color:var(--ink);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;text-decoration:none;transition:background .12s;display:flex}.iv-menu-item:hover{background:var(--surface-raised)}.iv-menu-item svg{color:var(--ink-muted);flex-shrink:0}.iv-menu-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite iv-dot-pulse;position:absolute;top:4px;right:4px}@keyframes iv-dot-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 4px #ef444400}}.iv-hover-btn-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:transform .3s}.iv-hover-btn:hover .iv-hover-btn-dot{transform:scale(80)}.iv-hover-btn-label{transition:transform .3s,opacity .3s;display:inline-block}.iv-hover-btn:hover .iv-hover-btn-label{opacity:0;transform:translate(40px)}.iv-hover-btn-reveal{z-index:1;color:#fff;opacity:0;justify-content:center;align-items:center;gap:5px;font-weight:600;transition:transform .3s,opacity .3s;display:flex;position:absolute;inset:0;transform:translate(40px)}.iv-hover-btn:hover .iv-hover-btn-reveal{opacity:1;transform:translate(-2px)}.iv-hero:before{content:"";background:radial-gradient(circle,#60a5fa33 0%,#0000 60%);border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-60px}.iv-hero-title-mobile{font-family:var(--font-heading);color:#fff;text-align:center;margin:0 auto 20px;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700;line-height:1.3;display:none}.iv-morphing-title.morphing-text-wrap{margin-bottom:20px}.iv-hero h1{font-family:var(--font-heading);margin-bottom:6px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;position:relative}.iv-hero-sub{opacity:0;letter-spacing:.02em;max-width:600px;margin:8px auto 0;font-size:.85rem;line-height:1.5;animation:.8s ease-out .3s forwards iv-fade-in-up;position:relative}@keyframes iv-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}.iv-hero-contribute{opacity:.7;cursor:pointer;margin-top:8px;font-size:.85rem;transition:opacity .2s}.iv-hero-contribute:hover{opacity:1}.iv-hero-contribute span{color:var(--accent);font-weight:600;text-decoration:underline}.iv-hero-stats{justify-content:center;gap:24px;margin-top:20px;display:flex;position:relative}.iv-hero-stat{text-align:center}.iv-hero-stat-num{font-family:var(--font-heading);color:#60a5fa;font-size:1.8rem;font-weight:700;transition:color .3s}.iv-hero-stat:hover .iv-hero-stat-num{color:#a78bfa}.iv-hero-stat-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.iv-back-link{color:var(--ink-muted);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.iv-back-link:hover{color:var(--ink);background:var(--surface-hover)}.iv-topbar{top:var(--app-bar-height,54px);z-index:100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky}.iv-search-box{flex:0 320px;width:320px;max-width:100%;margin:0 auto;transition:flex-basis .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);position:relative}.iv-search-box:focus-within{flex-basis:440px;width:440px}.iv-search-box input{border:1px solid var(--border-strong);width:100%;font-family:var(--font-body);background:var(--surface-raised);color:var(--ink);border-radius:999px;outline:none;padding:9px 14px 9px 38px;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.iv-search-box input::placeholder{color:var(--ink-muted);font-weight:400}.iv-search-box input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.iv-search-box>svg{width:18px;height:18px;color:var(--ink-muted);transition:color .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.iv-search-box:focus-within>svg{color:var(--accent)}.iv-search-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite iv-spin;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@keyframes iv-spin{to{transform:translateY(-50%)rotate(360deg)}}.iv-search-clear{appearance:none;background:var(--surface-raised);width:20px;height:20px;color:var(--ink-muted);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;line-height:0;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.iv-search-clear svg{width:14px;height:14px;position:static;transform:none}.iv-search-clear:hover{background:var(--surface-hover);color:var(--ink)}.iv-search-box input{padding-right:32px}.iv-highlight{background:var(--amber-bg);color:var(--amber-ink);border-radius:2px;padding:1px 2px}[data-theme=dark] .iv-highlight{color:#fbbf24;background:#fbbf2433}.iv-search-loading{flex-direction:column;gap:12px;display:flex}.iv-skeleton-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px 20px}.iv-skeleton-line{background:linear-gradient(90deg,var(--surface-raised)25%,var(--surface-hover)50%,var(--surface-raised)75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.5s infinite iv-shimmer}.iv-skeleton-title{width:75%;margin-bottom:10px}.iv-skeleton-meta{width:35%;height:12px}.iv-filter-group{flex-wrap:wrap;gap:6px;display:flex}.iv-filter-btn{border:1px solid var(--border);font-family:var(--font-body);cursor:pointer;background:var(--surface);color:var(--ink-secondary);white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .15s}.iv-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.iv-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.iv-filter-btn.active[data-level=beginner]{background:#2563eb;border-color:#2563eb}.iv-filter-btn.active[data-level=intermediate]{background:#e58e07;border-color:#e58e07}.iv-filter-btn.active[data-level=advanced]{background:#f43f5e;border-color:#f43f5e}.iv-filter-divider{background:var(--border-strong);flex-shrink:0;align-self:center;width:1px;height:20px}.iv-fpt-btn{font-family:var(--font-body);cursor:pointer;color:#e65100;white-space:nowrap;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #e65100;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .2s;position:relative}.iv-fpt-btn:hover{background:linear-gradient(135deg,#ffe0b2,#ffcc80);transform:translateY(-1px);box-shadow:0 2px 8px #e6510040}.iv-fpt-btn.active{color:#fff;background:linear-gradient(135deg,#e65100,#bf360c);border-color:#bf360c;box-shadow:0 2px 8px #e6510059}[data-theme=dark] .iv-fpt-btn{color:#ff8a65;background:linear-gradient(135deg,#3e2723,#4e342e);border-color:#ff8a65}[data-theme=dark] .iv-fpt-btn:hover{background:linear-gradient(135deg,#4e342e,#5d4037);box-shadow:0 2px 8px #ff8a654d}[data-theme=dark] .iv-fpt-btn.active{color:#fff;background:linear-gradient(135deg,#e65100,#bf360c)}.iv-theme-toggle,.iv-menu-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.iv-theme-toggle:hover,.iv-menu-toggle:hover{border-color:var(--accent);color:var(--accent)}.iv-layout{max-width:1200px;font-size:var(--iv-fs,16px);--iv-sidebar-w:240px;align-items:stretch;gap:0;min-height:calc(100vh - 200px);margin:0 auto;display:flex}.iv-layout.iv-layout--no-sidebar{--iv-sidebar-w:0px}.iv-sidebar{flex:0 0 var(--iv-sidebar-w);width:var(--iv-sidebar-w);border-right:1px solid var(--border);background:var(--surface);top:var(--app-bar-height);height:calc(100vh - var(--app-bar-height));padding:16px 0;transition:flex-basis .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .2s,border-color .2s;position:sticky;overflow:hidden auto}.iv-layout--no-sidebar .iv-sidebar{opacity:0;pointer-events:none;border-right-color:#0000}@media (prefers-reduced-motion:reduce){.iv-sidebar{transition:none}}.iv-sidebar-tabs{background:var(--surface-raised);border-radius:8px;gap:2px;margin:8px 12px;padding:3px;display:flex}.iv-sidebar-tab{font-family:var(--font-body);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 0;font-size:.8rem;font-weight:500;transition:all .15s}.iv-sidebar-tab:hover{color:var(--ink)}.iv-sidebar-tab.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #00000014}.iv-sidebar-list{flex:1;overflow-y:auto}.iv-sidebar-search{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;align-items:center;min-height:32px;margin:8px 12px 6px;padding:0 8px 0 30px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative}.iv-sidebar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent)22%,transparent)}.iv-sidebar-search>svg{width:13px;height:13px;color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.iv-sidebar-search input{min-width:0;height:30px;color:var(--ink);font-family:var(--font-body);background:0 0;border:0;outline:none;flex:auto;font-size:.82rem}.iv-sidebar-search input::placeholder{color:var(--ink-faint)}.iv-sidebar-search-clear{background:color-mix(in oklab,var(--ink)8%,transparent);width:18px;height:18px;color:var(--ink-secondary);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.iv-sidebar-search-clear:hover{background:color-mix(in oklab,var(--ink)16%,transparent);color:var(--ink)}.iv-sidebar-empty{text-align:center;color:var(--ink-faint);padding:24px 16px;font-size:.82rem}.iv-sidebar-empty strong{color:var(--ink-secondary);font-weight:600}.iv-sidebar-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:8px 16px 4px;font-size:.7rem;font-weight:600}.iv-sidebar-item{color:var(--ink-secondary);cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;transition:all .12s;display:flex}.iv-sidebar-item:hover{background:var(--surface-raised);color:var(--ink)}.iv-sidebar-item.active{background:var(--accent-soft);color:var(--accent-ink);border-left-color:var(--accent);font-weight:500}.iv-sidebar-count{font-size:.7rem;font-family:var(--font-mono);background:var(--surface-raised);color:var(--ink-muted);border-radius:10px;padding:2px 6px}.iv-sidebar-item.active .iv-sidebar-count{background:var(--accent);color:#fff}.iv-sidebar-section{align-items:center;gap:8px;padding:14px 12px 4px;display:flex}.iv-sidebar-section:before{content:"";background:var(--border);flex:0 0 10px;height:1px}.iv-sidebar-section:after{content:"";background:var(--border);flex:1;height:1px}.iv-sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;flex-shrink:0;font-size:.62rem;font-weight:700}.iv-sidebar-badge-soon{background:var(--amber-bg);color:var(--amber-ink);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:600}.iv-sidebar-icon{vertical-align:-4px;flex-shrink:0;width:20px;height:20px;margin-right:6px;display:inline-block}[data-theme=dark] .iv-sidebar-icon[src*=nextjs]{filter:brightness(0)invert()}.iv-sidebar-group{font-weight:500}.iv-sidebar-subs{border-left:1px solid var(--border);margin-left:12px}.iv-sidebar-sub{color:var(--ink-muted);padding:5px 12px;font-size:.8rem}.iv-sidebar-sub:hover{color:var(--ink)}.iv-sidebar-progress{background:var(--surface-raised);border-radius:var(--radius);margin:12px 16px;padding:12px}.iv-sidebar-progress-label{color:var(--ink-muted);margin-bottom:6px;font-size:.75rem}.iv-progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.iv-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.iv-progress-text{font-size:.7rem;font-family:var(--font-mono);color:var(--ink-muted);margin-top:4px}.iv-content{flex:1 1 0;min-width:0;padding:20px 28px;position:relative;overflow-y:auto}.iv-content-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.iv-content-title{font-family:var(--font-heading);align-items:center;gap:8px;font-size:1.3rem;font-weight:600;display:flex}.iv-content-title-icon{flex-shrink:0}[data-theme=dark] .iv-content-title-icon[src*=nextjs]{filter:brightness(0)invert()}.iv-content-count{color:var(--ink-faint);font-size:.75rem;font-family:var(--font-mono)}.iv-view-toggle{gap:0;display:flex}.iv-view-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);cursor:pointer;font-size:.75rem;font-family:var(--font-body);padding:6px 12px;transition:all .12s}.iv-view-btn:first-child{border-radius:var(--radius)0 0 var(--radius)}.iv-view-btn:last-child{border-radius:0 var(--radius)var(--radius)0}.iv-view-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.qa-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:8px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.qa-card:hover{border-color:var(--border-strong);box-shadow:0 1px 4px #0000000d}.qa-card[data-bookmarked]{background:color-mix(in srgb,#eab308 3%,var(--surface));border-left:3px solid #eab308}.qa-card[data-learned]{border-left:3px solid var(--green-ink);opacity:.55}.qa-card[data-learned] .qa-text{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-decoration-thickness:1px}.qa-card[data-bookmarked][data-learned]{border-left-color:var(--green-ink)}.qa-question{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.qa-question:focus-visible{background-color:color-mix(in srgb,var(--accent)5%,transparent);outline:none}.qa-num{font-family:var(--font-mono);color:var(--ink-faint);min-width:36px;padding-top:2px;font-size:.7rem;font-weight:500}.qa-text{font-size:var(--iv-fs,16px);color:var(--ink);flex:1;font-weight:500;line-height:1.5}.qa-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.qa-subcategory{white-space:nowrap;background:var(--surface-raised);color:var(--ink-faint);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:500}.qa-level{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:.6rem;font-weight:600}.qa-actions{gap:4px;display:flex}.qa-action-btn{width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;transition:all .12s;display:flex}.qa-action-btn:hover{background:var(--surface-raised);color:var(--ink)}.qa-action-btn.active{color:#eab308;animation:.35s bookmark-pop}.qa-action-btn.learned-active{color:#16a34a}[data-theme=dark] .qa-action-btn.learned-active{color:#4ade80}@keyframes bookmark-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.qa-answer{font-size:calc(var(--iv-fs,16px)*.94);color:var(--ink-secondary);border-top:1px solid var(--border);background:var(--surface-raised);padding:14px 20px 16px 68px;line-height:1.7;animation:.15s ease-out answer-reveal}.qa-answer-sections{flex-direction:column;gap:0;display:flex}.qa-answer-sections.is-bilingual{gap:18px}.qa-answer-section{min-width:0;position:relative}.qa-answer-lang{border:1px solid var(--border);background:var(--surface);height:20px;color:var(--ink-muted);font-family:var(--font-heading);letter-spacing:.06em;border-radius:999px;align-items:center;margin:0 0 8px;padding:0 7px;font-size:.66rem;font-weight:750;line-height:1;display:inline-flex}.qa-answer-sections.is-bilingual .qa-answer-section+.qa-answer-section{border-top:1px dashed var(--border);padding-top:18px}.qa-answer-blurred-wrap{isolation:isolate;min-height:120px;position:relative}.qa-answer-blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.7;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 95%);mask-image:linear-gradient(#000 0% 55%,#0000 95%)}.qa-answer-skeleton{flex-direction:column;gap:12px;padding:6px 0 18px;display:flex;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 95%);mask-image:linear-gradient(#000 0% 55%,#0000 95%)}.qa-answer-skeleton-bar{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;height:12px}.qa-blur-overlay{z-index:1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.qa-blur-overlay-body{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:8px 8px 8px 14px;display:inline-flex;box-shadow:0 1px 2px #0f1b3d0d,0 12px 32px -16px #0f1b3d40}[data-theme=dark] .qa-blur-overlay-body{box-shadow:0 1px 2px #0006,0 16px 32px -12px #0000008c}.qa-blur-overlay-body>svg{color:var(--ink-muted);flex-shrink:0}.qa-blur-overlay-text{font-family:var(--font-body);color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.qa-blur-overlay-cta{font-family:var(--font-heading);color:#fff;cursor:pointer;white-space:nowrap;background:#d97706;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.qa-blur-overlay-cta:hover{background:#b45309;transform:translateY(-1px)}[data-theme=dark] .qa-blur-overlay-cta{color:#fff;background:#f59e0b}[data-theme=dark] .qa-blur-overlay-cta:hover{background:#fbbf24}.qa-blur-overlay-cta:active{transform:translateY(0)}@media (max-width:540px){.qa-blur-overlay-body{gap:8px;padding:8px 8px 8px 12px}.qa-blur-overlay-text{font-size:.78rem}.qa-blur-overlay-cta{padding:6px 12px;font-size:.78rem}}@keyframes answer-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.qa-answer code:not(.qa-code-block),.qd-answer code:not(.qa-code-block){font-family:var(--font-mono);background:var(--accent-soft);color:var(--accent-ink);white-space:normal;overflow-wrap:anywhere;word-break:normal;border-radius:4px;padding:1px 5px;font-size:.82em}.qa-summary{color:var(--ink);margin:0 0 8px;font-weight:500}.qa-detail{color:var(--ink-secondary);margin:6px 0;line-height:1.65}.qa-points{flex-direction:column;gap:4px;margin:0;padding-left:18px;list-style:outside;display:flex}.qa-points.qa-numbered{counter-reset:qa-counter;gap:6px;padding-left:0;list-style:none}.qa-points.qa-numbered li{counter-increment:qa-counter;padding-left:28px;position:relative}.qa-points.qa-numbered li:before{content:counter(qa-counter);background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.72em;font-weight:700;display:flex;position:absolute;top:1px;left:0}.qa-points li{line-height:1.65}.qa-points li::marker{color:var(--accent)}.qa-pitfall{color:var(--ink);background:#f4433614;border-left:3px solid #f44336;border-radius:0 4px 4px 0;margin:10px 0 4px;padding:8px 12px;font-size:.95em;line-height:1.6}.qa-pitfall strong:first-child,.qa-pitfall code:first-child{color:#d32f2f}.qa-example{color:var(--ink);background:#2196f314;border-left:3px solid #2196f3;border-radius:0 4px 4px 0;margin:10px 0 4px;padding:8px 12px;font-size:.95em;line-height:1.6}html{--code-bg:#1e1e2e;--code-bar-bg:#181825;--code-border:#313244;--code-text:#cdd6f4;--code-muted:#a6adc8;--code-scrollbar:#45475a;--code-scrollbar-hover:#585b70;--code-keyword:#cba6f7;--code-function:#89b4fa;--code-string:#a6e3a1;--code-number:#fab387;--code-comment:#6c7086;--code-type:#f9e2af;--code-tag:#f38ba8;--code-builtin:#89dceb;--code-symbol:#f5c2e7;--code-property:#f2cdcd}html[data-code-theme=github-dark]{--code-bg:#0d1117;--code-bar-bg:#010409;--code-border:#30363d;--code-text:#c9d1d9;--code-muted:#7d8590;--code-scrollbar:#30363d;--code-scrollbar-hover:#484f58;--code-keyword:#ff7b72;--code-function:#d2a8ff;--code-string:#a5d6ff;--code-number:#79c0ff;--code-comment:#8b949e;--code-type:#ffa657;--code-tag:#7ee787;--code-builtin:#ffa657;--code-symbol:#d2a8ff;--code-property:#79c0ff}html[data-code-theme=dracula]{--code-bg:#282a36;--code-bar-bg:#21222c;--code-border:#44475a;--code-text:#f8f8f2;--code-muted:#bd93f9;--code-scrollbar:#44475a;--code-scrollbar-hover:#6272a4;--code-keyword:#ff79c6;--code-function:#50fa7b;--code-string:#f1fa8c;--code-number:#bd93f9;--code-comment:#6272a4;--code-type:#8be9fd;--code-tag:#ff79c6;--code-builtin:#8be9fd;--code-symbol:#ffb86c;--code-property:#8be9fd}html[data-code-theme=tokyo-night]{--code-bg:#1a1b26;--code-bar-bg:#16161e;--code-border:#292e42;--code-text:#c0caf5;--code-muted:#565f89;--code-scrollbar:#292e42;--code-scrollbar-hover:#414868;--code-keyword:#bb9af7;--code-function:#7aa2f7;--code-string:#9ece6a;--code-number:#ff9e64;--code-comment:#565f89;--code-type:#2ac3de;--code-tag:#f7768e;--code-builtin:#2ac3de;--code-symbol:#e0af68;--code-property:#7dcfff}html[data-code-theme=github-light]{--code-bg:#f6f8fa;--code-bar-bg:#eaeef2;--code-border:#d0d7de;--code-text:#24292f;--code-muted:#6e7781;--code-scrollbar:#d0d7de;--code-scrollbar-hover:#afb8c1;--code-keyword:#cf222e;--code-function:#8250df;--code-string:#0a3069;--code-number:#0550ae;--code-comment:#6e7781;--code-type:#953800;--code-tag:#116329;--code-builtin:#953800;--code-symbol:#8250df;--code-property:#0550ae}html[data-code-theme=catppuccin-latte]{--code-bg:#eff1f5;--code-bar-bg:#e6e9ef;--code-border:#ccd0da;--code-text:#4c4f69;--code-muted:#6c6f85;--code-scrollbar:#bcc0cc;--code-scrollbar-hover:#acb0be;--code-keyword:#8839ef;--code-function:#1e66f5;--code-string:#40a02b;--code-number:#fe640b;--code-comment:#9ca0b0;--code-type:#df8e1d;--code-tag:#d20f39;--code-builtin:#209fb5;--code-symbol:#ea76cb;--code-property:#dc8a78}.qa-code-wrap{border:1px solid var(--code-border);background:var(--code-bg);border-radius:8px;margin:10px 0 6px;position:relative;overflow:hidden}.qa-code-lang{font-family:var(--font-mono);color:var(--code-string);background:var(--code-bar-bg);border-bottom:1px solid var(--code-border);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:4px 14px;font-size:.68rem;font-weight:700;display:block}.qa-code-pre{background:var(--code-bg);scrollbar-width:thin;scrollbar-color:var(--code-scrollbar)transparent;margin:0;padding:12px 16px;overflow-x:auto}.qa-code-copy{z-index:2;font-family:var(--font-mono);letter-spacing:.04em;color:var(--code-muted);background:color-mix(in oklab,var(--code-border)70%,transparent);border:1px solid var(--code-border);cursor:pointer;opacity:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:opacity .15s,background .15s,color .15s;display:inline-flex;position:absolute;top:6px;right:6px}.qa-code-wrap:hover .qa-code-copy,.qa-code-copy:focus-visible,.qa-code-copy.is-copied{opacity:1}.qa-code-copy:hover{background:var(--code-scrollbar-hover);color:var(--code-text)}.qa-code-copy.is-copied{background:color-mix(in oklab,var(--code-string)18%,transparent);border-color:color-mix(in oklab,var(--code-string)45%,transparent);color:var(--code-string)}.qa-code-copy-icon-default,.qa-code-copy-icon-done,.qa-code-copy-label-default,.qa-code-copy-label-done{align-items:center;display:inline-flex}.qa-code-copy .qa-code-copy-icon-done,.qa-code-copy .qa-code-copy-label-done,.qa-code-copy.is-copied .qa-code-copy-icon-default,.qa-code-copy.is-copied .qa-code-copy-label-default{display:none}.qa-code-copy.is-copied .qa-code-copy-icon-done,.qa-code-copy.is-copied .qa-code-copy-label-done{display:inline-flex}.qa-code-pre::-webkit-scrollbar{height:4px}.qa-code-pre::-webkit-scrollbar-thumb{background:var(--code-scrollbar);border-radius:2px}.qa-code-block{font-family:var(--font-mono);color:var(--code-text);white-space:pre;font-size:.8rem;line-height:1.7;display:block}.hljs{color:var(--code-text);background:0 0}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:var(--code-keyword);font-weight:700}.hljs-built_in,.hljs-selector-id,.hljs-selector-class{color:var(--code-builtin)}.hljs-type,.hljs-class .hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__{color:var(--code-type)}.hljs-title,.hljs-title.function_{color:var(--code-function)}.hljs-string,.hljs-doctag,.hljs-template-variable,.hljs-template-tag{color:var(--code-string)}.hljs-number,.hljs-literal{color:var(--code-number)}.hljs-comment,.hljs-quote{color:var(--code-comment);font-style:italic}.hljs-variable,.hljs-params{color:var(--code-text)}.hljs-attr,.hljs-attribute{color:var(--code-function)}.hljs-meta,.hljs-meta .hljs-keyword{color:var(--code-number)}.hljs-operator,.hljs-punctuation{color:var(--code-builtin)}.hljs-property{color:var(--code-property)}.hljs-regexp{color:var(--code-symbol)}.hljs-tag{color:var(--code-tag)}.hljs-tag .hljs-attr{color:var(--code-function)}.hljs-tag .hljs-string{color:var(--code-string)}.hljs-selector-pseudo{color:var(--code-builtin)}.hljs-link{color:var(--code-function);text-decoration:underline}.hljs-symbol{color:var(--code-symbol)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme=dark] .qa-code-wrap{border-color:var(--code-border)}.iv-fpt-banner{border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 50%,#ffcc80 100%);border:2px solid #e65100;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;transition:all .2s;display:flex;position:relative}.iv-fpt-banner:hover{transform:translateY(-2px);box-shadow:0 4px 16px #e6510033}[data-theme=dark] .iv-fpt-banner{background:linear-gradient(135deg,#3e2723 0%,#4e342e 50%,#5d4037 100%);border-color:#ff8a65}.iv-fpt-banner-left{align-items:center;gap:14px;min-width:0;display:flex}.iv-fpt-banner-icon{flex-shrink:0;font-size:2rem}.iv-fpt-banner-title{font-family:var(--font-heading);color:#bf360c;margin-bottom:2px;font-size:1rem;font-weight:700}[data-theme=dark] .iv-fpt-banner-title{color:#ffab91}.iv-fpt-banner-desc{color:#6d4c41;font-size:.8rem;line-height:1.4}[data-theme=dark] .iv-fpt-banner-desc{color:#bcaaa4}.iv-fpt-banner-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#ef4444;border-radius:10px;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:-8px;right:16px;box-shadow:0 2px 6px #ef444466}.iv-fpt-banner-arrow{color:#bf360c;flex-shrink:0;font-size:1.4rem;font-weight:700}[data-theme=dark] .iv-fpt-banner-arrow{color:#ffab91}@media (max-width:640px){.iv-fpt-banner{padding:14px 16px}.iv-fpt-banner-icon{font-size:1.5rem}.iv-fpt-banner-title{font-size:.9rem}}.iv-empty{text-align:center;color:var(--ink-muted);padding:60px 20px;font-size:.9rem}.iv-load-more{text-align:center;padding:1.5rem 0}.iv-load-more-btn{border:1px solid var(--border);font-family:var(--font-body);cursor:pointer;background:var(--surface);color:var(--ink-secondary);border-radius:20px;padding:10px 28px;font-size:.85rem;transition:all .15s;display:inline-block}.iv-load-more-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-hover,var(--surface))}.iv-settings-overlay{z-index:299;background:#0006;animation:.15s iv-fade-in;position:fixed;inset:0}@keyframes iv-fade-in{0%{opacity:0}to{opacity:1}}.iv-settings-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:300;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);padding:24px;animation:.2s iv-popup-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 16px 48px #0003}@keyframes iv-popup-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.iv-settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.iv-settings-title{font-family:var(--font-heading);color:var(--ink);font-size:1.1rem;font-weight:700}.iv-settings-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.iv-settings-close:hover{border-color:var(--ink-muted);color:var(--ink);background:var(--surface-raised)}.iv-settings-row{color:var(--ink);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;font-size:.88rem;display:flex}.iv-settings-row:last-of-type{border-bottom:none}.iv-settings-row span:first-child{align-items:center;gap:8px;display:flex}.iv-settings-toggle{background:var(--surface-hover);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.iv-settings-toggle[data-active=true]{background:var(--accent)}.iv-settings-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.iv-settings-toggle[data-active=true] .iv-settings-toggle-thumb{transform:translate(20px)}.iv-settings-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.iv-settings-chips{gap:6px;margin-top:10px;display:flex}.iv-settings-chip{border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);font-family:var(--font-body);cursor:pointer;text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.iv-settings-chip:hover{border-color:var(--accent);color:var(--accent)}.iv-settings-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.iv-settings-section{color:var(--ink);border-bottom:1px solid var(--border);padding:12px 0;font-size:.88rem}.iv-font-chip{font-family:var(--font-heading);font-weight:700;position:relative}.iv-font-chip-dot{background:var(--ink-faint);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.iv-font-chip.active .iv-font-chip-dot{background:#fff}.iv-settings-chip.iv-chip-danger{border-color:var(--rose-ink);color:var(--rose-ink);background:var(--rose-bg)}.iv-settings-chip.iv-chip-danger:hover{background:var(--rose-ink);color:#fff}.iv-settings-modal{max-width:420px}.iv-settings-body{padding:16px 20px}.iv-settings-body .iv-settings-section:last-child{border-bottom:none}.iv-settings-body .iv-settings-row{border-bottom:1px solid var(--border);padding:14px 0}.iv-settings-body .iv-settings-row:last-of-type{border-bottom:none}.iv-settings-chip svg{flex-shrink:0}.iv-sidebar::-webkit-scrollbar{width:4px}.iv-content::-webkit-scrollbar{width:4px}.iv-sidebar::-webkit-scrollbar-track{background:0 0}.iv-content::-webkit-scrollbar-track{background:0 0}.iv-sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.iv-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.iv-sidebar::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.iv-content::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.iv-sidebar,.iv-content{scrollbar-width:thin;scrollbar-color:var(--border-strong)transparent}@media (max-width:1024px){.iv-layout{grid-template-columns:200px 1fr}.iv-content{padding:16px 20px}}@media (max-width:768px){.iv-sidebar{z-index:180;opacity:1;border-right:1px solid var(--border);pointer-events:auto;flex:none;width:min(300px,85vw);height:100dvh;transition:left .25s;position:fixed;top:0;left:-300px;box-shadow:0 4px 24px #00000040}.iv-sidebar.open{left:0}.iv-sidebar-overlay{z-index:170;background:#0006;position:fixed;inset:0}.iv-content{padding:10px 8px 14px}.iv-content-header{flex-direction:column;align-items:flex-start;gap:8px}.iv-hero{padding:40px 16px 20px}.iv-hero h1{font-size:1.3rem}.iv-hero-sub{font-size:.82rem}.iv-hero-stats{flex-wrap:wrap;justify-content:center;gap:12px}.iv-hero-stat-num{font-size:1.4rem}.iv-hero-stat-label{font-size:.65rem}.iv-morphing-title.morphing-text-wrap{display:none!important}.iv-hero-title-mobile{display:block!important}.iv-hero-actions{gap:6px;top:8px;right:12px}.iv-hover-btn{padding:6px;overflow:visible}.iv-hover-btn-label,.iv-hover-btn-dot{display:none}.iv-hover-btn-reveal{opacity:1;gap:0;position:static;transform:none}.iv-hover-btn-reveal span{display:none}.iv-hover-btn-reveal svg{display:block}.iv-hover-btn.iv-hover-btn--donate .iv-hover-btn-reveal{color:#fff}.iv-hover-btn:hover .iv-hover-btn-reveal{transform:none}.iv-lang-toggle{padding:6px 8px;font-size:.75rem}.iv-hero-action-btn{padding:6px}.iv-topbar{gap:8px;padding:8px 12px 9px}.iv-topbar-identity{flex:100%}.iv-search-box{flex:100%;order:2;width:100%;margin:0}.iv-search-box:focus-within{flex-basis:100%;width:100%}.iv-filter-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:100%;order:3;justify-content:flex-start;overflow-x:auto}.iv-filter-group::-webkit-scrollbar{display:none}.iv-filter-btn{flex-shrink:0;padding:5px 12px;font-size:.75rem}.iv-menu-toggle{order:1;display:flex!important}.iv-theme-toggle{order:4}.qa-card{border-radius:8px;margin-bottom:10px}.qa-question{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:5px 9px;padding:12px;display:grid}.qa-num{grid-area:1/1;min-width:0;padding-top:2px;font-size:.65rem}.qa-text{grid-area:1/2;min-width:0;line-height:1.48}.qa-answer{padding:12px 12px 14px 47px}.qa-meta{flex-direction:row;grid-area:2/2;justify-content:space-between;align-items:center;gap:8px;width:100%}.qa-subcategory{font-size:.58rem}.qa-level{font-size:.6rem}.qa-actions{gap:4px;margin-left:auto}.qa-action-btn{width:34px;height:34px;font-size:.82rem}.iv-settings-popup{width:min(340px,100vw - 24px)}}@media (max-width:400px){.iv-hero{padding:36px 12px 16px}.iv-hero h1{font-size:1.15rem}.iv-hero-stats{gap:8px}.iv-hero-stat-num{font-size:1.2rem}.iv-content{padding:8px}.qa-question{grid-template-columns:24px minmax(0,1fr);gap:4px 8px;padding:10px}.qa-answer{padding:10px 10px 12px 42px}.qa-action-btn{width:32px;height:32px}.iv-sidebar-tabs{margin:6px 8px}.iv-sidebar-item{padding:7px 12px;font-size:.82rem}.iv-hero-actions{gap:4px;top:6px;right:8px}.iv-lang-toggle span{display:none}.iv-lang-toggle{padding:6px}}@media (min-width:768.01px){.iv-menu-toggle,.iv-sidebar-overlay{display:none!important}}.iv-contribute-toggle{transition:all .15s;display:none}.iv-contribute-toggle:hover{background:var(--accent);color:#fff}.iv-donate-modal{max-width:420px}.iv-donate-desc{color:var(--ink-muted);text-align:center;margin:0;padding:16px 20px 0;font-size:.95rem;font-style:italic;line-height:1.6}.iv-donate-buttons{flex-direction:column;gap:12px;padding:20px;display:flex}.iv-donate-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.iv-donate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.iv-donate-btn:active{transform:translateY(0)}.iv-donate-btn-coffee{color:#0d0d0d;background:#fd0}.iv-donate-btn-momo{color:#fff;background:#d82d8b;border:none}.iv-donate-btn-telegram{color:#fff;background:#26a5e4;border:none}.iv-donate-qr-wrap{flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex}.iv-donate-qr-img{border-radius:10px;width:100%;max-width:380px}.iv-contribute-github-tab{padding-bottom:8px}.iv-donate-btn-issue{color:#fff;background:#238636}.iv-donate-btn-pr{color:#fff;background:#8957e5}.iv-donate-btn-github{background:var(--surface-raised);color:var(--ink);border:1px solid var(--border)}.iv-donate-qr-back{border:1px solid var(--border);background:var(--surface-raised);color:var(--ink-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:12px auto 0;padding:8px 16px;font-size:.85rem;transition:background .15s;display:flex}.iv-donate-qr-back:hover{background:var(--border)}@media (max-width:400px){.iv-donate-modal{width:calc(100vw - 16px)}}@supports (padding:env(safe-area-inset-bottom)){.iv-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.iv-content{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.iv-page{background:var(--surface-page);color:var(--ink);min-height:100dvh}.iv-qa-list{display:block}.iv-topbar-identity{align-items:center;gap:10px;min-width:0;display:inline-flex}.iv-back-link-icon{color:inherit;flex-shrink:0}.iv-page-header{background:var(--surface-page);padding:0}.iv-page-header:empty{display:none}.iv-page-title{font-family:var(--font-heading);letter-spacing:-.005em;color:var(--ink);align-items:center;gap:8px;min-width:0;margin:0;font-size:.98rem;font-weight:600;display:inline-flex}.iv-page-title>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.iv-page-title-icon{border-radius:4px;flex-shrink:0}[data-theme=dark] .iv-page-title-icon{filter:brightness(1.05)}.iv-status-toggle{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--ink-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.iv-status-toggle:hover{background:var(--surface-hover);color:var(--ink)}.iv-status-toggle.active{color:var(--ink);border-color:#0000}.iv-status-toggle--saved.active{background:var(--amber-bg);color:var(--amber-ink);border-color:color-mix(in oklab,var(--amber-ink)25%,transparent)}.iv-status-toggle--learned.active{background:var(--green-bg);color:var(--green-ink);border-color:color-mix(in oklab,var(--green-ink)25%,transparent)}.iv-topbar-settings-btn,.iv-topbar-flashcards{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--ink-secondary);cursor:pointer;font:600 .78rem/1 var(--font-body);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.iv-topbar-settings-btn{width:34px;padding:0}.iv-topbar-settings-btn:hover,.iv-topbar-flashcards:hover{background:var(--surface-hover);color:var(--ink)}.iv-sidebar-edge-toggle{z-index:50;border:1px solid var(--border);background:var(--surface);width:24px;height:44px;color:var(--ink-muted);cursor:pointer;border-radius:0 8px 8px 0;justify-content:center;align-items:center;padding:0;transition:left .28s cubic-bezier(.4,0,.2,1),border-radius .28s cubic-bezier(.4,0,.2,1),background .15s,color .15s,border-color .15s;display:inline-flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.iv-sidebar-edge-toggle[aria-pressed=true]{border-right-color:#0000;border-radius:8px 0 0 8px;left:max(0px,50vw - 624px)}.iv-sidebar-edge-toggle:hover{background:var(--surface-hover);color:var(--ink);border-color:color-mix(in oklab,var(--ink)24%,transparent)}@media (prefers-reduced-motion:reduce){.iv-sidebar-edge-toggle{transition:none}}@media (max-width:768px){.iv-sidebar-edge-toggle{display:none}}.iv-level-trigger{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--ink-secondary);cursor:pointer;font:500 .8rem/1 var(--font-body);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px 0 12px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.iv-level-trigger:hover{background:var(--surface-hover);color:var(--ink)}.iv-level-trigger[data-state=open]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.iv-level-trigger.active{color:var(--ink)}.iv-level-trigger-prefix{color:var(--ink-muted);font-weight:500}.iv-level-trigger-value{color:var(--ink);font-weight:600}.iv-level-badge{font:600 .72rem/1.4 var(--font-body);letter-spacing:.01em;border-radius:999px;align-items:center;padding:2px 8px;display:inline-flex}.iv-level-popover{background:var(--surface);border:1px solid var(--border);z-index:160;border-radius:12px;min-width:240px;padding:6px;overflow:hidden;box-shadow:0 12px 36px #00000024}[data-theme=dark] .iv-level-popover{box-shadow:0 16px 40px #00000080}.iv-level-option{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink);border-radius:8px;outline:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.iv-level-option[data-highlighted],.iv-level-option:hover{background:var(--surface-hover)}.iv-level-option[data-state=checked]{background:var(--accent-soft)}.iv-level-option--with-hint{padding-top:10px;padding-bottom:10px}.iv-level-option-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:inline-flex}.iv-level-option-label{color:var(--ink);font-size:.85rem;font-weight:600}.iv-level-option-hint{color:var(--ink-muted);font-size:.72rem;line-height:1.35}.iv-level-option-check{color:var(--accent-ink);flex-shrink:0;margin-top:4px}.iv-empty-title{color:var(--ink-secondary);margin:0 0 12px;font-size:.98rem;font-weight:600}.iv-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:540px;margin:0 auto;display:inline-flex}.iv-empty-hint{color:var(--ink-muted);font-size:.78rem}.iv-empty-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-secondary);font:500 .78rem/1 var(--font-body);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.iv-empty-chip:hover{background:var(--surface-hover);border-color:var(--ink-faint);color:var(--ink)}.iv-subcat-strip{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:8px 0;display:flex;position:relative}.iv-subcat-arrow{z-index:2;border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--ink-secondary);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .14s,background .14s,color .14s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 3px #0000000f}.iv-subcat-arrow--left{left:0}.iv-subcat-arrow--right{right:0}.iv-subcat-strip.has-left .iv-subcat-arrow--left,.iv-subcat-strip.has-right .iv-subcat-arrow--right{opacity:1;pointer-events:auto}.iv-subcat-arrow:hover{background:var(--surface-hover);color:var(--ink)}.iv-subcat-chips{scrollbar-width:none;scroll-behavior:smooth;flex:auto;align-items:stretch;gap:2px;min-width:0;padding:0 32px;display:flex;overflow-x:auto}.iv-subcat-chips::-webkit-scrollbar{display:none}.iv-subcat-chip{color:var(--ink-muted);font:500 .85rem/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;padding:8px 14px;transition:color .14s;display:inline-flex;position:relative}.iv-subcat-chip:hover{color:var(--ink-secondary)}.iv-subcat-chip.active{color:var(--ink)}.iv-subcat-chip--all{font-weight:600}.iv-subcat-chip--all:after{content:"";background:var(--border);width:1px;position:absolute;top:25%;bottom:25%;right:-1px}.iv-subcat-chip-label{align-items:center;gap:6px;display:inline-flex}.iv-subcat-chip-count{background:var(--surface-raised);min-width:20px;height:18px;color:var(--ink-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:600;display:inline-flex}.iv-subcat-chip.active .iv-subcat-chip-count{background:color-mix(in oklab,var(--ink)12%,transparent);color:var(--ink)}.iv-subcat-chip-underline{background:var(--ink);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.iv-related{border-top:1px solid var(--border);margin:48px auto 0;padding:28px 0 8px}.iv-related-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.iv-related-title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);align-items:baseline;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:inline-flex}.iv-related-section{color:var(--ink-secondary);font-weight:600}.iv-related-meta{color:var(--ink-muted);white-space:nowrap;font-size:.78rem}.iv-related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.iv-related-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .14s,background .14s,transform .14s;display:flex}.iv-related-card:hover{border-color:var(--ink-faint);background:var(--surface-hover);transform:translateY(-1px)}.iv-related-card-icon{flex-shrink:0}[data-theme=dark] .iv-related-card-icon{filter:brightness(1.05)}.iv-related-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.iv-related-card-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.iv-related-card-count{color:var(--ink-muted);font-size:.72rem}.iv-related-card-arrow{color:var(--ink-faint);flex-shrink:0;transition:transform .14s,color .14s}.iv-related-card:hover .iv-related-card-arrow{color:var(--accent);transform:translate(2px)}.iv-related-all{color:var(--ink-secondary);align-items:center;gap:4px;margin-top:14px;padding:8px 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .14s;display:inline-flex}.iv-related-all:hover{color:var(--accent)}@media (max-width:640px){.iv-page-title{font-size:.92rem}.iv-status-toggle,.iv-topbar-settings-btn{width:32px;height:32px}.iv-topbar-flashcards{height:32px;padding:0 10px;font-size:.72rem}.iv-level-trigger{height:32px;font-size:.75rem}.iv-related-grid{grid-template-columns:1fr}}.fc-modal.ivs-modal{border:1px solid color-mix(in oklab,var(--border)75%,white 12%);flex-direction:column;width:min(640px,100vw - 32px);max-height:calc(100vh - 64px);padding:0;display:flex;box-shadow:0 24px 80px #00000047}.ivs-head{border-bottom:1px solid var(--border);background:radial-gradient(circle at 14% 0%,color-mix(in oklab,var(--accent)12%,transparent),transparent 42%),var(--surface);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.ivs-title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.ivs-close{background:var(--surface-raised);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.ivs-close:hover{background:var(--surface-hover);color:var(--ink)}.ivs-body{flex:1;padding:18px 24px;overflow-y:auto}.ivs-section{border-bottom:1px dashed var(--border);flex-direction:column;gap:10px;padding:14px 0;display:flex}.ivs-section:last-of-type{border-bottom:0}.ivs-section-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);font-size:.7rem;font-weight:700}.ivs-section-body{flex-direction:column;gap:12px;display:flex}.ivs-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.ivs-row--wide{grid-template-columns:minmax(150px,.48fr) minmax(0,1fr);align-items:start;display:grid}.ivs-row-head{flex:1;min-width:0}.ivs-row-label{color:var(--ink);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.ivs-row-icon{background:var(--surface-raised);width:22px;height:22px;color:var(--ink-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ivs-row--wide .ivs-row-icon{color:var(--accent);background:color-mix(in oklab,var(--accent)12%,var(--surface-raised))}.ivs-row-control{flex-shrink:0}.ivs-row--wide .ivs-row-control{width:100%;min-width:0}.ivs-pro-control{align-items:center;gap:8px;display:inline-flex}.ivs-pro-badge{color:#92400e;letter-spacing:.03em;background:#fef3c7;border-radius:999px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:.68rem;font-weight:800;display:inline-flex}[data-theme=dark] .ivs-pro-badge{color:#fbbf24;background:#f59e0b2e}.ivs-size-chips{background:var(--surface-raised);border-radius:8px;gap:4px;padding:3px;display:inline-flex}.ivs-size-chip{width:32px;height:32px;color:var(--ink-muted);cursor:pointer;font-family:var(--font-heading);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.ivs-size-chip:hover{color:var(--ink)}.ivs-size-chip.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.ivs-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.ivs-theme-card{--theme-bg:#0d1117;--theme-border:#ffffff1f;--theme-text:#c9d1d9;--theme-muted:#7d8590;--theme-keyword:#ff7b72;--theme-function:#d2a8ff;--theme-string:#a5d6ff;background:var(--surface-raised);border:1px solid var(--border);min-height:98px;color:var(--ink-secondary);cursor:pointer;text-align:left;border-radius:12px;grid-template-columns:1fr;gap:8px;padding:9px;transition:all .15s;display:grid;position:relative}.ivs-theme-card:hover{border-color:var(--border-strong);color:var(--ink);transform:translateY(-1px);box-shadow:0 10px 24px -18px #00000052}.ivs-theme-card.is-active{background:color-mix(in oklab,var(--accent)8%,var(--surface));border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent)36%,transparent),0 12px 28px -22px color-mix(in oklab,var(--accent)70%,transparent)}.ivs-theme-card.is-active:after{content:"✓";background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px}.ivs-theme-card[data-code-theme=catppuccin]{--theme-bg:#1e1e2e;--theme-border:#313244;--theme-text:#cdd6f4;--theme-muted:#7f849c;--theme-keyword:#cba6f7;--theme-function:#89b4fa;--theme-string:#a6e3a1}.ivs-theme-card[data-code-theme=github-dark]{--theme-bg:#0d1117;--theme-border:#30363d;--theme-text:#c9d1d9;--theme-muted:#7d8590;--theme-keyword:#ff7b72;--theme-function:#d2a8ff;--theme-string:#a5d6ff}.ivs-theme-card[data-code-theme=dracula]{--theme-bg:#282a36;--theme-border:#44475a;--theme-text:#f8f8f2;--theme-muted:#6272a4;--theme-keyword:#ff79c6;--theme-function:#50fa7b;--theme-string:#f1fa8c}.ivs-theme-card[data-code-theme=tokyo-night]{--theme-bg:#1a1b26;--theme-border:#292e42;--theme-text:#c0caf5;--theme-muted:#565f89;--theme-keyword:#bb9af7;--theme-function:#7aa2f7;--theme-string:#9ece6a}.ivs-theme-card[data-code-theme=github-light]{--theme-bg:#f6f8fa;--theme-border:#d0d7de;--theme-text:#24292f;--theme-muted:#6e7781;--theme-keyword:#cf222e;--theme-function:#8250df;--theme-string:#0a3069}.ivs-theme-card[data-code-theme=catppuccin-latte]{--theme-bg:#eff1f5;--theme-border:#ccd0da;--theme-text:#4c4f69;--theme-muted:#8c8fa1;--theme-keyword:#8839ef;--theme-function:#1e66f5;--theme-string:#40a02b}.ivs-theme-preview{border:1px solid var(--theme-border);background:linear-gradient(90deg,color-mix(in oklab,var(--theme-bg)92%,white 8%),var(--theme-bg));min-height:48px;color:var(--theme-text);font-family:var(--font-mono);border-radius:9px;align-content:center;gap:5px;padding:9px;font-size:.68rem;line-height:1.2;display:grid;overflow:hidden}.ivs-theme-line{white-space:nowrap;display:block}.ivs-theme-token.is-keyword{color:var(--theme-keyword)}.ivs-theme-token.is-function{color:var(--theme-function)}.ivs-theme-token.is-string{color:var(--theme-string)}.ivs-theme-token.is-muted{color:var(--theme-muted)}.ivs-theme-token.is-name{color:var(--theme-text)}.ivs-theme-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.ivs-theme-name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:650;overflow:hidden}.ivs-theme-tone{border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:.63rem;font-weight:750}.ivs-theme-tone.is-dark{color:#dbeafe;background:#1e3a8a}.ivs-theme-tone.is-light{color:#854d0e;background:#fef3c7}.ivs-seg{background:var(--surface-raised);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.ivs-seg-opt{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:.82rem}.ivs-seg-opt:hover{color:var(--ink)}.ivs-seg-opt.is-active{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:0 1px 3px #00000014}.ivs-switch{background:var(--surface-hover);cursor:pointer;border:0;border-radius:999px;width:38px;height:22px;padding:0;transition:background .18s;position:relative}.ivs-switch.is-on{background:var(--accent)}.ivs-switch:disabled{cursor:not-allowed;opacity:.58}.ivs-switch-thumb{background:var(--surface);border-radius:999px;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.ivs-switch.is-on .ivs-switch-thumb{transform:translate(16px)}.ivs-footer{border-top:1px solid var(--border);background:var(--surface-page);justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.ivs-footer-main{gap:8px;display:inline-flex}.ivs-footer-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .14s}.ivs-footer-btn:hover{background:var(--surface-raised);border-color:var(--border-strong)}.ivs-footer-btn.is-ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.ivs-footer-btn.is-ghost:hover{color:var(--ink);background:var(--surface-raised)}.ivs-footer-btn.is-primary{background:var(--accent);border-color:var(--accent);color:#fff}.ivs-footer-btn.is-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ivs-footer-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:560px){.ivs-head,.ivs-body,.ivs-footer{padding-left:16px;padding-right:16px}.ivs-row,.ivs-row--wide{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.ivs-row-control{width:100%}.ivs-theme-grid{grid-template-columns:1fr}.ivs-footer{flex-direction:column;align-items:stretch}.ivs-footer-main{grid-template-columns:1fr 1fr;display:grid}}.fc-modal-reader-slide{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.fc-modal-reader-head{border-bottom:1px solid var(--border);padding:20px 24px 14px}.fc-modal-reader-heading{flex-direction:column;gap:8px;display:flex}.fc-modal-reader-level{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-self:flex-start;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.fc-modal-reader-title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.fc-modal-reader-scroll{flex:1;min-height:0;position:relative;overflow-y:auto}.fc-modal-reader-body{color:var(--ink-secondary);padding:18px 24px 28px;font-size:.95rem;line-height:1.65}.fc-modal-scroll-hint{background:linear-gradient(to top,var(--surface)60%,transparent);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;justify-content:center;align-items:center;gap:6px;padding:8px 0 12px;font-size:.75rem;transition:opacity .2s;display:flex;position:sticky;bottom:0}.fc-modal-scroll-hint.is-done{opacity:0}.fc-modal-scroll-hint-text{display:inline-block}@media (max-width:720px){.fc-modal-reader-head{padding:16px 18px 12px}.fc-modal-reader-body{padding:14px 18px 24px;font-size:.9rem}.fc-modal-reader-title{font-size:1.05rem}}