:root{color-scheme:light;--wa-wall:#efeae2;--wa-wall-fade:#efeae200;--wa-panel:#f0f2f5;--wa-in:#fff;--wa-out:#d9fdd3;--wa-text:#111b21;--wa-muted:#5b6b75;--wa-meta:#5b6b75;--wa-link:#027eb5;--wa-link-underline:#027eb54d;--wa-tick:#53bdeb;--wa-accent:#000;--wa-border:#e9edef;--wa-chip:#fff;--wa-chip-warn:#fff8c4;--wa-chip-warn-text:#5b5344;--wa-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.045' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='22' cy='24' r='8'/%3E%3Cpath d='M60 16h20v15H70l-6 7v-7h-4z'/%3E%3Cpath d='M108 34l7-13 7 13z'/%3E%3Cpath d='M14 80q10-13 20 0t20 0'/%3E%3Crect x='90' y='70' width='18' height='18' rx='4'/%3E%3Cpath d='M28 116l9 9 16-18'/%3E%3Ccircle cx='116' cy='112' r='6'/%3E%3Cpath d='M64 96v18M55 105h18'/%3E%3C/g%3E%3C/svg%3E");--page-bg:#fff;--screen-bg:#fff;--icon-muted:#54656f;--typing-dot:#9aa7ad;--input-bg:#fff;--focus-ring:#0000001f;--hint-bg:#ffffffb8;--avatar-grad:linear-gradient(145deg,#2b2b2b,#050505);--menu-bg:#fff;--menu-border:#e2e5e8;--menu-hover:#f3f4f6;--menu-shadow:#0b141a38;--intro-text:#4a5a63;--btn-bg:#fff;--btn-border:#dfe5e7;--btn-hover-bg:#f3f4f6;--cta-bg:#fff;--cta-text:#0270a2;--cta-border:#0270a2;--cta-hover-bg:#eff7fb;--float-bg:#fffffff0;--float-border:#e3e7e9;--proj-card-bg:#f3f4f6;--proj-carousel-bg:#e3e6ea;--proj-text-muted:#4a5560;--proj-chip-bg:#fff;--proj-chip-border:#e2e5e8;--proj-link-text:#111;--proj-link-hover:#000;--radius-bubble:8px;--chat-h:min(760px, calc(100svh - 96px));--font:"Segoe UI", "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--wa-wall:#0b141a;--wa-wall-fade:#0b141a00;--wa-panel:#202c33;--wa-in:#202c33;--wa-out:#005c4b;--wa-text:#e9edef;--wa-muted:#aebac1;--wa-meta:#bfcad1;--wa-link:#53bdeb;--wa-link-underline:#53bdeb59;--wa-tick:#53bdeb;--wa-accent:#fff;--wa-border:#2a3942;--wa-chip:#182229;--wa-chip-warn:#182229;--wa-chip-warn-text:#ffd279;--wa-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.04' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='22' cy='24' r='8'/%3E%3Cpath d='M60 16h20v15H70l-6 7v-7h-4z'/%3E%3Cpath d='M108 34l7-13 7 13z'/%3E%3Cpath d='M14 80q10-13 20 0t20 0'/%3E%3Crect x='90' y='70' width='18' height='18' rx='4'/%3E%3Cpath d='M28 116l9 9 16-18'/%3E%3Ccircle cx='116' cy='112' r='6'/%3E%3Cpath d='M64 96v18M55 105h18'/%3E%3C/g%3E%3C/svg%3E");--page-bg:#0b141a;--screen-bg:#111b21;--icon-muted:#aebac1;--typing-dot:#8696a0;--input-bg:#2a3942;--focus-ring:#ffffff2e;--hint-bg:#202c33d1;--avatar-grad:linear-gradient(145deg,#3b4a54,#202c33);--menu-bg:#233138;--menu-border:#2a3942;--menu-hover:#2a3942;--menu-shadow:#00000080;--intro-text:#aebac1;--btn-bg:#202c33;--btn-border:#2a3942;--btn-hover-bg:#2a3942;--cta-bg:#182229;--cta-text:#53bdeb;--cta-border:#53bdeb;--cta-hover-bg:#1f2f38;--float-bg:#202c33f0;--float-border:#2a3942;--proj-card-bg:#182229;--proj-carousel-bg:#202c33;--proj-text-muted:#aebac1;--proj-chip-bg:#202c33;--proj-chip-border:#2a3942;--proj-link-text:#e9edef;--proj-link-hover:#8696a0}}:root[data-theme=dark]{color-scheme:dark;--wa-wall:#0b141a;--wa-wall-fade:#0b141a00;--wa-panel:#202c33;--wa-in:#202c33;--wa-out:#005c4b;--wa-text:#e9edef;--wa-muted:#aebac1;--wa-meta:#bfcad1;--wa-link:#53bdeb;--wa-link-underline:#53bdeb59;--wa-tick:#53bdeb;--wa-accent:#fff;--wa-border:#2a3942;--wa-chip:#182229;--wa-chip-warn:#182229;--wa-chip-warn-text:#ffd279;--wa-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.04' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='22' cy='24' r='8'/%3E%3Cpath d='M60 16h20v15H70l-6 7v-7h-4z'/%3E%3Cpath d='M108 34l7-13 7 13z'/%3E%3Cpath d='M14 80q10-13 20 0t20 0'/%3E%3Crect x='90' y='70' width='18' height='18' rx='4'/%3E%3Cpath d='M28 116l9 9 16-18'/%3E%3Ccircle cx='116' cy='112' r='6'/%3E%3Cpath d='M64 96v18M55 105h18'/%3E%3C/g%3E%3C/svg%3E");--page-bg:#0b141a;--screen-bg:#111b21;--icon-muted:#aebac1;--typing-dot:#8696a0;--input-bg:#2a3942;--focus-ring:#ffffff2e;--hint-bg:#202c33d1;--avatar-grad:linear-gradient(145deg,#3b4a54,#202c33);--menu-bg:#233138;--menu-border:#2a3942;--menu-hover:#2a3942;--menu-shadow:#00000080;--intro-text:#aebac1;--btn-bg:#202c33;--btn-border:#2a3942;--btn-hover-bg:#2a3942;--cta-bg:#182229;--cta-text:#53bdeb;--cta-border:#53bdeb;--cta-hover-bg:#1f2f38;--float-bg:#202c33f0;--float-border:#2a3942;--proj-card-bg:#182229;--proj-carousel-bg:#202c33;--proj-text-muted:#aebac1;--proj-chip-bg:#202c33;--proj-chip-border:#2a3942;--proj-link-text:#e9edef;--proj-link-hover:#8696a0}*{box-sizing:border-box}body{font-family:var(--font);color:var(--wa-text);background:var(--page-bg);-webkit-font-smoothing:antialiased;margin:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#stage{position:relative}#sticky{justify-content:center;align-items:center;gap:clamp(32px,6vw,88px);height:100svh;padding:24px;display:flex;position:sticky;top:0}.chat{width:580px;max-width:100%;height:var(--chat-h);background:var(--wa-wall);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0b141a14,0 18px 48px -18px #0b141a47}.chat-header{background:var(--wa-panel);border-bottom:1px solid var(--wa-border);flex:none;align-items:center;gap:12px;padding:9px 16px;display:flex}.back{color:var(--wa-muted);flex:none;display:none}.avatar{width:var(--avatar-size,40px);height:var(--avatar-size,40px);background:var(--avatar-grad);color:#fff;letter-spacing:.5px;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.who{flex:1;min-width:0}.who .name{font-size:16px;font-weight:500;line-height:1.3}.who .status{color:var(--wa-muted);height:17px;font-size:12.5px;line-height:1.35;overflow:hidden}.who .status b{color:var(--wa-accent);font-weight:500}.hdr-actions{color:var(--icon-muted);flex:none;align-items:center;gap:20px;display:flex;position:relative}.hdr-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-4px;padding:4px;display:grid}.hdr-btn:hover{background:var(--menu-hover)}.hdr-btn:focus-visible{outline:2px solid var(--wa-accent);outline-offset:1px}.hdr-menu{z-index:40;background:var(--menu-bg);border:1px solid var(--menu-border);min-width:184px;box-shadow:0 10px 28px -8px var(--menu-shadow);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 10px);right:0}.hdr-menu[hidden]{display:none}.hdr-menu button,.hdr-menu a{width:100%;color:var(--wa-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;text-decoration:none;display:flex}.hdr-menu button:hover,.hdr-menu a:hover{background:var(--menu-hover)}.hdr-menu button:focus-visible,.hdr-menu a:focus-visible{outline:2px solid var(--wa-accent);outline-offset:-2px}.hdr-menu button svg,.hdr-menu a svg{color:var(--icon-muted);flex:none}.chat-body{background-color:var(--wa-wall);background-image:var(--wa-pattern);flex:1;position:relative;overflow:hidden}.chat-body:before{content:"";z-index:3;background:linear-gradient(to bottom, var(--wa-wall), var(--wa-wall-fade));pointer-events:none;height:44px;position:absolute;inset:0 0 auto}.chat-list{will-change:transform;flex-direction:column;gap:3px;padding:14px 10px 10px;transition:transform .5s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;top:0;left:0;right:0}.chat-body.is-complete{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.chat-body.is-complete .chat-list{will-change:auto;justify-content:flex-end;min-height:100%;transition:none;position:static;transform:none}.chat-body.is-complete .hint,.chat-body.is-complete:before{display:none}.live-list{flex-direction:column;gap:3px;display:flex}.live-list:empty{display:none}.chip{background:var(--wa-chip);color:var(--wa-muted);border-radius:8px;align-self:center;margin:6px 0 10px;padding:6px 12px;font-size:12.5px;box-shadow:0 1px .5px #0b141a21}.chip.lock{text-align:center;max-width:86%;color:var(--wa-chip-warn-text);background:var(--wa-chip-warn);line-height:1.5}.row{display:flex}.row.in{justify-content:flex-start}.row.out{justify-content:flex-end}.bubble{border-radius:var(--radius-bubble);word-wrap:break-word;max-width:82%;padding:6px 9px 8px;font-size:14.8px;line-height:20px;animation:.26s cubic-bezier(.2,.8,.3,1) both pop;position:relative;box-shadow:0 1px .5px #0b141a21}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.965)}to{opacity:1;transform:none}}.in .bubble{background:var(--wa-in);border-top-left-radius:0}.out .bubble{background:var(--wa-out);border-top-right-radius:0}.row.same .bubble{border-radius:var(--radius-bubble)}.row:not(.same) .bubble:after{content:"";width:9px;height:13px;position:absolute;top:0}.in:not(.same) .bubble:after{background:var(--wa-in);clip-path:polygon(100% 0,100% 100%,0 0);left:-8px}.out:not(.same) .bubble:after{background:var(--wa-out);clip-path:polygon(0 0,0 100%,100% 0);right:-8px}.bubble a{color:var(--wa-link);border-bottom:1px solid var(--wa-link-underline);text-decoration:none}.bubble a:hover{border-bottom-color:var(--wa-link)}.bubble a:focus-visible{outline:2px solid var(--wa-link);outline-offset:3px;border-radius:2px}.meta{float:right;color:var(--wa-meta);white-space:nowrap;align-items:center;gap:3px;margin:8px -2px -4px 8px;font-size:11px;display:inline-flex}.tick{color:var(--wa-tick)}.typing{align-items:center;gap:4px;padding:12px 13px;display:inline-flex}.typing i{background:var(--typing-dot);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer{background:var(--wa-panel);border-top:1px solid var(--wa-border);flex:none;align-items:center;gap:10px;padding:9px 12px;display:flex;position:relative}.emoji-btn{color:var(--wa-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.emoji-btn:hover:not(:disabled){color:var(--wa-text)}.emoji-btn:disabled{opacity:.55;cursor:default}.emoji-btn:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px;border-radius:50%}.emoji-btn[aria-expanded=true]{color:var(--wa-text)}.emoji-popover{z-index:50;position:absolute;bottom:calc(100% + 8px);left:12px}.emoji-popover[hidden]{display:none}.emoji-popover emoji-picker{--background:var(--menu-bg);--border-color:var(--menu-border);--border-radius:12px;--button-active-background:var(--menu-hover);--button-hover-background:var(--menu-hover);--category-font-color:var(--wa-muted);--indicator-color:var(--wa-link);--input-border-color:var(--menu-border);--input-font-color:var(--wa-text);--input-placeholder-color:var(--wa-muted);--outline-color:var(--wa-accent);--num-columns:8;border:1px solid var(--menu-border);width:min(340px,100vw - 32px);height:min(390px,55svh);box-shadow:0 12px 34px -10px var(--menu-shadow);border-radius:12px}.input{background:var(--input-bg);color:var(--wa-muted);border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 14px;font-size:14.5px;display:flex}.input>svg{flex:none}.input input{min-width:0;font:inherit;color:var(--wa-text);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14.5px;line-height:1.4}.input input::placeholder{color:var(--wa-muted);opacity:1}.input input:disabled{cursor:default}.input:focus-within{box-shadow:0 0 0 2px var(--focus-ring)}.send{color:var(--icon-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.send:disabled{opacity:.45;cursor:default}.send:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px;border-radius:6px}.hint{color:var(--wa-muted);background:var(--hint-bg);backdrop-filter:blur(3px);pointer-events:none;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;transition:opacity .4s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}.hint svg{animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.intro{flex:none;max-width:400px;display:block}.intro h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(40px,4.4vw,60px);font-weight:600;line-height:1.02}.intro p{color:var(--intro-text);max-width:36ch;margin:0 0 16px;font-size:16.5px;line-height:1.5}.intro .bio{margin:0 0 16px}.intro .bio p{margin:0 0 3px}.intro .bio p:last-child{margin-bottom:0}.intro .links{flex-direction:column;align-items:stretch;gap:8px;display:flex}.intro .links-row{flex-wrap:wrap;gap:8px;display:flex}.intro .links>.view-toggle-btn{background:var(--cta-bg);width:100%;color:var(--cta-text);border:1.5px solid var(--cta-border);justify-content:center;font-weight:500}.intro .links>.view-toggle-btn:hover{background:var(--cta-hover-bg);border-color:var(--cta-border)}.intro .links>.view-toggle-btn svg{color:var(--cta-text)}.intro .links a,.intro .links button{border:1px solid var(--btn-border);color:var(--wa-text);background:var(--btn-bg);font-size:14px;font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.intro .links a:hover,.intro .links button:hover{border-color:var(--wa-accent);background:var(--btn-hover-bg)}.intro .links a:focus-visible,.intro .links button:focus-visible{outline:2px solid var(--wa-accent);outline-offset:2px}.intro .links svg{color:var(--wa-accent)}.view-toggle-mobile{border:1px solid var(--float-border);background:var(--float-bg);backdrop-filter:blur(6px);color:var(--wa-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12.5px;display:none}.chat>.screen{background:var(--screen-bg);will-change:transform;flex-direction:column;height:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute;inset:0}.chat>.screen.no-anim{transition:none}#chatScreen{z-index:2;transform:translateY(0)}#projectsScreen{z-index:1;transform:translateY(-100%)}.proj-body{background:var(--screen-bg);flex:1;padding:16px 14px 30px;overflow-y:auto}.proj-list{flex-direction:column;gap:20px;display:flex}.proj-card{background:var(--proj-card-bg);border-radius:18px;padding:14px 14px 16px}.proj-carousel{aspect-ratio:16/10;background:var(--proj-carousel-bg);border-radius:12px;position:relative;overflow:hidden}.proj-track{height:100%;transition:transform .35s;display:flex}.proj-track img{object-fit:cover;flex:none;width:100%;height:100%}.proj-track .proj-video{background:#000;border:0;flex:none;width:100%;height:100%;display:block}.proj-arrow{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:-14px;font-size:16px;line-height:1;display:grid;position:absolute;top:50%}.proj-arrow.prev{left:8px}.proj-arrow.next{right:8px}.proj-arrow:hover{background:#000000bf}.proj-dots{justify-content:center;gap:5px;display:flex;position:absolute;bottom:8px;left:0;right:0}.proj-dots span{background:#ffffff8c;border-radius:50%;width:6px;height:6px}.proj-dots span.active{background:#fff}.proj-badge{background:var(--proj-chip-bg);border:1px solid var(--proj-chip-border);letter-spacing:.02em;color:var(--proj-text-muted);border-radius:999px;margin:14px 2px 0;padding:3px 9px;font-size:11px;display:inline-block}.proj-badge+.proj-title{margin-top:8px}.proj-title{margin:14px 2px 6px;font-size:16.5px;font-weight:600}.proj-desc{color:var(--proj-text-muted);margin:0 2px 12px;font-size:13.5px;line-height:1.55}.proj-links{flex-wrap:wrap;gap:8px;display:flex}.proj-links a{background:var(--proj-chip-bg);border:1px solid var(--proj-chip-border);color:var(--proj-link-text);border-radius:999px;padding:7px 12px;font-size:12.5px;text-decoration:none;transition:border-color .18s}.proj-links a:hover{border-color:var(--proj-link-hover)}@media (width<=900px){:root{--chat-h:100svh}#sticky{gap:0!important;padding:0!important}#sticky:before,#sticky:after,.intro{display:none!important}.chat{max-width:100%;height:100svh;width:100%!important;box-shadow:none!important;border-radius:0!important}.back{display:flex}.chat-header{gap:10px;padding:9px 12px}.hdr-actions{gap:18px}.view-toggle-mobile{z-index:65;display:inline-flex;position:fixed;bottom:92px;right:12px;box-shadow:0 6px 24px -8px #0b141a59}}@media (prefers-reduced-motion:reduce){.bubble{animation:none}.chat-list{transition:none}.hint svg,.typing i{animation:none}.chat>.screen,.proj-track{transition:none}}