:root{color:#68758a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7fbfc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.portfolio-page{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:86px;max-width:1120px;min-height:100svh;margin:auto;padding:40px 6vw;display:grid}.intro-copy{text-align:left;max-width:520px}.kicker{color:#0c9ac7;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.intro-copy h1{color:#152238;letter-spacing:-.05em;margin:18px 0 24px;font-size:clamp(42px,5vw,72px);line-height:.98}.intro-text{color:#68758a;max-width:450px;font-size:19px;line-height:1.65}.tech-list{flex-wrap:wrap;gap:8px;margin:28px 0;display:flex}.tech-list span{color:#167c9e;border:1px solid #d8e6ee;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.project-note{color:#9ba8b6;font-size:13px}.chat-card{background:#fff;border:1px solid #dfe7ec;border-radius:15px;flex-direction:column;width:420px;height:min(680px,100svh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 60px #1a3e5d2e}.chat-header{color:#fff;background:linear-gradient(110deg,#3152df,#00bff2);border-radius:15px 15px 42% 0;align-items:center;gap:10px;min-height:75px;padding:0 18px;display:flex}.profile-avatar{color:#3152df;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.chat-header strong,.chat-header span{display:block}.chat-header strong{font-size:13px}.chat-header span{color:#d9f8ff;margin-top:5px;font-size:10px}.chat-header i{background:#93e835;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.header-menu,.chevron{color:#fff;background:0 0;border:0;font-size:22px}.header-menu{margin-left:auto}.chevron{font-size:24px}.chat-body{scrollbar-color:#a9c7d6 #f2f7f8;scrollbar-width:thin;flex:1;min-height:0;padding:20px 18px 10px;overflow-y:auto}.welcome-art{color:#a6c6d0;background:#eaf4f5;border-radius:11px;justify-content:center;align-items:center;gap:28px;height:105px;margin-bottom:12px;font-size:40px;display:flex}.welcome-art span:nth-child(2){color:#efae7d;font-size:62px}.assistant-bubble,.small-message{color:#3e556c;background:#edf1f5;border-radius:12px;width:fit-content;max-width:82%;padding:10px 12px;font-size:12px;line-height:1.45}.quick-replies{justify-content:flex-end;gap:5px;margin:10px 0 12px;display:flex}.quick-replies button{color:#357bcc;cursor:pointer;background:#fff;border:1px solid #77b9ff;border-radius:14px;padding:5px 10px;font-size:11px}.quick-replies button:hover{color:#fff;background:#4b91e9}.small-message{color:#fff;background:#428ae7;margin:7px 0 7px auto}.small-message.assistant{color:#3e556c;background:#edf1f5;margin-left:0}.chat-composer{border-top:1px solid #e6ebef;flex-shrink:0;align-items:center;gap:8px;margin:0 18px;padding:10px 0 8px;display:flex}.chat-composer input{color:#53677b;min-width:0;font:inherit;border:0;outline:0;flex:1;font-size:11px}.chat-composer input::placeholder{color:#a5b0ba}.chat-composer button{color:#fff;cursor:pointer;background:#116eeb;border:0;border-radius:50%;width:31px;height:31px}.chat-composer button:disabled{opacity:.45;cursor:default}.chat-footer{color:#90a3b1;flex-shrink:0;align-items:center;gap:12px;padding:0 18px 15px;font-size:15px;display:flex}.chat-footer small{letter-spacing:.04em;margin-left:auto;font-size:7px}.chat-footer b{color:#269bd2}@media (width<=760px){.portfolio-page{grid-template-columns:1fr;gap:38px;padding:48px 24px}.intro-copy{text-align:center;margin:auto}.intro-text{margin:auto}.tech-list{justify-content:center}.chat-card{width:min(420px,100%);height:min(680px,82svh);margin:auto}}