.login{--login-bg: #08090c;--login-text: oklch(.95 .005 265);--login-muted: oklch(.68 .01 265);--login-faint: oklch(.62 .01 265);--login-border: oklch(.3 .015 265);--login-divider: oklch(.28 .015 265);--login-field: oklch(.12 .008 265);--login-card: oklch(.16 .008 265 / .72);--login-accent: oklch(.62 .12 265);--login-accent-strong: oklch(.8 .11 265);--login-accent-hover: oklch(.87 .09 265);--login-on-accent: oklch(.14 .01 265);position:relative;display:grid;place-items:center;min-height:100vh;min-height:100dvh;width:100%;padding:48px 24px;overflow:hidden;background:var(--login-bg);color:var(--login-text);font-family:Space Grotesk,system-ui,Helvetica,sans-serif}.login__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.login__glow{position:absolute;top:0;left:0;width:900px;height:900px;margin:-450px 0 0 -450px;pointer-events:none;background:radial-gradient(circle,oklch(.62 .12 265 / .2) 0%,oklch(.62 .12 265 / .06) 35%,transparent 70%);transform:translate(50vw,50vh)}.login__card{position:relative;width:100%;max-width:420px;padding:40px;border:1px solid var(--login-border);border-radius:18px;background:var(--login-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #000001b3}.login__brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.login__mark{width:11px;height:11px;border-radius:3px;background:#80a3f0}.login__brand-name,.login__label,.login__divider span{font-family:IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase}.login__brand-name{font-size:12px;letter-spacing:.18em;color:#8f9299}.login__title{margin:0 0 8px;font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1.15}.login__subtitle{margin:0 0 30px;font-size:14px;line-height:1.5;color:var(--login-muted)}.login__form{display:grid;gap:18px}.login__field{display:grid;gap:8px}.login__label{font-size:11px;letter-spacing:.12em;color:var(--login-faint)}.login__input{width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:15px;color:var(--login-text);background:var(--login-field);border:1px solid var(--login-border);border-radius:10px;transition:border-color .18s ease}.login__input::placeholder{color:#66696f}.login__input:focus-visible{outline:none;border-color:var(--login-accent)}.login__submit{height:48px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:500;color:var(--login-on-accent);background:var(--login-accent-strong);border:none;border-radius:10px;cursor:pointer;transition:background .18s ease}.login__submit:hover:not(:disabled){background:var(--login-accent-hover)}.login__submit:disabled{opacity:.6;cursor:default}.login__note{margin:0;font-size:13px;line-height:1.5;color:var(--login-muted)}.login .notice.error{margin:0;padding:12px 14px;font-size:13px;line-height:1.45;color:#ffb5ae;color:oklch(.84 .09 25);background:#421c1959;border:1px solid oklch(.45 .1 25 / .6);border-radius:10px}@media(max-width:480px){.login__card{padding:28px 22px}}@media(prefers-reduced-motion:reduce){.login__glow{display:none}}:root{color-scheme:light dark;--bg: #f7f7f8;--surface: #ffffff;--surface-2: #f2f2f4;--border: #e2e2e6;--text: #17171a;--text-muted: #61616b;--accent: #3b5bdb;--accent-text: #ffffff;--positive: #2b8a3e;--caution: #b3701a;--negative: #c22f2f;--radius: 10px;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 8px 24px rgb(0 0 0 / 4%)}@media(prefers-color-scheme:dark){:root{--bg: #131316;--surface: #1c1c20;--surface-2: #26262b;--border: #34343a;--text: #ececf0;--text-muted: #9a9aa5;--accent: #7189f5;--accent-text: #0d0d10;--positive: #5fc97a;--caution: #e0a45b;--negative: #f07272;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px rgb(0 0 0 / 24%)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{line-height:1.25;margin:0 0 .5rem}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--accent)}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.shell-brand{font-weight:650;letter-spacing:-.01em;text-decoration:none;color:var(--text)}.shell-main{flex:1;width:min(1100px,100%);margin:0 auto;padding:1.75rem 1.5rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.muted{color:var(--text-muted)}.small{font-size:.86rem}label{display:block;font-weight:550;margin-bottom:.3rem;font-size:.9rem}input,textarea,select{width:100%;padding:.55rem .7rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{min-height:7rem;resize:vertical}button{padding:.55rem .95rem;border-radius:8px;border:1px solid transparent;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:550;cursor:pointer}button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}button.danger{background:transparent;color:var(--negative);border-color:var(--border)}button:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.badge.positive{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 35%,transparent)}.badge.caution{color:var(--caution);border-color:color-mix(in srgb,var(--caution) 35%,transparent)}.badge.negative{color:var(--negative);border-color:color-mix(in srgb,var(--negative) 35%,transparent)}.notice{padding:.7rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2)}.notice.error{color:var(--negative);border-color:color-mix(in srgb,var(--negative) 35%,transparent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:none}.transcript{text-align:left;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.turn{padding:.55rem .75rem;border-radius:8px;background:var(--surface-2)}.turn .who{font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.score-bar{height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.score-bar>span{display:block;height:100%;background:var(--accent)}.interview-scene{--bg: #060514;--surface: rgba(22, 19, 52, .55);--surface-2: rgba(255, 255, 255, .045);--border: rgba(200, 205, 255, .14);--text: #ecebff;--text-muted: rgba(205, 208, 245, .66);--accent: oklch(.72 .14 290);--accent-text: #0b0925;--positive: #7fdca0;--caution: #f2bd7a;--negative: #ff8f9c;--shadow: none;color-scheme:dark;position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 90% at 50% 15%,#16123a,#0b0925 45%,#060514);color:var(--text);font-family:Sora,system-ui,-apple-system,Segoe UI,sans-serif}.interview-scene-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.interview-scene-blobs{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(90px);opacity:.85}.interview-scene-blob{position:absolute;border-radius:50%}.interview-scene-blob.a{left:6%;top:8%;width:46%;height:52%;background:radial-gradient(circle,oklch(.5 .19 285 / .85) 0%,transparent 70%);animation:sceneDriftA 26s ease-in-out infinite}.interview-scene-blob.b{right:4%;top:22%;width:42%;height:46%;background:radial-gradient(circle,oklch(.46 .17 315 / .7) 0%,transparent 70%);animation:sceneDriftB 34s ease-in-out infinite}.interview-scene-blob.c{left:26%;bottom:-12%;width:52%;height:48%;background:radial-gradient(circle,oklch(.44 .15 255 / .75) 0%,transparent 70%);animation:sceneDriftC 30s ease-in-out infinite}.interview-scene-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:radial-gradient(circle,rgba(180,180,255,.16) 1px,transparent 1.4px);background-size:44px 44px;animation:sceneGridPan 22s linear infinite;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 100%)}.interview-content{position:relative;width:min(640px,100%);margin:0 auto;padding:clamp(28px,6vh,64px) 20px 48px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.interview-heading h1{margin:0 0 .4rem;font-weight:600;letter-spacing:-.01em}.interview-heading p{margin:0}.interview-intro{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:520px}.interview-intro p,.interview-intro h2{margin:0;text-wrap:pretty}.scene-button{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:12px 22px;border-radius:999px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease;background:#ffffff08;border:1px solid rgba(200,205,255,.16);color:#cdd0f5cc}.scene-button:hover{border-color:#a787f6d9;color:#f0f0ff}.scene-button:focus-visible{outline:2px solid oklch(.72 .14 290);outline-offset:3px}.scene-button:disabled{opacity:.55;cursor:default}.scene-button.primary{background:#4e3c8e8c;border-color:#a181efcc;color:#ecebff}.scene-button.primary:hover{background:#5f4ba6a6}.scene-button.danger{color:#ffb3bc;border-color:#ff8f9c59}.scene-button.danger:hover{border-color:#ff8f9cbf;color:#ffd6db}.interview-scene .notice{width:100%;text-align:left;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.interview-scene .notice.error{color:#ffc2c9;border-color:#ff8f9c66;background:#78142840}.interview-scene .transcript{width:100%}.interview-scene .turn{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.agent-stage{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.agent-stage-labels{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-height:44px}.agent-stage-status{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#a39bda;animation:sceneSheen 4s ease-in-out infinite}.agent-stage-detail{font-size:15px;font-weight:300;letter-spacing:.01em;color:#dcdeff99}.agent-stage-ring{position:relative;width:min(420px,82vw,46vh);aspect-ratio:1;display:grid;place-items:center}.agent-stage-halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,oklch(.62 .18 290 / .22) 18%,transparent 40%,oklch(.6 .16 320 / .18) 62%,transparent 85%);filter:blur(26px);animation:sceneHaloSpin 18s linear infinite}.agent-stage-ring canvas{position:relative;display:block;width:100%;height:100%}@keyframes sceneDriftA{0%,to{transform:translate3d(-8%,-6%,0) scale(1)}50%{transform:translate3d(10%,8%,0) scale(1.18)}}@keyframes sceneDriftB{0%,to{transform:translate3d(6%,10%,0) scale(1.1)}50%{transform:translate3d(-12%,-8%,0) scale(.9)}}@keyframes sceneDriftC{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-6%,12%,0) scale(1.25)}}@keyframes sceneGridPan{0%{background-position:0 0}to{background-position:88px 88px}}@keyframes sceneHaloSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sceneSheen{0%,to{opacity:.35}50%{opacity:.75}}@media(prefers-reduced-motion:reduce){.interview-scene-blob,.interview-scene-grid,.agent-stage-halo,.agent-stage-status{animation:none}}.stage-heading{margin:0;font-size:.78rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}
