.assistant-launch { gap: .7rem; white-space: nowrap; cursor: pointer; }
.assistant-sparkle {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: none;
  background: #b18a48;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0Q13.5 10.5 24 12Q13.5 13.5 12 24Q10.5 13.5 0 12Q10.5 10.5 12 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.assistant-is-open { overflow: hidden; }
.portfolio-assistant { inset: 0 0 0 auto; width: min(560px, 100%); height: 100%; height: 100dvh; max-width: 100%; max-height: 100%; margin: 0 0 0 auto; padding: 0; border: 0; border-left: 1px solid var(--line); color: var(--ink); background: var(--paper); box-shadow: -16px 0 70px #17251f18; }
.portfolio-assistant::backdrop { background: #17251f66; }
.assistant-shell { height: 100%; display: flex; flex-direction: column; }
.assistant-header { display: flex; justify-content: space-between; align-items: start; gap: 1rem; padding: 1.5rem 1.6rem 1.1rem; }
.assistant-header .eyebrow { margin: 0 0 .4rem; font-size: .65rem; }
.assistant-header h2 { margin: 0; font-size: 1.6rem; letter-spacing: -.04em; line-height: 1.2; }
.assistant-header h2 .assistant-sparkle { width: .62em; height: .62em; vertical-align: .08em; }
.assistant-close { width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid var(--line); background: transparent; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.assistant-mode { padding: .6rem 1.6rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--ivory); color: var(--ink-soft); font-size: .72rem; }
.assistant-mode::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: .5rem; background: var(--eucalyptus); }
.assistant-scroll { flex: 1; min-height: 0; padding: 1.5rem 1.6rem; overflow-y: auto; overscroll-behavior: contain; }
.assistant-intro h3 { margin: 0 0 .9rem; font-size: 2.45rem; line-height: 1.1; }
.assistant-intro p { color: var(--ink-soft); font-size: .94rem; line-height: 1.65; }
.assistant-starters { display: grid; gap: .5rem; margin: 1.2rem 0 1.7rem; }
.assistant-starters button { display: flex; justify-content: space-between; gap: .75rem; padding: .72rem .85rem; border: 1px solid var(--line); background: transparent; color: var(--ink); font-size: .82rem; line-height: 1.45; text-align: left; cursor: pointer; }
.assistant-starters button::after { content: '↗'; color: var(--terracotta); }
.assistant-starters button:hover { background: var(--ivory); border-color: var(--sage); }
.assistant-message { margin-top: 1.3rem; overflow-wrap: anywhere; }
.assistant-message--visitor { margin-left: 2rem; padding: .9rem 1rem; background: var(--stone); }
.assistant-message--guide { padding: .25rem 0 1.3rem; border-bottom: 1px solid var(--line); }
.assistant-speaker { display: block; margin-bottom: .45rem; color: var(--ink-soft); font-size: .66rem; font-weight: 750; letter-spacing: .04em; }
.assistant-message p { margin: 0 0 .7rem; font-size: .93rem; line-height: 1.7; }
.assistant-message p:last-child { margin-bottom: 0; }
.assistant-sources { display: grid; justify-items: start; gap: .55rem; margin-top: .8rem; }
.assistant-sources a { color: var(--ink-soft); font-size: .77rem; text-underline-offset: 3px; }
.assistant-form { flex: 0 0 auto; border-top: 1px solid var(--line); padding: 1rem 1.6rem max(1rem, env(safe-area-inset-bottom)); background: var(--ivory); }
.assistant-form-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: .6rem; }
.assistant-form-heading label { font-size: .76rem; font-weight: 700; }
.assistant-reset { border: 0; padding: .25rem 0; background: transparent; color: var(--ink-soft); font-size: .7rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.assistant-compose { display: flex; align-items: end; padding: .5rem; gap: .5rem; border: 1px solid var(--sage); background: var(--white); }
.assistant-compose textarea { width: 100%; min-width: 0; padding: .4rem; border: 0; resize: none; background: transparent; color: var(--ink); font: inherit; font-size: 1rem; line-height: 1.5; }
.assistant-send { width: 42px; height: 42px; flex: 0 0 42px; border: 0; background: var(--eucalyptus); color: var(--white); font-size: 1.5rem; cursor: pointer; }
.portfolio-assistant button:disabled { opacity: .5; cursor: wait; }
.assistant-privacy { margin: .5rem 0 0; font-size: .67rem; line-height: 1.5; color: var(--ink-soft); }
.assistant-feedback { margin: .4rem 0 0; font-size: .73rem; color: var(--ink-soft); }
.assistant-feedback:empty { display: none; }
.portfolio-assistant :focus-visible { outline: 2px solid var(--eucalyptus); outline-offset: 3px; }
@media (max-width: 1100px) {
  .menu-button { display: inline-flex; align-items: center; min-height: 42px; padding: 0; }
  .site-nav { display: none; position: absolute; right: var(--gutter); left: var(--gutter); top: calc(100% + 1px); padding: 1rem; border: 1px solid var(--line); background: var(--ivory); box-shadow: 0 12px 24px #17251f14; }
  .site-nav[data-open="true"] { display: grid; justify-items: start; }
}
@media (max-width: 540px) {
  .assistant-header { padding: 1.1rem; }
  .assistant-header h2 { font-size: 1.45rem; }
  .assistant-scroll { padding: 1.2rem; }
  .assistant-mode { padding-right: 1.2rem; padding-left: 1.2rem; }
  .assistant-form { padding-right: 1.2rem; padding-left: 1.2rem; }
  .assistant-intro h3 { font-size: 2.1rem; }
}