:root{font-family:Inter,system-ui,sans-serif;color:#101827;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr)}.brand-panel,.auth-panel{padding:clamp(2rem,6vw,6rem)}.brand-panel{padding-top:clamp(2.5rem,6vh,5rem)}.brand-panel{background:#101827;color:#fff;display:flex;flex-direction:column;justify-content:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.brand-panel h1{font-size:clamp(2.5rem,7vw,5rem);margin:.4rem 0}.brand-panel h1 span{display:block;font-size:.28em;font-weight:500;opacity:.7}.brand-copy{font-size:1.2rem;max-width:34rem}.security-note{margin-top:2rem;display:grid;gap:.35rem;padding:1rem;border:1px solid rgba(255,255,255,.25);border-radius:1rem}.auth-panel{display:flex;align-items:center;justify-content:center}.card{width:min(100%,34rem);background:#fff;padding:2rem;border-radius:1.25rem;box-shadow:0 20px 50px rgba(16,24,39,.1)}label{display:grid;gap:.45rem;margin-top:1rem;font-weight:700}input{font:inherit;padding:.85rem;border:1px solid #aeb8c7;border-radius:.7rem}input:focus{outline:3px solid #8db8ff;outline-offset:2px}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}button{font:inherit;font-weight:700;padding:.85rem 1.1rem;border:0;border-radius:.7rem;background:#101827;color:#fff;cursor:pointer}.secondary{background:#e8edf5;color:#101827}.status{min-height:1.5rem;margin-bottom:1rem;font-weight:700}.status.error:before{content:'⚠ '}.status.success:before{content:'✓ '}.workspace{max-width:1100px;margin:auto;padding:2rem}.workspace-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem}.panel{background:#fff;padding:1.25rem;border-radius:1rem;border:1px solid #dbe2ec}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.interview-page{min-height:100vh;background:linear-gradient(180deg,#f6f8fc 0%,#edf2f8 100%)}.interview-shell{width:min(100%,940px);min-height:100vh;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column}.interview-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .25rem 1.25rem}.interview-topbar h1{margin:.15rem 0 0;font-size:1.15rem;font-weight:650}.interview-topbar .eyebrow{margin:0;color:#526174}.conversation-card{background:#fff;border:1px solid #dfe5ee;border-radius:1.5rem;box-shadow:0 24px 70px rgba(16,24,39,.09);min-height:calc(100vh - 7rem);display:flex;flex-direction:column;overflow:hidden}.conversation{flex:1;min-height:440px;max-height:calc(100vh - 14rem);overflow-y:auto;padding:clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.message-row{display:flex}.message-row.assistant{justify-content:flex-start}.message-row.user{justify-content:flex-end}.message-bubble{max-width:min(80%,700px);padding:1rem 1.15rem;border-radius:1.15rem;line-height:1.58;font-size:1.05rem;white-space:pre-wrap}.message-row.assistant .message-bubble{background:#eef2f7;color:#182334;border-bottom-left-radius:.35rem}.message-row.assistant.follow-up .message-bubble{background:#f5f0e8;border:1px solid #e7dcc9}.message-row.user .message-bubble{background:#101827;color:#fff;border-bottom-right-radius:.35rem}.composer{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end;padding:1rem;border-top:1px solid #e4e9f0;background:#fbfcfe}.composer textarea{width:100%;resize:none;min-height:58px;max-height:160px;padding:1rem;border:1px solid #b8c2d0;border-radius:1rem;font:inherit;line-height:1.4}.composer textarea:focus{outline:3px solid #b9d2ff;outline-offset:1px;border-color:#6f91c7}.composer button{min-height:58px;border-radius:1rem;padding:0 1.35rem}.composer.continue-mode{grid-template-columns:1fr;justify-items:end}.composer.continue-mode button{min-width:210px}.composer button:disabled,.composer textarea:disabled{opacity:.6;cursor:not-allowed}.conversation-status{margin:0;padding:0 1.25rem 1rem;background:#fbfcfe;font-size:.9rem}.conversation-status:empty{display:none}@media(max-width:760px){.page-shell{grid-template-columns:1fr}.brand-panel{min-height:34vh}.auth-panel{align-items:flex-start}.brand-panel,.auth-panel{padding:2rem 1.25rem}.actions button{width:100%}.workspace-header{align-items:flex-start;flex-direction:column}.interview-shell{padding:.75rem}.interview-topbar{padding:.5rem .25rem .75rem}.conversation-card{min-height:calc(100vh - 5.5rem);border-radius:1.1rem}.conversation{padding:1rem;max-height:calc(100vh - 12rem)}.message-bubble{max-width:92%;font-size:1rem}.composer{grid-template-columns:1fr}.composer button,.composer.continue-mode button{width:100%;min-height:48px}.interview-topbar h1{font-size:1rem}}
.jefee-logo{display:block;object-fit:contain}.jefee-logo-hero{width:min(100%,46rem);aspect-ratio:1254/600;overflow:hidden;margin:0 auto clamp(1rem,2.5vh,1.75rem)}.jefee-logo-hero .jefee-logo{width:100%;height:auto;transform:translateY(-18%)}.jefee-logo-header{width:48px;height:48px;border-radius:10px}.jefee-logo-nav{width:52px;height:52px;border-radius:10px}.brand-lockup{display:flex;align-items:center;gap:.75rem}.brand-lockup span{display:block}

.portfolio-brand{display:inline-flex;align-items:center;text-decoration:none}.portfolio-brand .jefee-logo{width:72px;height:72px}

.load-failure .message-bubble{padding:1.1rem!important;background:#fff4f2!important;border:2px solid #b42318!important;color:#7a271a!important}.retry-interview{display:inline-block;margin-top:1rem;background:#101827;color:#fff}.brand-panel .brand-copy{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,2.4vw,2.35rem);font-weight:400;line-height:1.28;letter-spacing:-.015em;color:#fff}.brand-subcopy{margin:clamp(1rem,2.5vh,1.75rem) 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:400;line-height:1.5;color:#fff}@media(max-width:1000px){.page-shell{grid-template-columns:1fr}.brand-panel{min-height:auto}.auth-panel{align-items:flex-start}.brand-panel,.auth-panel{padding:clamp(1.5rem,5vw,3rem)}.jefee-logo-hero{width:min(100%,32rem);margin:0 auto 1rem}}
