.navbar{position:sticky;top:0;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.1);height:60px;display:flex;align-items:center;z-index:100;padding:0 1rem;transition:background .2s ease}.nav-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.4rem;font-weight:700;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--text);text-decoration:none;font-size:1rem;opacity:.9;transition:.2s ease}.nav-link:hover{color:var(--accent);opacity:1}.theme-toggle{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text);transition:.2s ease}.theme-toggle:hover{transform:scale(1.15)}@media(max-width:700px){.nav-inner{justify-content:space-around}.nav-logo{font-size:1.3rem}.navbar{padding:0 1rem}.nav-links{display:flex;gap:.5rem}.nav-link{color:var(--text);text-decoration:none;font-size:1rem;opacity:.9;transition:.2s ease}}.landing{width:100%;max-width:1000px;margin:0 auto}.hero{text-align:center;margin-top:10vh;margin-bottom:6vh}.hero-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;color:var(--accent)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--accent-secondary);margin-top:1rem;max-width:600px;margin-inline:auto}.search-section{display:flex;justify-content:center;margin:3rem 0}.search-bar{width:min(90%,380px);padding:.9rem 1.2rem;border-radius:.7rem;border:1px solid #ccc;background:var(--bg);color:var(--text);font-size:1rem}.categories{margin:4rem 0}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.category-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.category-card{padding:.9rem;background:var(--bg);color:var(--text);border:1px solid rgba(0,0,0,.1);border-radius:.6rem;text-align:center;cursor:pointer;transition:.2s ease}.category-card:hover{border-color:var(--accent);transform:translateY(-3px)}.recent{margin-top:3rem}.recent-list{margin-left:1rem;line-height:1.6}.recent-list li{margin-bottom:.6rem;font-size:1rem}@media(max-width:600px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.recent-list{padding-left:.5rem}.recent{margin:15px 20px 15px 15px}.search-bar{width:min(70%,380px)}.landing{width:100%;max-width:1000px;margin:0 auto}.categories{margin:4rem 0;padding-left:15px}.categories{margin:4rem 0}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.category-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:20px}.category-card{padding:.9rem;border:1px solid rgba(0,0,0,.1);border-radius:.6rem;transition:.2s ease}.category-card:hover{border-color:var(--accent);transform:translateY(-3px)}}@media(max-width:400px){.hero-title{font-size:2.1rem}.category-card{font-size:.9rem}}.footer{margin-top:60px;padding:25px 20px;border-top:1px solid rgba(0,0,0,.1);background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-left{font-size:.95rem;opacity:.8}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--text);font-size:.95rem;opacity:.85;text-decoration:none}.footer-links a:hover{color:var(--accent);opacity:1}@media(max-width:700px){.footer-inner{flex-direction:column;text-align:center}}:root{--bg: #ffffff;--text: #000000;--accent: #6366F1;--accent-secondary: #22D3EE}.dark{--bg: #000000;--text: #ffffff;--accent: #818CF8;--accent-secondary: #67E8F9}body{font-family:Inter,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}html,body{overflow-x:hidden;width:100%}html{scroll-behavior:smooth}.dark pre{background:#ffffff14}#hero{min-height:80vh;width:100%;display:flex;justify-content:center;align-items:center;padding:0 2rem;text-align:center}#content{max-width:600px;width:100%}.title{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:700;color:var(--accent);margin-bottom:1rem}.description{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--accent-secondary);opacity:.9}body{padding:0;border:0;margin:0}.problem-page{display:flex;flex-direction:row;max-width:1200px;margin:0 auto;padding:2rem 1rem;gap:2rem;width:100%;box-sizing:border-box;min-height:calc(100vh - 140px)}.side-nav{position:sticky;top:80px;height:fit-content;display:flex;flex-direction:column;gap:.8rem;width:150px}.side-nav a{color:var(--text);text-decoration:none;font-size:1rem;opacity:.8;padding:6px 0;border-left:3px solid transparent;transition:.2s ease}.side-nav a:hover{opacity:1;color:var(--accent);border-left:3px solid var(--accent)}.mobile-nav{display:none;position:sticky;top:60px;background:var(--bg);padding:.7rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);z-index:90;justify-content:space-between}.mobile-nav a{color:var(--text);text-decoration:none;opacity:.9;font-size:1rem;padding:4px}.mobile-nav a:hover{color:var(--accent);opacity:1}.content{flex:1;max-width:800px}.section-block{margin-bottom:3rem}.title{font-size:2rem;font-weight:700;color:var(--accent)}.desc{margin-top:1rem;font-size:1.1rem;color:var(--text);opacity:.9}.side-nav a.active,.mobile-nav a.active{color:var(--accent);font-weight:600;border-left:3px solid var(--accent);opacity:1}.mobile-nav a.active{border-bottom:2px solid var(--accent)}pre{background:#6464641a;padding:1rem;border-radius:8px;overflow-x:auto;margin-top:1rem}@media(max-width:900px){.problem-page{padding:1.5rem 1rem;gap:1.5rem}.side-nav{width:120px}}@media(max-width:700px){.problem-page{flex-direction:column;padding-top:1rem}.side-nav{display:none}.mobile-nav{display:flex}.content{max-width:100%}}@media(max-width:400px){.mobile-nav a{font-size:.85rem}.title{font-size:1.6rem}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.code-wrapper{position:relative;margin-top:1rem}pre{background:#2d2d2d;padding:1rem;border-radius:10px;overflow-x:auto;font-size:.95rem;line-height:1.6}.copy-btn{position:absolute;top:10px;right:10px;background:var(--bg);color:var(--text);border:1px solid rgba(0,0,0,.2);padding:4px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:.2s ease}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}pre[class*=language-]{background:#f5f5f5}.dark pre[class*=language-]{background:#2d2d2d}.dark .copy-btn{background:#1f1f1f;border-color:#fff3}.dark .copy-btn:hover{color:var(--accent);border-color:var(--accent)}code,pre{font-family:JetBrains Mono,monospace}code[class*=language-] *,pre[class*=language-] *{background:transparent!important}pre ::selection{background:#6366f159}.topic-page{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px)}.topic-title{font-size:2.2rem;font-weight:700;color:var(--accent);margin-bottom:1rem}.topic-desc{font-size:1.1rem;opacity:.9;margin-bottom:2rem}section h2{font-size:1.4rem;margin-bottom:.8rem;color:var(--accent-secondary)}.topic-list{list-style:none;padding-left:0}.topic-list li{margin-bottom:.6rem}.topic-list a{text-decoration:none;color:var(--text);transition:.2s ease}.topic-list a:hover{color:var(--accent)}.problems-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.problems-title{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;text-align:left}.problems-page{max-width:800px;margin:0 auto;padding:2rem 1rem;width:100%;min-height:calc(100vh - 140px);box-sizing:border-box}.problem-card{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.3rem;border:1px solid rgba(0,0,0,.15);border-radius:12px;text-decoration:none;color:var(--text);background:var(--bg);transition:.2s ease;width:100%;box-sizing:border-box;height:100%;max-width:100%}.problem-card:hover{border-color:var(--accent);transform:translateY(-3px)}.p-left h3{font-size:1.15rem;margin-bottom:.3rem}.topic{font-size:.9rem;opacity:.7}.difficulty{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.easy{background:#10b9812b;color:#10b981}.medium{background:#f59e0b33;color:#f59e0b}.hard{background:#ef444433;color:#ef4444}@media(max-width:600px){.problem-card{flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem}.difficulty{align-self:flex-start}.problems-title{font-size:1.7rem;margin-bottom:1rem}}.search-input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(0,0,0,.2);margin-bottom:1rem;background:var(--bg);color:var(--text)}.filters{display:flex;gap:.6rem;margin-bottom:1.5rem}.filters button{padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:transparent;cursor:pointer;color:var(--text)}.filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.topics-page{max-width:900px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px);box-sizing:border-box}.topics-title{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:2rem}.topics-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.topic-card{display:block;padding:1.4rem 1.5rem;border-radius:14px;background:var(--bg);border:1px solid rgba(0,0,0,.15);text-decoration:none;color:var(--text);transition:.25s ease}.topic-card:hover{border-color:var(--accent);transform:translateY(-4px)}.topic-card h3{font-size:1.2rem;font-weight:600;margin-bottom:.4rem;color:var(--text)}.topic-card p{font-size:.95rem;opacity:.8;line-height:1.5}@media(max-width:600px){.topics-title{font-size:1.7rem;margin-bottom:1.5rem}.topic-card{padding:1.2rem}}.algorithms-page{max-width:900px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px)}.algorithms-title{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:2rem}.algorithms-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.algorithm-card{padding:1.4rem 1.5rem;border-radius:14px;border:1px solid rgba(0,0,0,.15);text-decoration:none;color:var(--text);transition:.25s ease}.algorithm-card:hover{border-color:var(--accent);transform:translateY(-4px)}.algorithm-card h3{margin-bottom:.4rem}.algorithm-card p{font-size:.95rem;opacity:.8}.algorithm-page{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px)}.algorithm-title{font-size:2.2rem;color:var(--accent);margin-bottom:.6rem}.algorithm-desc{opacity:.9;margin-bottom:2rem}section{margin-bottom:2.5rem}pre{background:#6464641a;padding:1rem;border-radius:8px;overflow-x:auto}