@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Fira+Code:wght@400;500;600&display=swap";@media (width<=1024px){.sidebar{width:250px}.main-content{padding:1.5rem 1.5rem 4rem}}@media (width<=768px){.sidebar{z-index:1000!important;width:85%!important;max-width:320px!important;transition:transform .4s cubic-bezier(.19,1,.22,1)!important;top:0!important;box-shadow:20px 0 50px #0003!important}.sidebar-overlay{-webkit-backdrop-filter:blur(8px)!important;z-index:999!important;background-color:#0000004d!important;transition:opacity .4s!important}h1{margin-bottom:1rem!important;font-size:1.5rem!important;line-height:1.3!important}.main-content{padding:130px 1rem 180px!important}.card,.beautiful-code-block,.info-block,.tech-block{border-radius:16px!important;padding:1.25rem!important}.beautiful-code-block{padding:3rem 1.2rem 1.2rem!important}.type-code-display code,.explorer-code-content code,.code-tabs-content pre code,.code-content code,.beautiful-code-block code{font-size:.8rem!important}.card-grid,.run-options,.tabs-header{flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important}.tab-btn{text-align:center!important;width:100%!important}.navbar{-webkit-backdrop-filter:blur(20px)saturate(200%)!important;z-index:1000!important;background:#ffffffbf!important;border-radius:24px!important;flex-direction:column!important;gap:12px!important;width:auto!important;padding:12px 16px!important;display:flex!important;position:fixed!important;top:12px!important;left:12px!important;right:12px!important;box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #ffffff80!important}[data-theme=dark] .navbar{background:#0f1115bf!important;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff1a!important}.navbar-left{flex:none!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.navbar-right{flex:none!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.progress{background:#00000008!important;border-radius:12px!important;flex-direction:row-reverse!important;flex:1!important;align-items:center!important;gap:12px!important;margin:0!important;padding:6px 12px!important;font-size:.8rem!important;display:flex!important}[data-theme=dark] .progress{background:#ffffff0d!important}.progress-bar{background:#0000001a!important;border-radius:3px!important;flex:1!important;height:6px!important;margin:0!important}[data-theme=dark] .progress-bar{background:#ffffff1a!important}.progress-fill{box-shadow:0 0 10px var(--accent-color)!important;border-radius:3px!important}.lang-toggle,.theme-toggle{width:36px!important;height:36px!important;color:var(--text-primary)!important;background:#0000000a!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.lang-toggle{border-radius:12px!important;width:auto!important;padding:0 12px!important;font-size:.85rem!important;font-weight:600!important}[data-theme=dark] .lang-toggle,[data-theme=dark] .theme-toggle{background:#ffffff1a!important}.logo{display:none!important}.title{opacity:.9!important;white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;font-size:1rem!important;font-weight:700!important;overflow:hidden!important}}.card,.info-block,.tech-block,.pagination-btn{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s!important}.card:active,.pagination-btn:active:not(:disabled){transform:scale(.97)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#9696964d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#96969680}@media (width<=768px){html{font-size:14px!important}.content-area{overflow-x:hidden!important}.app-container{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}body{width:100vw!important;overflow-x:hidden!important}}@media (width<=480px){html{font-size:13px!important}}@media (width<=768px){.pagination-btn svg{transform:rotate(-90deg)}}:root{--bg-color:#fafaf9;--text-primary:#171717;--text-secondary:#52525b;--card-bg:#fff;--border-color:#e4e4e7;--accent-color:#d97706;--accent-blue:#0284c7;--primary-brand:#0284c7;--block-info-bg:#fefce8;--block-info-border:#f59e0b;--block-tech-bg:#f0f9ff;--block-tech-border:#0ea5e9;--code-bg:#18181b;--code-text:#f4f4f5;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--radius-md:10px;--radius-lg:16px;--grid-color:#00000008}[data-theme=dark]{--bg-color:#0f1115;--text-primary:#f8fafc;--text-secondary:#94a3b8;--card-bg:#1e2128;--border-color:#2e3646;--accent-color:#f59e0b;--accent-blue:#38bdf8;--primary-brand:#38bdf8;--block-info-bg:#f59e0b1a;--block-info-border:#f59e0b;--block-tech-bg:#38bdf81a;--block-tech-border:#38bdf8;--code-bg:#090a0c;--code-text:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--grid-color:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:24px 24px;font-family:Fira Code,JetBrains Mono,Noto Sans Bengali,monospace;line-height:1.6;transition:background-color .4s,color .4s}a{color:inherit;text-decoration:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-layout{flex:1;width:100%;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-color);border-right:1px solid var(--border-color);z-index:90;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar-content{padding:1.5rem 1.25rem}.sidebar-group{margin-bottom:1.75rem}.sidebar-group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.85rem;padding-left:.25rem;font-size:.75rem;font-weight:700}.sidebar-group-title.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;transition:color .3s;display:flex}.sidebar-group-title.clickable:hover{color:var(--text-primary)}.sidebar-links{margin:0;padding:0;list-style:none}.sidebar-links li{margin-bottom:.35rem}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;padding:.5rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-link:hover{color:var(--text-primary);background-color:#82828214;transform:translate(4px)}.sidebar-link.active{background-color:var(--block-tech-bg);color:var(--primary-brand);box-shadow:inset 3px 0 0 0 var(--primary-brand);font-weight:600}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;opacity:0;background-color:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1}.content-area{scroll-behavior:smooth;flex:1;height:calc(100vh - 65px);overflow-y:auto}.main-content{width:100%;max-width:860px;margin:0 auto;padding:1.5rem 2rem 4rem}h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.75rem;font-size:1.6rem;font-weight:700}p{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem;line-height:1.6}.info-block,.tech-block{border-radius:var(--radius-md);border-left:3px solid;margin:1rem 0;padding:.85rem 1.25rem}.info-block{background-color:var(--block-info-bg);border-left-color:var(--block-info-border)}.info-block.yellow-tint{background-color:#fffbeb;border-left-color:#f59e0b}.info-badge{color:var(--text-primary);margin-right:.25rem;font-weight:700}.info-block p{color:var(--text-primary);margin-bottom:0}.tech-block{background-color:var(--block-tech-bg);border-left-color:var(--block-tech-border)}.tech-block.blue-tint{background-color:#f0f9ff;border-left-color:#3b82f6}.tech-block p{color:var(--text-primary);margin-bottom:0;font-size:1rem;line-height:1.6}@media (width<=1024px){h1{font-size:1.5rem}.main-content{max-width:92%;padding:1.5rem 1.5rem 4rem}}.menu-toggle{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.4rem;transition:background-color .2s;display:none}.menu-toggle:hover{background-color:var(--border-color)}.inline-code{color:#27272a;background-color:#e5e4df;border-radius:4px;margin:0 .1rem;padding:.15rem .35rem;font-family:JetBrains Mono,monospace;font-size:.85em;font-weight:500}[data-theme=dark] .inline-code{color:#e4e4e7;background-color:#3f3f46}@media (width<=768px){.menu-toggle{justify-content:center;align-items:center;display:flex}.sidebar{box-shadow:var(--shadow-lg);position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}h1{font-size:1.35rem}.main-content{max-width:100%;padding:1.25rem 1.25rem 4rem}}.navbar{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:1.5rem;display:flex}.logo{color:#fff;background-color:var(--primary-brand);border-radius:4px;padding:.2rem .6rem;font-size:.9rem;font-weight:700}.title{color:var(--text-secondary);font-weight:500}.navbar-right{align-items:center;gap:2rem;display:flex}.progress{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.9rem;display:flex}.progress-bar{background-color:var(--border-color);border-radius:2px;width:60px;height:4px;overflow:hidden}.progress-fill{background-color:var(--accent-color);height:100%;transition:width .3s}.theme-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.theme-toggle:hover{background-color:var(--border-color)}.lang-toggle{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s}.lang-toggle:hover{background-color:var(--border-color);color:var(--text-primary)}.topic-badge{color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.intro-text{color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;line-height:1.6}.card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:1rem;padding:1.25rem;transition:box-shadow .3s,transform .3s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card h3{align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.95rem;font-weight:600;display:flex}.card-container{flex-direction:column;gap:1rem;display:flex}.card-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.card-grid .card{margin-bottom:0}.card ul{padding-left:0;list-style-position:inside}.card li{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem;line-height:1.6}.card-footer{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem;font-size:.9rem}.journey-tags{flex-wrap:wrap;gap:.75rem;display:flex}.journey-tag{background-color:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;padding:.4rem .8rem;font-size:.85rem;display:flex}.journey-tag:before{content:"";background-color:var(--accent-color);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.code-card{border-radius:var(--radius-md);padding:0;overflow:hidden}.code-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);background-color:var(--card-bg);padding:.5rem 1.25rem;font-size:.85rem}.code-content{background-color:var(--code-bg);color:var(--code-text);padding:1rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:.9rem;overflow-x:auto}.code-annotations{background-color:var(--card-bg);padding:.75rem 1.25rem}.annotation{align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.annotation:last-child{margin-bottom:0}.ann-number{background-color:var(--accent-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.1rem;font-size:.75rem;font-weight:600;display:flex}.annotation p{margin:0;font-size:.95rem}code{background-color:#80808026;border-radius:3px;padding:.1rem .3rem;font-family:JetBrains Mono,monospace;font-size:.9em}pre code{font-size:inherit;background-color:#0000;border-radius:0;padding:0}.run-options{gap:1.5rem;display:flex}.run-option{flex:1}.opt-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;display:block}.opt-code{background-color:var(--code-bg);color:var(--code-text);border-radius:8px;margin-top:.5rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.tech-badge{color:var(--block-tech-border);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.code-tabs-container{margin-bottom:1.5rem}.code-tabs-title{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:700;display:flex}.code-tabs-header{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.code-tab-btn{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.4rem .85rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s}.code-tab-btn:hover{background-color:var(--border-color)}.code-tab-btn.active{border-color:var(--primary-brand);color:var(--primary-brand);background-color:#0284c70d;font-weight:600}.code-tabs-content pre{border-radius:var(--radius-md);background-color:var(--code-bg);color:var(--code-text);margin:0;padding:1.25rem;font-size:.9rem;overflow-x:auto}div.pagination{-webkit-backdrop-filter:blur(24px)saturate(200%)!important;z-index:100!important;background:#ffffffd9!important;border:1px solid #0000000d!important;border-radius:30px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:400px!important;max-width:calc(100vw - 40px)!important;height:60px!important;margin:0!important;padding:0 8px!important;display:flex!important;position:fixed!important;inset:auto auto 24px 50%!important;transform:translate(-50%)!important;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80!important}[data-theme=dark] div.pagination{background:#1e2128d9!important;border:1px solid #ffffff0d!important;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a!important}div.pagination:before{display:none!important}div.pagination>button.pagination-btn{border-radius:50%!important;flex:none!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;padding:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important;position:static!important;top:auto!important}div.pagination>button.pagination-btn .vertical-text{display:none!important}div.pagination>button.pagination-btn svg{width:20px!important;height:20px!important;margin:0!important;transform:rotate(-90deg)!important}div.pagination>button.pagination-btn:first-of-type{box-shadow:none!important;color:#64748b!important;background:0 0!important;order:1!important}[data-theme=dark] div.pagination>button.pagination-btn:first-of-type{color:#94a3b8!important;background:0 0!important}div.pagination>button.pagination-btn:first-of-type:active{background:#0000000d!important;transform:scale(.92)!important}div.pagination>.dots{scrollbar-width:none!important;flex-flow:row!important;flex:1!important;order:2!important;justify-content:center!important;align-items:center!important;gap:8px!important;max-width:none!important;padding:0 16px!important;display:flex!important;overflow-x:auto!important}div.pagination>.dots::-webkit-scrollbar{display:none!important}div.pagination>.dots>.dot{flex:none!important;width:6px!important;height:6px!important;margin:0!important}div.pagination>button.pagination-btn:last-of-type{color:#fff!important;background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;order:3!important;box-shadow:0 4px 12px #38bdf866!important}[data-theme=dark] div.pagination>button.pagination-btn:last-of-type{box-shadow:0 4px 12px #38bdf833!important}div.pagination>button.pagination-btn:last-of-type:active{transform:scale(.92)!important;box-shadow:0 2px 6px #38bdf866!important}.dots{flex-direction:column;gap:.75rem;display:flex}.dot{background-color:var(--border-color);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:all .2s}.dot.active{background-color:var(--accent-color);transform:scale(1.3)}@media (width<=768px){.navbar{flex-wrap:wrap;gap:1rem;padding:1rem}.navbar-left{flex:100%;justify-content:flex-start}.title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.navbar-right{flex:100%;justify-content:space-between}.card-grid,.run-options{flex-direction:column;grid-template-columns:1fr}.pagination{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:row;justify-content:space-between;margin-top:2rem;padding:1rem;position:static;transform:none}.dots{flex-direction:row;order:0}.pagination-btn{border-radius:6px;flex-direction:row;padding:.5rem 1rem}.vertical-text{writing-mode:horizontal-tb;transform:none}}.variable-explorer-card{margin-top:1rem;padding:1.5rem}.explorer-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.05rem;font-weight:700;display:flex}.explorer-tabs-header{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.explorer-tab-btn{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;padding:.4rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;transition:all .2s}.explorer-tab-btn:hover{background-color:var(--border-color)}.explorer-tab-btn.active{background-color:var(--block-tech-bg);border-color:var(--primary-brand);color:var(--primary-brand);font-weight:600}.explorer-code-content{border-radius:var(--radius-md);background-color:#1e1e1e;margin-bottom:1rem;padding:1.25rem;overflow-x:auto}.explorer-code-content pre{margin:0}.explorer-code-content code{color:#d4d4d4;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6}.explorer-code-content code span.keyword{color:#c586c0}.explorer-code-content code span.string{color:#ce9178}.explorer-code-content code span.number{color:#b5cea8}.explorer-code-content code span.comment{color:#6a9955;font-style:italic}.explorer-code-content code span.variable{color:#9cdcfe}.explorer-description{background-color:var(--bg-color);border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid var(--border-color);margin-bottom:1rem;padding:1rem;font-size:.9rem}.explorer-tags{flex-wrap:wrap;gap:.5rem;display:flex}.explorer-tag{border:1px solid;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.explorer-tag.success{color:#16a34a;background-color:#22c55e1a;border-color:#bbf7d0}.explorer-tag.error{color:#dc2626;background-color:#ef44441a;border-color:#fecaca}.table-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:2rem;padding:1rem 1.5rem 1.5rem}.table-responsive{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.custom-table th{color:#78716c;text-transform:uppercase;letter-spacing:.08em;background-color:#f6f4f0;border-bottom:none;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.custom-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #e5e5e5;padding:1rem}.custom-table tr:last-child td{border-bottom:none}.quiz-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background-color:#fff;margin-top:1rem;padding:1.5rem}.card h3.quiz-question{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.05rem;font-weight:600;line-height:1.5;display:block}.quiz-options{flex-direction:column;gap:.75rem;display:flex}.quiz-option-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background-color:#f1f0eb;border:none;border-radius:8px;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.quiz-option-btn:hover:not(.disabled){background-color:#e6e4dc}.quiz-opt-letter{color:#52525b;background-color:#e2ded8;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-right:1rem;font-size:.85rem;font-weight:700;display:flex}.quiz-opt-text{font-family:JetBrains Mono,monospace;font-size:.95rem}.quiz-option-btn.correct{background-color:#dcfce7;border:1px solid #bbf7d0}.quiz-option-btn.correct .quiz-opt-letter{color:#fff;background-color:#22c55e}.quiz-option-btn.incorrect{background-color:#fee2e2;border:1px solid #fecaca}.quiz-option-btn.incorrect .quiz-opt-letter{color:#fff;background-color:#ef4444}.quiz-option-btn.disabled{cursor:not-allowed;opacity:.8}.quiz-feedback{border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem;font-size:.95rem;font-weight:600}.quiz-feedback.success{color:#16a34a;background-color:#22c55e1a;border:1px solid #bbf7d0}.quiz-feedback.error{color:#dc2626;background-color:#ef44441a;border:1px solid #fecaca}.type-explorer-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background-color:#fff;margin-top:1rem;padding:1.5rem}.type-explorer-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.type-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.type-grid{grid-template-columns:repeat(2,1fr)}}.type-chip{border-radius:var(--radius-md);cursor:pointer;text-align:left;background-color:#efede7;border:2px solid #0000;flex-direction:column;align-items:flex-start;padding:1rem;transition:all .2s;display:flex}.type-chip:hover{background-color:#e6e4dc}.type-chip.active{background-color:#e0f2fe;border-color:#0284c7}.type-chip-id{color:#0284c7;margin-bottom:.25rem;font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:700}.type-chip-desc{color:#71717a;font-size:.85rem}.type-code-display{border-radius:var(--radius-md);background-color:#1a1a1a;margin-bottom:1rem;padding:1.25rem;overflow-x:auto}.type-code-display pre{background:0 0;border:none;margin:0;padding:0}.type-code-display code{color:#e4e4e7;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6}.type-explorer-footer{color:var(--text-secondary);margin-top:1rem;font-size:.95rem;line-height:1.6}.type-explorer-footer .inline-code{background-color:#e5e4df}.type-code-display,.explorer-code-content,.code-tabs-content pre,.code-content,.beautiful-code-block{margin-top:1rem;margin-bottom:1.5rem;position:relative;overflow-x:auto;background:#1e1e2e!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:3rem 1.5rem 1.5rem!important;box-shadow:0 10px 30px -10px #00000080!important}.type-code-display:before,.explorer-code-content:before,.code-tabs-content pre:before,.code-content:before,.beautiful-code-block:before{content:"";background:#ff5f56;border-radius:50%;width:12px;height:12px;position:absolute;top:16px;left:16px;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.type-code-display code,.explorer-code-content code,.code-tabs-content pre code,.code-content code,.beautiful-code-block code{text-shadow:0 1px 2px #0000004d;color:#cdd6f4!important;font-family:Fira Code,JetBrains Mono,Consolas,monospace!important;font-size:.85rem!important;line-height:1.7!important}.type-code-display code span.keyword,.explorer-code-content code span.keyword,.beautiful-code-block span.keyword{font-weight:600;color:#cba6f7!important}.type-code-display code span.string,.explorer-code-content code span.string,.beautiful-code-block span.string{color:#a6e3a1!important}.type-code-display code span.number,.explorer-code-content code span.number,.beautiful-code-block span.number{color:#fab387!important}.type-code-display code span.comment,.explorer-code-content code span.comment,.beautiful-code-block span.comment{font-style:italic;color:#6c7086!important}.type-code-display code span.variable,.explorer-code-content code span.variable,.beautiful-code-block span.variable{color:#89b4fa!important}.type-code-display code span.function,.explorer-code-content code span.function,.beautiful-code-block span.function{color:#89dceb!important}.type-code-display code span.class,.explorer-code-content code span.class,.beautiful-code-block span.class{color:#f9e2af!important}.navbar{z-index:100;position:sticky;top:0;-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#0f1115bf!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 30px #0000001a!important}[data-theme=light] .navbar{background:#fffc!important;border-bottom:1px solid #0000000d!important}.sidebar{-webkit-backdrop-filter:blur(20px)saturate(150%)!important;background:#0f111599!important;border-right:1px solid #ffffff0d!important;box-shadow:5px 0 30px #0000001a!important}[data-theme=light] .sidebar{background:#ffffffbf!important;border-right:1px solid #0000000d!important}.sidebar-link{border:1px solid #0000;border-radius:12px!important;margin:4px 12px!important;padding:10px 16px!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.sidebar-link:hover{background:#38bdf81a!important;border:1px solid #38bdf833!important;transform:translate(6px)!important;box-shadow:0 4px 12px #0000000d!important}.sidebar-link.active{background:linear-gradient(135deg,#38bdf833,#38bdf80d)!important;border:1px solid #38bdf866!important;font-weight:700!important;box-shadow:0 8px 20px #38bdf826,inset 4px 0 #38bdf8!important}.pagination{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#1e212899!important;border:1px solid #ffffff1a!important;border-radius:50px!important;padding:20px 8px!important;box-shadow:0 10px 40px #0003!important}[data-theme=light] .pagination{background:#fffc!important;border:1px solid #0000000d!important;box-shadow:0 10px 40px #00000014!important}.pagination-btn:hover:not(:disabled){color:#38bdf8!important;background:#38bdf833!important;transform:scale(1.15)translateY(-2px)!important;box-shadow:0 8px 20px #38bdf84d!important}.dot{background:#fff3!important;width:8px!important;height:8px!important;transition:all .3s!important;box-shadow:inset 0 1px 2px #00000080!important}[data-theme=light] .dot{background:#0000001a!important;box-shadow:inset 0 1px 2px #0000001a!important}.dot.active{background:#38bdf8!important;transform:scale(1.5)!important;box-shadow:0 0 12px #38bdf8,0 0 24px #38bdf899!important}.card,.info-block,.tech-block,.quiz-card,.type-explorer-card{-webkit-backdrop-filter:blur(12px)!important;background:#1e212866!important;border:1px solid #ffffff0f!important;border-radius:20px!important;transition:all .4s cubic-bezier(.25,.8,.25,1)!important;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff0d!important}[data-theme=light] .card,[data-theme=light] .info-block,[data-theme=light] .tech-block,[data-theme=light] .quiz-card,[data-theme=light] .type-explorer-card{background:#ffffffd9!important;border:1px solid #0000000a!important;box-shadow:0 10px 40px #0000000a,inset 0 1px #fff!important}.card:hover,.info-block:hover,.tech-block:hover,.quiz-card:hover,.type-explorer-card:hover{border:1px solid #ffffff1f!important;transform:translateY(-4px)!important;box-shadow:0 14px 45px #0003,inset 0 1px #ffffff1a!important}[data-theme=light] .card:hover,[data-theme=light] .info-block:hover,[data-theme=light] .tech-block:hover,[data-theme=light] .quiz-card:hover,[data-theme=light] .type-explorer-card:hover{border:1px solid #00000014!important;box-shadow:0 14px 45px #00000014,inset 0 1px #fff!important}[data-theme=dark] .quiz-option-btn{color:#e2e8f0!important;background-color:#ffffff0d!important;border:1px solid #ffffff1a!important}[data-theme=dark] .quiz-option-btn:hover:not(.disabled){background-color:#ffffff1a!important;border-color:#fff3!important}[data-theme=dark] .quiz-opt-letter{color:#94a3b8!important;background-color:#ffffff1a!important}[data-theme=dark] .custom-table th{color:#94a3b8!important;background-color:#ffffff0d!important;border-bottom:1px solid #ffffff1a!important}[data-theme=dark] .custom-table td{color:#e2e8f0!important;border-bottom:1px solid #ffffff0d!important}[data-theme=dark] .type-chip{color:#e2e8f0!important;background-color:#ffffff0d!important;border-color:#ffffff1a!important}[data-theme=dark] .type-chip:hover{background-color:#ffffff1a!important}[data-theme=dark] .type-chip.active{background-color:#38bdf826!important;border-color:#38bdf8!important}[data-theme=dark] .type-chip-desc{color:#94a3b8!important}[data-theme=dark] .type-chip-id{color:#38bdf8!important}[data-theme=dark] .inline-code{color:#38bdf8!important;background-color:#ffffff1a!important;border:1px solid #ffffff0d!important}[data-theme=dark] code:not([class*=language-]):not(.inline-code){border-radius:4px;padding:2px 6px;color:#38bdf8!important;background-color:#ffffff1a!important}[data-theme=dark] div[style*="background-color: #ecfdf5"]{background-color:#10b9811a!important;border-color:#10b9814d!important}[data-theme=dark] div[style*="background-color: #fff7ed"]{background-color:#f973161a!important;border-color:#f973164d!important}[data-theme=dark] div[style*="color: #047857"]{color:#6ee7b7!important}[data-theme=dark] div[style*="color: #065f46"]{color:#a7f3d0!important}[data-theme=dark] div[style*="color: #c2410c"]{color:#fdba74!important}[data-theme=dark] div[style*="color: #9a3412"]{color:#fed7aa!important}[data-theme=dark] .null-safety-explorer-card{background-color:#1e212866!important;border-color:#ffffff0f!important}[data-theme=dark] .null-safety-explorer-card h3{color:#e2e8f0!important}[data-theme=dark] .null-safety-explorer-card select{color:#e2e8f0!important;background-color:#0003!important;border-color:#ffffff1a!important}[data-theme=dark] .null-safety-explorer-card select option{color:#e2e8f0!important;background-color:#1e2128!important}[data-theme=dark] div[style*="background-color: #fee2e2"],[data-theme=dark] div[style*="backgroundColor: #fee2e2"]{color:#fca5a5!important;background-color:#ef444426!important}[data-theme=dark] div[style*="background-color: #d1fae5"],[data-theme=dark] div[style*="backgroundColor: #d1fae5"]{color:#6ee7b7!important;background-color:#10b98126!important}[data-theme=dark] .null-safety-explorer-card span[style*="color: #6b7280"]{color:#9ca3af!important}.explorer-status.error{color:#b91c1c;background-color:#fee2e2}.explorer-status.success{color:#047857;background-color:#d1fae5}[data-theme=dark] .explorer-status.error{color:#fca5a5!important;background-color:#ef444426!important}[data-theme=dark] .explorer-status.success{color:#6ee7b7!important;background-color:#10b98126!important}.pagination-btn.btn-secondary{background-color:#9ca3af33!important}[data-theme=dark] .pagination-btn.btn-secondary{color:#e2e8f0!important;background-color:#ffffff1a!important}.sidebar-close-btn{display:none}@media (width<=768px){.sidebar-close-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;z-index:1000;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}[data-theme=dark] .sidebar-close-btn{background:#ffffff1a}}.slide-in-right{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards slideInRight}.slide-out-left{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards slideOutLeft}.slide-in-left{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards slideInLeft}.slide-out-right{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.skeleton{background:linear-gradient(90deg, var(--border-color) 25%, #8282821a 50%, var(--border-color) 75%);background-size:200% 100%;animation:1.5s infinite skeletonLoading}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.multi-quiz-container{flex-direction:column;gap:1.5rem;display:flex}.multi-quiz-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.multi-quiz-header p{color:var(--text-secondary);font-size:1.1rem}.multi-quiz-questions{flex-direction:column;gap:1.5rem;display:flex}.multi-quiz-card{margin-bottom:0!important}.dark-code-box{color:#fff;background-color:#1e1e1e;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem}.fill-blank-action{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.fill-blank-prefix{color:var(--text-secondary);font-weight:500}.fill-blank-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;outline:none;width:150px;padding:.5rem 1rem;font-family:monospace;font-size:1rem}.fill-blank-input:focus{border-color:var(--primary-brand)}.fill-blank-input.correct{background-color:#10b9811a;border-color:#10b981}.fill-blank-input.incorrect{background-color:#ef44441a;border-color:#ef4444}.fill-blank-feedback{font-size:1.2rem}.recap-toolkit-card h3{align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.toolkit-grid{flex-wrap:wrap;gap:1rem;display:flex}.toolkit-chip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;flex:auto;gap:.4rem;min-width:140px;padding:.8rem 1rem;display:flex}.toolkit-code{color:var(--text-primary);font-family:monospace;font-size:1.05rem;font-weight:600}.toolkit-desc{color:var(--text-secondary);font-size:.85rem}[data-theme=dark] .toolkit-chip{background:#ffffff08;border-color:#ffffff14}.split-lists-card h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;display:flex}.split-lists-container{gap:2rem;display:flex}.split-list-column{flex:1}.split-list-column h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.split-list-column ul{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.split-list-column li{color:var(--text-primary);padding-left:1.5rem;position:relative}.split-list-column li:before{content:"•";color:var(--text-secondary);position:absolute;left:0}@media (width<=600px){.split-lists-container{flex-direction:column;gap:1.5rem}}.null-illustration-grid{gap:1.5rem;margin-top:2rem;margin-bottom:1.5rem;display:flex}.null-box-wrapper{flex-direction:column;flex:1;display:flex}.null-label-top{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;margin-left:2rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700}.null-box{border-radius:var(--radius-md);text-align:center;background-color:#0000;flex:1;padding:2.5rem 1.5rem 1.5rem;position:relative}.null-box.has-value{border:1.5px solid #10b981}.null-box.no-value{border:1.5px dashed #9ca3af}.null-title-on-border{position:absolute;top:-12px;left:2rem}.null-title-on-border code{color:#0284c7;background-color:var(--bg-primary);padding:0 10px;font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:600}[data-theme=dark] .null-title-on-border code{color:#38bdf8}.null-content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}.null-value{color:#10b981;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800}.null-box.has-value .null-desc{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.95rem}.null-value.empty{color:#6b7280;font-style:italic}.null-box.no-value .null-desc{color:#6b7280;font-family:JetBrains Mono,monospace;font-size:.95rem}.labeled-block-badge.orange{color:#c2410c;background-color:#ffedd5}.labeled-block-badge.blue{color:#1d4ed8;background-color:#dbeafe}.labeled-block-badge.green{color:#15803d;background-color:#dcfce7}[data-theme=dark] .labeled-block-badge.orange{color:#fdba74;background-color:#431407}[data-theme=dark] .labeled-block-badge.blue{color:#93c5fd;background-color:#1e3a8a}[data-theme=dark] .labeled-block-badge.green{color:#86efac;background-color:#14532d}@media (width<=600px){.null-illustration-grid{flex-direction:column;gap:3rem}}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;box-shadow:0 4px 15px #0284c74d,inset 0 1px #fff3}.btn-primary:before{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0ea5e9);transform:translateY(-2px);box-shadow:0 8px 25px #0284c766,inset 0 1px #ffffff4d}.btn-primary:hover:not(:disabled):before{left:200%}.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #0284c74d}.btn-primary:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7;background:#cbd5e1}[data-theme=dark] .btn-primary{color:#0f172a;background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 4px 20px #38bdf84d,inset 0 1px #ffffff80}[data-theme=dark] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 8px 30px #38bdf880,inset 0 1px #fff9}[data-theme=dark] .btn-primary:disabled{color:#64748b;background:#334155}.fill-blank-input{border:2px solid var(--border-color);padding:.6rem 1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:inset 0 2px 4px #0000000d}.fill-blank-input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf826,inset 0 2px 4px #0000000d}[data-theme=dark] .fill-blank-input{background:#0003;border-color:#ffffff1a}[data-theme=dark] .fill-blank-input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf833,inset 0 2px 4px #0003}.info-block.brown-tint{background-color:#f5f0eb;border-left-color:#bfa38b}[data-theme=dark] .info-block.brown-tint{background-color:#bfa38b1a!important;border-left-color:#bfa38b!important}.page-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header-flex h1{flex:1;margin-bottom:0}.premium-video-btn{color:#ef4444;-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ef44440d,#dc262605);border:1px solid #ef44444d;border-radius:50px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #ef44441a}.premium-video-btn:before{content:"";background:linear-gradient(90deg,#ef444400 0%,#ef444426 50%,#ef444400 100%);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.premium-video-btn:hover{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef444480;transform:translateY(-2px);box-shadow:0 8px 25px #ef444440}.premium-video-btn:hover:before{left:200%}.premium-video-btn .video-icon{animation:2s infinite pulse-red}@keyframes pulse-red{0%{filter:drop-shadow(0 0 #ef444400);transform:scale(1)}50%{filter:drop-shadow(0 0 6px #ef444480);transform:scale(1.15)}to{filter:drop-shadow(0 0 #ef444400);transform:scale(1)}}[data-theme=dark] .premium-video-btn{color:#fca5a5;background:linear-gradient(135deg,#f871711a,#ef44440d);border-color:#f871714d;box-shadow:0 4px 20px #ef444426}[data-theme=dark] .premium-video-btn:hover{color:#fecaca;background:linear-gradient(135deg,#f8717133,#ef44441a);border-color:#f8717180;box-shadow:0 8px 30px #ef44444d}@media (width<=600px){.page-header-flex{flex-direction:column;align-items:flex-start;gap:.8rem}.premium-video-btn{justify-content:center;width:100%}}.video-chooser-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background-color:#0009;justify-content:center;align-items:flex-end;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.video-chooser-modal{background-color:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;padding:1.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;box-shadow:0 -10px 40px #0003}[data-theme=dark] .video-chooser-modal{background-color:#1e1e2f;border-top:1px solid #ffffff1a}.chooser-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}[data-theme=dark] .chooser-header{border-bottom-color:#ffffff1a}.chooser-header h3{color:#333;margin:0;font-size:1.2rem}[data-theme=dark] .chooser-header h3{color:#fff}.chooser-header .close-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;line-height:1}.chooser-options{flex-direction:column;gap:1rem;display:flex}.chooser-btn{color:#333;cursor:pointer;text-align:left;background-color:#f8f9fa;border:1px solid #eee;border-radius:12px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .chooser-btn{color:#e2e8f0;background-color:#ffffff0d;border-color:#ffffff1a}.chooser-btn:hover,.chooser-btn:active{background-color:#eef2ff;border-color:#cbd5e1;transform:translateY(-2px)}[data-theme=dark] .chooser-btn:hover,[data-theme=dark] .chooser-btn:active{background-color:#ffffff1a}.chooser-btn.app-btn .icon{color:#ef4444;background-color:#fee2e2}.chooser-btn.web-btn .icon{color:#3b82f6;background-color:#e0e7ff}.chooser-btn.copy-btn .icon{color:#22c55e;background-color:#dcfce7}.chooser-btn .icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.chooser-btn .text-content{flex-direction:column;gap:.2rem;display:flex}.chooser-btn .text-content strong{font-size:1rem}.chooser-btn .text-content span{color:#666;font-size:.85rem}[data-theme=dark] .chooser-btn .text-content span{color:#aaa}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}