/*! Original portfolio code © 2026 Tala Salman. All rights reserved. */
:root{--mobile-header-height: calc(76px + env(safe-area-inset-top, 0px)) ;--keyboard-inset: 0px;--composer-height: 150px}.agent-form{flex-wrap:wrap;border-radius:26px}.agent-form textarea{min-width:0;min-height:28px;max-height:120px;flex:1;margin:0;padding:3px 0;border:0;outline:none;resize:none;background:transparent;color:var(--text-strong);font:inherit;font-size:16px;line-height:1.4;overflow-y:auto}.agent-form textarea::placeholder{color:var(--text-muted)}.agent-form:focus-within{border-color:var(--border-strong)}.agent-form__voice,.agent-home .agent-form__control,:root[data-theme=light] .agent-home .agent-form__control{display:grid;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:10px;place-items:center;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-strong);cursor:pointer}.agent-form__voice svg,.agent-home .agent-form__control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.agent-home .agent-form__control:hover:not(:disabled){background:var(--surface-hover);color:var(--text-strong)}.agent-form__voice[aria-pressed=true]{background:var(--text-strong);color:var(--page)}.agent-form__voice:disabled{opacity:.45;cursor:default}.agent-form__voice:focus-visible,.agent-home .agent-form__control:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.agent-form__voice-status{flex:1 0 100%;width:100%;margin:0;padding:8px 6px 4px;border-top:1px solid var(--border);color:var(--text-strong);font-size:13px;line-height:1.4}.agent-form__voice-status:empty{display:none}.pick__status{display:none}.agent-home .agent-suggestions{bottom:calc(var(--composer-height) + 42px)}.agent-home .guide-panel{padding-bottom:calc(var(--composer-height) + 56px)}@media(pointer:coarse){button,a,input,textarea,select,summary{touch-action:manipulation}.custom-cursor{display:none!important}.guide-actions :is(button,a),.agent-suggestions button{min-height:44px}}@media(max-width:900px){html{scroll-padding-top:calc(var(--mobile-header-height) + 64px)}body:after{content:"";position:fixed;inset:0 0 auto;height:var(--mobile-header-height);z-index:205;background:linear-gradient(var(--page) 72%,transparent);pointer-events:none}body.agent-home,body.is-cursor-ring{cursor:auto}body.agent-home :is(a,button),body.is-cursor-ring :is(a,button){cursor:pointer}body.agent-home :is(input,textarea),body.is-cursor-ring :is(input,textarea){cursor:text}.agent-mark{top:calc(12px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));min-height:44px;max-width:calc(100% - 140px)}.agent-mark__name{font-size:clamp(.9rem,3.9vw,1.05rem)}.menu-toggle,.theme-toggle{top:calc(12px + env(safe-area-inset-top,0px));width:44px;height:44px}.menu-toggle{right:max(16px,env(safe-area-inset-right,0px))}.theme-toggle,.agent-home .theme-toggle{right:calc(68px + env(safe-area-inset-right,0px))}.mobile-menu{top:calc(8px + env(safe-area-inset-top,0px));right:8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}.mobile-menu__close{min-width:44px;min-height:44px}.mobile-menu__links a,.mobile-menu__top>a{display:flex;min-height:48px;align-items:center}.mobile-menu__close span{top:21px;left:15px}.custom-cursor{display:none!important}}@media(max-width:900px){.agent-home{height:100dvh}.agent-home .agent-stage{height:100%}.agent-home .agent-hero{width:calc(100% - 40px);top:43%}.agent-home .agent-hero p{max-width:100%;margin-top:0;font-size:clamp(1.125rem,5vw,1.375rem)}.agent-home:has(.agent-form:not([hidden])) .agent-hero{top:30%}.agent-home.is-keyboard-open .agent-hero{opacity:0}.agent-home.is-keyboard-open :is(.agent-mark,.theme-toggle,.menu-toggle){visibility:hidden}.agent-home.is-keyboard-open:after{display:none}.agent-home .experience-chooser,:root[data-theme=light] .agent-home .experience-chooser{width:min(440px,calc(100% - 32px));min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none}.experience-chooser>span{display:none}.agent-home .experience-chooser button{display:flex;min-height:48px;align-items:center;justify-content:center;min-width:0;padding:12px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--control-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-soft);box-shadow:var(--shadow-card);font-size:var(--text-sm);font-weight:400;line-height:normal;text-align:center;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.agent-home .experience-chooser button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.agent-home .experience-chooser button:active{transform:translateY(1px)}.agent-home .agent-form{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:end;gap:6px;bottom:calc(var(--keyboard-inset) + max(10px,env(safe-area-inset-bottom,0px)));width:min(600px,calc(100% - 24px));padding:10px;border-radius:22px;background:color-mix(in srgb,var(--page) 92%,transparent)}.agent-form textarea{grid-column:1 / -1;grid-row:1;width:100%;min-height:44px;padding:8px 4px}.agent-form__exit{grid-row:2;grid-column:1;width:44px;height:44px;color:var(--text-muted)}.agent-form__exit span{top:21px;left:15px}.agent-form__voice{grid-row:2;grid-column:3}.agent-form__control,.agent-form__control:not([data-action=ask]){grid-row:2;grid-column:4;min-width:44px;width:44px;height:44px;padding:10px}.agent-form__voice-status{grid-column:1 / -1;grid-row:4}.agent-home .agent-suggestions{bottom:calc(var(--keyboard-inset) + var(--composer-height) + max(10px,env(safe-area-inset-bottom,0px)) + 14px);width:min(560px,calc(100% - 32px));grid-template-columns:minmax(0,1fr);gap:6px}.agent-suggestions button,.agent-suggestions button:first-child{justify-self:stretch;min-width:0;min-height:44px;padding:10px 14px;white-space:normal;text-align:left;font-size:13px}.agent-home.is-keyboard-open .agent-suggestions{display:none}.agent-home:has(.agent-form[data-voice-state]:not([data-voice-state=idle]):not([data-voice-state=unsupported])) .agent-suggestions{visibility:hidden;pointer-events:none}.agent-home .guide-panel{top:var(--mobile-header-height);bottom:calc(var(--keyboard-inset) + var(--composer-height) + max(10px,env(safe-area-inset-bottom,0px)) + 12px);padding:12px 16px 20px;scroll-padding:12px 0 20px}.agent-home.is-keyboard-open .guide-panel{top:8px}.guide-answer{padding:18px}.guide-answer__text{font-size:16px;line-height:1.55;overflow-wrap:anywhere}.guide-actions :is(button,a){min-height:44px;display:inline-flex;align-items:center}.guide-turn__question{overflow-wrap:anywhere}.guide-turn__projects{grid-template-columns:minmax(0,1fr)}.pick{--pick-w: min(512px, calc(100vw - 56px) );--pick-inset: max(28px, calc((100vw - var(--pick-w)) / 2));--pick-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) ;--pick-rail-height: max(100px, calc(100dvh - var(--pick-bottom) - var(--mobile-header-height) - 94px))}.pick__top{padding-inline:20px}.pick__close{width:44px;height:44px}.pick__close span{top:21px;left:15px}.pick__line{display:block;-webkit-line-clamp:unset;overflow:visible}.pick__rail{padding-bottom:8px;scroll-padding-inline:28px}.pick__status{display:block;margin:0;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.5}}@media(max-width:900px)and (max-height:500px){.agent-home:has(.agent-form:not([hidden])) .agent-hero{opacity:0}.agent-home .agent-suggestions{display:none}}