@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #f9fafb;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--bg-card: #ffffff;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #818cf8}[data-theme=dark]{--bg-primary: #030712;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-card: #111827;--bg-hover: #1f2937;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-muted: #4b5563;--border-color: #1f2937;--border-light: #374151;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#app{isolation:isolate;min-height:100vh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) var(--bg-secondary)}::selection{background-color:var(--accent);color:#fff}h1,.h1{font-size:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}h2,.h2{font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}h3,.h3{font-size:1.5rem;font-weight:600;line-height:1.25}h4,.h4{font-size:1.25rem;font-weight:600;line-height:1.5}h5,.h5{font-size:1.125rem;font-weight:500;line-height:1.5}h6,.h6{font-size:1rem;font-weight:500;line-height:1.5}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}code,.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;background-color:var(--bg-tertiary);padding:.125em .25em;border-radius:.25rem}pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.75;background-color:var(--bg-tertiary);padding:1rem;border-radius:.5rem;overflow-x:auto}pre code{background:none;padding:0}.link{color:var(--accent);transition:color .15s ease}.link:hover{color:var(--accent-hover)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:260px;flex-shrink:0;background-color:var(--bg-card);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:200;transition:width .2s ease,transform .2s ease}.app-sidebar.is-collapsed{width:68px}.app-sidebar.is-collapsed .nav-label,.app-sidebar.is-collapsed .nav-badge{opacity:0;width:0;overflow:hidden}.app-sidebar.is-collapsed .nav-link{justify-content:center;padding:.75rem}.app-sidebar.is-collapsed .sidebar-footer{padding:.5rem}.app-sidebar.is-collapsed .app-version span{font-size:.65rem}.app-sidebar.is-collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}@media(max-width:767px){.app-sidebar{transform:translate(-100%);width:260px}.app-sidebar.is-collapsed{width:260px}.app-sidebar.is-collapsed .nav-label,.app-sidebar.is-collapsed .nav-badge{opacity:1;width:auto}.app-sidebar.is-collapsed .nav-link{justify-content:flex-start;padding:.75rem 1rem}}.sidebar-mobile-trigger{display:none;position:fixed;top:.75rem;left:.75rem;z-index:210;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem;cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow-md)}@media(max-width:767px){.sidebar-mobile-trigger{display:flex;align-items:center;justify-content:center}}body.sidebar-open{overflow:hidden}body.sidebar-open .app-sidebar{transform:translate(0)}body.sidebar-open .sidebar-overlay{display:block}body.sidebar-open .sidebar-mobile-trigger{display:none}body.sidebar-collapsed .app-main{margin-left:68px}@media(max-width:767px){body.sidebar-collapsed .app-main{margin-left:0}}.app-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .2s ease}@media(max-width:767px){.app-main{margin-left:0}}.app-header{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:200;display:flex;align-items:center;padding:0 1.5rem}.app-content{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.app-content:has(.page-topic-detail){padding:1rem;max-width:100%}@media(max-width:767px){.app-content{padding:1rem;padding-top:calc(1rem + 48px)}}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:1024px){.container{padding-left:1.5rem;padding-right:1.5rem}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-responsive{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary,.btn.btn-primary{background-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn--secondary,.btn.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn--secondary:hover:not(:disabled),.btn.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn--outline,.btn.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn--outline:hover:not(:disabled),.btn.btn-outline:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--text-muted)}.btn--ghost,.btn.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled),.btn.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn--sm,.btn.btn-sm{padding:.25rem .75rem;font-size:.75rem}.btn--lg,.btn.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn--icon{padding:.5rem}.btn--icon.btn--sm{padding:.25rem}.btn--icon.btn--lg{padding:.75rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;transition:all .15s ease}.card--hover:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card__title{font-size:1.125rem;font-weight:600}.card__subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.card__content{color:var(--text-secondary)}.card__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.375rem;white-space:nowrap}.badge--easy{background-color:#22c55e26;color:#22c55e}.badge--medium{background-color:#f59e0b26;color:#f59e0b}.badge--hard{background-color:#ef444426;color:#ef4444}.badge--primary{background-color:#6366f126;color:#6366f1}.badge--secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.tag{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:9999px;white-space:nowrap}.tag--clickable{cursor:pointer;transition:all .15s ease}.tag--clickable:hover{background-color:var(--accent);color:#fff}.progress{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress__bar{height:100%;background-color:var(--accent);border-radius:9999px;transition:width .3s ease}.progress--sm{height:4px}.progress--lg{height:12px}.checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__input{width:18px;height:18px;border:2px solid var(--border-color);border-radius:.25rem;appearance:none;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0}.checkbox__input:checked{background-color:var(--accent);border-color:var(--accent)}.checkbox__input:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox__input:hover:not(:checked){border-color:var(--accent)}.checkbox__label{font-size:.875rem;color:var(--text-primary)}.input{width:100%;padding:.5rem .75rem;font-size:.875rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;transition:all .15s ease}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.input--search{padding-left:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center}.select{position:relative;display:inline-block}.select__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .15s ease}.select__trigger:hover{border-color:var(--text-muted)}.select__trigger:after{content:"▾";margin-left:auto;color:var(--text-muted)}.select__menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-lg);z-index:100;display:none}.select__menu.open{display:block}.select__option{padding:.5rem .75rem;font-size:.875rem;cursor:pointer;transition:background-color .15s ease}.select__option:hover{background-color:var(--bg-hover)}.select__option.selected{background-color:var(--accent);color:#fff}.tabs{display:flex;border-bottom:1px solid var(--border-color);gap:.25rem}.tabs__tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{padding:1rem 0}.tab-content__panel{display:none}.tab-content__panel.active{display:block}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-state__icon{font-size:48px;margin-bottom:1rem;opacity:.5}.empty-state__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state__description{color:var(--text-secondary);max-width:400px}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.375rem}.skeleton--text{height:1em;width:100%}.skeleton--title{height:1.5em;width:60%}.skeleton--card{height:120px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;font-size:.75rem;background-color:var(--text-primary);color:var(--bg-primary);border-radius:.375rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;margin-bottom:.25rem}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text-primary)}.tooltip:hover .tooltip__content{opacity:1;visibility:visible}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}.icon--sm{font-size:16px}.icon--md{font-size:20px}.icon--lg{font-size:24px}.icon--xl{font-size:32px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background-color:var(--accent);color:#fff;font-weight:500}.avatar--sm{width:32px;height:32px;font-size:.875rem}.avatar--lg{width:48px;height:48px;font-size:1.125rem}.divider{width:100%;height:1px;background-color:var(--border-color);margin:1rem 0}.divider--vertical{width:1px;height:100%;margin:0 1rem}.chapter-nav{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--bg-secondary);border-right:1px solid var(--border-color)}.chapter-nav__header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.chapter-nav__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.chapter-nav__progress{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.chapter-nav__tree{flex:1;overflow-y:auto;padding:.5rem}.progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent),#22c55e);border-radius:3px;transition:width .3s ease}.nav-section{margin-bottom:.25rem}.nav-section__toggle{display:flex;align-items:center;width:100%;padding:.5rem 1rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:left;transition:background-color .2s ease}.nav-section__toggle:hover{background:var(--bg-hover)}.nav-section__icon{flex-shrink:0;margin-right:.5rem;transition:transform .2s ease;color:var(--text-tertiary)}.nav-section__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-section__count{flex-shrink:0;padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;font-size:.75rem;color:var(--text-tertiary)}.nav-section__children{display:none;padding-left:12px;margin-left:8px;border-left:1px solid var(--border-color)}.nav-section .nav-section{margin-top:.25rem}.nav-section .nav-section .nav-section__toggle{font-size:.75rem;padding:6px .5rem;color:var(--text-secondary)}.nav-section .nav-section .nav-section__toggle:hover{color:var(--text-primary)}.nav-section .nav-section .nav-section__icon{width:14px;height:14px}.nav-section .nav-section .nav-section__children{margin-left:6px}.nav-section.is-expanded>.nav-section__toggle .nav-section__icon{transform:rotate(90deg)}.nav-section.is-expanded>.nav-section__children{display:block}.nav-chapter{display:flex;align-items:center;width:100%;padding:.5rem 1rem;padding-left:calc(var(--depth, 0) * 12px + 1rem);background:transparent;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary);text-align:left;transition:all .2s ease}.nav-chapter:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-chapter__status{flex-shrink:0;margin-right:.5rem;display:flex;align-items:center;color:var(--text-tertiary)}.nav-chapter__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chapter__time{flex-shrink:0;font-size:.75rem;color:var(--text-tertiary);opacity:0;transition:opacity .2s ease}.nav-chapter:hover .nav-chapter__time{opacity:1}.nav-chapter.is-read .nav-chapter__status{color:var(--success-color)}.nav-chapter.is-read .nav-chapter__title{color:var(--text-tertiary)}.nav-chapter.is-current{background:var(--accent-color-light);color:var(--accent-color);font-weight:500}.nav-chapter.is-current .nav-chapter__status{color:var(--accent-color)}.nav-chapter.is-current:hover{background:var(--accent-color-light)}.content-loading,.content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;color:var(--text-secondary)}.content-loading svg,.content-error svg{margin-bottom:1rem;opacity:.5}.content-loading h3,.content-error h3{margin-bottom:.5rem;color:var(--text-primary)}.content-loading p,.content-error p{margin-bottom:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.content-article{max-width:900px;margin:0 auto;padding:1.5rem 2rem}.content-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:none}.content-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.content-meta .reading-time{display:flex;align-items:center;gap:.25rem}.content-meta .reading-time svg{opacity:.7}.content-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.mark-read-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.375rem;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mark-read-btn:hover{background:var(--bg-hover);border-color:var(--accent-color)}.mark-read-btn.completed{background:var(--success-color);border-color:var(--success-color);color:#fff}.mark-read-btn.completed:hover{background:var(--success-color)}.markdown-content{color:var(--text-primary);line-height:1.8}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:var(--text-primary)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.3em}.markdown-content h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.1rem}.markdown-content h5,.markdown-content h6{font-size:1rem}.markdown-content .content-heading{position:relative}.markdown-content .content-heading:hover .heading-anchor{opacity:1}.markdown-content .heading-anchor{position:absolute;left:-1.5em;padding-right:.5em;color:var(--accent-color);text-decoration:none;opacity:0;transition:opacity .2s ease;font-weight:400}.markdown-content .heading-anchor:hover{text-decoration:underline}.markdown-content p{margin-bottom:1em}.markdown-content a{color:var(--accent-color);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:.25em}.markdown-content li>ul,.markdown-content li>ol{margin-top:.25em;margin-bottom:0}.markdown-content .task-list-item{list-style:none;margin-left:-1.5em}.markdown-content .task-list-item .task-checkbox{margin-right:.5em;transform:scale(1.1)}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content em{font-style:italic}.markdown-content code:not([class*=language-]){padding:.2em .4em;background:var(--bg-tertiary);border-radius:.25rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;color:var(--accent-color)}.markdown-content hr{margin:2em 0;border:none;border-top:1px solid var(--border-color)}.markdown-content img{max-width:100%;height:auto;border-radius:.375rem;margin:1em 0}.code-block{margin:1.5em 0;border-radius:.375rem;overflow:hidden;background:#1e1e1e}.code-block .code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#2d2d2d;border-bottom:1px solid #3d3d3d}.code-block .code-language{font-size:.75rem;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.5px}.code-block .code-copy-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;color:#888;transition:all .2s ease}.code-block .code-copy-btn:hover{background:#ffffff1a;color:#fff}.code-block .code-copy-btn.copied{color:var(--success-color)}.code-block pre{margin:0;padding:1rem;overflow-x:auto}.code-block code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6}.hljs{background:transparent!important;padding:0!important}.blockquote{margin:1.5em 0;padding:1rem 1.5rem;border-left:4px solid var(--border-color);background:var(--bg-secondary);border-radius:0 .375rem .375rem 0}.blockquote p{margin-bottom:0}.blockquote p:last-child{margin-bottom:0}.blockquote--insight{border-left-color:#ffc107;background:#ffc1071a}.blockquote--warning{border-left-color:#ff5722;background:#ff57221a}.blockquote--related{border-left-color:var(--accent-color);background:var(--accent-color-light)}.blockquote--note{border-left-color:#2196f3;background:#2196f31a}.table-container{margin:1.5em 0;overflow-x:auto;border-radius:.375rem;border:1px solid var(--border-color)}.content-table{width:100%;border-collapse:collapse;font-size:.875rem}.content-table th,.content-table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.content-table th{font-weight:600;background:var(--bg-secondary);color:var(--text-primary);white-space:nowrap}.content-table td{color:var(--text-secondary)}.content-table tbody tr{transition:background-color .2s ease}.content-table tbody tr:hover{background:var(--bg-hover)}.content-table tbody tr:last-child td{border-bottom:none}.content-table code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.75rem}details{margin:1.5em 0;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem}details summary{display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}details summary::-webkit-details-marker{display:none}details summary:before{content:"▶";display:inline-block;margin-right:.5rem;font-size:.7em;transition:transform .2s ease}details summary:hover{color:var(--accent-color)}details[open] summary:before{transform:rotate(90deg)}details>*:not(summary){margin-top:1rem}.mermaid-container{margin:1.5em 0;padding:1rem;background:var(--bg-secondary);border-radius:.375rem;overflow-x:auto;text-align:center}.mermaid-container svg{max-width:100%;height:auto}.mermaid-error{padding:1rem;background:#ff57221a;border:1px solid #ff5722;border-radius:.25rem;color:#ff5722;font-size:.875rem;white-space:pre-wrap}.chapter-sidebar{min-height:0;overflow:hidden}.topic-content-layout{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0;overflow:hidden;position:relative;grid-template-rows:1fr}.topic-content-layout .sidebar-toggle{display:none}@media(max-width:1024px){.topic-content-layout{grid-template-columns:1fr}.topic-content-layout .chapter-nav{display:none}.topic-content-layout.sidebar-open .chapter-nav{display:flex;position:fixed;top:64px;left:0;bottom:0;width:280px;z-index:100;box-shadow:4px 0 10px #0000001a}.topic-content-layout .sidebar-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;left:.5rem;width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;color:var(--text-muted);z-index:10;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.topic-content-layout .sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}}.content-main{overflow-y:auto;min-height:0;background:var(--bg-primary)}.chapter-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);gap:1rem}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:all .2s ease;max-width:45%}.nav-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.nav-btn--prev .nav-btn__title{text-align:right}.nav-btn--next{margin-left:auto}.nav-btn--next .nav-btn__title{text-align:left}.nav-btn__icon{flex-shrink:0}.nav-btn__content{display:flex;flex-direction:column;overflow:hidden}.nav-btn__label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.nav-btn__title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn:disabled:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.header-left{display:flex;align-items:center;gap:.75rem}.header-center{flex:1;display:flex;justify-content:center;padding:0 1.5rem}@media(max-width:767px){.header-center{display:none}}.header-right{display:flex;align-items:center;gap:.5rem}.logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem;color:var(--text-primary);text-decoration:none}.logo:hover{color:var(--accent)}.logo-icon{font-size:1.5rem}@media(max-width:767px){.logo-text{display:none}}.mobile-menu-toggle{display:none}@media(max-width:767px){.mobile-menu-toggle{display:flex}}.search-box{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.5rem 3.5rem .5rem 2.5rem;font-size:.875rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;transition:all .15s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.search-shortcut{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.125rem .375rem;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-muted)}.theme-toggle{background:transparent;border:none;color:var(--text-secondary)}.theme-toggle:hover{color:var(--accent);background-color:var(--bg-hover)}@media(max-width:767px){.progress-link .progress-text{display:none}}.sidebar-nav{padding:1rem 0;display:flex;flex-direction:column;height:calc(100% - 60px)}.sidebar-toggle{display:flex;align-items:center;justify-content:flex-end;width:calc(100% - 1rem);margin:0 .5rem .75rem;padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}@media(max-width:767px){.sidebar-toggle{display:none}}.nav-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.nav-item{margin:.25rem .5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);text-decoration:none;transition:all .15s ease;white-space:nowrap;overflow:hidden}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background-color:#6366f11a;color:var(--accent)}.nav-link.active .nav-icon{color:var(--accent)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.nav-label{font-size:.875rem;font-weight:500;transition:opacity .2s ease,width .2s ease}.nav-badge{margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:500;background-color:var(--accent);color:#fff;border-radius:9999px;transition:opacity .2s ease}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);transition:padding .2s ease}.app-version{font-size:.75rem;color:var(--text-muted);text-align:center}.app-version span{transition:font-size .2s ease}.page{animation:fade-in .2s ease}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.page-subtitle{color:var(--text-secondary);font-size:.875rem}.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:768px)and (max-width:1023px){.hero-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.hero-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;transition:all .15s ease}.hero-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.hero-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.hero-content{flex:1;min-width:0}.hero-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.hero-of{font-size:.875rem;font-weight:400;color:var(--text-muted)}.hero-label{font-size:.8125rem;color:var(--text-secondary);margin-top:2px}.hero-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}.hero-bar{height:6px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-top:.5rem}.hero-fill{height:100%;border-radius:9999px;background-color:#22c55e;transition:width .5s ease}.hero-fill.accent{background-color:var(--accent)}.hero-difficulty-bar{display:flex;height:6px;border-radius:9999px;overflow:hidden;margin-top:.5rem;background-color:var(--bg-tertiary)}.diff-seg{height:100%;transition:width .5s ease}.diff-seg.easy{background-color:#22c55e}.diff-seg.medium{background-color:#f59e0b}.diff-seg.hard{background-color:#ef4444}.diff-seg.empty{background-color:var(--bg-tertiary)}.hero-diff-legend{display:flex;gap:.5rem;margin-top:4px}.legend-item{display:flex;align-items:center;gap:3px;font-size:.6875rem;color:var(--text-muted)}.legend-dot{width:6px;height:6px;border-radius:9999px}.legend-dot.easy{background-color:#22c55e}.legend-dot.medium{background-color:#f59e0b}.legend-dot.hard{background-color:#ef4444}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(min-width:768px)and (max-width:1023px){.dash-grid-2{grid-template-columns:1fr}}.dash-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dash-card-header h2{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0}.dash-card-badge{font-size:.75rem;font-weight:500;padding:2px .5rem;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary)}.dash-card-link{font-size:.8125rem;color:var(--accent);text-decoration:none}.dash-card-link:hover{text-decoration:underline}.empty-state-small{padding:1.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.heatmap-wrapper{overflow-x:auto;padding-bottom:.5rem}.heatmap-months{display:grid;gap:3px;margin-bottom:2px;font-size:.6875rem;color:var(--text-muted);white-space:nowrap;align-items:end}.heatmap-month{font-size:.6875rem}.heatmap-grid{display:grid;gap:3px}.heatmap-day-label{font-size:.625rem;color:var(--text-muted);display:flex;align-items:center;justify-content:flex-end;padding-right:4px;line-height:1;-webkit-user-select:none;user-select:none}.heatmap-cell{aspect-ratio:1;width:100%;max-width:18px;border-radius:3px;transition:background-color .15s ease}.heatmap-cell.studied{background-color:#22c55e}.heatmap-cell.missed{background-color:var(--bg-tertiary)}.heatmap-cell.future{background-color:transparent}.heatmap-cell.empty{visibility:hidden}.heatmap-cell.today{outline:2px solid var(--accent);outline-offset:0px}.heatmap-cell:hover:not(.empty):not(.future){outline:1px solid var(--text-muted);outline-offset:-1px}.heatmap-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:.75rem}.heatmap-legend .heatmap-cell{width:10px;height:10px;max-width:none;aspect-ratio:auto}.heatmap-legend-label{font-size:.625rem;color:var(--text-muted)}.smart-actions{display:flex;flex-direction:column;gap:.75rem}.smart-action{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-secondary);border-radius:.5rem;text-decoration:none;color:inherit;transition:all .15s ease}.smart-action:hover{background-color:var(--bg-tertiary);transform:translate(2px)}.smart-action-icon{font-size:1.25rem;flex-shrink:0}.smart-action-content{flex:1;min-width:0}.smart-action-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.smart-action-desc{font-size:.75rem;color:var(--text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-action-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem}.mastery-list{display:flex;flex-direction:column;gap:2px;max-height:460px;overflow-y:auto}.mastery-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.375rem;text-decoration:none;color:inherit;transition:background-color .15s ease}.mastery-row:hover{background-color:var(--bg-secondary)}.mastery-order{font-size:.75rem;font-weight:500;color:var(--text-muted);width:22px;flex-shrink:0}.mastery-name{flex:1;font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mastery-bar-wrap{width:80px;flex-shrink:0}.mastery-bar{height:6px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.mastery-fill{height:100%;border-radius:9999px;transition:width .5s ease}.mastery-fill.not-started{background-color:var(--bg-tertiary)}.mastery-fill.in-progress{background-color:#f59e0b}.mastery-fill.strong{background-color:#22c55e}.mastery-fill.complete{background-color:var(--accent)}.mastery-pct{font-size:.75rem;font-weight:600;color:var(--text-secondary);width:34px;text-align:right;flex-shrink:0}.pattern-list{display:flex;flex-direction:column;gap:.75rem;max-height:460px;overflow-y:auto}.pattern-row{display:flex;flex-direction:column;gap:4px}.pattern-info{display:flex;align-items:center;gap:.5rem}.pattern-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.pattern-freq{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:9999px}.pattern-freq.high{background-color:#ef444426;color:#ef4444}.pattern-freq.medium{background-color:#f59e0b26;color:#f59e0b}.pattern-freq.low{background-color:#22c55e26;color:#22c55e}.pattern-bar-wrap{display:flex;align-items:center;gap:.5rem}.pattern-bar{flex:1;height:6px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.pattern-fill{height:100%;border-radius:9999px;background-color:var(--accent);transition:width .5s ease}.pattern-count{font-size:.75rem;font-weight:500;color:var(--text-muted);width:40px;text-align:right;flex-shrink:0}.company-readiness-section{margin-bottom:1rem}.company-readiness-list{display:flex;flex-direction:column;gap:2px}.company-readiness-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;color:inherit;transition:background-color .15s ease}.company-readiness-row:hover{background-color:var(--bg-secondary)}.cr-logo{font-size:1.25rem;flex-shrink:0;width:28px;text-align:center}.cr-name{font-size:.875rem;font-weight:500;color:var(--text-primary);width:100px;flex-shrink:0}.cr-bar-wrap{flex:1;min-width:0}.cr-bar{height:6px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.cr-fill{height:100%;border-radius:9999px;background-color:var(--accent);transition:width .5s ease}.cr-stats{font-size:.75rem;color:var(--text-muted);width:44px;text-align:right;flex-shrink:0}.cr-pct{font-size:.8125rem;font-weight:600;color:var(--text-secondary);width:36px;text-align:right;flex-shrink:0}.topics-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}@media(max-width:767px){.topics-header{flex-direction:column;align-items:stretch}}.topics-search{max-width:300px}@media(max-width:767px){.topics-search{max-width:none}}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.topic-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .15s ease;cursor:pointer}.topic-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.topic-number{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase}.topic-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.topic-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.topic-meta{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--text-muted)}.meta-item{display:inline-flex;align-items:center;gap:.25rem}.meta-item svg{flex-shrink:0}.topic-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.topic-order{font-size:.75rem;font-weight:600;color:var(--accent);background-color:#6366f11a;padding:.25rem .5rem;border-radius:.375rem}.topics-filters{margin-bottom:1.5rem}.topic-progress{margin-top:1rem}.progress-bar{height:4px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--accent);border-radius:9999px;transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--text-muted)}.topic-progress-bar{height:4px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.topic-progress-fill{height:100%;background-color:var(--accent);border-radius:9999px;transition:width .3s ease}.topic-progress-text{font-size:.75rem;color:var(--text-muted)}.topic-detail-header{margin-bottom:1.5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--accent)}.topic-tabs{margin-bottom:1.5rem}.concepts-list{display:flex;flex-direction:column;gap:.5rem}.concept-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;transition:all .15s ease}.concept-item:hover{border-color:var(--accent)}.concept-item.completed{background-color:#22c55e0d;border-color:#22c55e4d}.concept-item.completed .concept-title{color:var(--text-muted)}.concept-checkbox{cursor:pointer}.concept-content{flex:1}.concept-title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.concept-section{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.page-topic-detail{display:flex;flex-direction:column;height:calc(100vh - 64px - 2rem);overflow:hidden}@media(max-width:767px){.page-topic-detail{height:calc(100vh - 64px - 1rem - (1rem + 48px))}}.page-topic-detail .topic-detail-header{flex-shrink:0}.page-topic-detail .topic-detail-header__top{display:flex;align-items:center;gap:.75rem;padding-bottom:.5rem}.page-topic-detail .back-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:.25rem;color:var(--text-muted);transition:all .15s ease;flex-shrink:0}.page-topic-detail .back-link svg{width:16px;height:16px}.page-topic-detail .back-link:hover{color:var(--accent);background:var(--bg-hover)}.page-topic-detail .topic-detail-header__top h1{font-size:1.125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-topic-detail .topic-stats{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.page-topic-detail .topic-stats .stat{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.page-topic-detail .topic-stats .stat svg{width:12px;height:12px}.page-topic-detail .topic-stats .stat:not(:last-child):after{content:"·";margin-left:.5rem;color:var(--text-muted);opacity:.5}.page-topic-detail .tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:0}.page-topic-detail .tab{padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.page-topic-detail .tab:hover{color:var(--text-primary)}.page-topic-detail .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.page-topic-detail .tab-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;margin-top:0;padding:0}.page-topic-detail .topic-content-layout{flex:1;min-height:0;overflow:hidden}.page-topic-detail .concepts-list,.page-topic-detail .problems-list,.page-topic-detail .resources-list,.page-topic-detail .empty-state{flex:1;min-height:0;overflow-y:auto}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{margin-top:1rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;margin-top:1.5rem}.section-title:first-child{margin-top:0}.concept-items{display:flex;flex-direction:column;gap:.5rem}.checkbox{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.checkbox input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:.25rem;cursor:pointer;transition:all .15s ease}.checkbox input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}.checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox input[type=checkbox]:hover:not(:checked){border-color:var(--accent)}.checkmark{display:none}.concept-checklist{list-style:none;padding:0;margin:.5rem 0 0;font-size:.8125rem;color:var(--text-muted)}.concept-checklist li{padding:.125rem 0 .125rem 1rem;position:relative}.concept-checklist li:before{content:"•";position:absolute;left:0;color:var(--text-muted)}.concept-checklist li.more{color:var(--accent);font-style:italic}.concept-checklist li.more:before{content:none}.status-indicator{width:10px;height:10px;border-radius:9999px;background-color:var(--bg-tertiary)}.status-indicator.solved{background-color:#22c55e}.status-indicator.attempted{background-color:#f59e0b}.status-indicator.revisit{background-color:#ef4444}.page-topic-detail .problem-pattern{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.resources-list{display:flex;flex-direction:column;gap:1.5rem}.resource-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.resource-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.5rem;transition:all .15s ease}.resource-item:hover{border-color:var(--accent);background-color:var(--bg-hover)}.resource-item svg{flex-shrink:0;color:var(--text-muted)}.resource-title{flex:1;font-weight:500;color:var(--text-primary)}.resource-desc{font-size:.8125rem;color:var(--text-muted);margin-left:auto}@media(max-width:767px){.resource-desc{display:none}}.patterns-section{margin-bottom:2rem}.patterns-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.patterns-section-header h2{font-size:1.25rem;font-weight:600}.frequency-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.pattern-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.pattern-card.expanded{border-color:var(--accent)}.pattern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pattern-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.problem-count{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:9999px}.pattern-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4}.pattern-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.pattern-actions .learn-btn,.pattern-actions .expand-btn{flex:1;min-width:120px}.pattern-actions .expand-btn svg.rotated{transform:rotate(180deg)}.pattern-count{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.pattern-problems{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.pattern-problems .mini-problem{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:all .15s ease}.pattern-problems .mini-problem:hover{background:var(--bg-hover);color:var(--text-primary)}.pattern-problems .mini-problem .external-icon{margin-left:auto;opacity:0;transition:opacity .2s}.pattern-problems .mini-problem:hover .external-icon{opacity:.5}.pattern-problems .no-problems{font-size:.875rem;color:var(--text-muted);font-style:italic;padding:.5rem}.pattern-problems details summary{font-size:.875rem;color:var(--text-secondary);cursor:pointer;padding:.5rem 0}.pattern-problems details summary:hover{color:var(--accent)}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.company-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .15s ease}.company-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.company-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.company-logo{width:48px;height:48px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:.5rem}.company-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.company-info{flex:1}.company-difficulty{font-size:.8125rem;color:var(--text-muted)}.company-focus{margin-bottom:1rem}.company-focus h4{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.focus-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);display:block;margin-bottom:.5rem}.company-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-muted)}.company-meta svg{flex-shrink:0}.prep-time{display:inline-flex;align-items:center;gap:.25rem}.companies-filters{margin-bottom:1.5rem}.category-filters{margin-top:1rem}.dimension-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border:1px solid var(--border-color);border-radius:9999px;background:var(--bg-card);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill .pill-icon{font-size:.875rem}.filter-pill:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-tertiary)}.filter-pill.active{border-color:var(--accent);background:var(--accent);color:#fff}.category-sub-filters{display:flex;gap:.5rem;flex-wrap:wrap;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-light)}.category-sub-filters .sub-pill{font-size:.75rem;padding:.25rem .5rem}.category-sub-filters .sub-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-result-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--accent);flex-wrap:wrap}.filter-result-icon{font-size:1.25rem}.filter-result-title{font-weight:600;color:var(--text-primary);font-size:.9375rem}.filter-result-desc{color:var(--text-muted);font-size:.8125rem}.filter-result-meta{color:var(--success);font-size:.75rem;font-weight:500}.filter-result-count{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--accent);background:#6366f11a;padding:.25rem .5rem;border-radius:9999px}.tier-badge{display:inline-flex;align-items:center;padding:2px .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tier-badge.s-tier{background:linear-gradient(135deg,#ffc10733,#ff980033);color:#f59e0b;border:1px solid rgba(255,193,7,.3)}.tier-badge.tier-1{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.tier-badge.tier-2{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.tier-badge.tier-3{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.company-tags-row{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.company-tag{display:inline-flex;align-items:center;gap:.25rem;padding:2px .5rem;font-size:.6875rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:.25rem}.company-category-row{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.category-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8125rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:9999px;border:1px solid var(--border-light)}.no-results{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9375rem}.company-prep{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-light);font-size:.875rem}.prep-time{color:var(--text-secondary)}.company-link{color:var(--accent)}.company-link:hover{text-decoration:underline}.validated-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--success);color:#fff;border-radius:50%;font-size:10px;margin-left:.5rem}.problem-count{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.875rem}.view-problems-btn{width:100%;margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.company-detail .page-header.compact{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.company-detail .back-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.85rem}.company-detail .company-title{display:flex;align-items:center;gap:.75rem}.company-detail .company-title h1{font-size:1.5rem;margin:0}.company-detail .company-logo-large{font-size:2rem}.company-detail .company-difficulty-badge{padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:9999px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.company-info-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.company-info-row{grid-template-columns:1fr}}.company-tips,.company-focus-areas{padding:1rem}.company-tips h4,.company-focus-areas h4{margin-bottom:.5rem;font-size:.9rem}.company-tips p,.company-focus-areas p{font-size:.85rem;color:var(--text-secondary);margin:0}.focus-tags{display:flex;flex-wrap:wrap;gap:.5rem}.validation-note{display:block;color:var(--text-muted);margin-top:.5rem;font-size:.75rem}.validation-warning{display:block;color:var(--warning);margin-top:.25rem;font-size:.75rem}.problems-section h3{margin-bottom:.75rem;font-size:1rem}.problems-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.problems-header h3{margin:0;font-size:1rem}.problems-header .problems-note{font-size:.75rem;color:var(--text-muted)}.problems-table-wrapper{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color)}.problems-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.84rem}.problems-table th,.problems-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle;white-space:nowrap}.problems-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.problems-table td.problem-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:0;width:30%}.problems-table td.sources{white-space:normal;line-height:1.7}.problems-table td.pattern{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;max-width:0;width:12%}.problems-table td.topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;width:10%}.problems-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.problems-table tbody tr:hover{background:var(--bg-tertiary)}.problems-table tbody tr:last-child td{border-bottom:none}.rank{text-align:center!important;font-weight:600;color:var(--text-secondary)}.topic{font-size:.8rem}.topic-link{display:inline-flex;align-items:center;gap:2px;color:var(--text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.topic-link:hover{color:var(--accent)}.links{text-align:center}.validated-dot{color:var(--success);margin-left:.25rem}.difficulty-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.difficulty-badge.easy{background:#00af9b26;color:#00af9b}.difficulty-badge.medium{background:#ffb01b26;color:#ffb01b}.difficulty-badge.hard{background:#ff375f26;color:#ff375f}.frequency-bar-container{width:100%;min-width:50px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.frequency-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:3px;transition:width .3s ease}.problem-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--accent);font-size:.85rem;text-decoration:none}.problem-link:hover{text-decoration:underline}.source-badge{display:inline-block;padding:1px .25rem;border-radius:.25rem;font-size:.65rem;font-weight:700;letter-spacing:.02em;margin-right:2px;line-height:1.4}.source-badge.source-blind75{background:#a855f726;color:#a855f7}.source-badge.source-neetcode{background:#22c55e26;color:#22c55e}.source-badge.source-grind75{background:#3b82f626;color:#3b82f6}.source-badge.source-striver{background:#f9731626;color:#f97316}.source-badge.source-lctop{background:#ec489926;color:#ec4899}.source-badge.source-default{background:var(--bg-tertiary);color:var(--text-secondary)}.no-source{color:var(--text-muted);font-size:.8rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--error)}.page-progress .analytics-card{margin-bottom:1.25rem;padding:1.25rem}.page-progress .analytics-card h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.page-progress .analytics-card h2 .badge{font-size:.8125rem;font-weight:500;padding:2px 8px;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary);vertical-align:middle}.page-progress .section-hint{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.page-progress .empty-state{font-size:.9375rem;color:var(--text-muted);padding:1rem;text-align:center;background:var(--bg-secondary);border-radius:.5rem}.weekly-chart{display:flex;align-items:flex-end;gap:.5rem;height:160px;padding:.75rem 0}.week-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.week-bar-stack{width:100%;max-width:40px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:.25rem .25rem 0 0;overflow:hidden;min-height:4px;transition:opacity .15s ease}.week-bar-stack:hover{opacity:.85}.bar-segment{width:100%;transition:height .2s ease;min-height:0}.bar-segment.solved{background-color:var(--accent)}.bar-segment.concepts{background-color:#22c55e}.week-total{font-size:.6875rem;font-weight:600;color:var(--text-secondary);margin-top:.25rem;height:14px}.week-label{font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.chart-legend{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:9999px}.legend-dot.solved{background-color:var(--accent)}.legend-dot.concepts{background-color:#22c55e}.analytics-split{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.analytics-split .analytics-card{margin-bottom:0}@media(max-width:767px){.analytics-split{grid-template-columns:1fr}}.gap-list{display:flex;flex-direction:column;gap:.75rem}.gap-row .gap-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.gap-row .gap-name{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.gap-row .freq-badge{font-size:.6875rem;font-weight:500;text-transform:uppercase;padding:1px 6px;border-radius:.25rem}.gap-row .freq-badge.high{background-color:#ef444426;color:#ef4444}.gap-row .freq-badge.medium{background-color:#f59e0b26;color:#f59e0b}.gap-row .freq-badge.low{background-color:#22c55e26;color:#22c55e}.gap-row .gap-bar-wrap{display:flex;align-items:center;gap:.5rem}.gap-row .gap-bar{flex:1;height:8px;border-radius:9999px;background-color:var(--bg-tertiary);overflow:hidden}.gap-row .gap-fill{height:100%;border-radius:9999px;background-color:var(--accent);transition:width .2s ease}.gap-row .gap-stat{font-size:.8125rem;color:var(--text-muted);min-width:40px;text-align:right}.calibration{margin-bottom:1rem}.cal-bars{display:flex;border-radius:.375rem;overflow:hidden;height:36px;margin-bottom:.5rem}.cal-segment{display:flex;align-items:center;justify-content:center;min-width:30px;transition:flex .2s ease}.cal-segment span{font-size:.75rem;font-weight:600;white-space:nowrap}.cal-segment.easy{background-color:#22c55e4d;color:#22c55e}.cal-segment.right{background-color:rgba(var(--accent-rgb, 99, 102, 241),.3);background-color:#6366f14d;color:var(--accent)}.cal-segment.hard{background-color:#ef44444d;color:#ef4444}.cal-tip{font-size:.875rem;color:var(--text-secondary)}.time-stats h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.time-grid{display:flex;gap:.75rem;flex-wrap:wrap}.time-cell{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:.375rem;min-width:70px}.time-val{font-size:1.25rem;font-weight:700;color:var(--accent)}.time-lbl{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.review-list{display:flex;flex-direction:column;gap:.5rem}.review-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:.375rem;border-left:3px solid transparent}.review-row.revisit{border-left-color:var(--accent)}.review-row.stale{border-left-color:#f59e0b}.review-row.attempted{border-left-color:#ef4444}@media(max-width:767px){.review-row{flex-direction:column;align-items:flex-start}}.review-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.review-title{font-weight:500;color:var(--text-primary);text-decoration:none}.review-title:hover{color:var(--accent)}.review-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.diff-badge{font-size:.6875rem;font-weight:500;text-transform:capitalize;padding:1px 6px;border-radius:.25rem}.diff-badge.easy{background-color:#22c55e26;color:#22c55e}.diff-badge.medium{background-color:#f59e0b26;color:#f59e0b}.diff-badge.hard{background-color:#ef444426;color:#ef4444}.pattern-tag{font-size:.6875rem;color:var(--text-muted)}.review-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.reason-badge{font-size:.6875rem;font-weight:500;padding:2px 8px;border-radius:.25rem;white-space:nowrap}.reason-badge.revisit{background-color:rgba(var(--accent-rgb, 99, 102, 241),.15);background-color:#6366f126;color:var(--accent)}.reason-badge.stale{background-color:#f59e0b26;color:#f59e0b}.reason-badge.attempted{background-color:#ef444426;color:#ef4444}.days-ago{font-size:.75rem;color:var(--text-muted)}.deep-dive-list{display:flex;flex-direction:column;gap:.75rem}.deep-dive-row{padding:.75rem;background:var(--bg-secondary);border-radius:.375rem;position:relative}.deep-dive-row.stalling{border:1px solid rgba(245,158,11,.4)}.dd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dd-name{font-weight:500;color:var(--text-primary);text-decoration:none}.dd-name:hover{color:var(--accent)}.dd-pct{font-weight:600;font-size:.9375rem;color:var(--accent)}.dd-bars{display:flex;flex-direction:column;gap:.25rem}.dd-bar-row{display:flex;align-items:center;gap:.5rem}.dd-label{width:65px;font-size:.75rem;color:var(--text-muted)}.dd-bar{flex:1;height:6px;border-radius:9999px;background:var(--bg-tertiary);overflow:hidden}.dd-fill{height:100%;border-radius:9999px;transition:width .2s ease}.dd-fill.concepts{background-color:#22c55e}.dd-fill.problems{background-color:var(--accent)}.dd-count{font-size:.75rem;color:var(--text-muted);min-width:38px;text-align:right}.dd-status-tags{display:flex;gap:.5rem;margin-top:.5rem}.status-tag{font-size:.6875rem;padding:1px 6px;border-radius:.25rem}.status-tag.attempted{background-color:#f59e0b26;color:#f59e0b}.status-tag.revisit{background-color:#6366f126;color:var(--accent)}.stalling-badge{position:absolute;top:.5rem;right:.5rem;font-size:.6875rem;font-weight:500;color:#f59e0b}.milestone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.milestone-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;border-radius:.5rem;background:var(--bg-secondary);transition:transform .15s ease}.milestone-badge:hover{transform:translateY(-2px)}.milestone-badge.locked{opacity:.55}.milestone-badge.locked .ms-icon{filter:grayscale(1)}.milestone-badge.achieved{border:1px solid rgba(34,197,94,.3);background:#22c55e0d}.ms-icon{font-size:1.75rem;margin-bottom:.25rem}.ms-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.ms-desc{font-size:.6875rem;color:var(--text-muted);margin-bottom:.5rem}.ms-progress{width:100%;height:4px;border-radius:9999px;background:var(--bg-tertiary);overflow:hidden;margin-bottom:.25rem}.ms-fill{height:100%;border-radius:9999px;background:var(--accent);transition:width .2s ease}.ms-count{font-size:.6875rem;color:var(--text-muted)}.settings-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.settings-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item:first-child{padding-top:0}.settings-item-label{font-size:.9375rem;color:var(--text-primary)}.settings-item-description{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border-radius:9999px;transition:all .15s ease}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:9999px;transition:all .15s ease}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.number-input{width:80px;padding:.5rem .75rem;font-size:.9375rem;text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem}.number-input:focus{outline:none;border-color:var(--accent)}.settings-actions{display:flex;gap:.75rem;margin-top:1.5rem}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found-code{font-size:8rem;font-weight:700;color:var(--text-muted);line-height:1;margin-bottom:1rem}.not-found-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.not-found-description{color:var(--text-secondary);margin-bottom:1.5rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-content{max-width:700px}.settings-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.setting-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-light)}.setting-item:last-child{border-bottom:none}@media(max-width:767px){.setting-item{flex-direction:column;gap:.75rem}}.setting-info{flex:1}.setting-label{font-size:.9375rem;font-weight:500;color:var(--text-primary);display:block}.setting-description{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem;display:block}.setting-control{flex-shrink:0}.setting-control .select{min-width:120px;padding:.5rem .75rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.setting-control .select:focus{outline:none;border-color:var(--accent)}.setting-control .input{width:100px;padding:.5rem .75rem;text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem}.setting-control .input:focus{outline:none;border-color:var(--accent)}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle input:checked+.toggle-slider{background-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.toggle .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border-radius:9999px;transition:all .15s ease}.toggle .toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:9999px;transition:all .15s ease}.danger-zone{border-color:#ef44444d}.danger-zone h2{color:#ef4444}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.confirm-buttons{display:flex;gap:.5rem}.patterns-filters{margin-bottom:1.5rem}.patterns-content{display:flex;flex-direction:column;gap:2rem}.pattern-section .section-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem;margin-top:0}.frequency-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.frequency-badge.high{background-color:#ef444426;color:#ef4444}.frequency-badge.medium{background-color:#f59e0b26;color:#f59e0b}.frequency-badge.low{background-color:#22c55e26;color:#22c55e}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;align-items:start}.pattern-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;transition:all .15s ease}.pattern-card:hover,.pattern-card.expanded{border-color:var(--accent)}.pattern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.pattern-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.problem-count{font-size:.8125rem;color:var(--text-muted)}.expand-btn{width:100%;justify-content:center;gap:.5rem}.expand-btn svg{transition:transform .15s ease}.expand-btn svg.rotated{transform:rotate(180deg)}.pattern-problems{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.mini-problem{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--bg-secondary);border-radius:.375rem;font-size:.8125rem;color:var(--text-primary);transition:all .15s ease}.mini-problem:hover{background-color:var(--bg-hover);color:var(--accent)}.more-problems{font-size:.8125rem;color:var(--text-muted);font-style:italic;padding:.5rem}.page-problems .problems-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.page-problems .problems-toolbar__filters{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;flex-wrap:wrap}.page-problems .problems-toolbar__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.page-problems .search-box--compact{position:relative;flex:1;min-width:180px;max-width:280px}.page-problems .search-box--compact .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.page-problems .search-box--compact .search-input{width:100%;height:36px;padding:0 .75rem 0 34px;font-size:.8125rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.page-problems .search-box--compact .search-input::placeholder{color:var(--text-muted)}.page-problems .search-box--compact .search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #6366f126}.page-problems .filter-select{height:36px;padding:0 .75rem;font-size:.8125rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease}.page-problems .filter-select:focus{outline:none;border-color:var(--accent)}.page-problems .filter-select:hover{border-color:var(--text-muted)}.page-problems .clear-filters-btn{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 .75rem;font-size:.75rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px dashed var(--border-color);border-radius:.375rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.page-problems .clear-filters-btn:hover{color:#ef4444;border-color:#ef4444;background-color:#ef44440d}.page-problems .problems-count{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.page-problems .problems-count__total{font-weight:400;color:var(--text-muted)}.page-problems .view-toggle{display:flex;gap:2px;background-color:var(--bg-secondary);border-radius:.375rem;padding:2px}.page-problems .view-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:.25rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.page-problems .view-toggle-btn:hover{color:var(--text-primary)}.page-problems .view-toggle-btn.active{background-color:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}@media(max-width:767px){.page-problems .problems-toolbar{flex-direction:column;align-items:stretch}.page-problems .problems-toolbar__filters{flex-wrap:wrap}.page-problems .search-box--compact{max-width:100%;width:100%}.page-problems .filter-select{flex:1;min-width:0}.page-problems .problems-toolbar__right{justify-content:space-between}}.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(min-width:768px)and (max-width:1023px){.problems-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.problems-grid{grid-template-columns:1fr}}.problem-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.375rem;transition:all .15s ease}.problem-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.problem-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.problem-card-title{display:inline-flex;align-items:flex-start;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4;text-decoration:none}.problem-card-title:hover{color:var(--accent)}.problem-card-title svg{flex-shrink:0;margin-top:3px;opacity:.4}.problem-card-pattern{font-size:.75rem;color:var(--text-muted)}.problem-card-topics{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border-light)}.problem-card-leetcode{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding:2px 8px;border-radius:.25rem;background:var(--bg-tertiary);transition:all .15s ease}.problem-card-leetcode:hover{color:var(--accent);background:var(--bg-hover)}.problem-card-leetcode svg{opacity:.6}.topic-ref{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;color:var(--accent);text-decoration:none;padding:2px 8px;border-radius:9999px;background:#6366f114;transition:all .15s ease;white-space:nowrap}.topic-ref:hover{background:#6366f12e}.topic-ref svg{flex-shrink:0;opacity:.7}.topic-ref--compact{font-size:.65rem;padding:1px 6px}.problem-row-topics{display:inline-flex;gap:.25rem;margin-left:.5rem}.problems-list{display:flex;flex-direction:column;gap:.5rem}.problems-list .problem-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.375rem;transition:all .15s ease;cursor:pointer}.problems-list .problem-row:hover{border-color:var(--accent);background-color:var(--bg-hover)}.problem-index{flex-shrink:0;width:28px;font-size:.75rem;font-weight:500;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.problem-main{flex:1;min-width:0}.problem-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-problems .problem-title,.problems-list .problem-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.page-problems .problem-title:hover,.problems-list .problem-title:hover{color:var(--accent)}.page-problems .problem-title svg,.problems-list .problem-title svg{flex-shrink:0;opacity:.5}.problems-list .problem-pattern,.problems-grid .problem-pattern{font-size:.75rem;color:var(--text-muted);margin-top:2px}.problem-meta{flex-shrink:0}.clear-filters{margin-top:1rem}.page-references .page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}@media(max-width:767px){.page-references .page-header{flex-direction:column}}.page-references .header-content h1{margin-bottom:.25rem}.page-references .page-subtitle{color:var(--text-secondary);font-size:.9rem}.page-references .search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;min-width:250px}.page-references .search-box svg{color:var(--text-muted);flex-shrink:0}.page-references .search-box .search-input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;font-size:.9rem}.page-references .search-box .search-input::placeholder{color:var(--text-muted)}.study-plans-section{margin-bottom:1.5rem}.study-plans-section h2{margin-bottom:1rem;font-size:1.1rem}.study-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:768px)and (max-width:1023px){.study-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.study-plans-grid{grid-template-columns:1fr}}.study-plan-card{padding:1rem}.study-plan-card h3{font-size:1rem;margin-bottom:.5rem}.study-plan-card .plan-description{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem}.study-plan-card .plan-meta{display:flex;gap:.75rem;margin-bottom:.5rem}.study-plan-card .plan-hours{font-size:.8rem;color:var(--text-muted)}.study-plan-card .plan-focus{font-size:.8rem;color:var(--accent);margin:0}.study-plan-card .plan-problems{font-size:.8rem;color:var(--text-muted)}.study-plan-card .plan-strategy{margin-top:.5rem;font-size:.78rem}.study-plan-card .plan-strategy summary{cursor:pointer;color:var(--text-secondary);font-weight:500;padding:.25rem 0}.study-plan-card .plan-strategy summary:hover{color:var(--accent)}.study-plan-card .plan-strategy ul{margin:.25rem 0 0;padding-left:1rem;list-style:none}.study-plan-card .plan-strategy ul li{position:relative;padding:2px 0;color:var(--text-secondary);line-height:1.5}.study-plan-card .plan-strategy ul li:before{content:"→";position:absolute;left:-1.2em;color:var(--accent)}.categories-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.category-tab{padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-section{margin-bottom:1.5rem}.category-section.hidden{display:none}.category-header{margin-bottom:1rem}.category-header h2{font-size:1.1rem;margin-bottom:.25rem}.category-header p{color:var(--text-secondary);font-size:.85rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.resource-card{display:flex;flex-direction:column;padding:1rem;text-decoration:none;color:inherit;transition:all .15s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.resource-card:hover .resource-link{color:var(--accent)}.resource-card .resource-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.resource-card .resource-header h3{font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.resource-card .resource-header .tier-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.5px;flex-shrink:0}.resource-card .resource-header .tier-badge.tier-s{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.resource-card .resource-header .tier-badge.tier-a{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.resource-card .resource-header .tier-badge.tier-b{background:var(--surface-alt);color:var(--text-secondary);border:1px solid var(--border)}.resource-card .resource-header .resource-meta{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.resource-card .resource-author{font-size:.78rem;color:var(--text-muted);font-style:italic;margin-bottom:.25rem}.resource-card .resource-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;flex:1}.resource-card .resource-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.resource-card .resource-tags .tag{font-size:.7rem;padding:2px 8px}.resource-card .resource-link{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted);margin-top:auto;transition:color .15s ease}.resource-card .resource-link svg{flex-shrink:0}.page-references .loading-state,.page-references .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:.75rem}.page-references .error-icon{font-size:3rem}.page-playbook .page-header{margin-bottom:1.5rem}.page-playbook .page-header h1{margin-bottom:.25rem}.page-playbook .page-subtitle{color:var(--text-secondary);font-size:.9rem}.page-playbook .loading-state,.page-playbook .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:.75rem}.page-playbook .error-icon{font-size:3rem}.eval-criteria-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.eval-criteria-bar .eval-title{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.eval-criteria-bar .eval-items{display:flex;gap:.75rem;flex-wrap:wrap;flex:1}.eval-criteria-bar .eval-item{font-size:.82rem;color:var(--text-secondary);cursor:help}.eval-criteria-bar .eval-item strong{color:var(--accent);margin-left:2px}.eval-criteria-bar .eval-source{font-size:.72rem;color:var(--text-muted);text-decoration:none;border:1px solid var(--border-color);padding:2px 8px;border-radius:.25rem}.eval-criteria-bar .eval-source:hover{color:var(--accent);border-color:var(--accent)}.playbook-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.playbook-tabs::-webkit-scrollbar{height:0}.playbook-tab{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.playbook-tab .tab-icon{font-size:.9rem}.playbook-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.playbook-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.playbook-section .section-intro{margin-bottom:1.5rem}.playbook-section .section-intro h2{font-size:1.2rem;margin-bottom:.25rem}.playbook-section .section-intro p{color:var(--text-secondary);font-size:.9rem;max-width:640px}.stories-grid{display:flex;flex-direction:column;gap:1rem}.story-card{padding:1rem 1.25rem;transition:all .15s ease}.story-card:hover{border-color:var(--accent)}.story-card .story-header{margin-bottom:.75rem}.story-card .story-title-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem}.story-card .story-title-row h3{font-size:1rem;margin:0}.story-card .upvote-badge{font-size:.75rem;font-weight:700;color:#f97316;background:#f973161a;padding:2px 10px;border-radius:9999px;white-space:nowrap}.story-card .story-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.story-card .story-meta .source-link{color:var(--text-muted);text-decoration:none}.story-card .story-meta .source-link:hover{color:var(--accent)}.story-card .story-meta .story-outcome{color:var(--success, #22c55e);font-weight:600}.story-card .story-quote{margin:0 0 .75rem;padding:.75rem 1rem;border-left:3px solid var(--accent);background:var(--bg-secondary);border-radius:0 .375rem .375rem 0;font-size:.88rem;color:var(--text-secondary);font-style:italic;line-height:1.6}.story-card .expand-btn{background:none;border:none;color:var(--accent);font-size:.8rem;cursor:pointer;padding:.25rem 0;font-weight:500}.story-card .expand-btn:hover{text-decoration:underline}.story-card .story-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.story-card .story-details h4{font-size:.85rem;margin-bottom:.5rem;color:var(--text-primary)}.story-card .story-details ul{margin:0 0 .75rem;padding-left:1.25rem}.story-card .story-details ul li{font-size:.82rem;color:var(--text-secondary);padding:2px 0;line-height:1.5}.story-card .resource-chips{display:flex;flex-wrap:wrap;gap:.25rem}.story-card .chip{font-size:.72rem;padding:3px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary)}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}@media(max-width:767px){.techniques-grid{grid-template-columns:1fr}}.technique-card{padding:1rem;transition:all .15s ease}.technique-card:hover{border-color:var(--accent)}.technique-card .technique-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.technique-card .technique-header .technique-icon{font-size:1.6rem;flex-shrink:0}.technique-card .technique-header h3{font-size:.95rem;margin:0 0 .25rem}.technique-card .difficulty-badge{display:inline-block;font-size:.68rem;font-weight:600;padding:1px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px}.technique-card .difficulty-badge.badge-essential{background:#ef44441a;color:#ef4444}.technique-card .difficulty-badge.badge-beginner-friendly{background:#22c55e1a;color:#22c55e}.technique-card .technique-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.technique-card .expand-btn{background:none;border:none;color:var(--accent);font-size:.8rem;cursor:pointer;padding:.25rem 0;font-weight:500}.technique-card .expand-btn:hover{text-decoration:underline}.technique-card .technique-steps{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.technique-card .technique-steps ol{margin:0 0 .75rem;padding-left:1.25rem}.technique-card .technique-steps ol li{font-size:.82rem;color:var(--text-secondary);padding:3px 0;line-height:1.5}.technique-card .technique-steps .source-cite{font-size:.72rem;color:var(--text-muted);text-decoration:none}.technique-card .technique-steps .source-cite:hover{color:var(--accent)}.tactics-list{display:flex;flex-direction:column;gap:1rem}.tactic-card{padding:1rem 1.25rem;transition:all .15s ease}.tactic-card:hover{border-color:var(--accent)}.tactic-card .tactic-header{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.tactic-card .tactic-header .tactic-icon{font-size:1.4rem;flex-shrink:0}.tactic-card .tactic-header .tactic-title{flex:1}.tactic-card .tactic-header .tactic-title h3{font-size:1rem;margin:0}.tactic-card .tactic-header .tactic-title .tactic-time{font-size:.75rem;color:var(--text-muted)}.tactic-card .tactic-header .expand-chevron{font-size:.7rem;color:var(--text-muted);transition:transform .15s ease}.tactic-card .tactic-header:hover .expand-chevron{color:var(--accent)}.tactic-card .tactic-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.tactic-card .tactic-steps{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.tactic-card .tactic-steps .source-cite{font-size:.72rem;color:var(--text-muted);text-decoration:none;margin-top:.5rem}.tactic-card .tactic-steps .source-cite:hover{color:var(--accent)}.tactic-step{padding:.75rem;background:var(--bg-secondary);border-radius:.375rem}.tactic-step .step-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tactic-step .step-header strong{font-size:.88rem}.tactic-step .step-header .step-time{font-size:.72rem;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 8px;border-radius:9999px}.tactic-step p{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .5rem}.tactic-step .dos-donts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width:767px){.tactic-step .dos-donts{grid-template-columns:1fr}}.tactic-step .dos,.tactic-step .donts{display:flex;flex-direction:column;gap:4px}.tactic-step .do-item,.tactic-step .dont-item{font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.tools-category{margin-bottom:1.5rem}.tools-category .category-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.tool-card{display:flex;flex-direction:column;padding:1rem;text-decoration:none;color:inherit;transition:all .15s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.tool-card:hover .tool-link{color:var(--accent)}.tool-card .tool-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tool-card .tool-header .tool-icon{font-size:1.4rem}.tool-card .tool-header h3{font-size:.95rem;margin:0}.tool-card .tool-description{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem;flex:1}.tool-card .tool-why{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin-bottom:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:.25rem}.tool-card .tool-why strong{color:var(--text-secondary)}.tool-card .tool-link{font-size:.8rem;color:var(--text-muted);margin-top:auto;transition:color .15s ease}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(min-width:768px)and (max-width:1023px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.plans-grid{grid-template-columns:1fr}}.plan-card{padding:1rem}.plan-card .plan-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.plan-card .plan-header .plan-icon{font-size:1.4rem}.plan-card .plan-header h3{font-size:1rem;margin:0}.plan-card .plan-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.plan-card .plan-stats .stat{font-size:.78rem;color:var(--text-secondary);background:var(--bg-secondary);padding:3px 10px;border-radius:9999px}.plan-card .plan-weeks{display:flex;flex-direction:column;gap:.5rem}.plan-card .plan-weeks .week-item{font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:.375rem;line-height:1.4;position:relative;padding:.5rem .75rem .5rem 1.25rem}.plan-card .plan-weeks .week-item:before{content:"→";position:absolute;left:.75rem;color:var(--accent);font-weight:600}.wisdom-category{margin-bottom:1.5rem}.wisdom-category h3{font-size:.95rem;margin-bottom:.75rem}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}.quote-card{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:0 .375rem .375rem 0;transition:all .15s ease}.quote-card:hover{border-left-color:var(--accent);box-shadow:var(--shadow-sm)}.quote-card blockquote{margin:0 0 .5rem;font-size:.88rem;line-height:1.6;color:var(--text-primary);font-style:italic}.quote-card cite{font-size:.75rem;color:var(--text-muted);font-style:normal}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-none{border:none}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-accent{background-color:var(--accent)}.bg-transparent{background-color:transparent}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition{transition:all .2s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .3s ease}.transition-none{transition:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fade-in .2s ease}.animate-slide-up{animation:slide-up .2s ease}.animate-slide-down{animation:slide-down .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none}.hover-lift{transition:transform .15s ease}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform .15s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .15s ease}.hover-glow:hover{box-shadow:0 0 20px #6366f14d}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}