/* Shared white / anthracite visual language. Last stylesheet by design. */
:root{color-scheme:light;--bg:#fff;--ink:#252628;--muted:#66686c;--line:#e3e3e3;--accent:#252628;font-family:Arial,"Segoe UI",sans-serif}
html body{background:#fff!important;color:#252628!important;-webkit-font-smoothing:antialiased}
:is(#white-theme,body) *,:is(#white-theme,body) *::before,:is(#white-theme,body) *::after{border-radius:0!important}
body header,body footer{background:#fff!important;border-color:#e3e3e3!important;color:#626469!important}
body header{height:auto;min-height:88px;margin:0;padding:22px 5vw!important}
body header a,body header button,body header .brand,body .identity,body .monogram{color:#252628!important}
body .brand img,body .brand svg{filter:none!important}
body h1,body h2,body h3,body strong,body h1 em{color:#252628!important}
body h1,body h2,body h3{font-family:Arial,"Segoe UI",sans-serif!important}
body .eyebrow,body .project-number,body .profile-kicker,body .journey-eyebrow{color:#727478!important;letter-spacing:.16em}
body .summary,body .intro-copy,body .muted,body .panel-note,body .profile-name p,body .profile-detail,body .projects p,body #company-ai p,body .ai-panel p,body .ai-panel .state-pill{color:#626469!important}
body main{max-width:1280px!important;padding:40px 5vw!important}
body .profile-masthead{background:#fff!important;border:0!important;box-shadow:none!important}
body .profile-cover,body .globe-scene,body .panel-symbol,body .status-dot,body .arrow{display:none!important}
body .profile-identity{background:#fff!important;padding:26px 0 36px!important;border-bottom:1px solid #e3e3e3;gap:30px!important}
body .profile-identity img{width:116px!important;height:140px!important;border:0!important;margin:0!important;box-shadow:none!important;object-fit:cover}
body .profile-name h1{font-size:clamp(32px,4.8vw,62px)!important;letter-spacing:-.055em!important;color:#252628!important;font-weight:500!important}
body .profile-detail{margin-left:auto}
body .portfolio-hero{padding:36px 0!important}
body .summary{font-size:clamp(18px,2vw,23px)!important;line-height:1.65!important;max-width:790px!important}
body .primary,body .callback-button,body .journey-actions button:first-child,body .guide-next,body .clone-start,body .clone-replay{background:#252628!important;color:#fff!important;border:1px solid #252628!important;min-height:46px;padding:13px 22px!important;text-decoration:none!important}
body .quiet,body #company-link{color:#252628!important;border-color:#252628!important}
body .ai-panel{background:#fff!important;border:1px solid #dadbdd!important;border-left:3px solid #252628!important;padding:30px!important;margin:12px 0 64px!important;box-shadow:none!important}
body .ai-panel h2{color:#252628!important;font-size:32px!important;letter-spacing:-1px!important}
body .ai-panel .eyebrow{color:#626469!important}
body .section-heading h2{color:#252628!important;font-size:32px!important}
body .projects{gap:24px!important}
body .projects article{background:#fff!important;border:0!important;border-top:1px solid #252628!important;padding:26px 0!important}
body .projects h3{color:#252628!important;font-size:22px!important}
body #work,body #company-ai{border-color:#e3e3e3!important}
body #company-ai{padding:40px 0!important}
body .language-panel{background:#fff!important;border:0!important;padding:24px 0!important}
body .language-card{background:#fff!important;border:1px solid #dedede!important;color:#252628!important}
body .language-card.featured{background:#252628!important;color:#fff!important}
body .language-card small{color:inherit!important;opacity:.75}
body button,body input,body select,body textarea{font-family:inherit}
body input,body select,body textarea{background:#fff;color:#252628;border-color:#d7d8da;accent-color:#252628}
body :focus-visible{outline:2px solid #252628!important;outline-offset:4px!important}
body .journey-welcome{background:#fff!important;border:1px solid #e3e3e3!important;border-top:2px solid #252628!important;margin:5vh auto;padding:40px!important}
body .journey-welcome h2{font-size:clamp(32px,5vw,52px)!important;letter-spacing:-.045em;font-weight:500}
body .journey-disclosure,body .clone-notice,body .privacy,body .voice-notice{color:#707276!important}
body .journey-actions button,body .journey-dock button,body .annotation-tools button,body #suggestions button,body .clone-text,body .clone-retry{color:#252628!important;border-color:#d7d8da!important;background:#fff!important}
body .journey-dock button[aria-pressed=true]{border-bottom-color:#252628!important;color:#252628!important}
body .conversation,body .cv-panel,body .recruiter-notes,body #callback{border-color:#e3e3e3!important;background:#fff!important;box-shadow:none!important}
body .workspace-heading,body .report-tools,body .company-context,body .conversation>.callback-identity{background:#fff!important;border-color:#e3e3e3!important}
body .cv-document h3,body .company-context p,body .annotation-tools span{color:#55575b!important}
body .bubble.user{background:#f3f3f3!important;color:#252628!important;border-left:2px solid #c9cacc}
body .composer-shell{background:#fff!important;border:1px solid #c9cacc!important;box-shadow:none!important;padding:12px!important}
body .composer-shell:focus-within{border-color:#252628!important;box-shadow:0 4px 18px #00000008!important}
body .composer-controls{flex-wrap:wrap;gap:4px}
body .composer-tools{gap:4px}
body .composer-controls button{width:auto!important;height:auto!important;min-height:44px!important;padding:8px!important;font:12px/1.35 Arial,sans-serif!important;color:#252628!important;background:#fff!important;border:0!important;max-width:180px!important}
body .composer-controls #send{background:#252628!important;color:#fff!important;padding:10px 16px!important;margin-left:auto}
body .composer-controls button::after,body .is-listening .voice-state::before{display:none!important;content:none!important}
body .composer-controls .clone-open{border-left:1px solid #dedede!important;padding-left:12px!important}
body .voice-state,body .composer-settings,body .voice-permission{color:#626469!important}
body .clone-room,body .clone-room::backdrop{box-sizing:border-box;background:#fff!important;color:#252628!important}
body .clone-close{width:auto!important;padding:0 16px;background:#f3f3f3!important;color:#252628;font:14px Arial!important}
body .clone-orb{box-shadow:none!important;outline:1px solid #dedede;outline-offset:12px}
body .clone-room.speaking .clone-orb{box-shadow:none!important;outline-color:#252628}
body .clone-bar .composer-mic{background:#252628!important;color:#fff!important}
body .annotation-card,body .cv-guide,body .cv-note-menu{background:#fff!important;color:#252628!important;border-color:#d7d8da!important;box-shadow:0 12px 40px #00000012!important}
body .annotation-drag,body .annotation-marker{background:#ededed!important;color:#252628!important;border-color:#c9cacc!important}
body .annotation-card textarea,body .annotation-card>button{background:#fff!important;color:#55575b!important;border-color:#d7d8da!important}
body .annotation-placing .cv-document [data-cv-anchor]:hover{background:#f1f1f1!important;outline-color:#555!important}
body .cv-guide h2{font:500 28px/1.25 Arial!important;letter-spacing:-.03em}
@media(prefers-reduced-motion:no-preference){
 body main,body .journey-welcome,body .clone-room[open]{animation:white-enter .55s cubic-bezier(.2,.7,.2,1) both}
 body a,body button,body .projects article,body .language-card{transition:background-color .2s,color .2s,border-color .2s,transform .25s}
 body .projects article:hover{transform:translateY(-4px)}
 body .language-card:hover{transform:translateY(-2px);border-color:#252628!important}
 body .primary:hover,body #send:hover,body .clone-start:hover{background:#414246!important}
 @keyframes white-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{animation:none!important;transition:none!important}}
@media(max-width:650px){
 body header{padding:18px 20px!important;min-height:72px;gap:12px;flex-wrap:wrap}
 body #interview-link{font-size:11px!important;margin:0!important;max-width:150px}
 body main{padding:24px 20px!important}
 body .profile-identity{gap:18px!important;padding:12px 0 28px!important}
 body .profile-identity img{width:80px!important;height:100px!important}
 body .profile-name h1{font-size:30px!important}
 body .ai-panel{padding:24px!important;margin-bottom:40px!important}
 body .ai-panel h2{font-size:28px!important}
 body .journey-welcome{margin:20px 12px;padding:24px!important}
 body.clean-interview main.interview-workspace{padding:0!important}
 body .composer-controls .clone-open{max-width:140px!important;font-size:11px!important}
 body .clone-orb{width:164px;height:190px}
 body footer{padding:24px 20px!important}
}

body .ai-panel .primary{background:#252628!important;color:#fff!important}body .language-card.featured strong{color:#fff!important}

/* One clear route into the interview. */
body #explore,body #portfolio>.ai-panel,body #interview-link,body #company-link{display:none!important}
body .hero-actions{margin:22px 0 0!important}
body #meet-hero{font-size:16px!important;min-width:220px;text-align:center}
@media(max-width:650px){body .profile-identity{padding-bottom:20px!important}body .portfolio-hero{padding:18px 0 30px!important}body .summary{font-size:16px!important;line-height:1.6!important}body #meet-hero{display:block;width:100%}body .hero-actions{display:block!important}body #work{margin-top:12px!important}}

/* Keep native mobile focus at its existing scale; retain pinch zoom. */
@media(max-width:650px){
 body input:not([type=checkbox]):not([type=radio]),body textarea,body select{font-size:16px!important;line-height:1.5!important;max-width:100%;box-sizing:border-box}
 body{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
}

body #change-language{background:#fff!important;color:#252628!important;border:1px solid #d7d8da!important;font-size:16px;min-height:44px;padding:8px 12px;max-width:160px;margin-left:auto}body #opening-label{display:none!important}

/* Keep retired sections hidden even when legacy mobile rules set display. */
body #portfolio [hidden]{display:none!important}

/* Personal introduction first; the AI workspace is an optional next step. */
body.personal-home #portfolio{display:block;padding:0}
body.personal-home .hero-actions{display:flex!important;flex-wrap:wrap;gap:16px!important;align-items:center}
body.personal-home #explore{display:inline-flex!important;align-items:center;min-height:44px;padding:8px 0}
body.personal-home #portfolio>.ai-panel{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px!important;margin:36px 0 24px!important;padding:28px!important}
body.personal-home .ai-panel>div:first-child{grid-column:1/-1}
body.personal-home .ai-panel .primary{background:#fff!important;color:#252628!important;white-space:normal}
body.personal-home #work{padding:32px 0 0;scroll-margin-top:24px}
body.personal-home .projects article{min-height:0}
body.personal-home #contact{display:flex;flex-wrap:wrap;gap:16px 28px;padding:24px 0;scroll-margin-top:24px}
body.personal-home #contact a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;max-width:100%}
@media(max-width:650px){
 body.personal-home #portfolio>.ai-panel{grid-template-columns:1fr;padding:20px!important}
 body.personal-home #meet-hero{width:auto;min-width:0;flex:1 1 180px}
 body.personal-home #contact{gap:0;flex-direction:column}
 body.personal-home .profile-name{min-width:0}
 body.personal-home .profile-identity{flex-wrap:nowrap!important;gap:14px!important}
 body.personal-home .profile-name h1{font-size:clamp(23px,6vw,30px)!important}
}