.navbar{color:var(--text-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#020617a6,#02061759);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--box-shadow)}.navbar-brand a{color:var(--text-color);text-decoration:none;font-size:1.5rem;font-weight:700}.navbar-nav{list-style:none;display:flex;margin:0;padding:0}.navbar-nav li{margin-left:1.5rem}.navbar-nav a{color:var(--muted-color);text-decoration:none;font-size:1rem;padding:.5rem 0;position:relative;transition:color .2s ease,background-color .2s ease}.navbar-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .25s ease}.navbar-nav a:hover,.navbar-nav a.active{color:var(--secondary-color)}.navbar-nav a:hover:after,.navbar-nav a.active:after{width:100%}.theme-toggle{margin-left:.75rem;background:#6366f11f;color:var(--text-color);border:1px solid var(--border-color);border-radius:10px;padding:.35rem .6rem;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease}.theme-toggle:hover{filter:brightness(1.1);box-shadow:0 6px 16px #02061740}.navbar-nav a:focus-visible,.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #22d3ee73;border-radius:10px}.challenge-page{max-width:900px;margin:0 auto}.challenge-container{background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:2rem;margin-bottom:2rem}.challenge-container h2{color:var(--text-color);margin-top:0}.challenge-container details{margin-top:1rem;border:1px solid var(--border-color);background:#02061740;padding:1rem;border-radius:var(--border-radius)}.challenge-container summary{cursor:pointer;font-weight:600;color:var(--secondary-color)}.challenge-container pre{background:#0f172a8c;border:1px solid var(--border-color);padding:1rem;border-radius:var(--border-radius);white-space:pre-wrap;word-wrap:break-word}.verification-message{margin:1rem 0;padding:1rem;border-radius:var(--border-radius);font-weight:700}.verification-message.correct{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.verification-message.incorrect{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.sql-runner{margin-bottom:2rem}.run-btn{background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));color:#0b1220;border:none;padding:.8rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 6px 16px #22d3ee59}.run-btn:hover{filter:brightness(1.05);box-shadow:0 10px 22px #22d3ee73}.error-message{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);padding:1rem;border-radius:var(--border-radius);margin-top:1rem}.results-container{margin-top:1rem}.results-container table{width:100%;border-collapse:collapse;margin-top:1rem;background:#0f172a8c;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.results-container th,.results-container td{border:1px solid var(--border-color);padding:.5rem;text-align:left}.results-container th{background:#02061773}.python-runner{margin-bottom:2rem}.output-container{margin-top:1rem;background:#0f172a8c;border:1px solid var(--border-color);padding:1rem;border-radius:var(--border-radius);white-space:pre-wrap;word-wrap:break-word}.diff-view{font-family:monospace;margin-top:.5rem;border:1px solid var(--border-color);border-radius:8px;overflow:auto;max-height:260px;background:#0b1220;color:#e5e7eb}.diff-line{padding:0 .5rem;line-height:1.25rem;white-space:pre}.diff-line.added{background:#22c55e1f;color:var(--success-text)}.diff-line.removed{background:#ef44441f;color:var(--error-text)}.diff-line.unchanged{color:var(--muted-color);opacity:.9}.diff-controls{display:flex;gap:.5rem;margin:.5rem 0;align-items:center}.diff-controls button{font-size:.7rem;padding:.2rem .5rem}.python-runner pre,.python-runner code,.python-runner .dark-panel,.python-runner details[open] pre,.python-runner details[open] code{color:#fff!important}.python-runner pre[style*="background:#111"],.python-runner pre[style*="background:#222"],.python-runner pre[style*="background: #111"],.python-runner pre[style*="background: #222"],.python-runner p[style*="background:#2a2a2a"],.python-runner span[style*="background:#444"],.python-runner div[style*="background:#222"],.python-runner div[style*="background:#111"]{color:#fff!important}.python-runner summary{color:var(--secondary-color, #22d3ee)}.challenge-card [style*="background:#111"],.challenge-card [style*="background:#222"],.challenge-card [style*="background:#2a2a2a"],.challenge-card [style*="background:#444"],.challenge-card .dark-panel,.challenge-card .dark-bg,.challenge-card .instruction-panel,.challenge-card .challenge-intro,.challenge-card .challenge-header{color:#fff!important}.challenge-card .dark-panel,.challenge-card .dark-bg,.challenge-card .instruction-panel,.challenge-card .challenge-intro{background:#222}.challenge-card .dark-panel a,.challenge-card .instruction-panel a{color:#7fc8ff}.challenge-card code,.challenge-card pre{color:#fff}.challenge-card div[style*="background:#111"],.challenge-card div[style*="background:#222"],.challenge-card div[style*="background:#2a2a2a"],.challenge-card p[style*="background:#111"],.challenge-card p[style*="background:#222"],.challenge-card p[style*="background:#2a2a2a"],.challenge-card .instruction-panel,.challenge-card .challenge-intro,.challenge-card .dark-panel,.challenge-card .instruction-panel *,.challenge-card .challenge-intro *,.challenge-card .dark-panel *{color:#fff!important}.instruction-panel,.challenge-intro,.dark-panel{background:#02061773;border:1px solid var(--border-color)}.dark-panel,.dark-bg{background:#222;color:#fff}.dark-panel a{color:#7fc8ff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.conceptual-answer{width:100%;min-height:150px;padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:#0f172a8c;color:var(--text-color);font-family:inherit;font-size:1rem;margin-top:1rem}.badges{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:.75rem;padding:4px 8px;border-radius:12px;background:#6366f129;color:var(--text-color);border:1px solid var(--border-color)}.badge-warning{background:#ef444429;color:var(--error-text);border:1px solid var(--error-border)}.confidence-high{background:#22c55e29;color:var(--success-text);border:1px solid var(--success-border)}.confidence-medium{background:#eab30829;color:#fbbf24;border:1px solid rgba(234,179,8,.35)}.confidence-low{background:#ef444429;color:var(--error-text);border:1px solid var(--error-border)}.due-terms{margin-top:4px;font-size:.75rem;color:var(--muted-color)}.verify-btn{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#0b1220;border:none;padding:.6rem 1rem;border-radius:10px;cursor:pointer;margin-top:1rem;margin-right:1rem;font-weight:600;box-shadow:0 6px 16px #6366f159;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}.verify-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 10px 22px #6366f173}.verify-btn:disabled{background:#4b5563;color:#cbd5e1;cursor:not-allowed}:root,[data-theme=dark]{--primary-color: #6366f1;--secondary-color: #22d3ee;--accent-color: #f472b6;--bg-0: #0b1220;--bg-1: rgba(17, 24, 39, .78);--bg-2: rgba(30, 41, 59, .6);--border-color: rgba(148, 163, 184, .18);--text-color: #e5e7eb;--muted-color: #94a3b8;--border-radius: 12px;--box-shadow: 0 10px 30px rgba(2,6,23,.45);--backdrop-blur: saturate(140%) blur(8px);--success-bg: rgba(34,197,94,.12);--success-border: rgba(34,197,94,.35);--success-text: #22c55e;--error-bg: rgba(239,68,68,.12);--error-border: rgba(239,68,68,.35);--error-text: #ef4444}[data-theme=light]{--primary-color: #4338ca;--secondary-color: #0891b2;--accent-color: #db2777;--bg-0: #f8fafc;--bg-1: rgba(255,255,255,.9);--bg-2: rgba(255,255,255,.75);--border-color: rgba(2,6,23,.08);--text-color: #0f172a;--muted-color: #475569;--box-shadow: 0 10px 30px rgba(2,6,23,.06);--backdrop-blur: saturate(120%) blur(6px);--success-bg: rgba(34,197,94,.12);--success-border: rgba(34,197,94,.35);--success-text: #166534;--error-bg: rgba(239,68,68,.12);--error-border: rgba(239,68,68,.35);--error-text: #991b1b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-color);margin:0;background:radial-gradient(1200px 800px at 20% -10%,rgba(99,102,241,.25),transparent 60%),radial-gradient(1200px 800px at 100% 20%,rgba(34,211,238,.18),transparent 55%),radial-gradient(800px 600px at -10% 100%,rgba(244,114,182,.18),transparent 60%),var(--bg-0);transition:background-color .2s ease,color .2s ease,background .3s ease}.App{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;padding:2rem}h1,.h1{font-size:2rem;line-height:1.2;margin:0 0 1rem;font-weight:700}h2,.h2{font-size:1.5rem;line-height:1.3;margin:1rem 0;font-weight:700}h3,.h3{font-size:1.25rem;line-height:1.35;margin:1rem 0;font-weight:600}p{line-height:1.65}small,.small{font-size:.875rem;color:var(--muted-color)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}