.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-solid);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:var(--accent);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:3px 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:5px 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:5px 14px 5px 34px;font-size:.86rem;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:16px;height:16px;color:var(--ink-muted);transition:color .2s;position:absolute;top:50%;left:11px;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-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-solid);color:#fff;border-color:var(--accent-solid)}.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:calc(var(--app-bar-height) + var(--iv-topbar-h,41px));height:calc(100vh - var(--app-bar-height) - var(--iv-topbar-h,41px));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;visibility:hidden;border-right-color:#0000;transition:flex-basis .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .2s,border-color .2s,visibility 0s linear .28s}.iv-sidebar:focus{outline:none}@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{width:100%;font:inherit;text-align:left;color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .12s;display:flex}.iv-sidebar-item:hover{background:var(--surface-raised);color:var(--ink)}.iv-sidebar-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.iv-sidebar-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.iv-sidebar-count{font-size:.7rem;font-family:var(--font-mono);background:var(--surface-raised);color:var(--ink-secondary);border-radius:10px;padding:2px 6px}.iv-sidebar-item.active .iv-sidebar-count{background:var(--accent-solid);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:.68rem;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.is-mono-dark{filter:brightness(0)invert()}.iv-sidebar-group{font-weight:500}.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:10px 28px 20px;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-solid);color:#fff;border-color:var(--accent-solid)}.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]{border-color:color-mix(in srgb, #eab308 50%, var(--border))}.qa-card[data-learned]{border-color:color-mix(in srgb, var(--green-ink) 45%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--green-ink) 8%, transparent)}.qa-card[data-learned]:hover{border-color:color-mix(in srgb, var(--green-ink) 70%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--green-ink) 12%, transparent)}.qa-card[data-learned] .qa-num{color:var(--green-ink)}.qa-card[data-bookmarked][data-learned]{border-color:color-mix(in srgb, var(--green-ink) 55%, var(--border))}.qa-card[data-action-menu-open]{z-index:20;position:relative;overflow:visible}.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{outline:2px solid var(--accent);outline-offset:-2px;background-color:color-mix(in srgb, var(--accent) 5%, transparent)}.qa-num{font-family:var(--font-mono);color:var(--ink-muted);min-width:36px;padding-top:2px;font-size:.7rem;font-weight:500}.qa-text{font-size:var(--iv-fs,16px);color:var(--ink);text-wrap:pretty;flex:1;font-weight:500;line-height:1.5}.qa-card[data-locked] .qa-text{-webkit-user-select:none;user-select:none}.qa-text-stack{grid-template-areas:"overlap";min-width:0;display:inline-grid}.qa-text-stack>.qa-text-html{grid-area:overlap}.qa-text-html--clear{-webkit-mask-image:linear-gradient(90deg,#000 0% 45%,#0000 60%);mask-image:linear-gradient(90deg,#000 0% 45%,#0000 60%)}.qa-text-html--blur{filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,#0000 0% 45%,#000 60%);mask-image:linear-gradient(90deg,#0000 0% 45%,#000 60%)}.qa-lock-icon{color:var(--ink-faint);flex-shrink:0}.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;position:relative}.qa-actions-inline{gap:4px;display:flex}.qa-actions-menu{display:none;position:relative}.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 svg{display:block}.qa-answer-bar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:8px;display:flex}.qa-bar-btn{color:var(--ink-muted);cursor:pointer;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.78rem;font-weight:500;transition:color .14s,background .14s,border-color .14s,transform .1s;display:inline-flex}.qa-bar-btn svg{flex:none;display:block}.qa-bar-btn:hover{color:var(--ink);background:var(--surface-hover)}.qa-bar-btn:active{transform:scale(.96)}.qa-bar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qa-bar-ask{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 34%, transparent)}.qa-bar-ask:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.qa-action-divider{background:var(--border);flex:none;align-self:center;width:1px;height:16px;margin:0 3px}.qa-action-btn.active{color:#eab308;animation:.35s bookmark-pop}.qa-action-more.active{color:var(--accent)}.qa-action-btn.learned-active{color:#16a34a}[data-theme=dark] .qa-action-btn.learned-active{color:#4ade80}.qa-question-copy{width:24px;height:24px;color:var(--ink-faint);cursor:pointer;vertical-align:-4px;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:0;transition:color .14s,background .14s;display:inline-flex}.qa-question-copy:hover{background:var(--surface-raised);color:var(--ink)}.qa-question-copy.is-copied{color:#16a34a;animation:.22s ease-out qa-copy-pop}[data-theme=dark] .qa-question-copy.is-copied{color:#4ade80}@keyframes qa-copy-pop{0%{opacity:.6;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.qa-question-copy.is-copied{animation:none}}.qa-action-menu-panel{z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:2px;width:max-content;min-width:184px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 42px -24px #00000073}.qa-action-menu-sep{background:var(--border);height:1px;margin:4px 2px}.qa-action-menu-item{border-radius:calc(var(--radius) - 2px);width:100%;min-height:36px;color:var(--ink-secondary);cursor:pointer;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.qa-action-menu-item:hover,.qa-action-menu-item:focus-visible{background:var(--surface-raised);color:var(--ink);outline:none}.qa-action-menu-item svg{flex-shrink:0}.qa-action-menu-item.is-bookmark{color:#ca8a04}.qa-action-menu-item.is-learned{color:#16a34a}[data-theme=dark] .qa-action-menu-item.is-bookmark{color:#facc15}[data-theme=dark] .qa-action-menu-item.is-learned{color:#4ade80}@keyframes bookmark-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.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{white-space:normal;text-overflow:clip;font-size:.78rem;line-height:1.3;overflow:visible}.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)}}.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-upgrade-cta{border:1px solid color-mix(in srgb, #d97706 45%, var(--border));border-radius:var(--radius-lg,14px);background:var(--surface);align-items:center;gap:14px;margin:16px 0 8px;padding:14px 18px;display:flex;box-shadow:0 6px 24px -18px #d9770699}.iv-upgrade-cta-icon{color:#d97706;flex-shrink:0}[data-theme=dark] .iv-upgrade-cta{border-color:color-mix(in srgb, #f59e0b 45%, var(--border));box-shadow:0 6px 24px -18px #f59e0b99}[data-theme=dark] .iv-upgrade-cta-icon{color:#f59e0b}.iv-upgrade-cta-text{min-width:0;color:var(--ink);flex:1;font-size:.92rem;font-weight:600;line-height:1.45}.iv-upgrade-cta-btn{color:#fff;font-family:var(--font-heading);white-space:nowrap;cursor:pointer;background:#d97706;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.iv-upgrade-cta-btn:hover{background:#b45309;transform:translateY(-1px)}.iv-upgrade-cta-btn:active{transform:translateY(0)}[data-theme=dark] .iv-upgrade-cta-btn{background:#f59e0b}[data-theme=dark] .iv-upgrade-cta-btn:hover{background:#fbbf24}@media (max-width:560px){.iv-upgrade-cta{flex-wrap:wrap;padding:14px 16px}.iv-upgrade-cta-text{flex-basis:calc(100% - 38px)}.iv-upgrade-cta-btn{flex:100%;padding:10px 16px}}.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-solid);color:#fff;border-color:var(--accent-solid)}.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:8px 20px 16px}}@media (max-width:768px){.iv-sidebar{left:-300px;top:var(--promo-banner-h,0px);width:min(300px,85vw);height:calc(100dvh - var(--promo-banner-h,0px));z-index:180;visibility:hidden;opacity:1;border-right:1px solid var(--border);pointer-events:auto;flex:none;transition:left .25s,visibility 0s linear .25s;position:fixed;box-shadow:0 4px 24px #00000040}.iv-sidebar.open{visibility:visible;transition:left .25s;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{flex-flow:row;align-items:center;gap:8px;height:auto;padding:4px 12px;display:flex}.iv-topbar-identity{flex:0 auto;order:2;min-width:0}.iv-page-title{font-size:.9rem}.iv-page-title-icon{width:18px;height:18px}.iv-search-box{flex:auto;order:3;width:auto;min-width:0;margin:0}.iv-search-box:focus-within{flex-basis:auto;width:auto}.iv-search-box input{padding:6px 10px 6px 28px;font-size:.8rem}.iv-search-box>svg,.iv-search-spinner{width:13px;height:13px;left:8px}.iv-filter-group{flex:none;order:5;align-items:center;gap:4px;margin:0;display:flex}.iv-status-toggle--saved,.iv-status-toggle--learned,.iv-topbar-flashcards,.iv-level-filter-wrap{display:none!important}.iv-status-toggle--answers,.iv-topbar-settings-btn{flex-shrink:0;width:30px;height:30px;display:inline-flex!important}.iv-filter-btn{padding:4px 8px;font-size:.72rem}.iv-menu-toggle{flex-shrink:0;order:1;width:30px;height:30px;display:inline-flex!important}.iv-menu-toggle+.iv-topbar-identity{display:none}.iv-page-header .iv-mobile-title{display:flex}.iv-theme-toggle{display:none}.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:.7rem}.qa-question-copy{display:none}.qa-text{grid-area:1/2;min-width:0;line-height:1.48}.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-actions-inline{display:none}.qa-actions-menu{display:block}.qa-action-btn{width:38px;height:38px;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-action-btn{width:36px;height:36px}.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 not (max-width:768px){.iv-menu-toggle,.iv-sidebar-overlay{display:none!important}}@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))}}@media not (max-width:768px){.iv-topbar{padding-left:max(16px,50% - 584px);padding-right:max(20px,50% - 572px)}}.iv-page{background:var(--surface-page);color:var(--ink);min-height:100dvh}.iv-qa-list{display:block}.iv-qa-list[data-enter]>.qa-card:nth-child(-n+14){animation:.3s cubic-bezier(.22,1,.36,1) both iv-card-in;animation-delay:calc(var(--i,0) * 26ms)}@keyframes iv-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.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-mobile-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;padding:12px 0 2px;font-size:1.15rem;font-weight:700;display:none}.iv-mobile-title>span{overflow-wrap:anywhere;min-width:0}.iv-status-toggle{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;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:28px;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 11px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.iv-topbar-settings-btn{width:28px;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,50% - 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:28px;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:3px 0 0;display:flex;position:relative}.iv-subcat-arrow{z-index:2;border:1px solid var(--border);background:var(--surface);width:24px;height:24px;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 28px;display:flex;overflow:auto hidden}.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:6px 12px;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:6px;right:6px}.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)}[data-theme=dark] .iv-related-card-icon.is-mono-dark{filter:brightness(0)invert()}.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:30px;height:30px}.iv-topbar-flashcards{height:30px;padding:0 10px;font-size:.72rem}.iv-level-trigger{height:30px;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:var(--surface);margin-bottom:0;padding:20px 24px 16px}.ivs-head .ivs-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.15rem;font-weight:700}.ivs-body{flex:1;margin-bottom:0;padding:18px 24px;overflow-y:auto}.ivs-section{border-bottom:1px solid 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-hint{color:var(--ink-muted);margin-top:2px;padding-left:30px;font-size:.78rem;display:block}.ivs-row-control{flex-shrink:0}.ivs-row-control .ui-switch{padding:5px 0}.ivs-row--wide .ivs-row-control{width:100%;min-width:0}.ivs-font-pills .fc-pill{justify-content:center;width:52px;padding:6px 0}.ivs-font-pills .fc-pill-label{font-variant-numeric:tabular-nums;line-height:1}.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}@media (max-width:560px){.ivs-head,.ivs-body,.ivs-footer{padding-left:16px;padding-right:16px}:is(.ivs-row--wide,.ivs-row:has(.fc-pills)){flex-direction:column;align-items:flex-start;gap:8px;display:flex}:is(.ivs-row--wide .ivs-row-control,.ivs-row:has(.fc-pills) .ivs-row-control){width:100%}.ivs-row-control .fc-pills{width:100%;display:flex}.ivs-row-control .fc-pills .fc-pill{flex:1;justify-content:center}.ivs-font-pills .fc-pill{width:auto}.ivs-row-control-full .fc-pills{border-radius:var(--radius-lg);flex-wrap:wrap}.ivs-row-control-full .fc-pills .fc-pill{flex:0 0 calc(50% - 1px)}.ivs-footer{flex-direction:column;align-items:stretch}.ivs-footer-main{grid-template-columns:1fr 1fr;display:grid}}.fc-modal-reader-slide,.fc-modal-reader-nav{--reader-w:40rem}.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 80px 14px}.fc-modal-reader-heading{max-width:var(--reader-w);flex-direction:column;gap:10px;width:100%;margin:0 auto;display:flex}.fc-modal-reader-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fc-modal-reader-cat{border:1px solid var(--border);background:var(--surface-raised);color:var(--ink-secondary);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.fc-modal-reader-cat img{opacity:.9;display:block}.fc-modal-reader-cat-sep{color:var(--ink-faint);margin:0 -2px}.fc-modal-reader-cat-sub{color:var(--ink-muted);font-weight:500}.fc-modal-reader-position{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.02em;font-size:.72rem}.fc-modal-reader-kbd-hint{color:var(--ink-faint);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.fc-modal-reader-kbd-hint kbd{border:1px solid var(--border);background:var(--surface-raised);min-width:18px;height:18px;color:var(--ink-secondary);font-family:var(--font-mono);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:.7rem;line-height:1;display:inline-flex}.fc-modal-reader-kbd-hint span{margin-left:4px}.fc-modal-reader-level{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;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;padding:0 80px;position:relative;overflow-y:auto}.fc-modal-reader-body{max-width:var(--reader-w);color:var(--ink-secondary);background:0 0;border-top:0;margin:0 auto;padding:18px 0 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}.fc-modal-reader-nav{z-index:10;border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--ink-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .14s,color .14s,transform .14s,opacity .14s,border-color .14s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px -4px #0000001f}.fc-modal-reader-nav:hover:not(:disabled){background:var(--surface-raised);color:var(--ink);border-color:var(--border-strong)}.fc-modal-reader-nav:active:not(:disabled){transform:translateY(-50%)scale(.94)}.fc-modal-reader-nav:disabled{opacity:.35;cursor:not-allowed}.fc-modal-reader-nav-prev{left:max(16px, calc(50% - var(--reader-w) / 2 - 56px))}.fc-modal-reader-nav-next{right:max(16px, calc(50% - var(--reader-w) / 2 - 56px))}@media (max-width:720px){.fc-modal-reader-head{padding:16px 18px 12px}.fc-modal-reader-scroll{margin-bottom:calc(68px + env(safe-area-inset-bottom));padding:0 18px}.fc-modal-reader-body{padding:14px 0 24px;font-size:.9rem}.fc-modal-reader-title{font-size:1.05rem}.fc-modal-scroll-hint{display:none}.fc-modal-reader-nav{width:44px;height:44px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;transform:none}.fc-modal-reader-nav:active:not(:disabled){transform:scale(.94)}.fc-modal-reader-nav-prev{left:12px}.fc-modal-reader-nav-next{right:12px}.fc-modal-reader-kbd-hint{display:none}}.iv-sources{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:32px 0 8px;padding:20px 24px}.iv-sources-title{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);margin:0 0 4px;font-size:.8rem;font-weight:600}.iv-sources-note{color:var(--ink-secondary);margin:0 0 12px;font-size:.82rem}.iv-sources-list{flex-wrap:wrap;gap:6px;display:flex}.iv-source-link{background:var(--surface-raised);border:1px solid var(--border);color:var(--ink-secondary);font-size:.78rem;font-family:var(--font-mono);border-radius:999px;padding:3px 10px;text-decoration:none;transition:background .14s,color .14s,border-color .14s;display:inline-block}.iv-source-link:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--border-strong)}.iv-disclaimer{border-top:1px solid var(--border);color:var(--ink-faint);align-items:flex-start;gap:8px;margin:28px 0 0;padding:14px 0 0;display:flex}.iv-disclaimer svg{flex-shrink:0;margin-top:2px}.iv-disclaimer p{margin:0;font-size:.74rem;line-height:1.6}.iv-disclaimer+.iv-related{border-top:none;margin-top:28px;padding-top:0}.ivs-row--vertical{flex-direction:column;gap:8px;width:100%;display:flex;align-items:flex-start!important}.ivs-row-control-full{width:100%}.iv-topbar-filter-btn{display:none}.iv-filter-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}@media (max-width:768px){.iv-topbar-filter-btn{width:30px;height:30px;color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;order:4;justify-content:center;align-items:center;position:relative;display:inline-flex!important}.iv-topbar-filter-btn:hover{background:var(--surface-hover);color:var(--ink)}}.iv-topbar-row{display:contents}
