.app-header{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.app-header h1{font-size:1.4rem;color:var(--accent)}.header-stats{font-size:.8rem;color:var(--muted)}.btn{padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;border:none;font-weight:600}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b7cf8);color:#fff;box-shadow:0 2px 10px #6c8ef540}.btn-primary:hover{opacity:.9}.avatar-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b7cf8);color:#fff;font-size:.8rem;font-weight:700;border:none;cursor:pointer;letter-spacing:.5px;box-shadow:0 2px 10px #6c8ef550;transition:transform .15s,box-shadow .15s}.avatar-btn:hover{transform:scale(1.08);box-shadow:0 4px 16px #6c8ef560}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 24px 60px #0009;animation:slideIn .22s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-tabs{display:flex;border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:15px 10px;font-size:.9rem;font-weight:600;border:none;background:none;cursor:pointer;color:var(--muted);transition:color .2s;position:relative}.auth-tab:hover{color:var(--text);background:#ffffff06}.auth-tab.active{color:var(--accent);background:#6c8ef50a}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),#8b7cf8);border-radius:2px 2px 0 0}.auth-body{padding:22px 26px 18px}.auth-brand{text-align:center;margin-bottom:18px}.auth-brand .auth-icon{font-size:2rem;display:block;margin-bottom:5px}.auth-brand p{font-size:.78rem;color:var(--muted)}.auth-field{position:relative;margin-bottom:11px}.auth-field .field-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.auth-field input,.auth-field select{width:100%;padding:10px 12px 10px 34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.88rem;box-sizing:border-box;outline:none;transition:border-color .2s}.auth-field input:focus,.auth-field select:focus{border-color:var(--accent)}.auth-field input::placeholder{color:var(--muted)}.auth-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-submit{width:100%;padding:11px;margin-top:4px;background:linear-gradient(135deg,var(--accent),#8b7cf8);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;box-shadow:0 4px 14px #6c8ef540;transition:opacity .2s,transform .15s}.auth-submit:hover{opacity:.92;transform:translateY(-1px)}.auth-submit:disabled{opacity:.55;cursor:default;transform:none}.auth-error{color:#f87171;font-size:.8rem;margin-bottom:10px;background:#f8717112;border:1px solid #f8717130;border-radius:6px;padding:7px 10px}.auth-close-row{text-align:center;margin-top:14px}.auth-close-row button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.78rem}.auth-close-row button:hover{color:var(--text)}.auth-subtitle{font-size:.82rem;color:var(--muted);text-align:center;margin:-6px 0 16px;line-height:1.45}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0 16px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-signin-wrap{display:flex;justify-content:center;margin-bottom:2px}.google-signin-wrap>div{max-width:100%}.google-signin-wrap--disabled{pointer-events:none;opacity:.55}.profile-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:28px 28px 22px;box-shadow:0 24px 60px #0009;position:relative;animation:slideIn .22s ease}.profile-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer}.profile-close:hover{color:var(--text)}.profile-hero{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8b7cf8);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6c8ef550}.profile-name{font-size:1rem;font-weight:700;margin-bottom:3px}.profile-email{font-size:.8rem;color:var(--muted)}.sub-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:18px}.sub-active{background:#4ecdc420;color:var(--accent2);border:1px solid #4ecdc440}.sub-free{background:#6c8ef515;color:var(--accent);border:1px solid #6c8ef530}.profile-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.profile-row{display:flex;justify-content:space-between;align-items:center;font-size:.84rem}.pr-label{color:var(--muted)}.referral-box{background:linear-gradient(135deg,#1e2235,#1a1d27);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:18px}.referral-title{font-size:.82rem;font-weight:700;margin-bottom:10px;color:var(--accent2)}.referral-code-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.referral-code{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:2px;background:var(--bg);border:1px dashed var(--accent);padding:6px 14px;border-radius:8px;flex:1;text-align:center}.copy-btn{padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:600;background:var(--accent);color:#fff;border:none;cursor:pointer;white-space:nowrap;transition:opacity .2s}.copy-btn:hover{opacity:.85}.referral-hint{font-size:.76rem;color:var(--muted);line-height:1.5}.referral-hint strong{color:var(--text)}.profile-logout{width:100%;padding:10px;border-radius:10px;background:transparent;border:1px solid #f8717140;color:#f87171;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s}.profile-logout:hover{background:#f8717112}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;transition:all .15s;position:relative;overflow:hidden;cursor:pointer}.problem-card:hover{border-color:var(--accent);transform:translateY(-1px)}.problem-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.problem-card.easy:before{background:var(--easy)}.problem-card.medium:before{background:var(--medium)}.problem-card.hard:before{background:var(--hard)}.problem-card.locked{opacity:.9}.problem-card.locked:hover{border-color:var(--medium)}.problem-num{font-size:.7rem;color:var(--muted);min-width:36px}.problem-info{flex:1;min-width:0}.problem-name{font-size:.83rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.problem-tag{font-size:.68rem;color:var(--muted);margin-top:2px}.problem-links{display:flex;gap:6px}.lc-link,.gfg-link,.viz-link{font-size:.65rem;padding:2px 7px;border-radius:4px;text-decoration:none;font-weight:600;white-space:nowrap;transition:opacity .15s}.lc-link{background:#ff8c001a;color:#ff8c00;border:1px solid #ff8c0030}.lc-link:hover{background:#ff8c0030}.gfg-link{background:#2f8d461a;color:#2f8d46;border:1px solid #2f8d4630}.gfg-link:hover{background:#2f8d4630}.viz-link{background:#4ecdc41a;color:#4ecdc4;border:1px solid #4ecdc430}.viz-link:hover{background:#4ecdc430}.diff-badge{font-size:.62rem;padding:1px 6px;border-radius:10px;font-weight:600}.diff-badge.easy{background:#4ade8015;color:var(--easy)}.diff-badge.medium{background:#fbbf2415;color:var(--medium)}.diff-badge.hard{background:#f8717115;color:var(--hard)}.pri{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;white-space:nowrap}.pri.p1{background:#f8717118;color:var(--p1);border:1px solid #f8717130}.pri.p2{background:#fbbf2418;color:var(--p2);border:1px solid #fbbf2430}.pri.p3{background:#64748b18;color:#94a3b8;border:1px solid #64748b30}.lock-icon{font-size:.8rem}.pw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pw-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px 24px;width:90%;max-width:580px;position:relative;box-shadow:0 32px 80px #000000b3;animation:pwIn .24s ease}@keyframes pwIn{0%{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pw-x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;opacity:.7}.pw-x:hover{opacity:1;color:var(--text)}.pw-header{text-align:center;margin-bottom:20px}.pw-lock{font-size:2rem;margin-bottom:8px}.pw-header h2{font-size:1.3rem;font-weight:700;margin-bottom:6px}.pw-header p{font-size:.84rem;color:var(--muted)}.pw-social-proof{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}.pw-students{font-size:.78rem;color:var(--accent2);font-weight:600;background:#4ecdc415;border:1px solid #4ecdc430;padding:4px 12px;border-radius:20px}.pw-discount-badge{font-size:.78rem;color:#fbbf24;font-weight:700;background:#fbbf2415;border:1px solid #fbbf2440;padding:4px 12px;border-radius:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pw-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-bottom:24px}.pw-features li{font-size:.82rem;color:var(--muted)}.pw-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;padding-bottom:8px}.pw-plan{border:1px solid var(--border);border-radius:14px;padding:16px 12px 14px;text-align:center;position:relative;background:var(--bg);transition:border-color .2s,transform .15s;display:flex;flex-direction:column}.pw-plan:hover{border-color:var(--accent);transform:translateY(-2px)}.pw-plan--hl{border-color:var(--accent);background:linear-gradient(160deg,#1e2440,#1a1d2f);box-shadow:0 0 0 1px var(--accent),0 8px 28px #6c8ef525}.pw-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),#8b7cf8);color:#fff;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.3px}.pw-plan-skeleton{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 10px}.pw-skel{background:var(--border);border-radius:4px;animation:shimmer 1.4s ease-in-out infinite}.pw-skel--sm{width:60%;height:10px}.pw-skel--lg{width:80%;height:22px}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.pw-plan-na{font-size:.8rem;color:var(--muted);margin:16px 0}.pw-plan-label{font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:2px}.pw-plan-duration{font-size:.7rem;color:var(--muted);margin-bottom:6px}.pw-plan-original{font-size:.75rem;color:var(--muted);text-decoration:line-through;margin-bottom:2px}.pw-plan-price{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1;margin-bottom:2px}.pw-plan-per{font-size:.68rem;color:var(--muted);margin-bottom:6px}.pw-plan-save{font-size:.68rem;color:var(--easy);font-weight:600;margin-bottom:10px}.pw-plan-btn{width:100%;padding:9px 6px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;margin-top:auto}.pw-plan-btn:hover:not(:disabled){background:var(--surface2);border-color:var(--accent)}.pw-plan-btn:disabled{opacity:.5;cursor:default}.pw-plan-btn--hl{background:linear-gradient(135deg,var(--accent),#8b7cf8);color:#fff;border:none;box-shadow:0 4px 14px #6c8ef540}.pw-plan-btn--hl:hover:not(:disabled){opacity:.9;background:linear-gradient(135deg,var(--accent),#8b7cf8)}.pw-success{text-align:center;padding:32px 16px}.pw-success-icon{font-size:3rem;margin-bottom:14px}.pw-success h2{font-size:1.3rem;font-weight:700;margin-bottom:8px}.pw-success p{font-size:.88rem;color:var(--muted)}.pw-secure{text-align:center;font-size:.73rem;color:var(--muted);margin-bottom:4px;opacity:.7}.pw-plan--promo{border-color:var(--easy)!important;box-shadow:0 0 0 1px #4ade8040,0 8px 24px #4ade8015!important}.pw-promo-tag{position:absolute;bottom:-1px;left:50%;transform:translate(-50%) translateY(50%);background:#4ade8022;border:1px solid #4ade8050;color:var(--easy);font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.pw-price-row{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:2px}.pw-plan-price--strike{font-size:.9rem;color:var(--muted);text-decoration:line-through}.pw-plan-price--promo{color:var(--easy)!important}.pw-promo-section{margin:4px 0 10px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.pw-promo-label{font-size:.78rem;color:var(--muted);margin-bottom:8px;font-weight:600}.pw-promo-row{display:flex;gap:8px}.pw-promo-input{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.88rem;letter-spacing:1px;font-weight:600;outline:none;transition:border-color .2s}.pw-promo-input:focus{border-color:var(--accent)}.pw-promo-input::placeholder{font-weight:400;letter-spacing:0;color:var(--muted)}.pw-promo-apply{padding:9px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s}.pw-promo-apply:hover:not(:disabled){opacity:.88}.pw-promo-apply:disabled{opacity:.5;cursor:default}.pw-promo-clear{padding:9px 12px;border-radius:8px;border:1px solid #f8717140;background:transparent;color:#f87171;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}.pw-promo-clear:hover{background:#f8717112}.pw-promo-msg{font-size:.78rem;margin-top:8px;margin-bottom:0;padding:6px 10px;border-radius:6px}.pw-promo-msg--ok{color:var(--easy);background:#4ade8012;border:1px solid #4ade8030}.pw-promo-msg--err{color:#f87171;background:#f8717112;border:1px solid #f8717130}.pw-error{text-align:center;font-size:.8rem;color:#f87171;background:#f8717112;border:1px solid #f8717130;border-radius:8px;padding:8px 12px;margin-bottom:10px}.pw-later{display:block;width:100%;margin-top:4px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;text-align:center;opacity:.7}.pw-later:hover{opacity:1;color:var(--text)}@media (max-width: 500px){.pw-plans,.pw-features{grid-template-columns:1fr}.pw-plan--hl .pw-badge{top:-10px}}.dsa-layout{display:flex;flex:1;min-height:0;overflow:hidden}.dsa-sidebar{width:220px;min-width:220px;background:var(--surface);border-right:1px solid var(--border);padding:16px 0;position:fixed;left:0;top:57px;bottom:0;height:calc(100vh - 57px);overflow-y:auto;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.dsa-sidebar::-webkit-scrollbar{display:none}.dsa-sidebar .section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);padding:12px 16px 4px}.dsa-sidebar a{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:.82rem;color:var(--muted);text-decoration:none;transition:all .15s;border-left:2px solid transparent}.dsa-sidebar a:hover{color:var(--text);background:var(--surface2)}.dsa-sidebar a.active{color:var(--accent);border-left-color:var(--accent);background:var(--surface2)}.dsa-sidebar a .count{margin-left:auto;font-size:.7rem;background:var(--surface2);padding:1px 6px;border-radius:10px}.dsa-main{flex:1;margin-left:220px;padding:24px;overflow-y:auto;min-width:0}.navigator-loading{padding:48px;text-align:center;color:var(--muted)}.view-tabs{display:flex;gap:0;margin-bottom:24px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);width:fit-content;flex-wrap:wrap}.view-tab{padding:10px 22px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all .2s}.view-tab:hover{color:var(--text);background:var(--surface2)}.view-tab.active{color:var(--accent);background:var(--surface2);border-bottom:2px solid var(--accent)}.sequence-banner{background:linear-gradient(135deg,#1a1d27,#1e2235);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px}.sequence-banner h2{font-size:1rem;color:var(--accent2);margin-bottom:14px}.seq-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.seq-step{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:.75rem;color:var(--text);white-space:nowrap}.seq-arrow{color:var(--muted);font-size:.8rem}.priority-legend{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 18px;margin-bottom:16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.priority-legend span{font-size:.75rem;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.78rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.p1{background:var(--p1)}.legend-dot.p2{background:var(--p2)}.legend-dot.p3{background:var(--p3)}.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;flex:1;min-width:200px}.search-wrap input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.9rem}.search-wrap input::placeholder{color:var(--muted)}.filter-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-btn:hover{color:var(--text);border-color:var(--muted)}.filter-btn.active-all{color:var(--text);border-color:var(--accent);background:#6c8ef510}.filter-btn.active-p1{color:var(--p1);border-color:var(--p1);background:#f8717110}.filter-btn.active-p2{color:var(--p2);border-color:var(--p2);background:#fbbf2410}.filter-btn.active-p3{color:var(--p3);border-color:var(--p3);background:#64748b10}.filter-btn.active-free{color:var(--accent2);border-color:var(--accent2);background:#4ecdc410}.topic{margin-bottom:36px;scroll-margin-top:80px}.topic-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.topic-icon{font-size:1.2rem}.topic-title{font-size:1rem;font-weight:600}.topic-subtitle{font-size:.75rem;color:var(--muted);margin-top:2px}.topic-count{margin-left:auto;font-size:.75rem;color:var(--muted)}.subtopic{margin-bottom:16px}.subtopic-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:8px;padding-left:4px}.problem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:8px}.pat-jumper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pat-jump-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.76rem;cursor:pointer;text-decoration:none;transition:all .15s}.pat-jump-btn:hover{color:var(--text);border-color:var(--accent)}.pat-category{margin-bottom:40px;scroll-margin-top:80px}.pat-category-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border)}.pat-category-icon{font-size:1.3rem}.pat-category-title{font-size:1rem;font-weight:700}.pat-category-sub{font-size:.72rem;color:var(--muted);margin-top:2px}.pat-category-count{margin-left:auto;font-size:.72rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:2px 10px;border-radius:10px}.pattern-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color .2s}.pattern-card:hover{border-color:var(--accent)}.pattern-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;border-left:4px solid var(--accent2);-webkit-user-select:none;user-select:none}.pattern-card-hdr:hover{background:var(--surface2)}.pat-left{display:flex;align-items:center;gap:12px}.pat-icon{font-size:1.2rem}.pat-title{font-size:.9rem;font-weight:600}.pat-subtitle{font-size:.7rem;color:var(--muted);margin-top:2px}.pat-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pat-tag{font-size:.63rem;padding:2px 8px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.pat-expand{color:var(--muted);font-size:.75rem;transition:transform .25s;margin-left:8px;min-width:12px}.pattern-card.open .pat-expand{transform:rotate(180deg)}.pattern-card-body{display:none;padding:4px 18px 18px;border-top:1px solid var(--border)}.pattern-card.open .pattern-card-body{display:block}.pat-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-top:14px}@media (max-width: 960px){.pat-grid{grid-template-columns:1fr}}.pat-block{margin-bottom:14px}.pat-block-title{font-size:.67rem;text-transform:uppercase;letter-spacing:1.3px;color:var(--accent);margin-bottom:8px;font-weight:600}.pat-block ul{padding-left:16px}.pat-block li{font-size:.79rem;color:var(--muted);margin-bottom:3px;line-height:1.55}.pat-block li strong{color:var(--text)}.pat-explain{font-size:.78rem;color:var(--muted);line-height:1.5;margin-top:8px;padding:8px 10px;background:var(--surface2);border-radius:6px;border-left:3px solid var(--accent2)}.complexity-row{display:flex;gap:10px;flex-wrap:wrap}.cx-badge{font-size:.72rem;padding:3px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.cx-badge b{color:var(--accent2)}pre.code-block{background:#0d1117;border:1px solid #2d3748;border-radius:8px;padding:14px 16px;font-size:.72rem;line-height:1.75;overflow-x:auto;font-family:Cascadia Code,Consolas,monospace;color:#cdd6f4;white-space:pre;margin:0}.ck{color:#cba6f7}.ct{color:#89b4fa}.cc{color:#6c7086;font-style:italic}.cs{color:#a6e3a1}.cn{color:#fab387}.cm{color:#f38ba8}.pat-pills{display:flex;flex-wrap:wrap;gap:6px}.ppill{font-size:.72rem;padding:4px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.ppill:hover{border-color:var(--accent);color:var(--accent)}.ppill .pn{color:var(--muted);font-size:.63rem}.ppill .pd{font-size:.6rem;font-weight:700}.ppill .pd.e{color:var(--easy)}.ppill .pd.m{color:var(--medium)}.ppill .pd.h{color:var(--hard)}.acc-orange .pattern-card-hdr{border-left-color:#f97316}.acc-purple .pattern-card-hdr{border-left-color:#a78bfa}.acc-green .pattern-card-hdr{border-left-color:#4ade80}.acc-pink .pattern-card-hdr{border-left-color:#f472b6}.acc-yellow .pattern-card-hdr{border-left-color:#fbbf24}.acc-cyan .pattern-card-hdr{border-left-color:#22d3ee}.acc-red .pattern-card-hdr{border-left-color:#f87171}.acc-teal .pattern-card-hdr{border-left-color:#2dd4bf}.acc-blue .pattern-card-hdr{border-left-color:#60a5fa}.snippet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:10px}@media (max-width: 860px){.snippet-grid{grid-template-columns:1fr}}.snippet-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.snippet-card:hover{border-color:var(--accent2)}.snippet-title{padding:10px 14px;background:var(--surface2);font-size:.8rem;font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;color:var(--text)}.snippet-title .st-icon{font-size:1rem}.snippet-title .st-badge{margin-left:auto;font-size:.62rem;padding:2px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--muted)}.snippet-card pre.code-block{border-radius:0;border:none;border-top:0;margin:0;font-size:.71rem}.tricks-category{margin-bottom:36px;scroll-margin-top:80px}.tricks-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--border)}.tricks-cat-icon{font-size:1.3rem}.tricks-cat-title{font-size:1rem;font-weight:700}.tricks-cat-sub{font-size:.72rem;color:var(--muted);margin-top:2px}.tricks-jumper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tricks-jump-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.76rem;cursor:pointer;text-decoration:none;transition:all .15s}.tricks-jump-btn:hover{color:var(--text);border-color:var(--accent2)}.ec-jumper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ec-jump-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.76rem;cursor:pointer;text-decoration:none;transition:all .15s}.ec-jump-btn:hover{color:var(--text);border-color:#f87171}.ec-category{margin-bottom:36px;scroll-margin-top:80px}.ec-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--border)}.ec-cat-icon{font-size:1.3rem}.ec-cat-title{font-size:1rem;font-weight:700}.ec-cat-sub{font-size:.72rem;color:var(--muted);margin-top:2px}.ec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px}@media (max-width: 860px){.ec-grid{grid-template-columns:1fr}}.ec-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.ec-card:hover{border-color:#f87171}.ec-card-title{padding:10px 14px;background:var(--surface2);font-size:.8rem;font-weight:600;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;color:var(--text);border-left:3px solid #f87171}.ec-card-title .ec-icon{font-size:1rem}.ec-badge{margin-left:auto;font-size:.62rem;padding:2px 8px;border-radius:8px;font-weight:700;white-space:nowrap}.ec-badge.bug{background:#f8717118;color:#f87171;border:1px solid #f8717130}.ec-badge.warn{background:#fbbf2418;color:#fbbf24;border:1px solid #fbbf2430}.ec-badge.tip{background:#4ade8018;color:#4ade80;border:1px solid #4ade8030}.ec-body{padding:12px 14px}.ec-what{font-size:.78rem;color:var(--muted);margin-bottom:10px;line-height:1.6}.ec-what strong{color:var(--text)}.ec-what .bug-txt{color:#f87171;font-weight:600}.ec-what .fix-txt{color:#4ade80;font-weight:600}.ec-what .warn-txt{color:#fbbf24;font-weight:600}.ec-card pre.code-block{margin:0;font-size:.7rem;border-radius:6px}@media (max-width: 768px){.dsa-sidebar{display:none}.dsa-main{margin-left:0}.problem-grid{grid-template-columns:1fr}}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3348;--accent: #6c8ef5;--accent2: #4ecdc4;--text: #e2e8f0;--muted: #8892b0;--easy: #4ade80;--medium: #fbbf24;--hard: #f87171;--p1: #f87171;--p2: #fbbf24;--p3: #64748b}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main,.navigator-wrapper{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}