:root{--bg:#f8fafc;--card:#fff;--surface:#f1f5f9;--surface-alt:#e2e8f0;--border:#cbd5e1;--border-light:#e2e8f0;--muted:#64748b;--text:#0f172a;--brand:#0ea5e9;--brand-light:#e0f2fe;--brand-soft:#f0f9ff;--accent:#06b6d4;--accent-soft:#ecfeff;--success:#10b981;--success-soft:#f0fdf4;--warning:#f59e0b;--warning-soft:#fffbeb;--math-primary:#3b82f6;--math-secondary:#dbeafe;--math-bg:rgba(59,130,246,.06);--data-primary:#06b6d4;--data-secondary:#cffafe;--data-bg:rgba(6,182,212,.06);--science-primary:#0ea5e9;--science-secondary:#e0f2fe;--science-bg:rgba(14,165,233,.06);--coding-primary:#64748b;--coding-secondary:#f1f5f9;--coding-bg:rgba(100,116,139,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:linear-gradient(180deg,#fff,#f7fbff 40%,#f2f6fb);color:var(--text);min-height:100vh}.container{max-width:960px;margin:0 auto;padding:1rem}.site-header{border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.75);z-index:10;padding:.75rem 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.5px;flex-shrink:0}.site-footer{border-top:1px solid var(--border);margin-top:3rem;padding:1rem 0;color:var(--muted);font-size:.9rem}h1{font-size:1.8rem;margin:1rem 0}h2{font-size:1.2rem;margin:.5rem 0}p{color:var(--muted);line-height:1.6}.main-page{text-align:center;max-width:1200px;margin:0 auto}.hero{margin-bottom:3rem;padding:2rem 0}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero h1,.hero p{color:var(--text)}.hero p{font-size:1.1rem;max-width:600px;margin:0 auto;opacity:.9}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}@media (max-width:640px){.grid{grid-template-columns:1fr;gap:.75rem}.container{padding:.75rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.card{padding:.75rem}.card[style*=borderLeft]{padding:1rem}.btn{padding:.5rem .75rem;font-size:.9rem}.crumbs{font-size:.85rem;gap:.25rem}.nav{flex-direction:column;gap:.5rem;align-items:stretch}.nav .spacer{display:none}.tags{gap:.25rem}.tag{font-size:.7rem;padding:.15rem .4rem}}.grid>*{animation:fadeInUp .4s ease-out forwards;opacity:0;transform:translateY(10px)}.grid>:first-child{animation-delay:.05s}.grid>:nth-child(2){animation-delay:.1s}.grid>:nth-child(3){animation-delay:.15s}.grid>:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.focus-card{position:relative;overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.card.hover{transition:transform .12s ease,border-color .12s ease}.card.hover:hover{transform:translateY(-2px);border-color:var(--brand-light)}[data-theme=math] .card{border-left:4px solid var(--math-primary)}[data-theme=data] .card{border-left:4px solid var(--data-primary)}[data-theme=science] .card{border-left:4px solid var(--science-primary)}[data-theme=coding] .card{border-left:4px solid var(--coding-primary)}.card.interactive{cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.card.interactive:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.card.interactive:active{transform:translateY(0)}.tags{display:flex;gap:.5rem;margin:.5rem 0 .75rem;flex-wrap:wrap}.tag{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:var(--brand-soft);color:var(--brand);border:1px solid var(--border);transition:all .2s ease;cursor:default;position:relative}.tag:hover{transform:scale(1.02)}.tags .tag:nth-child(8n+1){background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.tags .tag:nth-child(8n+2){background:#e9d5ff;color:#6b21a8;border-color:#d8b4fe}.tags .tag:nth-child(8n+3){background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.tags .tag:nth-child(8n+4){background:#dcfce7;color:#065f46;border-color:#bbf7d0}.tags .tag:nth-child(8n+5){background:#ffe4e6;color:#9f1239;border-color:#fecdd3}.tags .tag:nth-child(8n+6){background:#ccfbf1;color:#115e59;border-color:#99f6e4}.tags .tag:nth-child(8n+7){background:#fde68a;color:#92400e;border-color:#fcd34d}.tags .tag:nth-child(8n+8){background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}.btn{display:inline-block;padding:.6rem .9rem;border-radius:10px;border:1px solid var(--border);color:var(--text);text-decoration:none;background:var(--surface)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.success{background:var(--accent);border-color:var(--accent);color:#fff}.btn.disabled{opacity:.5;pointer-events:none}.btn+.btn{margin-left:.5rem}.btn{transition:all .2s ease;position:relative;overflow:hidden;font-weight:500}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 10px rgba(15,23,42,.06)}.btn:active{transform:translateY(0)}[data-theme=math] .btn.primary{background:var(--math-primary);border-color:var(--math-primary);color:#fff}[data-theme=data] .btn.primary{background:var(--data-primary);border-color:var(--data-primary);color:#003}[data-theme=science] .btn.primary{background:var(--science-primary);border-color:var(--science-primary);color:#003}[data-theme=coding] .btn.primary{background:var(--coding-primary);border-color:var(--coding-primary);color:#003}.actions{margin-top:.75rem}.crumbs{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.95rem}.crumbs a{color:var(--brand);text-decoration:none}.crumbs span{opacity:.7}.lesson{margin-top:.5rem;display:grid;grid-gap:1rem;gap:1rem}.lesson .lede{color:#334155}.progress-container{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin:1rem 0}.progress-bar{height:100%;background:var(--brand);border-radius:2px;transition:width .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pulse{animation:pulse 1.5s infinite}.color-transition{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.nav{display:flex;align-items:center;margin-top:.5rem}.nav .spacer{flex:1 1}.list{margin:1rem 0;padding-left:1.25rem}.list-item{margin:.4rem 0}.list-item a{color:var(--brand);text-decoration:none}mark{background:var(--brand-light);color:var(--text);padding:0 .2rem;border-radius:4px}.callout{border:1px solid var(--border);border-left-width:4px;padding:.75rem;border-radius:10px;background:var(--surface)}.callout .callout-title{font-weight:700;margin-bottom:.25rem}.callout.info{border-left-color:var(--brand);background:var(--brand-soft)}.callout.success{border-left-color:var(--accent);background:var(--accent-soft)}.callout.warn{border-left-color:var(--warning);background:var(--warning-soft)}.callout.tip{border-left-color:var(--brand);background:var(--brand-light)}.tags .tag:nth-child(5n+1){background:var(--brand-soft);color:var(--brand);border-color:var(--brand-light)}.tags .tag:nth-child(5n+2){background:var(--surface-alt);color:var(--muted);border-color:var(--border)}.tags .tag:nth-child(5n+3){background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.tags .tag:nth-child(5n+4){background:var(--surface);color:var(--text);border-color:var(--border-light)}.tags .tag:nth-child(5n+5){background:var(--brand-light);color:var(--brand);border-color:var(--brand-soft)}:focus{border-radius:4px}.btn:focus,:focus,button:focus{outline:2px solid var(--brand);outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:6px;background:var(--brand);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-to-content:focus{top:6px}.loading-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 1.5s infinite}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:disabled:hover{transform:none!important;box-shadow:none!important}.progress-container{position:relative;overflow:visible}.progress-bar:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--brand);border-radius:2px;opacity:.8}html{scroll-behavior:smooth}@media (hover:none) and (pointer:coarse){.card.hover:hover{transform:none}.card.interactive:active{transform:scale(.98);transition:transform .1s ease}}.search-container{position:relative;width:100%;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search-input::placeholder{color:var(--muted)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:.25rem;border-radius:4px;transition:color .2s ease,background-color .2s ease}.search-clear:hover{color:var(--text);background:var(--surface)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:400px;overflow-y:auto;z-index:1000;margin-top:.25rem}.search-result-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface)}.search-result-icon{font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.search-result-content{flex:1 1;min-width:0}.search-result-title{font-weight:600;color:var(--text);margin-bottom:.25rem;line-height:1.3}.search-result-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;color:var(--muted)}.search-result-type{background:var(--brand-soft);color:var(--brand);padding:.1rem .4rem;border-radius:4px;font-weight:500}.search-result-area{color:var(--muted)}.search-result-description{font-size:.85rem;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-no-results{padding:1rem;text-align:center}.search-no-results-text{color:var(--muted);margin-bottom:1rem}.search-suggestions-title{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.search-suggestions-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.search-suggestion-item{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.search-suggestion-item:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}@media (max-width:768px){.header-content{flex-direction:column;gap:.75rem;align-items:stretch}.search-container{max-width:100%}.search-input{font-size:16px}.search-results{max-height:300px}.search-result-item{padding:.5rem;gap:.5rem}.search-result-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}