/* Compact navigation and a single, bounded mobile scroll surface. */
[hidden]{display:none!important}
html,body{width:100%;height:100%;overflow:hidden}
.app{height:100dvh;min-height:0;grid-template-columns:275px minmax(0,1fr)}
main{height:100%;min-height:0;min-width:0;overflow:hidden}
.profile{min-width:0;padding:28px}.profile-main{padding:24px 0}.profile h1{font-size:32px}.intro{font-size:14px;margin:18px 0}.stack{display:none}.divider{margin:22px 0}
.chat-header{padding:18px 28px;flex-shrink:0;min-width:0}.chat-brand{min-width:0}.chat-brand>div:last-child{min-width:0}.header-actions{gap:10px}.reset{min-width:44px;min-height:44px}.reset span{display:none}
.view-nav{display:flex;gap:5px;padding:6px;background:#19151f;border:1px solid #ffffff0e;border-radius:16px;margin:12px 28px 0;flex-shrink:0;align-self:center;max-width:calc(100% - 32px)}
.view-button{border:0;background:transparent;color:#b6a8bf;border-radius:11px;padding:11px 20px;font-size:14px;min-height:44px;transition:background .2s,color .2s}
.view-button[aria-pressed=true]{background:#352834;color:#ffd4b8;box-shadow:inset 0 0 0 1px #e5ae8b30}.view-button:hover{color:#ffe4d1}
.conversation{min-height:0;min-width:0;overscroll-behavior:contain;padding:22px 30px;overflow-x:hidden}
.welcome{width:100%;max-width:800px;margin:10px auto}.welcome h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.2px;margin:18px 0 12px}.view-panel>p{font-size:16px;color:#aaa1b2;line-height:1.7;margin:0}
.suggestions{margin-top:22px;gap:10px}.suggestions button{padding:16px;min-width:0}.question-icon{height:28px;font-size:18px}.suggestions strong{font-size:14px}.suggestions small{font-size:12px;line-height:1.5}
.composer-area{flex-shrink:0;padding:10px 30px 18px;max-width:860px}.quick-topics{gap:6px;margin-bottom:10px}.quick-topics button{min-height:36px}.composer-foot{line-height:1.5}.composer-foot>span:last-child{display:none}
.skill-explorer,.constellation-map{margin:0;padding:0;border:0}.constellation-heading .orbit-label{display:none}.constellation-heading p{font-size:14px}.constellation-heading .section-heading{font-size:27px}.constellation-field{margin-top:16px}.explorer-intro{margin-bottom:16px}.core-skills{padding-bottom:12px}.skill-group summary{padding:13px 0;min-height:48px}.extras-heading{margin-top:24px}
.bubble,.answer-card,.answer-tags,.followups{min-width:0;overflow-wrap:anywhere}.answer-card{padding:18px}.answer-card h3{font-size:20px}.answer-card p{margin:12px 0}.answer-tags{gap:6px}.answer-tags .topic-chip{min-height:36px}.message{max-width:800px}.view-panel{animation:surface-in .25s ease-out}
/* Stars have a proper touch target centered on the same SVG coordinates. */
.star-node{width:44px;height:44px;transform:translate(-50%,-50%)}.star-core{position:absolute;left:50%;top:50%;margin:-6px}.star-copy{position:absolute;top:26px;left:22px}.star-node:focus-visible{outline:2px solid #f2c6a5;border-radius:50%;outline-offset:3px}.star-label{font-size:14px}.star-kicker{font-size:12px;letter-spacing:0;text-transform:none}
.star-node:nth-of-type(5) .star-copy{align-items:flex-end;transform:translateX(-100%);text-align:right;margin-left:-9px}
@media(max-width:900px){
  .app{grid-template-columns:225px minmax(0,1fr)}.profile{padding:24px 20px}.profile h1{font-size:28px}.chat-header{padding:14px 20px}.chat-brand small{display:none}.conversation{padding:20px}.composer-area{padding:8px 20px 16px}
}
@media(max-width:720px){
  .app{display:flex;flex-direction:column;width:100%;height:var(--app-height,100dvh);min-height:0}
  .profile{flex:0 0 auto;width:100%;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 14px;border-bottom:1px solid #ffffff0b;overflow:visible}
  .wordmark{display:none}.profile-main{padding:0;margin:0;min-width:0}.profile h1{font-size:16px;line-height:1.4;letter-spacing:-.3px}.profile h1 .first-name,.profile h1 .last-name{display:inline;margin:0}.profile h1 .last-name::before{content:' '}
  .profile-footer{display:flex!important;flex-wrap:nowrap;gap:5px;width:auto;margin:0}.profile-footer a{width:38px;min-width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:0}.profile-footer a::before{line-height:1;font-size:15px}.profile-footer .download-cv::before{font-size:21px}.profile-footer .linkedin-link::before{font-size:13px}.profile-footer>span{display:none}
  main{flex:1;height:auto;min-height:0;width:100%}.chat-header{gap:8px;padding:8px 14px;border:0}.chat-brand{gap:8px;font-size:12px;flex:1}.chat-brand .avatar{display:none}.chat-brand small{display:none}.brand-title{display:block;line-height:1.4}.header-actions{gap:3px;flex-shrink:0}.language-control{padding:3px}.language-button{min-width:36px;min-height:36px;padding:6px;font-size:12px}.reset{width:36px;min-width:36px;min-height:40px;padding:0}
  .view-nav{margin:0 14px 6px;padding:4px;max-width:none;align-self:stretch;gap:2px;border-radius:14px}.view-button{flex:1;min-width:0;padding:10px 4px;font-size:13px;min-height:44px}
  .conversation{padding:14px 16px;flex:1;min-height:0;width:100%}.welcome{margin:6px auto;max-width:100%}.welcome .orbit-label{font-size:10px;letter-spacing:1.2px}.welcome h2{font-size:30px;line-height:1.18;letter-spacing:-1px;margin:16px 0 12px}.view-panel>p{font-size:14px;line-height:1.65}.suggestions{gap:8px;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.suggestions button{min-height:108px;padding:12px}.question-icon{height:23px;font-size:16px}.suggestions strong{font-size:13px;line-height:1.45}.suggestions small{display:none}.suggestions b{top:10px;right:12px}
  .composer-area{padding:8px 12px max(10px,env(safe-area-inset-bottom));width:100%;background:linear-gradient(180deg,#10101600,#101016 22%)}.quick-topics{display:none}form{padding:7px 8px 7px 14px;gap:8px;border-radius:16px}textarea{font-size:16px;padding:10px 0;max-height:100px}#send{width:42px;height:42px}.composer-foot{font-size:10px;text-align:center;margin-top:7px;justify-content:center}.composer-foot .based-on{max-width:100%;line-height:1.4}
  .assistant .avatar{display:none}.message{gap:0;margin:14px 0;max-width:100%}.bubble{font-size:15px;max-width:95%}.answer-card{padding:15px;border-radius:14px}.answer-card h3{font-size:19px}.answer-card p,.answer-facts{font-size:15px;line-height:1.7}.answer-tags .topic-chip{font-size:12px}.followups button{max-width:100%}.source{font-size:11px}.answer-title{font-size:20px}
  .constellation-heading .section-heading{font-size:24px;line-height:1.3}.constellation-heading p{font-size:14px;line-height:1.55}.constellation-field{min-height:620px;margin-top:14px;border-radius:16px}.constellation-legend{left:12px;right:12px;gap:10px;flex-wrap:wrap;font-size:12px}.constellation-sky{inset:54px 12px 32px}.star-copy{max-width:145px}.star-kicker{font-size:12px}.star-label{font-size:14px}.star-node:nth-of-type(odd) .star-copy{align-items:flex-start;margin:10px 0 0 9px;transform:none;text-align:left}.star-node:nth-of-type(even) .star-copy{align-items:flex-end;margin:10px 9px 0 -9px;transform:translateX(-100%);text-align:right}
  .explorer-heading>span{font-size:12px}.explorer-intro{font-size:14px}.section-heading{font-size:20px}.skill-chips{gap:7px}.skill-chips .topic-chip{font-size:13px;min-height:40px}.extra-topics .topic-chip{max-width:100%}
}
@media(max-width:360px){.profile h1{font-size:14px}.profile-footer{gap:3px}.profile-footer a{min-width:34px;width:34px;height:36px}.welcome h2{font-size:27px}.star-copy{max-width:124px}.view-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.view-panel{animation:none}.view-button{transition:none}}