.portfolio-chat{z-index:9000;left:50%;bottom:max(24px, env(safe-area-inset-bottom));width:min(540px,100% - 32px);font-family:var(--sans);position:fixed;transform:translate(-50%)}.portfolio-chat-panel{border:1px solid color-mix(in oklab, var(--line), var(--ink) 8%);background:color-mix(in oklab, var(--bg-2), transparent 4%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;margin-bottom:10px;animation:.2s ease-out portfolio-chat-in;overflow:hidden;box-shadow:0 22px 70px #0000006b}.portfolio-chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.portfolio-chat-header button,.portfolio-chat-orb,.portfolio-chat-send{cursor:pointer;border:0;place-items:center;display:grid}.portfolio-chat-header button{width:34px;height:34px;color:var(--ink-2);background:0 0;border-radius:50%}.portfolio-chat-header button:hover{color:var(--ink);background:var(--bg-3)}.portfolio-chat-identity{align-items:center;gap:10px;display:flex}.portfolio-chat-identity>div{gap:2px;display:grid}.portfolio-chat-identity strong{font-size:13px}.portfolio-chat-identity span{color:var(--ink-3);font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.portfolio-chat-mark{background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.portfolio-chat-log{overscroll-behavior:contain;min-height:min(270px,100dvh - 210px);max-height:min(480px,100dvh - 210px);padding:18px;overflow-y:auto}.portfolio-chat-welcome{padding:22px 2px 12px}.portfolio-chat-welcome>.portfolio-chat-orb-art{width:64px;height:64px;margin:0 auto 18px}.portfolio-chat-welcome{text-align:center}.portfolio-chat-welcome p{margin-inline:auto}.portfolio-chat-starters{justify-content:center}.portfolio-chat-welcome h2{letter-spacing:-.03em;margin:16px 0 7px;font-size:23px}.portfolio-chat-welcome p{max-width:330px;color:var(--ink-2);font-size:14px;line-height:1.55}.portfolio-chat-starters,.portfolio-chat-followups{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.portfolio-chat-starters button,.portfolio-chat-followups button{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border-radius:999px;padding:8px 11px;font-size:12px}.portfolio-chat-starters button:hover,.portfolio-chat-followups button:hover{border-color:var(--accent);color:var(--ink)}.portfolio-chat-user{background:var(--accent);width:fit-content;max-width:85%;color:var(--accent-ink,var(--bg));border-radius:14px 14px 3px;margin:0 0 16px auto;padding:10px 13px;font-size:14px;line-height:1.45}.portfolio-chat-answer{margin:0 0 22px}.portfolio-chat-answer-label{color:var(--accent);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.portfolio-chat-answer>p{color:var(--ink);margin-top:7px;font-size:14px;line-height:1.58}.portfolio-chat-actions{gap:6px;margin-top:12px;display:grid}.portfolio-chat-actions a{border:1px solid var(--line);color:var(--ink);border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.portfolio-chat-actions a:hover{border-color:var(--accent);color:var(--accent)}.portfolio-chat-followups{margin-top:12px}.portfolio-chat-followups button{padding:6px 9px;font-size:11px}.portfolio-chat-thinking{color:var(--ink-2);align-items:center;gap:10px;font-size:12px;display:flex}.portfolio-chat-thinking .portfolio-chat-orb-art{width:28px;height:28px}.portfolio-chat-bar{border:1px solid color-mix(in oklab, var(--line), var(--ink) 10%);background:color-mix(in oklab, var(--bg-2), transparent 3%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:9px;display:grid;box-shadow:0 12px 40px #00000052}.portfolio-chat-orb{background:0 0;border-radius:50%;width:44px;height:44px}.portfolio-chat-bar input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.portfolio-chat-bar input::placeholder{color:var(--ink-3)}.portfolio-chat-send{width:40px;height:40px;color:var(--bg);background:var(--ink);border-radius:50%;transition:opacity .15s,transform .15s}.portfolio-chat-send:disabled{opacity:.25;cursor:default}.portfolio-chat-send:not(:disabled):hover{transform:translateY(-1px)}.portfolio-chat-disclosure{color:var(--ink-3);font:9px var(--mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;margin:7px 14px 0;display:block}.portfolio-chat~.tweaks{bottom:96px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes portfolio-chat-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.portfolio-chat-orb-art{isolation:isolate;background:radial-gradient(circle at 32% 23%,#fbfdff 0%,#d4d7ff 24%,#8a90dd 55%,#434b87 82%,#202945 100%);border-radius:50%;flex:none;width:36px;height:36px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff60,inset -3px -4px 8px #25265350,0 2px 8px #777bce25}.portfolio-chat-orb-art>span{background:linear-gradient(130deg,#f8faff80,#a5b7ff30 48%,#6972ce60);border:2px solid #ffffffb3;border-radius:42% 58% 64% 36%/52% 32% 68% 48%;animation:9s linear infinite portfolio-chat-orbit;position:absolute;inset:12% -16%}.portfolio-chat-orb-art>span:nth-child(2){opacity:.7;animation-duration:12s;animation-direction:reverse;inset:-14% 16%}.portfolio-chat-orb-art>span:nth-child(3){opacity:.6;animation-delay:-4s;inset:24% -8%}.portfolio-chat-orb-art:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 30% 20%,#ffffffa8,#0000 48%);position:absolute;inset:0}.portfolio-chat-orb-art[data-active=true]>span{animation-duration:2.4s}.portfolio-chat-bar:focus-within{border-color:color-mix(in oklab, var(--ink) 38%, var(--line));box-shadow:0 12px 40px #0003, 0 0 0 3px color-mix(in oklab, var(--ink) 7%, transparent)}.portfolio-chat button:focus-visible,.portfolio-chat a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portfolio-chat-user,.portfolio-chat-answer{overflow-wrap:anywhere}@keyframes portfolio-chat-orbit{to{transform:rotate(360deg)}}@media (max-width:540px){.portfolio-chat{bottom:max(12px, env(safe-area-inset-bottom))}.portfolio-chat-log{padding:16px}.portfolio-chat-welcome{padding-top:12px}}@media (prefers-reduced-motion:reduce){.portfolio-chat-panel,.portfolio-chat-orb-art>span{animation:none}.portfolio-chat-send{transition:none}.portfolio-chat-log{scroll-behavior:auto}}