@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&display=swap";@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}}@layer base{html{scrollbar-gutter:stable;overflow-y:scroll}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(at 0 0,#bae6fd73 0,#0000 50%),radial-gradient(at 100% 100%,#fed7aa59 0,#0000 50%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem 1rem;transition:background-color .3s,color .3s;display:flex;position:relative}#root{flex-grow:1;justify-content:center;width:100%;display:flex}h1{font-family:var(--font-heading);letter-spacing:-.05em;font-weight:800}a,button{outline-color:var(--accent);outline-offset:4px}button:focus-visible{outline:2px solid var(--accent)}}@layer theme{:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f0f9ff;--bg-secondary:#e0f2fe;--text-primary:#0f172a;--text-secondary:#334155;--accent:#f97316;--accent-glow:#f973161f;--card-front-bg:#ffffffd9;--card-back-bg:#fdfeffe6;--border-color:#bae6fd99;--border-card:#fffc;--shadow-sm:0 2px 4px #0f172a05;--shadow-md:0 10px 25px -5px #1e293b0f, 0 8px 16px -6px #1e293b0f;--shadow-lg:0 20px 40px -15px #1e293b1f;--color-tag-dl:#ea580c;--color-tag-ml:#0284c7;--color-tag-opt:#d97706;--color-tag-gen:#10b981}:root[data-theme=dark]{--bg-primary:#070f1e;--bg-secondary:#0b172d;--text-primary:#f0f9ff;--text-secondary:#93c5fd;--accent:#fdba74;--accent-glow:#fdba7440;--card-front-bg:#0f204280;--card-back-bg:#0b172f80;--border-color:#1e407c80;--border-card:#ffffff14;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 10px 25px -5px #00000080, 0 8px 16px -6px #00000080;--shadow-lg:0 30px 60px -15px #000000b3}:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary:var(--lightningcss-light,#f0f9ff)var(--lightningcss-dark,#070f1e);--bg-secondary:var(--lightningcss-light,#e0f2fe)var(--lightningcss-dark,#0b172d);--text-primary:var(--lightningcss-light,#0f172a)var(--lightningcss-dark,#f0f9ff);--text-secondary:var(--lightningcss-light,#334155)var(--lightningcss-dark,#93c5fd);--accent:var(--lightningcss-light,#f97316)var(--lightningcss-dark,#fdba74);--accent-glow:var(--lightningcss-light,#f973161f)var(--lightningcss-dark,#fdba7440);--card-front-bg:var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#0f204280);--card-back-bg:var(--lightningcss-light,#fdfeffe6)var(--lightningcss-dark,#0b172f80);--border-color:var(--lightningcss-light,#bae6fd99)var(--lightningcss-dark,#1e407c80);--border-card:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#ffffff14);--shadow-sm:var(--lightningcss-light,0 2px 4px #0f172a05)var(--lightningcss-dark,0 2px 4px #0000004d);--shadow-md:var(--lightningcss-light,0 10px 25px -5px #1e293b0f)var(--lightningcss-dark,0 10px 25px -5px #00000080);--shadow-lg:var(--lightningcss-light,0 20px 40px -15px #1e293b1f)var(--lightningcss-dark,0 30px 60px -15px #000000b3)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial}}}@layer components{.app-container{flex-direction:column;flex-grow:1;gap:1.5rem;width:100%;max-width:1400px;display:flex}.search-theme-row{z-index:100;will-change:transform;align-items:center;gap:1rem;width:100%;margin-bottom:.5rem;display:flex;position:relative;transform:translate(0,0)}.nav-view-btn{background:var(--card-front-bg);border:1px solid var(--border-card);color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.nav-view-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 16px var(--accent-glow);transform:scale(1.04)translateY(-1px)}.app-layout{flex-direction:column;flex-grow:1;align-items:center;width:100%;display:flex}.study-area{flex-direction:column;flex-grow:1;justify-content:center;gap:1.5rem;width:100%;display:flex}.study-arena{flex-grow:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.nav-btn-inline{background:var(--card-front-bg);border:1px solid var(--border-card);width:56px;height:56px;color:var(--text-primary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);cursor:pointer;border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-btn-inline:hover:not(:disabled){background:var(--accent);color:#fff;box-shadow:0 8px 20px var(--accent-glow);border-color:var(--accent);transform:scale(1.1)translateY(-2px)}.nav-btn-inline:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.keyboard-shortcuts{color:var(--text-secondary);border-top:1px solid var(--border-color);will-change:transform;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:auto;padding-top:1rem;font-size:.75rem;display:flex;transform:translate(0,0)}.shortcut-key{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.15rem .35rem;font-family:monospace;font-weight:600;box-shadow:0 1px 1px #0000001a}}@layer utilities{::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent);color:#fff}.mermaid-chart{width:100%;margin-top:.25rem}.mermaid-chart svg{width:auto;max-width:100%;max-height:260px;margin:0 auto}}@media (width<=768px){.mermaid-chart svg{max-height:160px}}@media (width<=600px){.study-arena{gap:.75rem}.nav-btn-inline{width:44px;height:44px}}@media (width<=500px){.card-term{font-size:1.75rem}.card-definition{font-size:1rem}}.theme-toggle-btn{background:var(--card-front-bg);border:1px solid var(--border-card);width:44px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}.theme-toggle-btn:hover{background:var(--border-color);transform:scale(1.05)}.flashcard-wrapper{perspective:1200px;aspect-ratio:1.6;width:100%;max-width:1380px;min-height:520px;max-height:80vh;margin:0 auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--shadow-lg);cursor:pointer;will-change:transform;border-radius:24px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translate(0,0)}.flashcard.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;box-sizing:border-box;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(20px);border-radius:28px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:4rem 5rem;display:flex;position:absolute}.card-face-front{background:var(--card-front-bg)}.card-face-back{background:var(--card-back-bg);transform:rotateY(180deg)}.card-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.card-tag{letter-spacing:.05em;background:var(--bg-secondary);color:var(--accent);border:1px solid var(--border-color);border-radius:20px;padding:.35rem .9rem;font-size:.85rem;font-weight:700}.card-tag.deep-learning{color:var(--color-tag-dl);background:#ea580c14;border-color:#ea580c33}.card-tag.machine-learning{color:var(--color-tag-ml);background:#0284c714;border-color:#0284c733}.card-tag.optimization{color:var(--color-tag-opt);background:#d9770614;border-color:#d9770633}.card-index{color:var(--text-secondary);font-size:.95rem;font-weight:500}.card-body{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:.5rem 0;display:flex;overflow-y:auto}.card-term{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);text-wrap:balance;font-size:5rem;font-weight:800;line-height:1.15}.card-back-content{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;display:flex}.card-definition{color:var(--text-primary);text-wrap:pretty;text-align:center;max-width:90%;margin:0;font-size:2.15rem;line-height:1.55}.card-footer-hint{text-align:center;width:100%;color:var(--text-secondary);font-size:.85rem}.hint-toggle-text{cursor:pointer;color:var(--accent);text-underline-offset:3px;background:0 0;border:none;font-weight:600;text-decoration:underline}.hint-content{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-style:italic;display:inline-block}.hidden{display:none!important}.view-diagram-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border:1px solid var(--accent);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.view-diagram-btn:hover{box-shadow:0 4px 12px var(--accent-glow);background:#ea580c;border-color:#ea580c;transform:translateY(-2px)}.diagram-takeover{background:var(--card-back-bg);z-index:10;border-radius:24px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.takeover-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.takeover-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.45rem;font-weight:800}.takeover-close-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.takeover-close-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.takeover-canvas{-webkit-user-select:none;user-select:none;background:#0f172a05;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .takeover-canvas{background:#00000026}.takeover-diagram-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:1100px;height:650px;padding:2rem;display:flex}.takeover-diagram-wrapper .mermaid-chart{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.takeover-diagram-wrapper .mermaid-chart svg{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}.takeover-controls{border-top:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.takeover-ctrl-btn{background:var(--card-front-bg);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.takeover-ctrl-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.takeover-ctrl-btn.reset{width:auto;padding:0 .75rem;font-size:.8rem}.takeover-hint-label{color:var(--text-secondary);opacity:.8;margin-left:auto;font-size:.75rem;font-weight:500}.search-container{flex:1;position:relative}.search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--text-secondary);opacity:.7;pointer-events:none;position:absolute;left:1rem}.search-input{width:100%;font-size:.95rem;font-family:var(--font-body);color:var(--text-primary);background:var(--card-front-bg);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:.85rem 1rem .85rem 2.75rem;transition:all .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.search-clear-btn{color:var(--text-secondary);opacity:.6;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;transition:opacity .2s,background-color .2s;display:flex;position:absolute;right:1rem}.search-clear-btn:hover{opacity:1;background-color:var(--bg-secondary)}.search-results{background:var(--card-back-bg);border:1px solid var(--border-card);box-shadow:var(--shadow-lg);z-index:100;-webkit-backdrop-filter:blur(20px);border-radius:14px;max-height:250px;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.search-results-list{flex-direction:column;gap:.25rem;margin:0;padding:.5rem;list-style:none;display:flex}.search-result-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:.2rem;width:100%;padding:.65rem .75rem;transition:background-color .2s,color .2s;display:flex}.search-result-item:hover{background:var(--bg-secondary)}.search-result-item.active{background:var(--accent-glow);border-left:3px solid var(--accent);border-top-left-radius:0;border-bottom-left-radius:0}.result-term-row{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.result-term-group{align-items:center;gap:.4rem;display:flex}.result-index{color:var(--text-secondary);opacity:.55;font-family:monospace;font-size:.75rem;font-weight:600}.result-term{color:var(--text-primary);font-size:.9rem;font-weight:600}.result-badges{align-items:center;gap:.4rem;display:flex}.result-badge{border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.65rem;font-weight:600;display:inline-flex}.diagram-badge{color:#0284c7;background:#38bdf814;border:1px solid #38bdf840}:root[data-theme=dark] .diagram-badge{color:#38bdf8;background:#38bdf826}.hint-badge{color:#e11d48;background:#fb718514;border:1px solid #fb718540}:root[data-theme=dark] .hint-badge{color:#fda4af;background:#fb718526}.badge-icon{flex-shrink:0;width:10px;height:10px}.result-category{color:var(--accent);letter-spacing:.05em;opacity:.9;font-size:.7rem;font-weight:700}.result-definition{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;text-align:left;-webkit-box-orient:vertical;margin:.25rem 0 0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.search-no-results{text-align:center;color:var(--text-secondary);padding:1rem;font-size:.85rem;font-style:italic}.termlist-container{flex-direction:column;gap:2rem;width:100%;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.termlist-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding-bottom:1.5rem;display:flex}.termlist-back-btn{background:var(--card-front-bg);border:1px solid var(--border-card);color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;transition:all .2s;display:inline-flex}.termlist-back-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow);transform:translate(-3px)}.termlist-title-group{flex-direction:column;gap:.25rem;display:flex}.termlist-title{font-family:var(--font-heading);color:var(--text-primary);font-size:2.25rem;font-weight:800;line-height:1.1}.termlist-search-wrapper{flex-grow:1;align-items:center;min-width:280px;max-width:400px;display:flex;position:relative}.termlist-search-icon{color:var(--text-secondary);opacity:.6;pointer-events:none;position:absolute;left:1rem}.termlist-search-input{background:var(--card-front-bg);border:1px solid var(--border-card);width:100%;color:var(--text-primary);font-family:var(--font-body);box-shadow:var(--shadow-sm);border-radius:14px;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem;transition:all .2s}.termlist-search-input:focus{outline:2px solid var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.termlist-search-clear{color:var(--text-secondary);opacity:.6;cursor:pointer;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;right:1rem}.termlist-search-clear:hover{opacity:1;color:var(--accent)}.termlist-table-area{width:100%}.termlist-table-wrapper{background:var(--card-front-bg);border:1px solid var(--border-card);width:100%;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);border-radius:20px;overflow-x:auto}.termlist-table{border-collapse:collapse;text-align:left;width:100%}.termlist-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#00000005;padding:1.25rem 1.5rem;font-size:.85rem;font-weight:700}:root[data-theme=dark] .termlist-table th{background:#ffffff05}.termlist-row{border-bottom:1px solid var(--border-color);cursor:pointer;outline:none;transition:all .2s}.termlist-row:last-child{border-bottom:none}.termlist-row:hover,.termlist-row:focus-within{background:var(--bg-secondary);box-shadow:inset 4px 0 0 var(--accent)}.termlist-table td{vertical-align:middle;padding:1.25rem 1.5rem}.col-num{width:60px}.cell-num{color:var(--text-secondary);opacity:.6;font-family:monospace;font-size:.85rem;font-weight:600}.col-term{min-width:180px}.term-text{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.col-category{width:140px}.cell-category{color:var(--text-secondary);font-size:.9rem;font-weight:500}.col-definition{min-width:480px}.definition-text{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:800px;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.termlist-empty{text-align:center;background:var(--card-front-bg);border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:20px;padding:4rem 2rem;font-size:1rem;font-style:italic}.termlist-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0f172a59;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.termlist-modal{background:var(--card-back-bg);border:1px solid var(--border-card);width:100%;max-width:800px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;display:flex;overflow:hidden}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.termlist-modal-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.termlist-modal-close{background:var(--bg-secondary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.termlist-modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.termlist-modal-body{text-align:left;flex-direction:column;gap:1.75rem;padding:2rem;display:flex;overflow-y:auto}.termlist-modal-term{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:800;line-height:1.15}.termlist-modal-section h3{font-family:var(--font-heading);text-transform:uppercase;color:var(--accent);letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.termlist-modal-definition{color:var(--text-primary);margin:0;font-size:1.25rem;line-height:1.55}.termlist-modal-diagram-container{border:1px solid var(--border-color);background:#0f172a05;border-radius:16px;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:auto}:root[data-theme=dark] .termlist-modal-diagram-container{background:#00000026}.termlist-modal-diagram-container .mermaid-chart svg{width:auto;max-width:100%;max-height:300px}.termlist-modal-footer{border-top:1px solid var(--border-color);background:#ffffff05;justify-content:flex-end;padding:1.5rem 2rem;display:flex}.termlist-study-card-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.termlist-study-card-btn:hover{box-shadow:0 4px 12px var(--accent-glow);background:#ea580c;transform:translateY(-2px)}.termlist-modal-links-list{flex-wrap:wrap;gap:.75rem;display:flex}.termlist-modal-link{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.termlist-modal-link:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px);color:#fff!important}.termlist-modal-link:hover .link-ext-icon{color:#fff;opacity:1}@media (width<=600px){.termlist-header{flex-direction:column;align-items:flex-start}.termlist-search-wrapper{width:100%;max-width:none}.termlist-modal-term{font-size:2rem}}