:root{--color-bg: #f7f4ef;--color-bg-secondary: #eeebe4;--color-bg-elevated: #eeebe4;--color-text: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #7a7a7a;--color-border: #d8d4cc;--color-accent: #0066cc;--color-accent-hover: #0052a3;--color-code-bg: #ede9e1;--color-code-text: #333;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Georgia", "Palatino Linotype", "Book Antiqua", serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-serif: "Georgia", "Times New Roman", serif;--font-heading: var(--font-serif);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-md: var(--text-lg);--font-size-lg: var(--text-xl);--font-size-xl: var(--text-2xl);--font-size-h1: var(--text-3xl);--font-size-h2: var(--text-2xl);--font-size-h3: var(--text-xl);--font-size-h4: var(--text-lg);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--max-width: 72rem;--content-width: 65ch;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .2s ease;--transition-normal: .35s ease}[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-secondary: #252525;--color-bg-elevated: #252525;--color-text: #e8e6e1;--color-text-secondary: #b8b6b1;--color-text-muted: #888482;--color-border: #3a3935;--color-accent: #4da3ff;--color-accent-hover: #66b3ff;--color-code-bg: #2a2a2a;--color-code-text: #d4d2cd}[data-theme=dark] ::selection{background-color:#3a3935;color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;letter-spacing:.01em;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3;margin-bottom:var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}::selection{background-color:#c8bfae;color:var(--color-text)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}p{margin-bottom:var(--space-4)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-code-bg);padding:.125em .375em;border-radius:3px}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-code-bg);padding:var(--space-4);border-radius:4px;overflow-x:auto;line-height:1.5;margin-bottom:var(--space-4)}pre code{background:none;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.content-container{max-width:var(--content-width);margin:0 auto}.nav{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:0;z-index:100}.nav-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.nav-brand{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.nav-links{display:flex;gap:var(--space-6);list-style:none}.nav-links a{color:var(--color-text-secondary);font-size:var(--text-sm)}.nav-links a:hover{color:var(--color-text)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-5);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000f}.card-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.card-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.card-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.badge-easy{background:#4caf5026;border:1px solid rgba(76,175,80,.5);color:#2e7d32;font-weight:500}[data-theme=dark] .badge-easy{background:#4caf5033;border:1px solid rgba(76,175,80,.6);color:#81c784}.badge-medium{background:#ff980026;border:1px solid rgba(255,152,0,.5);color:#e65100;font-weight:600}[data-theme=dark] .badge-medium{background:#ff980033;border:1px solid rgba(255,152,0,.6);color:#ffb74d}.badge-hard{background:#f4433626;border:1.5px solid rgba(244,67,54,.5);color:#c62828;font-weight:700}[data-theme=dark] .badge-hard{background:#f4433633;border:1.5px solid rgba(244,67,54,.6);color:#ef5350}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 var(--space-3)}.page{padding:var(--space-6) 0}}@media(max-width:640px){html{font-size:15px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.page-title{font-size:var(--text-2xl)}}@media(max-width:480px){html{font-size:14px}body{font-size:1rem}.container{padding:0 var(--space-2)}.content-container{max-width:100%}}@media(max-width:360px){html{font-size:13px}.nav-links{gap:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-text-secondary)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-bg);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.search-bar{position:relative}.search-bar .input{padding-left:var(--space-8)}.search-bar-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.filters{display:flex;gap:var(--space-3);flex-wrap:wrap}.filter-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:20px;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.problem-statement{background-color:var(--color-bg);padding:var(--space-6);border-radius:6px;margin-bottom:var(--space-6)}.problem-title{font-size:var(--text-xl);margin-bottom:var(--space-4)}.problem-section{margin-bottom:var(--space-6)}.problem-section h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-secondary)}.footer{border-top:1px solid var(--color-border);padding:var(--space-6) 0;margin-top:var(--space-12);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.page{padding:var(--space-8) 0}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-lg)}.tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media print{.nav,.footer,.problem-detail-tabs{display:none}body{font-size:12pt;line-height:1.6;color:#000;background:#fff}.problem-detail{max-width:100%;padding:0}.problem-detail-code{border:1px solid #ccc;padding:.5rem}a{color:#000;text-decoration:underline}}.search-bar-container{position:relative;width:100%;max-width:min(100%,31rem)}.search-bar{display:flex;align-items:center;gap:.375rem;min-height:2.45rem;background:transparent;border:1px solid var(--color-border);border-radius:999px;padding:.18rem .2rem .18rem .72rem;transition:border-color .2s ease,background-color .2s ease}.search-bar:focus-within{border-color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg) 94%,var(--color-bg-secondary) 6%);box-shadow:none}.search-icon{display:flex;align-items:center;justify-content:center;width:.9rem;height:.9rem;color:var(--color-text-muted);opacity:.78;flex-shrink:0}.search-svg{width:100%;height:100%;display:block}.search-input{flex:1;border:none;background:transparent;font-size:.92rem;color:var(--color-text);outline:none;font-family:var(--font-body);line-height:1.25;min-width:0;padding:.22rem 0}.search-input::placeholder{color:var(--color-text-muted);opacity:1}.search-clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;width:1.7rem;height:1.7rem;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease;flex-shrink:0;padding:.36rem}.search-clear:hover{background:var(--color-bg-secondary);color:var(--color-text)}.search-submit{display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);width:1.95rem;height:1.95rem;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease;flex-shrink:0;padding:.46rem;box-shadow:none}.search-submit:hover{border-color:var(--color-text-secondary);color:var(--color-text);background:color-mix(in srgb,var(--color-bg-secondary) 82%,var(--color-bg) 18%)}.search-submit:focus-visible,.search-clear:focus-visible{outline-offset:1px}.search-submit:active{transform:none}.search-submit-svg{transform:translate(.01rem)}.search-dropdown{position:absolute;top:calc(100% + .45rem);left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 24px #00000014;max-height:min(24rem,calc(100vh - 8rem));overflow-y:auto;z-index:200;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-loading,.search-dropdown-empty{padding:var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.search-dropdown-section{padding:.2rem 0}.search-dropdown-section+.search-dropdown-section{border-top:1px solid var(--color-border);margin-top:.1rem;padding-top:.2rem}.search-dropdown-header{padding:.45rem var(--space-4) .2rem;font-size:.6rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;opacity:.9}.search-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.search-dropdown-item:hover,.search-dropdown-item.selected{background:var(--color-bg-secondary)}.search-dropdown-item:active{transform:none}.search-dropdown-item-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.search-dropdown-item-title{font-size:.9rem;color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-item-subtitle{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.search-dropdown-badge{flex-shrink:0;font-size:.625rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:.2rem .45rem;border-radius:999px;margin-left:var(--space-2);font-weight:500}.search-dropdown-badge.problem-badge{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-secondary) 90%)}.search-highlight{background:color-mix(in srgb,var(--color-accent) 15%,transparent 85%);color:var(--color-accent);padding:.1em .15em;border-radius:2px;font-weight:600}.search-dropdown-more{padding:.65rem;border-top:1px solid var(--color-border)}.search-dropdown-more-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.7rem;background:transparent;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.search-dropdown-more-button:hover{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-text-secondary)}@media(max-width:1024px){.search-bar-container{max-width:min(100%,28rem)}}@media(max-width:768px){.search-bar-container{max-width:100%}.search-bar{min-height:2.65rem;padding:.2rem .22rem .2rem .78rem}.search-icon{width:.95rem;height:.95rem}.search-input{font-size:.95rem}.search-clear{width:1.8rem;height:1.8rem}.search-submit{width:2.05rem;height:2.05rem}.search-dropdown{top:calc(100% + .5rem);max-height:min(22rem,calc(100vh - 10rem));box-shadow:0 10px 28px #0000001a}.search-dropdown-item{padding:.75rem var(--space-4)}}@media(max-width:480px){.search-bar{min-height:2.55rem;padding:.18rem .2rem .18rem .68rem}.search-input{font-size:.88rem}.search-clear{width:1.72rem;height:1.72rem}.search-submit{width:1.96rem;height:1.96rem}.search-dropdown{max-height:min(20rem,calc(100vh - 8rem))}.search-dropdown-header{padding:.42rem var(--space-3) .18rem}.search-dropdown-item{padding:.72rem var(--space-3)}.search-dropdown-item-title{font-size:.84rem}.search-dropdown-item-subtitle{font-size:.72rem}.search-dropdown-more-button{font-size:.78rem}}.nav{border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;background:var(--color-bg);position:sticky;top:0;z-index:100}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;position:relative;gap:var(--space-4)}.nav-search{flex:1;max-width:clamp(16rem,34vw,28rem);display:none}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-search-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-2);line-height:1;transition:opacity .15s ease}.search-toggle-svg{width:1.05rem;height:1.05rem;display:block}.nav-search-toggle:hover{opacity:.7}.nav-search-mobile{display:none}.nav-search-mobile .search-bar-container{max-width:100%}.nav-logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.nav-hamburger{display:none;flex-direction:column;justify-content:space-around;width:18px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-line{width:100%;height:2px;background-color:var(--color-text);border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger-line.open:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:last-child{transform:rotate(-45deg) translate(5px,-5px)}.nav-close{display:none;position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);background:transparent;border:none;color:var(--color-text);cursor:pointer;z-index:101;padding:0;line-height:1;transition:color .15s ease}.nav-close:hover{color:var(--color-accent)}.nav-links{display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0;align-items:center}.nav-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.nav-link:hover{color:var(--color-accent)}.nav-link.active{color:var(--color-accent);font-weight:500}.theme-toggle{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle-svg{width:1rem;height:1rem;display:block}@media(min-width:769px){.nav-search{display:block}.nav-search-toggle{display:none}}@media(max-width:768px){.nav-container{flex-wrap:wrap;row-gap:var(--space-2)}.nav-hamburger{display:flex}.nav-search{display:none}.nav-search-toggle{display:flex}.nav-search-mobile{display:block;width:100%;order:3;max-height:0;overflow:visible;opacity:0;transform:translateY(-.2rem);pointer-events:none;transition:max-height .25s ease,opacity .2s ease,transform .2s ease,margin-top .2s ease}.nav-search-mobile.is-open{max-height:5rem;opacity:1;transform:translateY(0);pointer-events:auto;margin-top:.15rem}.nav-search-mobile .search-bar-container{max-width:100%}.nav-search-mobile .search-bar{min-height:2.7rem}.nav-search-mobile .search-input{font-size:.95rem}.nav-search-mobile .search-icon{width:.95rem;height:.95rem;opacity:.75}.nav-search-mobile .search-submit{width:2.05rem;height:2.05rem}.nav-search-mobile .search-dropdown{top:calc(100% + .45rem);left:0;right:0;max-height:min(20rem,calc(100vh - 8rem))}.nav-close{display:block}.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-4);transform:translate(-100%);transition:transform .3s ease;z-index:99;padding:var(--space-8) var(--space-4)}.nav-links--open{transform:translate(0)}.nav-links li{width:100%;text-align:center}.nav-link{display:block;padding:var(--space-4) var(--space-8);font-size:var(--text-xl)}.theme-toggle{margin-top:var(--space-6);padding:var(--space-3) var(--space-8);font-size:var(--text-base)}}@media(max-width:480px){.nav-container{padding:0 var(--space-3)}.nav-search-mobile .search-bar{min-height:2.6rem}.nav-logo{font-size:var(--text-lg)}.nav-links{padding:var(--space-6) var(--space-3);gap:var(--space-3)}.nav-link{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.theme-toggle{padding:var(--space-2) var(--space-6)}}.footer{padding:var(--space-4) var(--space-2);border-top:1px solid var(--color-border);margin-top:auto}.footer-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:var(--max-width);margin:0 auto;flex-wrap:wrap;text-align:center}.footer-link{font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease;white-space:nowrap}.footer-link:hover{color:var(--color-accent)}.footer-separator{color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}.footer-copyright{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.footer-github-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease;white-space:nowrap}.footer-github-link:hover{color:var(--color-accent)}.footer-github-icon{width:16px;height:16px;flex-shrink:0}.footer-heart-icon{width:14px;height:14px;flex-shrink:0;margin:0 2px;color:#e25555}@media(max-width:480px){.footer{padding:var(--space-2) var(--space-1)}.footer-content{gap:var(--space-1)}.footer-link,.footer-separator,.footer-copyright,.footer-github-link{font-size:.7rem}.footer-github-icon{width:14px;height:14px}.footer-heart-icon{width:12px;height:12px}}@media(min-width:481px)and (max-width:768px){.footer-link,.footer-separator,.footer-copyright,.footer-github-link{font-size:.8rem}}@media(max-width:360px){.footer{padding:var(--space-1) 0}.footer-content{gap:var(--space-1)}.footer-link,.footer-separator,.footer-copyright,.footer-github-link{font-size:.65rem}.footer-github-icon{width:12px;height:12px}.footer-heart-icon{width:10px;height:10px}}.topic-card{display:flex;flex-direction:column;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease;min-height:160px;width:100%;box-sizing:border-box}@media(max-width:360px){.topic-card{padding:var(--space-3);min-height:140px}.topic-card-title{font-size:var(--text-base)}.topic-card-description{font-size:var(--text-xs);-webkit-line-clamp:2;line-clamp:2}.topic-card-count{font-size:.65rem}}.topic-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000a}.topic-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.topic-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin:0;letter-spacing:-.01em}.topic-card-difficulty{font-size:var(--text-xs);font-weight:500;padding:2px 6px;border-radius:var(--radius-xs)}.difficulty-easy{background:#4caf5026;border:1px solid rgba(76,175,80,.5);color:#2e7d32;font-weight:500}[data-theme=dark] .difficulty-easy{background:#4caf5033;border:1px solid rgba(76,175,80,.6);color:#81c784}.difficulty-medium{background:#ff980026;border:1px solid rgba(255,152,0,.5);color:#e65100;font-weight:600}[data-theme=dark] .difficulty-medium{background:#ff980033;border:1px solid rgba(255,152,0,.6);color:#ffb74d}.difficulty-hard{background:#f4433626;border:1.5px solid rgba(244,67,54,.5);color:#c62828;font-weight:700}[data-theme=dark] .difficulty-hard{background:#f4433633;border:1.5px solid rgba(244,67,54,.6);color:#ef5350}.topic-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.topic-card-footer{display:flex;align-items:center;gap:var(--space-2)}.topic-card-count{font-size:var(--text-xs);color:var(--color-text-secondary)}.topic-card-progress{flex:1;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.topic-card-progress-bar{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.topic-card-progress-text{font-size:var(--text-xs);color:var(--color-text-secondary);min-width:32px;text-align:right}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-border) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.topic-card-skeleton,.problem-card-skeleton{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-page{padding:0;max-width:var(--max-width);margin:0 auto}.home-hero{padding:var(--space-10) var(--space-4);text-align:center;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.home-hero-content{max-width:600px;margin:0 auto}.home-hero-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-3);color:var(--color-text)}.home-hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:1.6}.home-hero-search{margin-bottom:var(--space-6)}.home-hero-search .search-bar-container{max-width:400px;margin:0 auto}.home-hero-stats{display:flex;justify-content:center;gap:var(--space-8)}.home-stat{display:flex;flex-direction:column;align-items:center}.home-stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.home-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.home-featured{padding:var(--space-10) var(--space-4)}.home-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.home-section-title{font-size:var(--text-xl);font-weight:600;margin:0;color:var(--color-text)}.home-section-link{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;font-weight:500}.home-section-link:hover{text-decoration:underline}.home-error{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.home-empty{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.home-topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.home-actions{padding:var(--space-10) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.home-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5);max-width:800px;margin:0 auto}.home-action-card{padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease;text-align:center}.home-action-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000a;text-decoration:none;color:var(--color-text)}.home-action-icon{margin-bottom:var(--space-3)}.home-action-svg{width:2rem;height:2rem;display:block;margin:0 auto;color:var(--color-text-secondary)}.home-action-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2);color:var(--color-text)}.home-action-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}@media(max-width:480px){.home-hero{padding:var(--space-6) var(--space-2)}.home-hero-title{font-size:var(--text-2xl)}.home-hero-subtitle{font-size:var(--text-sm)}.home-hero-stats{gap:var(--space-6)}.home-stat-number{font-size:var(--text-xl)}.home-featured,.home-actions{padding:var(--space-6) var(--space-2)}.home-topics-grid,.home-actions-grid{grid-template-columns:1fr}}@media(min-width:481px)and (max-width:768px){.home-topics-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.home-actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.learn-page{padding:var(--space-6) var(--space-4);max-width:var(--max-width);margin:0 auto}.learn-page-header{margin-bottom:var(--space-6)}.learn-page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.learn-page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.learn-page-launch{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.launch-ribbon{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:var(--color-accent-faded);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.launch-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.launch-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-4);max-width:500px;margin-left:auto;margin-right:auto}.launch-note{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.launch-link{color:var(--color-accent);text-decoration:none;font-weight:500}.launch-link:hover{text-decoration:underline}.problem-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:border-color .15s ease}.problem-card:hover{border-color:var(--color-accent)}.problem-card-title{font-size:var(--text-sm);font-weight:500;margin:0}.problem-card-meta{display:flex;align-items:center;gap:var(--space-2)}.problem-card-difficulty,.problem-card-status{font-size:var(--text-xs);font-weight:500;padding:2px 6px;border-radius:var(--radius-xs)}.status-todo{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.status-attempted{background:#ff980026;border:1px solid rgba(255,152,0,.5);color:#e65100}[data-theme=dark] .status-attempted{background:#ff980033;border:1px solid rgba(255,152,0,.6);color:#ffb74d}.status-solved{background:#4caf5026;border:1px solid rgba(76,175,80,.5);color:#2e7d32;font-weight:600}[data-theme=dark] .status-solved{background:#4caf5033;border:1px solid rgba(76,175,80,.6);color:#81c784}.filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.filter-chip{display:inline-block;background:none;border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.filter-chip:hover{border-color:var(--color-accent);color:var(--color-text)}.filter-chip.is-active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.filter-chip.is-active.filter-chip--easy{background:#4caf5026;border:1px solid rgba(76,175,80,.5);color:#2e7d32;font-weight:500}[data-theme=dark] .filter-chip.is-active.filter-chip--easy{background:#4caf5033;border:1px solid rgba(76,175,80,.6);color:#81c784}.filter-chip.is-active.filter-chip--medium{background:#ff980026;border:1px solid rgba(255,152,0,.5);color:#e65100;font-weight:600}[data-theme=dark] .filter-chip.is-active.filter-chip--medium{background:#ff980033;border:1px solid rgba(255,152,0,.6);color:#ffb74d}.filter-chip.is-active.filter-chip--hard{background:#f4433626;border:1.5px solid rgba(244,67,54,.5);color:#c62828;font-weight:700}[data-theme=dark] .filter-chip.is-active.filter-chip--hard{background:#f4433633;border:1.5px solid rgba(244,67,54,.6);color:#ef5350}@media(max-width:768px){.filter-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-chips::-webkit-scrollbar{display:none}}.topic-detail{padding:var(--space-10) var(--space-4);max-width:var(--max-width);margin:0 auto}.topic-detail-header{margin-bottom:var(--space-8)}.topic-detail-back{display:inline-block;margin-bottom:var(--space-4);color:var(--color-accent);text-decoration:none}.topic-detail-back:hover{text-decoration:underline}.topic-detail-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.topic-detail-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.topic-detail-controls{margin-bottom:var(--space-6)}.topic-detail-controls-row{display:flex;align-items:end;gap:.65rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.topic-detail-select-group{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.topic-detail-control-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap}.topic-detail-select{width:auto;min-width:0;height:27px;padding:0 24px 0 6px;font-size:var(--text-xs);font-weight:500;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xs);outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:14px;transition:border-color .15s ease,background-color .15s ease;cursor:pointer}.topic-detail-select:focus{border-color:var(--color-accent)}.topic-detail-filter-group{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.topic-detail-filter-chip,.topic-detail-reset{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-xs);padding:2px 6px;font-size:var(--text-xs);font-family:var(--font-body);line-height:1.75;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.topic-detail-filter-chip:hover,.topic-detail-reset:hover{border-color:var(--color-text-secondary);color:var(--color-text);background:var(--color-bg-secondary)}.topic-detail-filter-chip.is-active{border-color:var(--color-text);color:var(--color-text);background:var(--color-bg-secondary)}.topic-detail-summary{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;margin-left:auto}.topic-detail-problems{display:flex;flex-direction:column;gap:var(--space-4)}.topic-detail-empty{text-align:center;padding:var(--space-10);color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.topic-detail-error{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.topic-detail-title-skeleton{height:40px;width:300px;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.topic-detail{padding:var(--space-8) var(--space-4)}}@media(max-width:768px){.topic-detail{padding:var(--space-6) var(--space-4)}.topic-detail-controls-row{flex-wrap:wrap;gap:.5rem;padding-bottom:var(--space-2)}.topic-detail-select-group,.topic-detail-filter-group{flex-shrink:0}.topic-detail-summary{width:100%;margin-left:0;margin-top:var(--space-1)}.topic-detail-select{height:30px;font-size:var(--text-sm);padding:0 28px 0 8px}.topic-detail-control-label{font-size:var(--text-xs)}}@media(max-width:480px){.topic-detail{padding:var(--space-6) var(--space-2)}.topic-detail-title{font-size:var(--text-2xl)}.topic-detail-description{font-size:var(--text-sm)}.topic-detail-summary{font-size:var(--text-xs)}.topic-detail-controls-row{gap:.4rem}.topic-detail-filter-chip,.topic-detail-reset{padding:4px 8px;font-size:.7rem}.topic-detail-select{height:28px;font-size:var(--text-xs)}.topic-detail-control-label{font-size:.65rem}}.copy-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.copy-button svg{stroke:currentColor}.copy-button:hover{background:var(--color-bg);border-color:var(--color-accent);color:var(--color-accent)}.copy-button--copied{background:var(--color-bg-secondary);border-color:var(--color-text);color:var(--color-text)}.copy-button--error{background:#f4433626;border-color:#f4433680;color:#c62828}[data-theme=dark] .copy-button--error{background:#f4433633;border-color:#f4433699;color:#ef5350}.copy-button:active{transform:translateY(1px)}.tab-nav{display:flex;gap:0;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.tab-nav-button{background:none;border:none;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s ease,border-color .2s ease}.tab-nav-button:hover{color:var(--color-text)}.tab-nav-button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-panel{background:var(--color-bg-elevated);padding:var(--space-4);border-radius:4px;margin-bottom:var(--space-4)}@media(max-width:768px){.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-nav-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.problem-detail{max-width:var(--max-width);margin:0 auto;padding:var(--space-6);font-family:var(--font-body);color:var(--color-text);line-height:1.5}.problem-detail-header{margin-bottom:var(--space-4)}.problem-detail-back{display:inline-block;color:var(--color-accent);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-4)}.problem-detail-back:hover{text-decoration:underline}.problem-detail-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-2);color:var(--color-text)}.problem-detail-difficulty{display:inline-block;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.problem-detail-difficulty--easy{background:#4caf5026;border:1px solid rgba(76,175,80,.5);color:#2e7d32;font-weight:500}[data-theme=dark] .problem-detail-difficulty--easy{background:#4caf5033;border:1px solid rgba(76,175,80,.6);color:#81c784}.problem-detail-difficulty--medium{background:#ff980026;border:1px solid rgba(255,152,0,.5);color:#e65100;font-weight:600}[data-theme=dark] .problem-detail-difficulty--medium{background:#ff980033;border:1px solid rgba(255,152,0,.6);color:#ffb74d}.problem-detail-difficulty--hard{background:#f4433626;border:1.5px solid rgba(244,67,54,.5);color:#c62828;font-weight:700}[data-theme=dark] .problem-detail-difficulty--hard{background:#f4433633;border:1.5px solid rgba(244,67,54,.6);color:#ef5350}.problem-detail-leetcode-link{display:inline-block;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);margin-left:var(--space-3);color:var(--color-accent);text-decoration:none;border:1px solid var(--color-accent);border-radius:3px;transition:background-color .2s ease,color .2s ease}.problem-detail-leetcode-link:hover{background-color:var(--color-accent);color:#fff;text-decoration:none}.problem-detail-section{margin-bottom:var(--space-4)}.problem-detail-section h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.problem-detail-statement{white-space:pre-wrap}.problem-detail-example{background:var(--color-bg-elevated);padding:var(--space-4);border-radius:4px;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm)}.problem-detail-example div{margin-bottom:var(--space-2)}.problem-detail-example div:last-child{margin-bottom:0}.problem-detail-constraints{margin:0;padding-left:var(--space-6)}.problem-detail-constraints li{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm)}.problem-detail-tabs{display:flex;gap:0;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.problem-detail-tab{background:none;border:none;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s ease,border-color .2s ease}.problem-detail-tab:hover{color:var(--color-text)}.problem-detail-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.problem-detail-content{background:var(--color-bg-elevated);padding:var(--space-4);border-radius:4px;margin-bottom:var(--space-4)}.problem-detail-content-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.problem-detail-intuition,.problem-detail-approach{white-space:pre-wrap}.problem-detail-observations{margin-top:var(--space-4)}.problem-detail-observations h3{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3)}.problem-detail-observations ul{margin:0;padding-left:var(--space-6)}.problem-detail-observations li{margin-bottom:var(--space-2)}.problem-detail-code-wrapper{position:relative}.problem-detail-code-wrapper .problem-detail-content-header{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;margin-bottom:0}.problem-detail-code{margin:0;padding:var(--space-4);background:var(--color-code-bg);border-radius:4px;border:1px solid var(--color-border);overflow-x:auto}.problem-detail-code code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre}.problem-detail-pitfalls{margin:0;padding-left:var(--space-6)}.problem-detail-pitfalls li{margin-bottom:var(--space-2);color:var(--color-text);font-weight:500}.problem-detail-pseudocode{margin:0;padding:0}.problem-detail-pseudocode ul{margin:0;padding-left:var(--space-6);list-style-type:disc}.problem-detail-pseudocode li{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}.problem-detail-pseudocode pre{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap}.problem-detail-hints{margin:0;padding-left:var(--space-6)}.problem-detail-hints li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.problem-detail-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.problem-detail-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-border-light);border-radius:4px;text-decoration:none;transition:border-color .2s ease,background-color .2s ease;font-size:var(--text-sm);color:var(--color-text)}.problem-detail-nav-btn:hover{border-color:var(--color-accent);background-color:var(--color-bg-elevated);text-decoration:none}.problem-detail-nav-btn--prev{margin-right:auto}.problem-detail-nav-btn--next{margin-left:auto}.problem-detail-nav-btn-icon{font-size:var(--text-base);color:var(--color-text-secondary)}.problem-detail-nav-btn-text{font-weight:500;color:var(--color-text)}.problem-detail-nav-placeholder{flex:1}.problem-detail-loading,.problem-detail-error{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-secondary)}@media(max-width:768px){.problem-detail{padding:var(--space-4);max-width:100%}.problem-detail-title{font-size:var(--text-xl)}.problem-detail-statement,.problem-detail-intuition,.problem-detail-approach,.problem-detail-pseudocode{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.problem-detail-example,.problem-detail-code{padding:var(--space-3);font-size:var(--text-sm)}.problem-detail-code code{font-size:var(--text-sm)}.problem-detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.problem-detail-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.problem-detail-constraints,.problem-detail-pitfalls,.problem-detail-hints{padding-left:var(--space-5)}.problem-detail-constraints li,.problem-detail-pitfalls li,.problem-detail-hints li{font-size:var(--text-sm)}.problem-detail-leetcode-link{display:inline-block;margin-left:var(--space-2);vertical-align:middle}}@media(max-width:480px){.problem-detail{padding:var(--space-3)}.problem-detail-title{font-size:var(--text-lg)}.problem-detail-section h2{font-size:var(--text-base)}.problem-detail-content{padding:var(--space-3)}.problem-detail-navigation{gap:var(--space-2)}.problem-detail-nav-placeholder{display:none}}.problem-set-list{padding:var(--space-10) var(--space-4);max-width:var(--max-width);margin:0 auto}.problem-set-list-header{margin-bottom:var(--space-10)}.problem-set-list-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.problem-set-list-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.problem-set-list-error{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.problem-set-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.problem-set-list-card{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.problem-set-list-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000a}.problem-set-list-card-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2);color:var(--color-text)}.problem-set-list-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:1.5}.problem-set-list-card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary)}.problem-set-list-card--skeleton{min-height:10rem;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:problem-set-list-skeleton 1.5s infinite}.problem-set-list-empty{grid-column:1 / -1;text-align:center;padding:var(--space-10);color:var(--color-text-secondary)}@keyframes problem-set-list-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.problem-set-list{padding:var(--space-6) var(--space-2)}.problem-set-list-title{font-size:var(--text-2xl)}.problem-set-list-subtitle{font-size:var(--text-sm)}.problem-set-list-grid{grid-template-columns:1fr}}@media(min-width:481px)and (max-width:768px){.problem-set-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.search-results-page{padding:var(--space-10) var(--space-4);max-width:var(--max-width);margin:0 auto}.search-results-header{margin-bottom:var(--space-10)}.search-results-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2);color:var(--color-text)}.search-results-query{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.search-results-loading,.search-results-empty{text-align:center;padding:var(--space-10);color:var(--color-text-secondary)}.search-results-empty p{margin-bottom:var(--space-2)}.search-results-hint{font-size:var(--text-sm);opacity:.8}.search-results-section{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.search-results-section:last-child{margin-bottom:0}.search-results-section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0}.search-results-grid{display:flex;flex-direction:column;gap:var(--space-4)}.search-result-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.search-result-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.search-result-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.search-result-title{font-size:var(--text-base);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.search-result-badge{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-3);font-weight:500}.search-results-problems{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:1024px){.search-results-page{padding:var(--space-8) var(--space-4)}.search-results-title{font-size:var(--text-2xl)}}@media(max-width:768px){.search-results-page{padding:var(--space-6) var(--space-4)}.search-results-header{margin-bottom:var(--space-8)}.search-results-title{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.search-results-query{font-size:var(--text-base)}.search-results-section{gap:var(--space-3);margin-bottom:var(--space-6)}.search-results-section-title{font-size:var(--text-lg)}.search-result-card{padding:var(--space-3)}.search-result-title{font-size:var(--text-sm)}.search-result-subtitle{font-size:var(--text-xs)}}@media(max-width:480px){.search-results-page{padding:var(--space-4) var(--space-3)}.search-results-header{margin-bottom:var(--space-6)}.search-results-title{font-size:var(--text-xl)}.search-results-query{font-size:var(--text-sm)}.search-results-section{gap:var(--space-3);margin-bottom:var(--space-6)}.search-results-section-title{font-size:var(--text-base)}.search-result-card{padding:var(--space-2)}.search-result-title{font-size:var(--text-xs)}.search-result-subtitle{font-size:.625rem}.search-result-badge{font-size:.5625rem;padding:2px var(--space-1)}}@media(max-width:320px){.search-results-page{padding:var(--space-3) var(--space-2)}.search-results-title{font-size:var(--text-lg)}.search-results-grid{gap:var(--space-2)}.search-result-card{padding:var(--space-2)}}