:root{--ink: #080808;--ink-strong: #222222;--body: #363636;--body-mid: #5a5a5a;--mute: #6e6e6e;--mute-soft: #ababab;--canvas: #ffffff;--surface: #f7f7f7;--surface-2: #efefef;--hairline: #d8d8d8;--hairline-soft: #e8e8e8;--accent-purple: #7a3dff;--accent-pink: #ed52cb;--accent-blue: #3b89ff;--accent-orange: #ff6b00;--accent-green: #00d722;--accent-yellow: #ffae13;--info: #006acc;--info-bg: #eaf3ff;--success: #0a7f2e;--success-bg: #e8f7ec;--warning: #8f5400;--warning-bg: #fff4dc;--danger: #c4122b;--danger-bg: #fdecee;--subject-dsa: #7a3dff;--subject-sql: #006acc;--subject-oop-cpp: #c2410c;--subject-oop-java: #b45309;--subject-cn: #0f766e;--subject-os: #4d7c0f;--subject-sd: #be185d;--subject-devops: #1d4ed8;--subject-core: #525252;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Inconsolata", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);--fs-3xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);--lh-tight: 1.2;--lh-body: 1.6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-full: 9999px;--shadow-pop: 0 30px 18px rgba(0, 0, 0, .03), 0 13px 13px rgba(0, 0, 0, .06), 0 3px 7px rgba(0, 0, 0, .08);--shadow-modal: 0 24px 24px rgba(0, 0, 0, .18), 0 6px 13px rgba(0, 0, 0, .2);--sidebar-w: 248px;--rail-w: 64px;--topbar-h: 56px;--bottombar-h: 60px;--content-max: 1600px;--prose-max: 74ch;--focus: 0 0 0 2px var(--canvas), 0 0 0 4px var(--info)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--body);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{color:var(--ink);font-weight:600;line-height:var(--lh-tight);margin:0;letter-spacing:-.02em}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl);font-weight:600}h4{font-size:var(--fs-lg);font-weight:500}p{margin:0}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}::selection{background:#dbe9ff}.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}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:100;background:var(--ink);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm)}.skip-link:focus{top:var(--sp-2)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-w);flex:none;border-right:1px solid var(--hairline);background:var(--canvas);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);height:var(--topbar-h);color:var(--ink);font-weight:600;font-size:var(--fs-lg);letter-spacing:-.02em}.sidebar__brand:hover{text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:6px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600;flex:none}.nav{padding:var(--sp-2) var(--sp-3) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.nav__group-title{font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding:0 var(--sp-2) var(--sp-1)}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav__link{display:flex;align-items:center;gap:var(--sp-3);min-height:36px;padding:6px var(--sp-2);border-radius:var(--r-sm);color:var(--body);font-size:var(--fs-sm);font-weight:500}.nav__link:hover{background:var(--surface);text-decoration:none;color:var(--ink)}.nav__link[aria-current=page]{background:var(--surface-2);color:var(--ink);box-shadow:inset 2px 0 0 var(--ink)}.nav__link svg{width:18px;height:18px;flex:none;color:var(--body-mid)}.nav__link[aria-current=page] svg{color:var(--ink)}.nav__dot{width:8px;height:8px;border-radius:2px;flex:none;margin:0 5px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-6)}.topbar__brand{display:none}.topbar__spacer{flex:1}.search-trigger{display:inline-flex;align-items:center;gap:var(--sp-2);height:36px;min-width:260px;padding:0 var(--sp-3);border:1px solid var(--hairline);background:var(--canvas);border-radius:var(--r-sm);color:var(--mute);font-size:var(--fs-sm)}.search-trigger:hover{border-color:var(--body-mid)}.search-trigger kbd{margin-left:auto}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--sp-8) var(--sp-8) var(--sp-12);flex:1}.content--narrow{max-width:1080px}.bottombar{display:none}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080866;z-index:60}.drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);background:var(--canvas);z-index:61;overflow-y:auto;box-shadow:var(--shadow-modal);display:flex;flex-direction:column}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);height:var(--topbar-h)}@media (max-width: 1199px) and (min-width: 768px){.sidebar{width:var(--rail-w)}.sidebar__brand span:not(.brand-mark),.nav__group-title,.nav__label,.nav__dot{display:none}.sidebar__brand{justify-content:center;padding:var(--sp-4) 0}.nav{padding:var(--sp-2);gap:var(--sp-3)}.nav__link{justify-content:center;padding:0;height:44px}.nav__link svg{width:20px;height:20px}.content{padding:var(--sp-6)}}@media (max-width: 767px){.sidebar{display:none}.topbar{padding:0 var(--sp-3);gap:var(--sp-2)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:600;color:var(--ink)}.search-trigger{min-width:0;width:40px;justify-content:center;padding:0}.search-trigger span,.search-trigger kbd{display:none}.content{padding:var(--sp-5) var(--sp-4) calc(var(--bottombar-h) + var(--sp-8))}.bottombar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:30;height:calc(var(--bottombar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--canvas);border-top:1px solid var(--hairline)}.bottombar a,.bottombar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500;color:var(--body-mid);background:none;border:0;min-height:44px}.bottombar a[aria-current=page]{color:var(--ink)}.bottombar svg{width:20px;height:20px}}@media (min-width: 768px){.menu-button{display:none!important}}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.stack-lg>:first-child .page-head,.stack>:first-child .page-head{margin-bottom:0}.page-head__text{display:flex;flex-direction:column;gap:var(--sp-2);max-width:760px}.eyebrow{font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--body-mid)}.lead{font-size:var(--fs-lg);color:var(--body-mid)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center;font-size:var(--fs-sm);color:var(--mute);margin-bottom:var(--sp-3)}.breadcrumb a{color:var(--body-mid)}.breadcrumb svg{width:14px;height:14px}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--sp-8)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.grow{flex:1;min-width:0}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-5)}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (max-width: 1279px){.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 991px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 639px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 479px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.muted{color:var(--mute)}.small{font-size:var(--fs-sm)}.xsmall{font-size:var(--fs-xs)}.mono{font-family:var(--font-mono)}.strong{font-weight:600;color:var(--ink)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{border:0;border-top:1px solid var(--hairline);margin:var(--sp-6) 0}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;padding:8px 16px;border-radius:var(--r-sm);border:1px solid transparent;font-size:var(--fs-sm);font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none!important;transition:background-color .12s,border-color .12s,color .12s}.btn svg{width:16px;height:16px;flex:none}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover{background:#2a2a2a}.btn--secondary{background:var(--canvas);color:var(--ink);border-color:var(--hairline)}.btn--secondary:hover{border-color:var(--body-mid)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--surface)}.btn--danger{background:var(--canvas);color:var(--danger);border-color:#f0b6be}.btn--danger:hover{background:var(--danger-bg)}.btn--success{background:var(--success);color:#fff}.btn--sm{min-height:32px;padding:4px 10px;font-size:var(--fs-xs)}.btn--lg{min-height:48px;padding:12px 20px;font-size:var(--fs-md)}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink)}.icon-btn:hover{background:var(--surface)}.icon-btn svg{width:20px;height:20px}@media (pointer: coarse){.btn{min-height:44px}.btn--sm{min-height:36px}.icon-btn{width:44px;height:44px}}.card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-6);min-width:0}.card--flush{padding:0;overflow:hidden}.card--compact{padding:var(--sp-4)}.card--muted{background:var(--surface);border-color:var(--hairline-soft)}.card--link{display:block;color:inherit;transition:border-color .12s}.card--link:hover{border-color:var(--body-mid);text-decoration:none}.card__title{font-size:var(--fs-lg);font-weight:600;color:var(--ink)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card__sub{font-size:var(--fs-sm);color:var(--mute)}.subject-rule{border-left:3px solid var(--rule, var(--ink))}@media (max-width: 639px){.card{padding:var(--sp-4)}}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-sm);font-size:12px;font-weight:550;white-space:nowrap;background:var(--surface-2);color:var(--ink-strong);line-height:1}.badge svg{width:12px;height:12px}.badge--info{background:var(--info-bg);color:var(--info)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--outline{background:transparent;border:1px solid var(--hairline);color:var(--body-mid)}.badge--dark{background:var(--ink);color:#fff}.diff-easy{color:var(--success);background:var(--success-bg)}.diff-medium{color:var(--warning);background:var(--warning-bg)}.diff-hard{color:var(--danger);background:var(--danger-bg)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--sp-6)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 12px;font-size:var(--fs-sm);font-weight:500;color:var(--body-mid);min-height:44px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.tab .count{font-size:11px;color:var(--body-mid);background:var(--surface-2);border-radius:var(--r-sm);padding:1px 6px}.segmented{display:inline-flex;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:2px;background:var(--surface);flex-wrap:wrap}.segmented button{border:0;background:transparent;padding:6px 12px;border-radius:3px;font-size:var(--fs-sm);font-weight:500;color:var(--body-mid);min-height:32px}.segmented button[aria-pressed=true]{background:var(--canvas);color:var(--ink);box-shadow:0 1px 2px #00000014}.disclosure{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas)}.disclosure+.disclosure{margin-top:var(--sp-3)}.disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);font-weight:600;color:var(--ink);min-height:52px}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary .chev{margin-left:auto;transition:transform .15s;color:var(--mute);width:18px;height:18px;flex:none}.disclosure[open]>summary .chev{transform:rotate(90deg)}.disclosure__body{padding:0 var(--sp-5) var(--sp-5)}@media (max-width: 639px){.disclosure>summary{padding:var(--sp-3) var(--sp-4)}.disclosure__body{padding:0 var(--sp-4) var(--sp-4)}}.prose{max-width:var(--prose-max);color:var(--body)}.prose>*+*{margin-top:.85em}.prose h2{font-size:var(--fs-xl);margin-top:1.6em}.prose h3{font-size:var(--fs-lg);margin-top:1.4em}.prose h4{font-size:var(--fs-md);font-weight:600;margin-top:1.2em}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.3em}.prose strong{color:var(--ink);font-weight:600}.prose :not(pre)>code{background:var(--surface-2);padding:.1em .35em;border-radius:var(--r-xs);font-size:.88em;color:var(--ink-strong);overflow-wrap:anywhere}.prose blockquote{margin-left:0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--info);background:var(--info-bg);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink-strong)}.prose blockquote>*+*{margin-top:.5em}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--hairline);padding:6px 10px;text-align:left;vertical-align:top}.prose th{background:var(--surface);font-weight:600;color:var(--ink)}.prose hr{border:0;border-top:1px solid var(--hairline)}.prose a{text-decoration:underline;text-underline-offset:2px}.code{position:relative;border:1px solid var(--hairline);border-radius:var(--r-md);background:#fbfbfb;overflow:hidden;max-width:100%}.code__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);border-bottom:1px solid var(--hairline);background:var(--surface);padding:0 var(--sp-2) 0 0;min-height:40px}.code__tabs{display:flex;overflow-x:auto}.code__tab{border:0;background:none;padding:10px 14px;font-size:var(--fs-xs);font-weight:500;color:var(--body-mid);border-bottom:2px solid transparent;min-height:40px}.code__tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);background:#fbfbfb}.code__label{padding:0 var(--sp-3);font-size:var(--fs-xs);font-weight:500;color:var(--body-mid)}.code pre{margin:0;padding:var(--sp-4);overflow-x:auto;font-size:13.5px;line-height:1.6;-moz-tab-size:4;tab-size:4;white-space:pre}.code pre code{font-size:inherit;background:none;padding:0}@media (max-width: 639px){.code pre{font-size:12.5px;padding:var(--sp-3)}}.prose pre{margin:0;padding:var(--sp-4);overflow-x:auto;background:#fbfbfb;border:1px solid var(--hairline);border-radius:var(--r-md);font-size:13.5px;line-height:1.6}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-meta .hljs-keyword{color:#7a3dff}.hljs-type,.hljs-title.class_,.hljs-class .hljs-title{color:#b45309}.hljs-string,.hljs-attr .hljs-string,.hljs-regexp{color:#0a7f2e}.hljs-number,.hljs-literal{color:#c2410c}.hljs-comment,.hljs-quote{color:#6e6e6e;font-style:italic}.hljs-title.function_,.hljs-title{color:#006acc}.hljs-meta,.hljs-meta .hljs-string{color:#9a3412}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-params{color:#222}.hljs-symbol,.hljs-bullet,.hljs-section{color:#be185d}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--hairline);border-radius:var(--r-md)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--body-mid);background:var(--surface);padding:10px 14px;border-bottom:1px solid var(--hairline);white-space:nowrap;position:sticky;top:0}.table td{padding:10px 14px;border-bottom:1px solid var(--hairline-soft);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fcfcfc}.table--mono td{font-family:var(--font-mono);font-size:12.5px;white-space:nowrap}.table .null{color:var(--mute);font-style:italic}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:var(--fs-sm);font-weight:500;color:var(--ink)}.hint{font-size:var(--fs-xs);color:var(--mute)}.input,.select,.textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--canvas);font-size:var(--fs-sm);color:var(--ink)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--info);box-shadow:0 0 0 3px #006acc26}.textarea{min-height:96px;resize:vertical;line-height:1.5}.textarea--code{font-family:var(--font-mono);font-size:13px}.check{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;min-height:32px}.check input{width:16px;height:16px;accent-color:var(--ink)}@media (pointer: coarse){.input,.select{min-height:44px;font-size:16px}}.progress{height:6px;background:var(--surface-2);border-radius:var(--r-full);overflow:hidden}.progress__bar{height:100%;background:var(--ink);border-radius:var(--r-full);transition:width .3s}.progress--mastery .progress__bar{background:var(--accent-purple)}.progress--success .progress__bar{background:var(--success)}.progress--lg{height:10px}.stat{display:flex;flex-direction:column;gap:2px;min-width:0}.stat__label{font-size:var(--fs-xs);color:var(--body-mid);font-weight:500}.stat__value{font-size:1.75rem;font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1.15}.stat__value small{font-size:var(--fs-sm);font-weight:500;color:var(--mute);margin-left:2px}.stat__note{font-size:var(--fs-xs);color:var(--mute)}.meter-row{display:grid;grid-template-columns:minmax(110px,180px) 1fr 52px;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm)}.meter-row+.meter-row{margin-top:var(--sp-3)}@media (max-width: 479px){.meter-row{grid-template-columns:1fr 48px}.meter-row .progress{grid-column:1 / -1;grid-row:2}}.empty{border:1px dashed var(--hairline);border-radius:var(--r-md);padding:var(--sp-8) var(--sp-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--body-mid)}.empty svg{width:28px;height:28px;color:var(--mute)}.empty__title{font-weight:600;color:var(--ink)}.callout{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline-soft);font-size:var(--fs-sm)}.callout svg{width:18px;height:18px;flex:none;margin-top:2px}.callout--info{background:var(--info-bg);border-color:#cfe2fb;color:#0b3b6e}.callout--warning{background:var(--warning-bg);border-color:#f3dca8;color:#5c3600}.callout--success{background:var(--success-bg);border-color:#bfe5c9;color:#064d1c}.callout--danger{background:var(--danger-bg);border-color:#f5c2c9;color:#7a0a1a}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080873;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:10vh var(--sp-4) var(--sp-4)}.dialog{width:min(640px,100%);max-height:80vh;overflow:auto;background:var(--canvas);border-radius:var(--r-md);box-shadow:var(--shadow-modal)}.dialog__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--hairline)}.dialog__body{padding:var(--sp-5)}.dialog__foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--hairline);flex-wrap:wrap}.search-input{border:0;border-bottom:1px solid var(--hairline);width:100%;padding:var(--sp-4) var(--sp-5);font-size:var(--fs-lg);outline:none}.search-results{list-style:none;margin:0;padding:var(--sp-2)}.search-results a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--body);min-height:44px}.search-results a:hover,.search-results a[data-active=true]{background:var(--surface);text-decoration:none}.toast-stack{position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:90;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{background:var(--ink);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);box-shadow:var(--shadow-pop);max-width:360px}@media (max-width: 767px){.toast-stack{left:var(--sp-4);bottom:calc(var(--bottombar-h) + var(--sp-4))}}kbd{display:inline-block;border:1px solid var(--hairline);border-bottom-width:2px;border-radius:var(--r-xs);padding:0 5px;font-size:11px;color:var(--body-mid);background:var(--canvas);line-height:18px}.list-plain{list-style:none;margin:0;padding:0}.text-danger{color:var(--danger)!important}.icon-success{color:var(--success);flex:none}.icon-danger{color:var(--danger);flex:none}.legend{display:inline-block;width:10px;height:6px;border-radius:3px;margin:0 4px 0 8px;vertical-align:middle}.legend--ink{background:var(--ink)}.legend--mastery{background:var(--accent-purple)}.chip-check{border:1px solid var(--hairline);border-radius:var(--r-sm);padding:4px 10px;min-height:36px;background:var(--canvas)}.chip-check:has(input:checked){border-color:var(--ink);background:var(--surface)}.input-icon{position:relative;display:block}.input-icon svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--mute)}.input-icon .input{padding-left:34px}.history-item{background:none;border:0;padding:0;text-align:left;color:var(--info);cursor:pointer;overflow-wrap:anywhere}.history-item:hover{text-decoration:underline}.subject-row{display:grid;grid-template-columns:minmax(90px,140px) 1fr auto;gap:var(--sp-3);align-items:center;color:inherit;padding:4px 0;font-size:var(--fs-sm)}.subject-row:hover{text-decoration:none;color:var(--ink)}.subject-row__bars{display:flex;flex-direction:column;gap:4px}.weak-row{color:inherit;padding:var(--sp-2) 0;border-bottom:1px solid var(--hairline-soft)}.weak-row:hover{text-decoration:none}.weak-row:last-of-type{border-bottom:0}.plan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.plan-item{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border:1px solid var(--hairline);border-radius:var(--r-md);color:inherit;transition:border-color .12s}.plan-item:hover{border-color:var(--body-mid);text-decoration:none}.plan-item__num{flex:none;width:24px;height:24px;border-radius:var(--r-full);background:var(--surface-2);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink)}.plan-item__title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);font-size:var(--fs-sm)}.plan-item__time{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--body-mid);white-space:nowrap}.roadmap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--sp-2)}.roadmap__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--hairline-soft);border-radius:var(--r-sm)}.roadmap__num{flex:none;width:22px;font-size:var(--fs-xs);color:var(--mute);text-align:right}.topic-list{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.topic-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);color:inherit;border-bottom:1px solid var(--hairline-soft);background:var(--canvas);min-height:56px}.topic-row:last-child{border-bottom:0}.topic-row:hover{background:#fcfcfc;text-decoration:none}.topic-row__title{display:block;font-weight:600;color:var(--ink);font-size:var(--fs-sm)}.topic-row__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:none;max-width:50%}@media (max-width: 639px){.topic-row{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.topic-row__meta{justify-content:flex-start;max-width:none}}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-8);align-items:start}.topic-main{min-width:0}.topic-rail{position:sticky;top:calc(var(--topbar-h) + var(--sp-6));display:flex;flex-direction:column;gap:var(--sp-4)}.topic-main .prose{max-width:var(--prose-max)}.evidence-list{list-style:none;padding:0;margin:var(--sp-2) 0 0;display:flex;flex-direction:column;gap:4px;color:var(--body-mid)}@media (min-width: 1920px){.topic-layout{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width: 1279px){.topic-layout{grid-template-columns:1fr}.topic-rail{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.trace{border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-4);background:var(--surface);display:flex;flex-direction:column;gap:var(--sp-3)}.trace__array{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.trace__cell{flex:none;min-width:44px;display:flex;flex-direction:column;align-items:center;gap:2px}.trace__val{width:100%;text-align:center;padding:8px 6px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:14px;color:var(--ink)}.trace__cell.is-win .trace__val{background:#efe8ff;border-color:#c8b4ff}.trace__cell.is-hl .trace__val{background:var(--ink);color:#fff;border-color:var(--ink)}.trace__idx{font-size:10px;color:var(--mute)}.trace__ptr{font-size:11px;font-weight:600;color:var(--accent-purple);min-height:14px}.trace__stack{display:flex;gap:4px;flex-wrap:wrap}.trace__chip{padding:2px 8px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:13px}.trace__vars{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);margin:0;font-size:var(--fs-sm)}.trace__vars div{display:flex;gap:6px}.trace__vars dt{color:var(--body-mid)}.trace__vars dd{margin:0;color:var(--ink)}.trace__note{font-size:var(--fs-sm);color:var(--ink-strong)}.mcq__stem{font-size:var(--fs-md);color:var(--ink)}.mcq__options{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.mcq__option{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;padding:10px 14px;min-height:48px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);font-size:var(--fs-sm);color:var(--body)}.mcq__option:hover:not(:disabled){border-color:var(--body-mid)}.mcq__option:disabled{cursor:default}.mcq__option.is-selected{border-color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink)}.mcq__option.is-correct{border-color:var(--success);background:var(--success-bg)}.mcq__option.is-wrong{border-color:var(--danger);background:var(--danger-bg)}.mcq__key{flex:none;width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--hairline);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--body-mid);background:var(--canvas)}.mcq__option.is-selected .mcq__key{background:var(--ink);color:#fff;border-color:var(--ink)}.mcq__option code{background:var(--surface-2);padding:0 4px;border-radius:2px;font-size:.9em}.mcq__explain{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--hairline)}.mcq__explain h4{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-2)}.q-palette{display:flex;flex-wrap:wrap;gap:6px}.q-palette__btn{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--canvas);font-size:13px;font-weight:500;color:var(--body)}.q-palette__btn.is-answered{background:var(--surface-2);border-color:var(--body-mid);color:var(--ink)}.q-palette__btn.is-marked{box-shadow:inset 0 -3px 0 var(--accent-orange)}.q-palette__btn.is-current{outline:2px solid var(--ink);outline-offset:1px}.q-palette__btn.is-correct{background:var(--success-bg);border-color:var(--success);color:var(--success)}.q-palette__btn.is-wrong{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.legend-list{list-style:none;padding:0;margin:var(--sp-3) 0 0;display:flex;flex-direction:column;gap:4px}.q-dot{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid var(--hairline);margin-right:6px;vertical-align:-1px}.q-dot.is-answered{background:var(--surface-2);border-color:var(--body-mid)}.q-dot.is-marked{box-shadow:inset 0 -3px 0 var(--accent-orange)}.flashcard{min-height:180px;width:100%;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);justify-content:space-between;text-align:left}.flashcard.is-flipped{background:var(--canvas);border-color:var(--ink)}.flashcard__front{font-size:var(--fs-lg);color:var(--ink);font-weight:500}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.filters{display:grid;grid-template-columns:2fr repeat(5,minmax(0,1fr)) auto;gap:var(--sp-2);align-items:center}@media (max-width: 1279px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters__search{grid-column:1 / -1}}@media (max-width: 639px){.filters{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.problem-table{border:0}.problem-table table,.problem-table tbody,.problem-table tr,.problem-table td{display:block;width:100%}.problem-table thead{display:none}.problem-table tr{border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-2)}.problem-table td{border:0;padding:2px 0}.problem-table td[data-label=Topic],.problem-table td[data-label=Lists]{display:none}}.coach-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-8);align-items:start}.coach-main{min-width:0}.coach-rail{position:sticky;top:calc(var(--topbar-h) + var(--sp-6))}@media (max-width: 1279px){.coach-layout{grid-template-columns:1fr}.coach-rail{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.stage-tabs{display:flex;gap:6px;flex-wrap:wrap}.stage-tab{width:40px;height:40px;border-radius:var(--r-full);border:1px solid var(--hairline);background:var(--canvas);font-weight:600;font-size:13px;color:var(--body-mid)}.stage-tab.is-done{background:var(--surface-2);color:var(--ink);border-color:var(--body-mid)}.stage-tab[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.hint{border:1px dashed var(--hairline);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.hint.is-shown{border-style:solid;background:var(--surface)}.ref{border-left:3px solid var(--hairline);padding:var(--sp-2) var(--sp-3)}.ref>summary{cursor:pointer;color:var(--info)}.clock{font-family:var(--font-mono);font-size:1.75rem;font-weight:500;color:var(--ink);letter-spacing:-.02em}.sql-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-6);align-items:start}@media (max-width: 1279px){.sql-layout{grid-template-columns:1fr}}.sql-editor{min-height:180px;font-size:13.5px;line-height:1.55;-moz-tab-size:2;tab-size:2;background:#fbfbfb}.schema{display:flex;flex-direction:column;gap:var(--sp-2)}.schema__table summary{cursor:pointer}.schema__table ul{padding-left:var(--sp-3);margin-top:4px;border-left:1px solid var(--hairline)}.result-table{max-height:420px;overflow:auto}.row-diff td{background:var(--danger-bg)}.oa{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.oa__bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);background:var(--canvas);border-bottom:1px solid var(--hairline)}.oa__bar .clock{font-size:1.4rem}.oa__body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-6);padding:var(--sp-6);max-width:1400px;width:100%;margin:0 auto}.oa__palette{position:sticky;top:80px;align-self:start;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-4)}.oa__main{min-width:0}@media (max-width: 991px){.oa__body{grid-template-columns:1fr;padding:var(--sp-4)}.oa__palette{position:static}.oa__bar{padding:var(--sp-3) var(--sp-4)}}.content:has(>*>.oa){padding:0;max-width:none}.gantt{display:flex;width:100%;min-height:64px;border:1px solid var(--hairline);border-radius:var(--r-sm);overflow-x:auto}.gantt__slice{position:relative;min-width:36px;border-right:1px solid var(--hairline);background:#efe8ff;display:flex;align-items:center;justify-content:center;padding-bottom:18px}.gantt__slice:nth-child(2n){background:#e3f0ff}.gantt__slice.is-idle{background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 4px,var(--surface-2) 4px,var(--surface-2) 8px)}.gantt__label{font-weight:600;font-size:13px;color:var(--ink)}.gantt__time{position:absolute;bottom:2px;left:3px;font-size:10px;color:var(--body-mid);font-family:var(--font-mono)}.gantt__time--end{left:auto;right:3px}.kv{display:grid;grid-template-columns:1fr;gap:6px;margin:0}.kv div{display:flex;justify-content:space-between;gap:var(--sp-4);border-bottom:1px solid var(--hairline-soft);padding:4px 0;font-size:var(--fs-sm)}.kv dt{color:var(--body-mid)}.kv dd{margin:0;color:var(--ink)}.resource-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.resource{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--hairline);border-radius:var(--r-md);color:inherit}.resource:hover{border-color:var(--body-mid);text-decoration:none}.fact{border-left:3px solid var(--success);padding-left:var(--sp-3)}