:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--bg-page);--text-primary: #e5eefc;--text-secondary: #bfd2ee;--text-muted: #9fb1cc;--text-placeholder: #6f86aa;--text-heading: #f8fbff;--accent: #93c5fd;--accent-contrast: #04111f;--accent-gradient: linear-gradient(135deg, #38bdf8, #3b82f6);--bg-page: radial-gradient(circle at top, rgba(74, 144, 226, .22), transparent 32%), linear-gradient(180deg, #08111f 0%, #0d1628 45%, #10192c 100%);--bg-card: rgba(9, 17, 32, .82);--bg-subtle: rgba(148, 163, 184, .08);--bg-input: rgba(15, 23, 42, .8);--bg-surface: rgba(15, 23, 42, .76);--bg-selected: rgba(16, 40, 79, .72);--border-soft: rgba(147, 197, 253, .14);--border-muted: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .18);--shadow-elevated: 0 20px 50px rgba(0, 0, 0, .28);--easy-bg: rgba(74, 222, 128, .16);--easy-text: #86efac;--medium-bg: rgba(250, 204, 21, .14);--medium-text: #fde68a;--subtle-pill-bg: rgba(148, 163, 184, .1);--code-shell-bg: #040b17;--code-shell-border: rgba(148, 163, 184, .14);--code-text: #e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--text-primary: #11233c;--text-secondary: #42556f;--text-muted: #60748e;--text-placeholder: #8a9bb2;--text-heading: #0f172a;--accent: #2563eb;--accent-contrast: #ffffff;--accent-gradient: linear-gradient(135deg, #2563eb, #0ea5e9);--bg-page: radial-gradient(circle at top, rgba(96, 165, 250, .22), transparent 30%), linear-gradient(180deg, #f5f9ff 0%, #edf4ff 46%, #e5effb 100%);--bg-card: rgba(255, 255, 255, .88);--bg-subtle: rgba(226, 232, 240, .72);--bg-input: rgba(248, 250, 252, .95);--bg-surface: rgba(255, 255, 255, .92);--bg-selected: rgba(219, 234, 254, .96);--border-soft: rgba(37, 99, 235, .12);--border-muted: rgba(148, 163, 184, .28);--border-strong: rgba(100, 116, 139, .24);--shadow-elevated: 0 18px 42px rgba(15, 23, 42, .08);--easy-bg: rgba(22, 163, 74, .12);--easy-text: #15803d;--medium-bg: rgba(245, 158, 11, .14);--medium-text: #b45309;--subtle-pill-bg: rgba(226, 232, 240, .9);--code-shell-bg: #f8fafc;--code-shell-border: rgba(148, 163, 184, .3);--code-text: #0f172a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--bg-page);transition:background .25s ease,color .25s ease}button,input,textarea,select{font:inherit}button{border:0}#root{min-height:100vh}.page-shell{padding:24px}.page-container{width:min(1240px,100%);margin:0 auto;display:grid;gap:20px}.card{border:1px solid var(--border-soft);background:var(--bg-card);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.hero,.filters,.study-plan,.list-panel,.detail-panel{border-radius:24px}.hero{padding:28px}.hero-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow,.section-kicker,.detail-overline,.stat-label,.filter-label{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.hero h1,.study-plan h2,.list-panel h2,.detail-panel h2,.code-header h3{margin:0}.hero h1{margin-top:10px;font-size:clamp(2.6rem,8vw,4.5rem);line-height:.95}.hero-copy{max-width:760px;margin:16px 0 0;color:var(--text-secondary);font-size:1.04rem}.hero-stats{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-stats div,.complexity-strip div,.study-plan-grid article{padding:16px;border-radius:18px;background:var(--bg-subtle);border:1px solid var(--border-muted)}.hero-stats strong,.complexity-strip strong,.study-plan-grid strong{display:block;margin-top:8px;font-size:1rem;color:var(--text-heading)}.study-plan,.filters{padding:20px}.study-plan-grid{margin-top:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.study-plan-grid p{margin:8px 0 0;color:var(--text-secondary)}.filters{display:grid;gap:16px}.search-field{display:grid;gap:8px}.search-field label{font-size:.9rem;color:var(--text-primary);font-weight:600}.search-field input{width:100%;border-radius:16px;padding:14px 16px;background:var(--bg-input);color:var(--text-heading);border:1px solid var(--border-strong)}.search-field input::placeholder{color:var(--text-placeholder)}.filter-groups{display:grid;gap:14px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.chip,.copy-button{border-radius:999px;padding:10px 14px;background:var(--subtle-pill-bg);color:var(--text-primary);transition:transform .2s ease,background .2s ease,color .2s ease;cursor:pointer}.chip:hover,.copy-button:hover,.problem-card:hover{transform:translateY(-1px)}.chip.active,.copy-button{background:var(--accent-gradient);color:var(--accent-contrast);font-weight:700}.theme-toggle{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 14px;background:var(--subtle-pill-bg);color:var(--text-primary);border:1px solid var(--border-muted);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--accent-gradient);color:var(--accent-contrast);font-size:.85rem}.hero-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.github-actions{display:flex;align-items:center;gap:8px}.gh-btn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:10px 14px;background:var(--subtle-pill-bg);color:var(--text-primary);border:1px solid var(--border-muted);cursor:pointer;font-size:.85rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.gh-btn:hover{transform:translateY(-1px);border-color:var(--border-strong)}.gh-btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}.gh-btn-count{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:var(--accent-gradient);color:var(--accent-contrast);font-size:.72rem;font-weight:600;letter-spacing:.02em}.app-shell{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;align-items:start}.list-panel{padding:18px;position:sticky;top:20px}.panel-header,.detail-hero,.code-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.results-count{color:var(--text-muted);font-size:.92rem}.problem-list{margin-top:18px;display:grid;gap:12px}.problem-card{width:100%;text-align:left;padding:16px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border-muted);color:inherit}.problem-card.active{border-color:#3b82f6a3;box-shadow:inset 0 0 0 1px #60a5fa61;background:var(--bg-selected)}.problem-card-top,.problem-meta,.detail-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.problem-number{color:var(--accent);font-size:.92rem;font-weight:700}.problem-card h3{margin:12px 0 8px;font-size:1.02rem}.problem-card p,.detail-copy,.detail-list,.empty-state p{margin:0;color:var(--text-secondary)}.problem-meta{margin-top:12px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.pill.easy{background:var(--easy-bg);color:var(--easy-text)}.pill.medium{background:var(--medium-bg);color:var(--medium-text)}.pill.subtle{background:var(--subtle-pill-bg);color:var(--text-primary)}.detail-panel{padding:24px;display:grid;gap:22px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-list{padding-left:18px}.detail-list li+li{margin-top:10px}.detail-list.ordered{padding-left:22px}.complexity-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.code-section{display:grid;gap:14px}.code-block{margin:0;overflow-x:auto;padding:18px;border-radius:20px;border:1px solid var(--code-shell-border);background:var(--code-shell-bg);color:var(--code-text);font-size:.92rem;line-height:1.65}.code-block code,.code-block pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.empty-state{min-height:320px;place-items:center}@media(max-width:1024px){.study-plan-grid,.hero-stats,.detail-grid,.complexity-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.study-plan-grid article:last-child,.hero-stats div:last-child,.complexity-strip div:last-child{grid-column:1 / -1}}@media(max-width:900px){.page-shell{padding:16px}.app-shell{grid-template-columns:1fr}.list-panel{position:static}}@media(max-width:640px){.hero-header{align-items:flex-start;flex-direction:column}.hero-controls{flex-direction:column;align-items:flex-start}.hero,.filters,.study-plan,.list-panel,.detail-panel{border-radius:20px}.hero,.study-plan,.filters,.detail-panel{padding:18px}.hero-stats,.study-plan-grid,.detail-grid,.complexity-strip{grid-template-columns:1fr}.panel-header,.detail-hero,.code-header{flex-direction:column}.chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chip-row::-webkit-scrollbar{display:none}.problem-list{max-height:none}}