@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;min-width:320px}.app{--bg: #ffffff;--surface: #ffffff;--surface-subtle: #f7fbf8;--text: #18332b;--muted: #5f746c;--border: #d8ebe1;--accent: #176b56;--accent-hover: #105342;--accent-soft: #e8f5ee;--code-bg: #15362d;--code-text: #e1f8ec;--success-bg: #e6f6eb;--success-text: #1d7546;--warning-bg: #fff5df;--warning-text: #8a5a00;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;transition:background .2s ease,color .2s ease}.app[data-theme=dark]{--bg: #10221c;--surface: #162d25;--surface-subtle: #1c372e;--text: #ecfaf2;--muted: #b1c9bd;--border: #315346;--accent: #70c79b;--accent-hover: #9bdfb6;--accent-soft: #234b3c;--code-bg: #0b1813;--code-text: #dcf7e8;--success-bg: #174531;--success-text: #b5eccb;--warning-bg: #493b18;--warning-text: #f8d995}.page-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:22px 0 72px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:66px}.app-layout{display:flex;gap:20px;align-items:flex-start}.main-content{flex:1;min-width:0}.topbar-actions{display:flex;align-items:center;gap:10px}.brand{color:var(--text);font-size:1.08rem;font-weight:800;letter-spacing:-.055em;text-decoration:none}.brand span{color:var(--accent)}.theme-toggle,.logout-button{width:auto;margin:0;padding:9px 13px;background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--text);font-size:.78rem;font-weight:700}.theme-toggle:hover,.logout-button:hover{background:var(--surface-subtle);color:var(--accent);transform:none}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.auth-card{padding:28px;width:min(440px,100%);text-align:center}.auth-card .brand{display:inline-block;margin-bottom:8px}.auth-card .eyebrow{margin-bottom:12px}.auth-card .auth-intro{color:var(--muted);line-height:1.6;margin:12px 0 0}.auth-form{display:grid;gap:12px;margin-top:22px;text-align:left}.auth-form input{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;color:var(--text);font:500 .9rem Plus Jakarta Sans,sans-serif;padding:13px 14px;width:100%}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:48px}.password-toggle{background:transparent;border:0;color:var(--muted);font-size:1rem;margin:0;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:auto}.password-toggle:hover{background:transparent;color:var(--accent);transform:translateY(-50%)}.auth-form button{margin-top:6px}.auth-switch{background:transparent;color:var(--accent);font-weight:700;margin-top:14px;padding:0;width:auto}.auth-switch:hover{background:transparent;color:var(--accent-hover);transform:none}.auth-message{color:var(--muted);font-size:.9rem;margin-top:14px}.hero{text-align:center;margin:0 auto 42px;max-width:680px}.eyebrow{color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.15em;margin:0 0 16px}.hero h1{color:var(--text);font-size:clamp(2.5rem,7vw,4.35rem);letter-spacing:-.075em;line-height:.99;margin:0}.hero h1 em{color:var(--accent);font-style:normal}.intro{color:var(--muted);font-size:1rem;line-height:1.7;margin:22px auto 0;max-width:570px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #17213609}.review-card{padding:28px}.results{display:grid;gap:16px;margin-top:22px}.results article{padding:26px}.patterns-panel{margin-top:0;padding:18px 18px 20px;position:sticky;top:20px;width:280px;flex-shrink:0;max-height:calc(100vh - 40px);overflow:auto}.patterns-panel.closed{width:54px;padding:14px 10px}.patterns-panel .section-heading{margin-bottom:14px}.patterns-empty{color:var(--muted);font-size:.86rem;margin:0}.pattern-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.pattern-list li{align-items:center;background:var(--surface-subtle);border-radius:8px;color:var(--text);display:flex;font-size:.86rem;justify-content:space-between;padding:10px 12px;text-transform:capitalize}.pattern-list strong{color:var(--accent);font-size:.78rem}.pattern-alert{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:var(--text);font-size:.84rem;line-height:1.55;margin:14px 0 0;padding:11px 13px}.sidebar-toggle{background:var(--surface-subtle);border:1px solid var(--border);color:var(--accent);margin:0 0 14px;padding:8px 10px;width:auto}.sidebar-toggle:hover{background:var(--surface);color:var(--accent-hover);transform:none}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.section-heading h2{color:var(--text);font-size:1.02rem;letter-spacing:-.025em;margin:1px 0 4px}.section-heading p{color:var(--muted);font-size:.82rem;margin:0}.step{align-items:center;background:var(--accent-soft);border-radius:7px;color:var(--accent);display:inline-flex;font:700 .68rem DM Mono,monospace;height:25px;justify-content:center;width:29px}label{color:var(--text);display:block;font-size:.85rem;font-weight:700;margin-bottom:9px}textarea,.answer-form input{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;color:var(--text);outline-color:var(--accent);width:100%}textarea{font:.84rem/1.6 DM Mono,monospace;min-height:220px;padding:14px;resize:vertical}textarea::placeholder,input::placeholder{color:var(--muted)}.or{align-items:center;color:var(--muted);display:grid;font-size:.75rem;gap:12px;grid-template-columns:1fr auto 1fr;margin:19px 0}.or:before,.or:after{background:var(--border);content:"";height:1px}input[type=file]{height:1px;opacity:0;position:absolute;width:1px}.file-picker{align-items:center;border:1px dashed var(--border);border-radius:10px;color:var(--accent);cursor:pointer;display:flex;font-size:.84rem;justify-content:space-between;padding:13px 14px}.file-picker small{color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker-meta{align-items:center;display:flex;gap:8px;margin-left:10px;min-width:0}.file-clear{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:1rem;margin:0;padding:0;width:auto}.file-clear:hover{background:transparent;color:var(--accent);transform:none}button{background:var(--accent);border:0;border-radius:10px;color:#fff;cursor:pointer;font:700 .9rem Plus Jakarta Sans,sans-serif;margin-top:18px;padding:13px 16px;transition:background .15s ease,transform .15s ease;width:100%}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65}.status,.answer-status{color:var(--muted);font-size:.85rem;margin:14px 0 0;text-align:center}article>p{color:var(--muted);font-size:.94rem;line-height:1.7;margin:0}.code-block{background:var(--code-bg);border-radius:11px;color:var(--code-text);margin:0;max-height:340px;overflow:auto;padding:16px;white-space:pre}.code-block code{font:.82rem/1.6 DM Mono,monospace;white-space:inherit}.answer-form{margin-top:20px}.answer-form input{font:500 .9rem Plus Jakarta Sans,sans-serif;padding:13px 14px}.answer-form button{margin-top:11px}.answer-feedback{border-radius:10px;font-size:.88rem;line-height:1.6;margin-top:16px;padding:12px 14px}.answer-feedback.correct{background:var(--success-bg);color:var(--success-text)}.answer-feedback.partial{background:var(--warning-bg);color:var(--warning-text)}.verify-card>button{margin-top:0}.verify-challenge{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.hint{background:var(--accent-soft);border-radius:9px;color:var(--text);font-size:.88rem;margin:0 0 16px;padding:11px 13px}@media(max-width:900px){.app-layout{flex-direction:column}.patterns-panel{position:relative;top:auto;width:100%;max-height:none}.patterns-panel.closed{width:100%}}@media(max-width:540px){.page-shell{padding-top:16px}.topbar{margin-bottom:46px}.review-card,.results article{padding:20px}.file-picker{align-items:flex-start;flex-direction:column}.hero h1{font-size:2.55rem}}