:root{--font-serif: "Playfair Display", Georgia, serif;--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-cream: #faf7f2;--bg-cream-card: #ffffff;--bg-cream-elevated: #f4eee2;--bg-cream-warm: #eee6d6;--border-cream: #e6ded0;--border-cream-highlight: rgba(130, 24, 40, .25);--border-red: #821828;--text-dark: #191414;--text-body: #443c39;--text-muted: #786f6a;--text-cream: #faf7f2;--crimson-red: #821828;--crimson-hover: #6c111e;--crimson-subtle: rgba(130, 24, 40, .08);--crimson-glow: rgba(130, 24, 40, .25);--champagne-gold: #e2ba7d;--champagne-light: #fef8ee;--accent-emerald: #15803d;--accent-amber: #b45309;--accent-cyan: #0284c7;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted-dark: #94a3b8;--border-subtle: rgba(148, 163, 184, .22);--border-highlight: rgba(226, 186, 125, .35);--accent-primary: #818cf8;--radius-full: 9999px;--shadow-glow: 0 18px 50px rgba(40, 20, 15, .18);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-pill: 9999px;--shadow-subtle: 0 4px 20px rgba(60, 40, 30, .06);--shadow-card: 0 10px 30px rgba(60, 40, 30, .08);--shadow-elevated: 0 20px 45px rgba(60, 40, 30, .12);--shadow-red: 0 8px 24px rgba(130, 24, 40, .35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-cream);background-image:radial-gradient(circle at 10% 10%,rgba(130,24,40,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(226,186,125,.08) 0%,transparent 50%);color:var(--text-dark);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1520px;margin:0 auto;padding:0 24px 32px}.cream-navbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;background:var(--bg-cream);border-bottom:1px solid var(--border-cream);margin-bottom:24px;position:sticky;top:0;z-index:50}.brand-wrapper{display:flex;align-items:center;gap:14px;cursor:pointer}.brand-seal{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--crimson-red) 0%,#500e19 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #8218284d;border:2px solid #fff}.brand-text-title{font-family:var(--font-serif);font-size:1.45rem;font-weight:800;letter-spacing:.04em;color:var(--crimson-red);line-height:1.1}.brand-text-sub{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);font-weight:700}.nav-links-row{display:flex;align-items:center;gap:28px}.nav-link-item{font-size:.95rem;font-weight:600;color:var(--text-body);text-decoration:none;background:none;border:none;cursor:pointer;padding:6px 2px;position:relative;transition:color .2s ease}.nav-link-item:hover,.nav-link-item.active{color:var(--crimson-red)}.nav-link-item.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2.5px;background-color:var(--crimson-red);border-radius:var(--radius-pill)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-family:var(--font-main);font-size:.92rem;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.btn-crimson{background:linear-gradient(135deg,var(--crimson-red) 0%,var(--crimson-hover) 100%);color:#fff;box-shadow:var(--shadow-red);border:1px solid rgba(255,255,255,.2)}.btn-crimson:hover:not(:disabled){background:linear-gradient(135deg,#991e31 0%,var(--crimson-red) 100%);box-shadow:0 10px 28px #8218287a;transform:translateY(-2px)}.btn-crimson:active:not(:disabled){transform:translateY(1px)}.btn-glass-hero{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 18px #00000040}.btn-glass-hero:hover:not(:disabled){background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.btn-cream-outline{background:#fff;color:var(--text-dark);border:1px solid var(--border-cream);box-shadow:var(--shadow-subtle)}.btn-cream-outline:hover:not(:disabled){background:var(--bg-cream-elevated);border-color:#d8cebc;transform:translateY(-1px)}.btn-primary,.btn-danger,.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-primary{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 8px 20px #0f766e40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#be123c,#9f1239);box-shadow:0 8px 20px #be123c3d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#e11d48,#be123c);transform:translateY(-1px)}.btn-secondary{background:#273449;color:#f8fafc}.btn-secondary:hover:not(:disabled){background:#334155;border-color:#e2ba7d80;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.cream-card{background:var(--bg-cream-card);border:1px solid var(--border-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .25s ease}.cream-card-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}.cream-card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:#82182840}.candidate-profile-gate h2,.candidate-profile-gate .profile-intro,.candidate-profile-gate .resume-profile-result,.candidate-profile-gate .resume-profile-result p,.candidate-profile-gate .resume-profile-result div{color:#191414!important;opacity:1!important}.candidate-profile-gate h2{font-family:var(--font-serif);font-size:2rem;font-weight:800}.candidate-profile-gate .profile-intro{font-size:1rem;font-weight:700;line-height:1.7}.resume-file-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill);background:#fff;color:var(--crimson-red);border:2px solid var(--crimson-red);font-weight:800;cursor:pointer}.resume-file-button:hover{background:var(--crimson-red);color:#fff}.resume-file-button input{display:none}.resume-file-name{margin-left:10px;color:#191414;font-weight:700;font-size:.9rem}.resume-ready-row{margin-top:16px}.candidate-profile-gate .resume-profile-result{background:#eefbff;border:1px solid #38bdf8;border-radius:10px;padding:18px;font-weight:600}.candidate-profile-gate .resume-profile-result p{margin:8px 0;font-weight:700}.glass-panel{background:#fffffff0;border:1px solid var(--border-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text-dark)}.feed-card.glass-panel,.studio-grid .glass-panel,.interview-surface{background:#f6f0e4;border-color:#e6ded0;color:var(--text-dark)}.interviewer-feed-content{padding-top:68px;padding-bottom:18px}.interviewer-feed-content .avatar-ring,.interviewer-feed-content .avatar-ring.speaking{transform:translateY(20px)}.transcript-heading{color:var(--text-dark)!important}.candidate-feed-content>div:not(.webcam-video){color:var(--text-dark)}.camera-consent-card{position:absolute;inset:auto 24px 24px;z-index:20;padding:16px;border-radius:var(--radius-md);background:#fffdf9;border:1px solid var(--border-cream);box-shadow:var(--shadow-elevated);color:var(--text-dark)}.camera-consent-card p{margin:6px 0 12px;color:var(--text-body)!important;font-size:.8rem;line-height:1.45}.camera-consent-card div{display:flex;justify-content:flex-end;gap:8px}.candidate-feed-content div[style*="color: #cbd5e1"],.candidate-feed-content div[style*="color: var(--text-muted)"]{color:var(--text-body)!important}.visualizer-panel,.action-bar-panel{background:#f6f0e4;border-color:#e6ded0;color:var(--text-body)}.visualizer-panel span,.action-bar-panel span{color:var(--text-body)!important}.visualizer-panel span:first-of-type{color:var(--text-dark)!important}.action-bar-panel input::placeholder{color:#526273!important;opacity:1}.action-bar-panel input{background:#fff!important;color:var(--text-dark)!important;border-color:#b8c7d4!important}.workspace-grid .glass-panel{background:#f6f0e4;border-color:#e6ded0;color:var(--text-dark)}.workspace-grid .glass-panel{box-shadow:0 16px 36px #19141429}.glass-panel input::placeholder,.glass-panel textarea::placeholder{color:#5c5049;opacity:1}.hero-quote-pill{background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:40px;border:1.5px solid rgba(226,186,125,.4);box-shadow:0 16px 40px #0000004d;padding:22px 36px;max-width:760px;margin:0 auto;text-align:center}.home-hero-content h1,.home-hero-content h2{max-width:100%}.home-hero-content h1{font-size:3.6rem!important}.home-hero-content h2{font-size:3.2rem!important}@media(max-width:720px){.home-page{gap:24px!important}.home-page>div:first-child{min-height:560px!important;padding:44px 18px!important}.home-hero-content{width:100%}.home-hero-content h1{font-size:2.25rem!important}.home-hero-content h2{font-size:2rem!important}.hero-quote-pill{padding:18px 22px}.home-mode-grid{grid-template-columns:minmax(0,1fr)!important}}.cream-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em}.badge-crimson{background:var(--crimson-subtle);color:var(--crimson-red);border:1px solid rgba(130,24,40,.2)}.badge-gold{background:#e2ba7d33;color:#855b18;border:1px solid rgba(226,186,125,.4)}.badge-emerald{background:#15803d1a;color:#15803d;border:1px solid rgba(21,128,61,.25)}.waveform-container{position:relative;width:100%;height:120px;background:#f7fafc;border-radius:var(--radius-md);border:1px solid var(--border-cream);overflow:hidden;display:flex;align-items:center;justify-content:center}.waveform-canvas{width:100%;height:100%}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.feed-card{position:relative;height:470px;border-radius:var(--radius-lg);overflow:hidden;background:#f6f0e4;border:1px solid #e6ded0;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}.feed-header{position:absolute;top:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.feed-header>*{pointer-events:auto}.feed-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:18px 18px 52px}.interview-surface>div:not(.waveform-container){color:var(--text-body)}.interview-surface span[style*="color: #fff"]{color:var(--text-dark)!important}.feed-card .feed-header>div:last-child,.feed-card .feed-header>div:last-child span,.feed-card .feed-footer span{color:var(--text-body)!important}.feed-card .feed-header>div:first-child>span:nth-child(2){color:var(--text-body)!important}.feed-card .feed-content>div:not(.avatar-ring){color:var(--text-body)}.feed-card .feed-content>div:not(.avatar-ring) div[style*="color: #cbd5e1"]{color:var(--text-dark)!important}.feed-card .feed-content>div:not(.avatar-ring) div[style*="color: var(--text-muted)"]{color:var(--text-muted)!important}.interviewer-feed-content p{color:#fff!important;font-weight:600;overflow:visible!important;max-height:none!important;text-overflow:clip!important}.feed-header .badge-emerald{background:#e8f7ef;color:#14532d;border:1px solid #86efac;font-weight:700}.avatar-ring{width:190px;height:220px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(130,24,40,.3) 0%,transparent 70%);border:2px solid var(--crimson-red);transition:all .3s ease}.avatar-ring.speaking{border-color:var(--champagne-gold);box-shadow:0 0 35px #e2ba7d99;animation:pulse-ring 1.5s infinite}.human-interviewer{width:158px;height:158px;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#d9e2e7;box-shadow:0 10px 28px #1914143d;transition:transform .25s ease,box-shadow .25s ease}.human-interviewer img{width:100%;height:100%;object-fit:cover;object-position:100% 18%}.human-interviewer.speaking{transform:scale(1.035);box-shadow:0 0 0 5px #82182826,0 12px 35px #8218285c;animation:human-speaking 1.1s ease-in-out infinite alternate}.interviewer-name{margin-top:10px;color:var(--text-dark);font-family:var(--font-serif);font-size:1.2rem;font-weight:700}.interviewer-role{color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.typing-caret{display:inline-block;height:1em;margin-left:2px;vertical-align:-2px;border-left:2px solid var(--accent-cyan);animation:blink-caret .7s steps(1) infinite}@keyframes human-speaking{0%{transform:translateY(0) scale(1.025)}to{transform:translateY(-3px) scale(1.05)}}@keyframes blink-caret{50%{opacity:0}}.studio-grid .feed-card:first-child .avatar-ring{transform:translateY(12px)}.studio-grid .feed-card:first-child .avatar-ring.speaking{transform:translateY(9px)}.avatar-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#821828,#440c14);display:flex;align-items:center;justify-content:center;color:#fff}.talking-avatar{position:relative;width:150px;height:190px;display:flex;align-items:center;flex-direction:column;transform:translateZ(0);transition:transform .25s ease,box-shadow .25s ease}.talking-avatar.talking{transform:translateY(-3px) scale(1.03)}.avatar-head{position:relative;z-index:3;width:68px;height:76px;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#f7c9a8,#c77d61);box-shadow:inset -6px -8px 10px #6a302538,3px 5px 8px #05212040}.avatar-neck{z-index:2;width:25px;height:22px;margin-top:-5px;background:#c77d61}.avatar-torso{position:relative;z-index:1;width:122px;height:92px;margin-top:-4px;border-radius:46% 46% 18% 18%;background:linear-gradient(145deg,#0f766e,#155e75 65%,#164e63);box-shadow:inset -10px -10px 18px #082f4959,inset 8px 6px 12px #ffffff29,0 10px 16px #082f4933;transition:transform .25s ease}.talking-avatar.talking .avatar-torso{animation:avatar-body-talk .8s ease-in-out infinite alternate}.avatar-arm{position:absolute;top:18px;width:28px;height:70px;border-radius:50%;background:linear-gradient(160deg,#14b8a6,#0f766e);transform-origin:top center}.avatar-arm-left{left:-16px;transform:rotate(16deg)}.avatar-arm-right{right:-16px;transform:rotate(-16deg)}.talking-avatar.talking .avatar-arm-left{animation:avatar-wave-left .8s ease-in-out infinite alternate}.talking-avatar.talking .avatar-arm-right{animation:avatar-wave-right .8s ease-in-out infinite alternate}.avatar-shirt-detail{position:absolute;top:12px;left:52px;width:18px;height:48px;border-left:2px solid rgba(255,255,255,.35);border-right:2px solid rgba(255,255,255,.18);transform:skewY(12deg)}.avatar-ear{position:absolute;top:28px;width:9px;height:16px;border-radius:50%;background:#d89572}.avatar-ear-left{left:-6px}.avatar-ear-right{right:-6px}.avatar-hair{position:absolute;top:-4px;left:3px;width:52px;height:25px;border-radius:55% 55% 35% 25%;background:#382b3d;transform:rotate(-4deg)}.avatar-eye{position:absolute;top:29px;width:7px;height:7px;border-radius:50%;background:#172033;box-shadow:0 0 0 3px #ffffff3d}.avatar-eye-left{left:15px}.avatar-eye-right{right:15px}.avatar-nose{position:absolute;top:35px;left:27px;width:5px;height:10px;border-right:2px solid rgba(112,61,48,.5);border-bottom:2px solid rgba(112,61,48,.5);transform:rotate(30deg)}.avatar-mouth{position:absolute;left:21px;bottom:12px;width:17px;height:4px;border-bottom:2px solid #7d3041;border-radius:0 0 50% 50%}.talking-avatar.talking .avatar-mouth{animation:avatar-speak .22s ease-in-out infinite alternate}@keyframes avatar-speak{0%{height:4px;width:15px}to{height:10px;width:12px;background:#7d3041;border-radius:50%}}@keyframes avatar-body-talk{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(3px) rotate(1deg)}}@keyframes avatar-wave-left{0%{transform:rotate(16deg)}to{transform:rotate(24deg) translateY(3px)}}@keyframes avatar-wave-right{0%{transform:rotate(-16deg)}to{transform:rotate(-24deg) translateY(3px)}}.webcam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.feed-footer{position:absolute;bottom:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:10}.transcript-bubble{max-width:85%;padding:14px 20px;border-radius:var(--radius-md);font-size:.94rem;line-height:1.6;margin-bottom:12px;word-break:break-word}.bubble-assistant{background:#fbf7ef;border:1px solid #e7decb;color:#1f1b18;border-bottom-left-radius:4px;align-self:flex-start}.bubble-user{background:#302536;border:1px solid rgba(226,186,125,.28);color:#f8fafc;border-bottom-right-radius:4px;align-self:flex-end;margin-left:auto}.workspace-grid .bubble-user{color:#f8fafc}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.code-editor-textarea{width:100%;height:320px;background:#131722;border:1px solid #282f42;border-radius:var(--radius-md);padding:16px;color:#e6eaf2;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;resize:vertical;outline:none}.code-editor-textarea:focus{border-color:var(--crimson-red);box-shadow:0 0 0 2px #82182833}@media(max-width:1024px){.studio-grid,.workspace-grid{grid-template-columns:1fr}.nav-links-row{gap:14px}}@media(max-width:720px){.app-container{padding:0 14px 24px}.cream-navbar{gap:14px;flex-wrap:wrap}.nav-links-row{order:3;width:100%;justify-content:space-between;gap:8px}.nav-link-item{font-size:.76rem}.workspace-grid .glass-panel{height:auto!important;min-height:520px}.workspace-grid .glass-panel:last-child{min-height:560px}}