:root,[data-theme=light]{--bg:#f7f7f4;--bg-accent:#ebeae5;--card:#ffffffb8;--surface:#f2f1ede6;--surface-sel:#ebeae5;--line:#26251e1a;--line-strong:#dad7cf;--text:#26251e;--muted:#787165;--accent:#26251e;--accent-text:#f7f7f4;--link:#c08532;--good:#1f8a65;--good-bg:#1f8a651a;--bad:#cf2d56;--bad-bg:#cf2d5614;--warn:#a06b1a;--warn-bg:#c085321a;--shadow:0 1px 2px #26251e0a, 0 8px 32px #26251e0f;--glass-blur:16px}[data-theme=dark]{--bg:#0e0f13;--bg-accent:#14161c;--card:#181a21eb;--surface:#14161c;--surface-sel:#1b2433;--line:#2a2d37;--line-strong:#3a3d47;--text:#e7e9ee;--muted:#9aa0ad;--accent:#6ea8fe;--accent-text:#07101f;--link:#6ea8fe;--good:#3fb950;--good-bg:#11341c;--bad:#f85149;--bad-bg:#3a1414;--warn:#e3c766;--warn-bg:#2a230f;--shadow:0 4px 24px #00000059;--glass-blur:12px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%, var(--bg-accent), transparent), radial-gradient(ellipse 60% 40% at 100% 100%, var(--bg-accent), transparent);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}[data-theme=dark] body{background-image:none}.wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}.wrap.wide{max-width:900px}header h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}header.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.navlinks{align-items:center;gap:14px;padding-top:8px;font-size:14px;display:flex}.navlinks a{color:var(--muted);text-decoration:none;transition:color .15s}.navlinks a:hover{color:var(--link)}.sign-out-form{margin:0;display:inline}.sign-out-form button{vertical-align:baseline}.sub{color:var(--muted);margin-top:4px}.theme-toggle{z-index:100;border:1px solid var(--line-strong);background:var(--card);width:36px;height:36px;-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--muted);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;font-size:16px;line-height:1;transition:color .15s,border-color .15s;position:fixed;top:16px;right:16px}.theme-toggle:hover{color:var(--text);border-color:var(--muted)}.stepper{gap:8px;margin:24px 0;display:flex}.stepper span{background:var(--line-strong);border-radius:2px;flex:1;height:4px}.stepper span.on{background:var(--accent)}.card{background:var(--card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:12px;padding:24px}.card h2{margin:0 0 4px;font-size:19px;font-weight:600}.card .hint{color:var(--muted);margin:0 0 18px;font-size:14px}.skill{text-align:left;border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:14px;transition:border-color .15s,background .15s;display:block}.skill:hover{border-color:var(--muted)}.skill.sel{border-color:var(--link);background:var(--surface-sel)}.skill .name{font-weight:600}.skill .meta{color:var(--muted);margin-top:4px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px;transition:border-color .15s,background .15s}.chip.sel{border-color:var(--link);background:var(--surface-sel);color:var(--link)}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field input{background:var(--surface);border:1px solid var(--line-strong);width:100%;color:var(--text);border-radius:8px;padding:10px;font-size:15px}.field input:focus{outline:2px solid var(--link);outline-offset:1px}.row{gap:14px;display:flex}.row .field{flex:1}.nav{justify-content:space-between;margin-top:22px;display:flex}button.btn{cursor:pointer;border:none;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;transition:opacity .15s}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){opacity:.88}.btn.primary:disabled{background:var(--line-strong);color:var(--muted);cursor:not-allowed;opacity:1}.btn.ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.btn.ghost:hover{background:var(--surface)}.metrics{gap:10px;margin:16px 0;display:flex}.metric{background:var(--surface);border:1px solid var(--line-strong);text-align:center;border-radius:10px;flex:1;padding:12px}.metric .v{font-size:20px;font-weight:700}.metric .k{color:var(--muted);font-size:12px}.badge{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.badge.good{background:var(--good-bg);color:var(--good)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.banner{background:var(--warn-bg);border:1px solid var(--line-strong);color:var(--warn);border-radius:8px;margin:14px 0;padding:10px 12px;font-size:13px}.banner.neutral{background:var(--surface);color:var(--muted)}.ok{background:var(--good-bg);border:1px solid var(--good);color:var(--good);border-radius:8px;margin-top:16px;padding:12px}.err{color:var(--bad);margin-top:12px;font-size:14px}code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:13px}.ptable{border-collapse:collapse;width:100%;margin-top:6px}.ptable th,.ptable td{text-align:left;border-bottom:1px solid var(--line-strong);padding:7px 8px;font-size:14px}.ptable th{color:var(--muted);font-size:12px;font-weight:500}.ptable.lb td,.ptable.lb th{padding:10px 8px}.lb-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.hint.foot{margin:14px 0 0;font-size:13px}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.hero p{color:var(--muted);margin:0;font-size:15px}.btn.sm{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}a.btn.ghost.sm{color:var(--text);border:1px solid var(--line-strong)}a.btn.primary{text-decoration:none;display:inline-block}a{color:var(--link)}a:hover{opacity:.85}.card+.card{margin-top:16px}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:48px 20px 80px;display:flex}.auth-panel{width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:24px}.auth-brand{letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-block}.auth-brand:hover{color:var(--link);opacity:1}.auth-card h2{margin:0 0 4px;font-size:19px;font-weight:600}.auth-form-wrap{margin-top:8px}.auth-lead{margin:0 0 20px}.auth-form{gap:16px;display:grid}.password-field{position:relative}.password-field input{padding-right:4.5rem}.password-toggle{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:600;transition:color .15s,background .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text);background:var(--surface)}.field-hint{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.auth-error{color:var(--bad);background:var(--bad-bg);border:1px solid #cf2d5633;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.auth-submit{width:100%}.auth-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.auth-footer p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-footer a{font-weight:600}