*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #000000;--text-color: #f3f4f6;--navbar-bg: rgba(24, 24, 27, .35);--navbar-border: rgba(255, 255, 255, .08);--navbar-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--active-tab-bg: #27272a;--active-tab-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);--icon-color: #9ca3af;--icon-active-color: #ffffff;--logo-color: #ffffff;--overlay-bg: rgba(24, 24, 27, .88);--overlay-border: rgba(255, 255, 255, .08);--overlay-shadow: 0 20px 50px rgba(0, 0, 0, .3);--accent-color: #60a5fa;--glass-tint: rgba(24, 24, 27, .7);--body-bg: #000000;--body-bg-image: url(/assets/Dark%20mode%20wallpaper-DmP-RwKD.png);--body-bg-overlay: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));color-scheme:dark light;--lg-shadow-blur: 20px;--lg-shadow-spread: -5px;--lg-shadow-color: rgba(255, 255, 255, .08)}[data-theme=light]{--bg-color: #ffffff;--text-color: #111827;--navbar-bg: rgba(255, 255, 255, .25);--navbar-border: rgba(255, 255, 255, .45);--navbar-shadow: 0 8px 32px 0 rgba(0, 0, 0, .04);--active-tab-bg: #ffffff;--active-tab-shadow: 0 4px 12px 0 rgba(0, 0, 0, .05);--icon-color: #6b7280;--icon-active-color: #111827;--logo-color: #111827;--overlay-bg: rgba(255, 255, 255, .85);--overlay-border: rgba(229, 231, 235, .8);--overlay-shadow: 0 20px 50px rgba(0, 0, 0, .05);--accent-color: #3b82f6;--glass-tint: rgba(255, 255, 255, .7);--body-bg: #ffffff;--body-bg-image: url(/assets/Light%20mode%20wallpaper-BSFzlyin.png);--body-bg-overlay: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));--lg-shadow-blur: 20px;--lg-shadow-spread: -5px;--lg-shadow-color: rgba(255, 255, 255, .45)}[data-theme=dark]{--bg-color: #000000;--text-color: #f3f4f6;--navbar-bg: rgba(24, 24, 27, .35);--navbar-border: rgba(255, 255, 255, .08);--navbar-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--active-tab-bg: #27272a;--active-tab-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);--icon-color: #9ca3af;--icon-active-color: #ffffff;--logo-color: #ffffff;--overlay-bg: rgba(24, 24, 27, .88);--overlay-border: rgba(255, 255, 255, .08);--overlay-shadow: 0 20px 50px rgba(0, 0, 0, .3);--accent-color: #60a5fa;--glass-tint: rgba(24, 24, 27, .7);--body-bg: #000000;--body-bg-image: url(/assets/Dark%20mode%20wallpaper-DmP-RwKD.png);--body-bg-overlay: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));--lg-shadow-blur: 20px;--lg-shadow-spread: -5px;--lg-shadow-color: rgba(255, 255, 255, .08)}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Inter,sans-serif;color:var(--text-color);transition:color .3s ease;cursor:default}body{background:var(--body-bg);transition:background .5s ease}:root{background:transparent}#root{background:transparent}a{color:var(--text-color);text-decoration:none;pointer-events:all;transition:opacity .2s ease}a:hover{opacity:.8}svg{fill:var(--logo-color);transition:fill .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{opacity:0;touch-action:pan-x;animation:fade-in 1s ease .1s forwards;z-index:1}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:font-variation-settings .4s cubic-bezier(.25,1,.5,1),color .3s ease}.dock-group{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,24px));left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:8px;z-index:1000;pointer-events:none;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1)}.dock-group.nav-hidden{transform:translate(-50%) translateY(100px);opacity:0;pointer-events:none}.header-nav{position:relative;bottom:auto;left:auto;top:auto;transform:none;width:auto;max-width:calc(100vw - 32px);padding:6px 10px;display:flex;justify-content:center;align-items:center;gap:6px;z-index:1000;pointer-events:all;height:52px;border-radius:999px;isolation:isolate;background:#ffffff1a;backdrop-filter:blur(28px) saturate(190%) contrast(105%);-webkit-backdrop-filter:blur(28px) saturate(190%) contrast(105%);border:none;box-shadow:0 16px 40px #00000014,0 4px 16px #00000008;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .header-nav,:root:not([data-theme=light]) .header-nav{background:#ffffff1a;backdrop-filter:blur(28px) saturate(190%) contrast(105%);-webkit-backdrop-filter:blur(28px) saturate(190%) contrast(105%);border:none;box-shadow:0 24px 64px #00000073,0 8px 24px #00000040}.brand-section{display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:pointer;width:38px;height:38px;border-radius:50%;transition:background .2s ease,transform .2s ease}.brand-section:hover{background:#0000000f}[data-theme=dark] .brand-section:hover{background:#ffffff17}.brand-icon{width:26px;height:26px;display:block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.brand-section:hover .brand-icon{transform:scale(1.15) rotate(-8deg)}.nav-tabs-left,.nav-tabs-right{display:flex;gap:4px;align-items:center;pointer-events:all}.nav-tabs-left{flex:1;justify-content:flex-start;margin-left:4px}.nav-tabs-right{justify-content:flex-end}.nav-tab-item{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-color);opacity:.7;transition:opacity .25s ease,transform .25s ease,background .25s ease,color .25s ease,padding .35s cubic-bezier(.16,1,.3,1);outline:none;padding:8px 12px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;position:relative;overflow:hidden;white-space:nowrap}.nav-tab-item:hover{opacity:.9;background:#0000000f}[data-theme=dark] .nav-tab-item:hover{background:#ffffff17}.nav-tab-item.active{opacity:1;font-weight:700;color:#111827;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 10px #00000014,inset 0 1px #fffffff2;padding:8px 16px}.nav-tab-item.active .material-symbols-rounded{color:#111827;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}[data-theme=dark] .nav-tab-item.active{color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff59}[data-theme=dark] .nav-tab-item.active .material-symbols-rounded{color:#fff}.nav-tab-item:hover .material-symbols-rounded,.nav-tab-item.active .material-symbols-rounded,.theme-toggle-btn:hover .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.nav-tab-item .material-symbols-rounded{font-size:20px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:transform .2s ease,color .2s ease,font-variation-settings .3s cubic-bezier(.25,1,.5,1)}.dock-label{font-size:13.5px;line-height:1;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin .35s cubic-bezier(.16,1,.3,1);margin-left:0}.nav-tab-item.active .dock-label{max-width:90px;opacity:1;margin-left:6px}.orb-btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;overflow:visible;flex-shrink:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.orb-btn-icon canvas,.orb-btn-icon svg{transform:scale(.375);transform-origin:center center;flex-shrink:0}.nav-tab-item.ai-chat-btn:hover .orb-btn-icon,.nav-tab-item.ai-chat-btn.active .orb-btn-icon,.mobile-menu-item.ai-chat-btn:hover .orb-btn-icon,.mobile-menu-item.ai-chat-btn.active .orb-btn-icon,.gemini-dock-btn:hover .orb-btn-icon,.gemini-dock-btn.active .orb-btn-icon{transform:rotate(15deg) scale(1.18)}.gemini-dock-button{position:relative;height:52px;border-radius:999px;isolation:isolate;pointer-events:all;display:flex;align-items:center;justify-content:center;padding:6px;background:#111;border:1px solid rgba(0,0,0,.85);box-shadow:0 16px 40px #0000002e,0 4px 16px #0000001a;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark] .gemini-dock-button,:root:not([data-theme=light]) .gemini-dock-button{background:#fff;border-color:#ffffffd9;box-shadow:0 16px 40px #00000073,0 4px 16px #0000004d}.gemini-dock-btn{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:#fff;opacity:1;transition:opacity .25s ease,transform .25s ease,background .25s ease,color .25s ease,padding .35s cubic-bezier(.16,1,.3,1);outline:none;padding:8px 12px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;position:relative;overflow:hidden;white-space:nowrap}[data-theme=dark] .gemini-dock-btn,:root:not([data-theme=light]) .gemini-dock-btn{color:#111}.gemini-dock-btn:hover{opacity:1;background:#ffffff24}[data-theme=dark] .gemini-dock-btn:hover,:root:not([data-theme=light]) .gemini-dock-btn:hover{background:#00000014}.gemini-dock-btn.active{opacity:1;font-weight:700;background:#fff3;color:#fff;padding:8px 16px}[data-theme=dark] .gemini-dock-btn.active,:root:not([data-theme=light]) .gemini-dock-btn.active{background:#0000001a;color:#111}.gemini-dock-label{font-size:13.5px;line-height:1;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .35s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin .35s cubic-bezier(.16,1,.3,1);margin-left:0}.gemini-dock-btn.active .gemini-dock-label{max-width:90px;opacity:1;margin-left:6px}@media (max-width: 768px){.gemini-dock-button{display:none}}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color);opacity:.8;transition:background .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;outline:none;position:relative}.theme-toggle-btn:hover{opacity:1;background:#0000000f}[data-theme=dark] .theme-toggle-btn:hover{background:#ffffff1a}.theme-toggle-icon{font-size:20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),color .35s ease}.theme-toggle-btn.dark .theme-toggle-icon{transform:rotate(360deg) scale(1.1);color:#fbbf24}.theme-toggle-btn.light .theme-toggle-icon{transform:rotate(0) scale(1);color:#f59e0b}.theme-toggle-btn:active .theme-toggle-icon{transform:scale(.82) rotate(180deg)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:20px;height:14px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;pointer-events:all;outline:none}.hamburger-line{width:100%;height:2px;background-color:var(--text-color);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),background-color .4s ease}.hamburger-btn.open .line-1{transform:translateY(6px) rotate(45deg)}.hamburger-btn.open .line-2{opacity:0}.hamburger-btn.open .line-3{transform:translateY(-6px) rotate(-45deg)}.mobile-full-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color, #ffffff);z-index:1000;display:none;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1)}.mobile-full-menu.open{opacity:1;transform:translateY(0);pointer-events:all}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px;padding:40px}.mobile-menu-item{background:transparent;border:none;font-size:20px;font-weight:700;color:var(--text-color);opacity:.7;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;justify-content:center}.mobile-menu-item:hover,.mobile-menu-item.active{opacity:1;background:#0000000d}[data-theme=dark] .mobile-menu-item:hover,[data-theme=dark] .mobile-menu-item.active{background:#ffffff14}.mobile-menu-divider{width:100%;height:1px;background:#00000014;margin:8px 0}[data-theme=dark] .mobile-menu-divider{background:#ffffff14}.mobile-menu-theme-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;font-size:18px;font-weight:500;color:var(--text-color)}@media (min-width: 641px) and (max-width: 1024px){.dock-group{bottom:18px;gap:6px}.header-nav{height:48px;padding:4px 8px;gap:4px}.brand-section{width:34px;height:34px}.brand-icon{width:22px;height:22px}.nav-tab-item{padding:6px 10px;height:34px;font-size:13px}.nav-tab-item.active{padding:6px 12px}.nav-tab-item.active .dock-label{max-width:70px;font-size:12.5px;margin-left:4px}.gemini-dock-button{height:48px;padding:4px}.gemini-dock-btn{height:34px;padding:6px 10px;font-size:13px}.gemini-dock-btn.active{padding:6px 12px}.gemini-dock-btn.active .gemini-dock-label{max-width:70px;font-size:12.5px;margin-left:4px}.theme-toggle-btn{width:34px;height:34px}}@media (max-width: 640px){.dock-group{bottom:max(16px,env(safe-area-inset-bottom,16px));gap:6px}.nav-tabs-left,.nav-tabs-right{display:none}.hamburger-btn{display:flex}.header-nav{justify-content:space-between;padding:6px 14px;height:48px}.mobile-menu-item .material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}}.view-switch-container{position:absolute;top:36px;right:40px;display:flex;align-items:center;z-index:95;pointer-events:all;transition:opacity .3s ease,transform .3s ease}.view-switch-container.hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.view-switch-pill{position:relative;width:76px;height:38px;background:linear-gradient(135deg,#ffffff73,#fff3);border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 32px #0000001a,0 2px 8px #0000000a,inset 0 1px 1px #ffffffe6;border-radius:999px;padding:3px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;isolation:isolate;backdrop-filter:blur(28px) saturate(190%) contrast(105%);-webkit-backdrop-filter:blur(28px) saturate(190%) contrast(105%);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease}.view-switch-pill:hover{background:linear-gradient(135deg,#ffffff8c,#ffffff4d);border-color:#ffffffd9;box-shadow:0 16px 40px #00000024,inset 0 1px 1px #fff;transform:translateY(-1px)}[data-theme=dark] .view-switch-pill,:root:not([data-theme=light]) .view-switch-pill{background:linear-gradient(135deg,#ffffff17,#ffffff08),#0e10188c;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 40px #0000008c,0 4px 16px #00000059,inset 0 1px 1px #ffffff38,inset 0 -1px 1px #0006}[data-theme=dark] .view-switch-pill:hover,:root:not([data-theme=light]) .view-switch-pill:hover{background:linear-gradient(135deg,#ffffff24,#ffffff0d),#12141ea6;border-color:#ffffff40;box-shadow:0 20px 48px #000000a6,inset 0 1px 1px #ffffff59;transform:translateY(-1px)}.view-switch-pill:after{display:none}.view-switch-indicator{position:absolute;top:3px;width:34px;height:30px;background:#ffffffbf;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff;border-radius:999px;transition:left .3s cubic-bezier(.25,1,.3,1),background .3s ease}[data-theme=dark] .view-switch-indicator,:root:not([data-theme=light]) .view-switch-indicator{background:#ffffff2e;border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff59}.view-switch-btn{background:transparent;border:none;width:34px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#71717a;transition:color .2s ease;outline:none;padding:0}.view-switch-btn.active{color:#111827}[data-theme=dark] .view-switch-btn.active,:root:not([data-theme=light]) .view-switch-btn.active{color:#fff}.view-switch-btn .material-symbols-rounded{font-size:18px}.wheel-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ffffff73,#fff3);border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000d,inset 0 1px 1px #ffffffe6;color:#111827;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:92;pointer-events:all;outline:none;backdrop-filter:blur(28px) saturate(190%) contrast(105%);-webkit-backdrop-filter:blur(28px) saturate(190%) contrast(105%);transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease}.wheel-arrow-btn.hidden{opacity:0;pointer-events:none}.wheel-arrow-btn:after{display:none}.wheel-arrow-left{left:32px}.wheel-arrow-right{right:32px}.wheel-arrow-btn:hover{background:linear-gradient(135deg,#fff9,#ffffff4d);border-color:#ffffffe6;box-shadow:0 20px 48px #00000026,inset 0 1px 1px #fff;transform:translateY(calc(-50% - 2px)) scale(1.06)}.wheel-arrow-btn:active{transform:translateY(calc(-50% + 1px)) scale(.96);box-shadow:0 4px 12px #0000001a;transition-duration:.1s}.wheel-arrow-btn .material-symbols-rounded{font-size:26px;font-variation-settings:"wght" 400;transition:transform .25s cubic-bezier(.16,1,.3,1)}.wheel-arrow-btn:hover .material-symbols-rounded{transform:scale(1.1)}[data-theme=dark] .wheel-arrow-btn,:root:not([data-theme=light]) .wheel-arrow-btn{background:linear-gradient(135deg,#ffffff17,#ffffff08),#0e10188c;border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 20px 48px #0000008c,0 4px 16px #00000059,inset 0 1px 1px #ffffff38,inset 0 -1px 1px #0006}[data-theme=dark] .wheel-arrow-btn:hover,:root:not([data-theme=light]) .wheel-arrow-btn:hover{background:linear-gradient(135deg,#ffffff24,#ffffff0d),#12141ea6;border-color:#ffffff40;box-shadow:0 24px 60px #000000a6,inset 0 1px 1px #ffffff59}.projects-quick-list-container{position:absolute;top:36px;left:40px;z-index:95;background:transparent;border:none;box-shadow:none;padding:0;pointer-events:all;-webkit-user-select:none;user-select:none}.projects-quick-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.projects-quick-list-item{font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.4;color:#71717a;cursor:pointer;background:transparent;border:none;padding:0;margin:0;width:fit-content;transition:color .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.projects-quick-list-item:hover,.projects-quick-list-item.is-active{color:#fff;transform:translate(4px)}[data-theme=light] .projects-quick-list-item{color:#71717a}[data-theme=light] .projects-quick-list-item:hover,[data-theme=light] .projects-quick-list-item.is-active{color:#09090b}@media (max-width: 640px){.projects-quick-list-container{display:none}}.work-filter-overlay-flat{position:absolute;bottom:96px;left:50%;transform:translate(-50%);z-index:95;display:flex;align-items:center;gap:12px;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;box-shadow:none;pointer-events:none;animation:fade-in .6s cubic-bezier(.25,1,.5,1) forwards;transition:gap .35s cubic-bezier(.25,1,.5,1)}.work-filter-overlay-flat>*{pointer-events:all}.mobile-only-filter{display:none}.desktop-only-filter{display:contents}.work-filter-overlay-flat.search-active{gap:0}.work-filter-overlay-flat.search-active .filter-chips-wrapper{max-width:0;opacity:0;transform:scale(.92) translate(-20px);pointer-events:none;overflow:hidden}.work-filter-overlay-flat.search-active .search-trigger-btn{width:0;height:34px;padding:0;border-width:0;opacity:0;pointer-events:none;overflow:hidden;transform:scale(.8) translate(-10px);margin:0}.filter-chips-wrapper{display:flex;align-items:center;overflow:visible;max-width:600px;opacity:1;transform:scale(1) translate(0);transition:max-width .4s cubic-bezier(.25,1,.5,1),opacity .3s cubic-bezier(.25,1,.5,1),transform .4s cubic-bezier(.25,1,.5,1)}.filter-chips-container{display:flex;gap:8px;align-items:center;white-space:nowrap}.filter-chip{background:transparent;border:1px solid rgba(0,0,0,.08);color:#4b5563;padding:6px 16px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .25s cubic-bezier(.25,1,.5,1);outline:none;display:inline-flex;align-items:center;gap:6px}.filter-chip:has(.chip-clear-btn){padding-right:8px}.filter-chip:hover{background:#00000005;color:#000;border-color:#0003}.filter-chip.active{background:#000;color:#fff;border-color:#000;box-shadow:0 2px 8px #0000001a}.filter-chip .chip-icon{font-size:16px;transition:transform .2s ease}.filter-chip:hover .chip-icon{transform:scale(1.08)}.filter-chip .chip-clear-btn{background:#fff3;border:none;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffd9;font-size:11px;margin-left:2px;transition:all .15s ease}.filter-chip .chip-clear-btn:hover{background:#ffffff59;color:#fff}.filter-chip.active .chip-clear-btn{background:#fff3;color:#ffffffd9}.filter-chip.active .chip-clear-btn:hover{background:#ffffff59;color:#fff}[data-theme=dark] .filter-chip.active .chip-clear-btn,:root:not([data-theme=light]) .filter-chip.active .chip-clear-btn{background:#00000026;color:#000000a6}[data-theme=dark] .filter-chip.active .chip-clear-btn:hover,:root:not([data-theme=light]) .filter-chip.active .chip-clear-btn:hover{background:#00000040;color:#000}.search-trigger-btn{width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid rgba(0,0,0,.08);color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .25s cubic-bezier(.25,1,.5,1)}.search-trigger-btn:hover{background:#00000005;color:#000;border-color:#0003;transform:scale(1.06)}.search-trigger-btn .material-symbols-rounded{font-size:18px}.spotlight-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;animation:spotlight-backdrop-in .25s ease forwards}@keyframes spotlight-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.spotlight-container{width:580px;max-width:90vw;background:#ffffff38;border:1px solid rgba(255,255,255,.55);border-radius:22px;overflow:visible;clip-path:inset(0 round 22px);box-shadow:0 24px 72px #0000002e,0 0 0 .5px #fff9 inset,inset 0 0 var(--lg-shadow-blur, 24px) var(--lg-shadow-spread, 0px) var(--lg-shadow-color, rgba(255,255,255,.25));z-index:9001;display:flex;flex-direction:column;max-height:65vh;position:relative;isolation:isolate;animation:spotlight-container-in .35s cubic-bezier(.16,1,.3,1) forwards;transition:box-shadow .3s ease,border-color .3s ease,clip-path .3s ease}.spotlight-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:22px;pointer-events:none;background:#ffffff14;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000000a,inset 0 0 32px #ffffff1f}.spotlight-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:22px;backdrop-filter:var(--liquid-glass-filter, blur(32px) saturate(2.2) brightness(1.05));-webkit-backdrop-filter:var(--liquid-glass-filter, blur(32px) saturate(2.2) brightness(1.05));pointer-events:none}@keyframes spotlight-container-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.spotlight-container.has-results{box-shadow:0 32px 96px #00000038,0 8px 24px #00000014,0 0 0 .5px #ffffff80 inset}.spotlight-input-area{display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;transition:border-color .2s ease}.spotlight-container.has-results .spotlight-input-area{border-bottom:1px solid rgba(255,255,255,.3)}.spotlight-search-icon{font-size:22px;color:#8e8e93;flex-shrink:0}.spotlight-input{flex:1;border:none;background:transparent;outline:none;font-family:Inter,sans-serif;font-size:17px;font-weight:400;color:#000;letter-spacing:-.01em;caret-color:#000}.spotlight-input::placeholder{color:#b0b0b0;font-weight:400}.spotlight-clear-btn{background:#0000000f;border:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8e8e93;transition:all .15s ease;flex-shrink:0}.spotlight-clear-btn:hover{background:#0000001a;color:#000}.spotlight-clear-btn .material-symbols-rounded{font-size:14px}.spotlight-shortcut-badge{flex-shrink:0}.spotlight-shortcut-badge span{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;color:#8e8e93;background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:5px;font-family:Inter,sans-serif;text-transform:lowercase}.spotlight-results{overflow-y:auto;padding:6px 0;animation:spotlight-results-reveal .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes spotlight-results-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:60vh;transform:translateY(0)}}.spotlight-results::-webkit-scrollbar{width:4px}.spotlight-results::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px}.spotlight-results-header{display:flex;align-items:center;gap:6px;padding:8px 18px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8e8e93}.spotlight-results-header .material-symbols-rounded{font-size:14px}.spotlight-result-item{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;margin:0 8px;border-radius:10px;cursor:pointer;transition:background .12s ease}.spotlight-result-item:hover,.spotlight-result-item.selected{background:#0000000d}.spotlight-result-item.selected{background:#000}.spotlight-result-item.selected .spotlight-result-title{color:#fff}.spotlight-result-item.selected .spotlight-result-category{color:#fff9}.spotlight-result-item.selected .spotlight-result-icon{color:#ffffffb3}.spotlight-result-item.selected .spotlight-tag{background:#ffffff1f;color:#ffffffb3;border-color:#ffffff1a}.spotlight-result-item.selected .spotlight-tag .material-symbols-rounded{color:#fff9}.spotlight-result-left{display:flex;align-items:center;gap:12px;min-width:0}.spotlight-result-icon{font-size:20px;color:#8e8e93;flex-shrink:0}.spotlight-result-info{display:flex;flex-direction:column;gap:1px;min-width:0}.spotlight-result-title{font-size:14px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease}.spotlight-result-category{font-size:11.5px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s ease}.spotlight-result-tags{display:flex;gap:4px;flex-shrink:0;margin-left:16px}.spotlight-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;color:#8e8e93;background:#00000008;border:1px solid rgba(0,0,0,.04);border-radius:6px;text-transform:capitalize;transition:all .12s ease}.spotlight-tag .material-symbols-rounded{font-size:12px;color:#b0b0b0;transition:color .12s ease}.spotlight-no-results{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 18px;color:#8e8e93;font-size:14px;font-weight:500;animation:spotlight-results-reveal .3s cubic-bezier(.16,1,.3,1) forwards}.spotlight-no-results .material-symbols-rounded{font-size:22px}.active-search-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 12px;background:#000;color:#fff;border-radius:999px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:default;animation:chip-pop-in .3s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap;max-width:200px}@keyframes chip-pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.active-search-chip>.material-symbols-rounded{font-size:15px;color:#fff9}.active-search-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.active-search-chip-delete{background:#ffffff26;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .15s ease;flex-shrink:0;margin-left:2px}.active-search-chip-delete:hover{background:#ffffff4d;color:#fff}.active-search-chip-delete .material-symbols-rounded{font-size:13px}@media (max-width: 768px){.work-filter-overlay-flat{flex-direction:row;width:90%;max-width:320px;gap:0;top:auto;bottom:30px;padding:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:99px}.work-filter-overlay-flat.search-active{flex-direction:column;border-radius:20px;gap:8px;padding:8px}.mobile-only-filter{display:contents}.desktop-only-filter{display:none!important}.mobile-filter-search-row{display:flex;align-items:center;gap:10px;width:100%}.mobile-dropdown-wrapper{position:relative;flex:1}.mobile-filter-pill{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px 10px 18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease;text-align:left}.mobile-filter-pill.open,.mobile-filter-pill:active{background:#fff3;border-color:#ffffff59}.mobile-filter-pill-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-filter-chevron{font-size:20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;opacity:.8}.mobile-filter-chevron.flipped{transform:rotate(180deg)}.mobile-filter-panel{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:#141423d1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:18px;overflow:hidden;z-index:200;box-shadow:0 8px 32px #0006,0 0 0 .5px #ffffff14 inset;animation:mobile-dropdown-in .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes mobile-dropdown-in{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-filter-option{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;background:none;border:none;color:#ffffffbf;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.mobile-filter-option+.mobile-filter-option{border-top:1px solid rgba(255,255,255,.07)}.mobile-filter-option:active,.mobile-filter-option:hover{background:#ffffff14;color:#fff}.mobile-filter-option.active{color:#fff;font-weight:700}.mobile-filter-option-icon{font-size:18px;opacity:.7;flex-shrink:0}.mobile-filter-option.active .mobile-filter-option-icon{opacity:1}.mobile-filter-option-label{flex:1}.mobile-filter-option-check{font-size:18px;color:#6ee7b7;flex-shrink:0}.mobile-search-btn{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;width:44px!important;height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;color:#fff!important;box-shadow:none!important;position:static!important;transform:none!important;flex-shrink:0;transition:background .2s ease,border-color .2s ease!important}.mobile-search-btn:active{background:#ffffff38!important}.mobile-filter-clear-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.mobile-filter-clear-btn:active{background:#ffffff38}.wheel-arrow-btn{width:44px;height:44px}.wheel-arrow-left{left:12px}.wheel-arrow-right{right:12px}.spotlight-container{width:95vw;max-height:70vh}.spotlight-backdrop{padding-top:12vh}.spotlight-result-tags{display:none}}@media (max-width: 640px){.header-nav{padding:16px 20px;flex-direction:row;justify-content:space-between;align-items:center;gap:0;height:auto}.brand-section{gap:8px;margin-left:0;padding:4px}.brand-name{font-size:18px}.brand-last-name{margin-top:0!important}.brand-icon{width:32px;height:32px}.nav-tabs-right{gap:8px}.nav-tab-item{font-size:13px;padding:6px 12px}.theme-icon{display:none}.theme-switch-container{margin-left:4px;gap:0}.brand-first-name{display:inline}.chat-container{height:480px}.view-switch-container{display:none}.story-heading{font-size:24px!important;line-height:1.35!important}.story-heading .serif-italic{font-size:28px!important}.story-subheading{font-size:14px;margin-top:8px}.story-content{gap:16px!important;padding:64px 20px 20px!important;height:auto!important}.story-card-wrapper{max-width:200px;margin-bottom:4px}.hero-word-icon.visible{width:22px!important;margin-right:4px!important}.hero-word-icon.icon-right.visible{margin-right:0!important;margin-left:4px!important}.hero-word-icon .material-symbols-rounded{font-size:18px!important}.terminal-chip-wrapper{margin-top:8px!important}}@media (pointer: fine){body.custom-cursor-active,body.custom-cursor-active *:not(input):not(textarea):not([contenteditable=true]){cursor:none!important}body.custom-cursor-active input,body.custom-cursor-active textarea,body.custom-cursor-active [contenteditable=true]{cursor:text!important}}.ipad-cursor{position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;background:#fff;border:none;pointer-events:none;z-index:9999;transform:translateZ(0);transform-origin:center center;mix-blend-mode:difference;transition:background-color .3s ease,border-color .3s ease,mix-blend-mode .3s ease}.ipad-cursor.snapped{background:#fff;border-color:transparent;box-shadow:0 4px 20px #0000000d;mix-blend-mode:difference}.ipad-cursor.snap-theme-toggle{background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;mix-blend-mode:normal!important}.ipad-cursor.text-input-mode{opacity:0!important;pointer-events:none}.ipad-cursor.cursor-label-mode{background:#111827!important;mix-blend-mode:normal!important;border:1px solid rgba(0,0,0,.1)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 24px #0000001f!important}.ipad-cursor.cursor-label-mode .ipad-cursor-text{color:#fff!important}[data-theme=dark] .ipad-cursor.cursor-label-mode,:root:not([data-theme=light]) .ipad-cursor.cursor-label-mode{background:#fff!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 24px #ffffff14!important}[data-theme=dark] .ipad-cursor.cursor-label-mode .ipad-cursor-text,:root:not([data-theme=light]) .ipad-cursor.cursor-label-mode .ipad-cursor-text{color:#000!important}.ipad-cursor-text{font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:0!important;transform:translateY(4px) scale(.95)!important;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;pointer-events:none}.ipad-cursor-text.active{opacity:1!important;transform:translateY(0) scale(1)!important}.nav-tab-item,.brand-section,.quick-card-btn,.view-switch-btn,.chat-send-btn,.chat-input-reset-btn,.footer-btn,.filter-chip,.search-trigger-btn,.active-search-chip-delete,.terminal-chip,.apple-switch{transition:transform .4s cubic-bezier(.175,.885,.32,1.25),opacity .2s ease,background-color .2s ease,color .2s ease}.nav-tab-item.magnet-active,.brand-section.magnet-active,.quick-card-btn.magnet-active,.view-switch-btn.magnet-active,.chat-send-btn.magnet-active,.chat-input-reset-btn.magnet-active,.footer-btn.magnet-active,.filter-chip.magnet-active,.search-trigger-btn.magnet-active,.active-search-chip-delete.magnet-active,.terminal-chip.magnet-active,.floating-chat-container.magnet-active,.apple-switch.magnet-active{transition:none!important}.theme-switch-container{display:flex;align-items:center;gap:8px;pointer-events:all;margin-left:12px}.theme-icon{font-size:16px;color:var(--icon-color);opacity:.65;transition:color .3s ease,opacity .3s ease;-webkit-user-select:none;user-select:none}.theme-switch-container:hover .theme-icon{opacity:1}.apple-switch{position:relative;width:44px;height:24px;background-color:#e9e9ea;border:none;border-radius:999px;cursor:pointer;outline:none;padding:0;display:inline-block;box-shadow:inset 0 1px 2px #0000000d;transition:background-color .3s cubic-bezier(.25,.8,.25,1)}.apple-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 3px 8px #00000026,0 1px 1px #00000005;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease}.apple-switch.checked{background-color:#34c759}.apple-switch.checked .apple-switch-thumb{transform:translate(20px)}[data-theme=dark] .brand-name,:root:not([data-theme=light]) .brand-name{color:#fff}[data-theme=dark] .nav-tab-item:hover,[data-theme=dark] .nav-tab-item.active,:root:not([data-theme=light]) .nav-tab-item:hover,:root:not([data-theme=light]) .nav-tab-item.active{color:#fff}[data-theme=dark] .welcome-title,:root:not([data-theme=light]) .welcome-title{color:#fff}[data-theme=dark] .welcome-subtitle,:root:not([data-theme=light]) .welcome-subtitle{color:#9ca3af}[data-theme=dark] .chat-page-container,:root:not([data-theme=light]) .chat-page-container{background:var(--body-bg)}[data-theme=dark] .chat-message-row.bot .chat-message-bubble,:root:not([data-theme=light]) .chat-message-row.bot .chat-message-bubble{background:transparent;color:#f3f4f6}[data-theme=dark] .chat-message-row.user .chat-message-bubble,:root:not([data-theme=light]) .chat-message-row.user .chat-message-bubble{background:#fff;color:#000}[data-theme=dark] .quick-card-btn,:root:not([data-theme=light]) .quick-card-btn{background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=dark] .quick-card-btn:hover,:root:not([data-theme=light]) .quick-card-btn:hover{background:#ffffff0f!important;border:none!important}[data-theme=dark] .quick-card-text,:root:not([data-theme=light]) .quick-card-text{color:#fff}[data-theme=dark] .quick-card-btn .arrow-icon,:root:not([data-theme=light]) .quick-card-btn .arrow-icon{color:#ffffff73}[data-theme=dark] .quick-card-btn:hover .arrow-icon,:root:not([data-theme=light]) .quick-card-btn:hover .arrow-icon{color:#fff}[data-theme=dark] .chat-input-row input,:root:not([data-theme=light]) .chat-input-row input{background:#1c1c1e;border-color:#2c2c2e;color:#fff}[data-theme=dark] .chat-input-row input:focus,:root:not([data-theme=light]) .chat-input-row input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff26}[data-theme=dark] .chat-voice-btn,:root:not([data-theme=light]) .chat-voice-btn{background:transparent;border-color:#fff3;color:#fff}[data-theme=dark] .chat-voice-btn:hover,:root:not([data-theme=light]) .chat-voice-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff}[data-theme=dark] .chat-send-btn,:root:not([data-theme=light]) .chat-send-btn{background:#fff;color:#000}[data-theme=dark] .chat-send-btn:hover,:root:not([data-theme=light]) .chat-send-btn:hover{background:#e5e5e7}[data-theme=dark] .chat-input-reset-btn,:root:not([data-theme=light]) .chat-input-reset-btn{background:#ffffff1a;border-color:#ffffff0d;color:#9ca3af}[data-theme=dark] .chat-input-reset-btn:hover,:root:not([data-theme=light]) .chat-input-reset-btn:hover{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .chat-project-card,:root:not([data-theme=light]) .chat-project-card{background:#1c1c1e;border-color:#ffffff14;box-shadow:0 2px 8px #0003}[data-theme=dark] .chat-project-card:hover,:root:not([data-theme=light]) .chat-project-card:hover{border-color:#ffffff26;box-shadow:0 6px 20px #0000004d}[data-theme=dark] .chat-project-name,:root:not([data-theme=light]) .chat-project-name{color:#fff}[data-theme=dark] .chat-project-desc,:root:not([data-theme=light]) .chat-project-desc{color:#a1a1aa}[data-theme=dark] .chat-stack-tag,:root:not([data-theme=light]) .chat-stack-tag{color:#d1d5db;background:#2c2c2e}[data-theme=dark] .chat-project-link,:root:not([data-theme=light]) .chat-project-link{color:#fff}[data-theme=dark] .chat-project-take-me-btn,:root:not([data-theme=light]) .chat-project-take-me-btn{color:#000;background:#fff;border-color:#fff}[data-theme=dark] .chat-project-take-me-btn:hover,:root:not([data-theme=light]) .chat-project-take-me-btn:hover{background:#e5e5e5;border-color:#e5e5e5}[data-theme=dark] .chat-skill-pill,:root:not([data-theme=light]) .chat-skill-pill{color:#fff;background:#2c2c2e}[data-theme=dark] .chat-skill-pill:hover,:root:not([data-theme=light]) .chat-skill-pill:hover{background:#3a3a3c}[data-theme=dark] .chat-source-badge,:root:not([data-theme=light]) .chat-source-badge{background:#ffffff05;border-color:#ffffff0f}[data-theme=dark] .chat-out-of-scope-card,:root:not([data-theme=light]) .chat-out-of-scope-card{background:#1c1c1e;border-color:#ffffff14}[data-theme=dark] .oos-text,:root:not([data-theme=light]) .oos-text{color:#d1d5db}[data-theme=dark] .oos-suggestion-chip,:root:not([data-theme=light]) .oos-suggestion-chip{background:#2c2c2e;border-color:#ffffff1a;color:#fff}[data-theme=dark] .oos-suggestion-chip:hover,:root:not([data-theme=light]) .oos-suggestion-chip:hover{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .chat-follow-up-list,:root:not([data-theme=light]) .chat-follow-up-list{background:#1c1c1e;border-color:#ffffff14}[data-theme=dark] .follow-up-divider,:root:not([data-theme=light]) .follow-up-divider{background:#ffffff14}[data-theme=dark] .follow-up-text-link:hover,:root:not([data-theme=light]) .follow-up-text-link:hover{background:#ffffff0a}[data-theme=dark] .follow-up-link-text,:root:not([data-theme=light]) .follow-up-link-text{color:#d1d5db}[data-theme=dark] .follow-up-text-link:hover .follow-up-link-text,:root:not([data-theme=light]) .follow-up-text-link:hover .follow-up-link-text{color:#fff}[data-theme=dark] .filter-chip,:root:not([data-theme=light]) .filter-chip{border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .filter-chip:hover,:root:not([data-theme=light]) .filter-chip:hover{background:#ffffff0d;color:#fff;border-color:#fff3}[data-theme=dark] .filter-chip.active,:root:not([data-theme=light]) .filter-chip.active{background:#fff;color:#000;border-color:#fff;box-shadow:0 2px 8px #ffffff26}[data-theme=dark] .search-trigger-btn,:root:not([data-theme=light]) .search-trigger-btn{border-color:#ffffff1a;color:#9ca3af}[data-theme=dark] .search-trigger-btn:hover,:root:not([data-theme=light]) .search-trigger-btn:hover{background:#ffffff0d;color:#fff;border-color:#fff3}[data-theme=dark] .active-search-chip,:root:not([data-theme=light]) .active-search-chip{background:#fff;color:#000}[data-theme=dark] .active-search-chip>.material-symbols-rounded,:root:not([data-theme=light]) .active-search-chip>.material-symbols-rounded{color:#00000080}[data-theme=dark] .active-search-chip-delete,:root:not([data-theme=light]) .active-search-chip-delete{background:#00000026;color:#000000b3}[data-theme=dark] .active-search-chip-delete:hover,:root:not([data-theme=light]) .active-search-chip-delete:hover{background:#0000004d;color:#000}[data-theme=dark] .chat-messages-area::-webkit-scrollbar-thumb,:root:not([data-theme=light]) .chat-messages-area::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] .view-switch-pill,:root:not([data-theme=light]) .view-switch-pill{background:#0c0c0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #0006}[data-theme=dark] .view-switch-pill:hover,:root:not([data-theme=light]) .view-switch-pill:hover{background:#18181b;border-color:#ffffff40;box-shadow:0 12px 32px #00000080}[data-theme=dark] .view-switch-indicator,:root:not([data-theme=light]) .view-switch-indicator{background:#fff}[data-theme=dark] .view-switch-btn,:root:not([data-theme=light]) .view-switch-btn{color:#9ca3af}[data-theme=dark] .view-switch-btn.active,:root:not([data-theme=light]) .view-switch-btn.active{color:#0c0c0f}[data-theme=dark] .ipad-cursor,:root:not([data-theme=light]) .ipad-cursor{background:#fff;border-color:transparent;mix-blend-mode:difference}[data-theme=dark] .ipad-cursor.snapped,:root:not([data-theme=light]) .ipad-cursor.snapped{background:#fff;border-color:transparent;mix-blend-mode:difference}[data-theme=dark] .ipad-cursor.snap-theme-toggle,:root:not([data-theme=light]) .ipad-cursor.snap-theme-toggle{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important;mix-blend-mode:normal!important}[data-theme=dark] .apple-switch,:root:not([data-theme=light]) .apple-switch{background-color:#2c2c2e}[data-theme=dark] .apple-switch.checked,:root:not([data-theme=light]) .apple-switch.checked{background-color:#30d158}[data-theme=dark] .spotlight-container,:root:not([data-theme=light]) .spotlight-container{background:#14141c47;border-color:#ffffff2e;box-shadow:0 32px 96px #0000008c,0 8px 24px #0000004d,0 0 0 .5px #ffffff1a inset,inset 0 0 var(--lg-shadow-blur, 32px) var(--lg-shadow-spread, 0px) var(--lg-shadow-color, rgba(255,255,255,.06))}[data-theme=dark] .spotlight-container:before,:root:not([data-theme=light]) .spotlight-container:before{background:#ffffff0a;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0003,inset 0 0 48px #ffffff08}[data-theme=dark] .spotlight-container.has-results .spotlight-input-area,:root:not([data-theme=light]) .spotlight-container.has-results .spotlight-input-area{border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .spotlight-input,:root:not([data-theme=light]) .spotlight-input{color:#fff;caret-color:#fff}[data-theme=dark] .spotlight-input::placeholder,:root:not([data-theme=light]) .spotlight-input::placeholder{color:#636366}[data-theme=dark] .spotlight-search-icon,:root:not([data-theme=light]) .spotlight-search-icon{color:#8e8e93}[data-theme=dark] .spotlight-shortcut-badge span,:root:not([data-theme=light]) .spotlight-shortcut-badge span{background:#ffffff14;border-color:#ffffff1a;color:#8e8e93}[data-theme=dark] .spotlight-results-header,:root:not([data-theme=light]) .spotlight-results-header{color:#8e8e93}[data-theme=dark] .spotlight-result-item,:root:not([data-theme=light]) .spotlight-result-item{color:#fff}[data-theme=dark] .spotlight-result-title,:root:not([data-theme=light]) .spotlight-result-title{color:#fff}[data-theme=dark] .spotlight-result-category,:root:not([data-theme=light]) .spotlight-result-category{color:#8e8e93}[data-theme=dark] .spotlight-result-item:hover,[data-theme=dark] .spotlight-result-item.selected,:root:not([data-theme=light]) .spotlight-result-item:hover,:root:not([data-theme=light]) .spotlight-result-item.selected{background:#ffffff14}[data-theme=dark] .spotlight-result-item.selected,:root:not([data-theme=light]) .spotlight-result-item.selected{background:#fff}[data-theme=dark] .spotlight-result-item.selected .spotlight-result-title,:root:not([data-theme=light]) .spotlight-result-item.selected .spotlight-result-title{color:#000}[data-theme=dark] .spotlight-result-item.selected .spotlight-result-category,:root:not([data-theme=light]) .spotlight-result-item.selected .spotlight-result-category{color:#0000008c}[data-theme=dark] .spotlight-result-item.selected .spotlight-result-icon,:root:not([data-theme=light]) .spotlight-result-item.selected .spotlight-result-icon{color:#000000a6}[data-theme=dark] .spotlight-result-item.selected .spotlight-tag,:root:not([data-theme=light]) .spotlight-result-item.selected .spotlight-tag{background:#00000014;border-color:#0000000d;color:#0009}[data-theme=dark] .spotlight-result-item.selected .spotlight-tag .material-symbols-rounded,:root:not([data-theme=light]) .spotlight-result-item.selected .spotlight-tag .material-symbols-rounded{color:#00000080}[data-theme=dark] .spotlight-tag,:root:not([data-theme=light]) .spotlight-tag{background:#ffffff0d;border-color:#ffffff0d;color:#9ca3af}[data-theme=dark] .spotlight-tag .material-symbols-rounded,:root:not([data-theme=light]) .spotlight-tag .material-symbols-rounded{color:#6b7280}[data-theme=dark] .spotlight-no-results,:root:not([data-theme=light]) .spotlight-no-results{color:#8e8e93}.loading-screen-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:all;overflow:hidden;background:transparent}.loading-split-half{position:absolute;left:0;width:100%;height:50.5vh;background:var(--body-bg);transition:transform 1.2s cubic-bezier(.85,0,.15,1)}.loading-split-half.top{top:0;transform-origin:top center}.loading-split-half.bottom{bottom:0;transform-origin:bottom center}.loading-screen-wrapper.exit .loading-split-half.top{transform:translateY(-100%)}.loading-screen-wrapper.exit .loading-split-half.bottom{transform:translateY(100%)}.loading-center-line{position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--text-color);transform-origin:center center;transform:scaleX(0);transition:transform .1s linear,opacity .5s ease;z-index:10}.loading-screen-wrapper.exit .loading-center-line{opacity:0;transform:scaleY(0)}.loading-counter{position:absolute;bottom:40px;right:60px;z-index:12;color:var(--text-color);font-family:Inter,sans-serif;font-size:80px;font-weight:200;letter-spacing:-.05em;line-height:1;transition:opacity .5s ease,transform .5s ease;-webkit-user-select:none;user-select:none}.loading-screen-wrapper.exit .loading-counter{opacity:0;transform:translateY(20px)}@media (max-width: 768px){.loading-counter{bottom:24px;right:24px;font-size:60px}}.work-view-container{position:relative;height:100vh;width:max-content;display:flex;flex-direction:row;align-items:stretch;background:transparent}.storytelling-section{width:100vw;min-width:100vw;height:100vh;margin:0;border-radius:0;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;box-shadow:none;background:transparent;flex-shrink:0;z-index:2;will-change:transform;transform:translateZ(0)}.storytelling-section-tornado{background:transparent;color:var(--text-color)}.storytelling-section-tornado .storytelling-viewport,.storytelling-section-tornado .story-heading,.storytelling-section-tornado .story-subheading,.storytelling-section-tornado .terminal-chip-subtitle,.storytelling-section-tornado .terminal-chip-code,.storytelling-section-tornado .aniket-fill-text{color:var(--text-color)}.storytelling-section-tornado .terminal-chip-copy{color:var(--icon-color)}.storytelling-section-tornado .terminal-chip{border-color:var(--navbar-border)}.storytelling-section-tornado .terminal-chip:hover{border-color:var(--text-color)}.storytelling-viewport{position:relative;z-index:2;width:100vw;min-width:100vw;min-height:calc(100vh - 112px);display:flex;justify-content:center;align-items:center}[data-theme=dark] .storytelling-section,:root:not([data-theme=light]) .storytelling-section{border-color:transparent;box-shadow:none}.canvas-section{width:100vw;min-width:100vw;height:100vh;margin-left:0;position:relative;background:transparent;flex-shrink:0;z-index:10;overflow:hidden;pointer-events:auto}.canvas-section-r3f{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.canvas-section-r3f>div,.canvas-section-r3f canvas{width:100%!important;height:100%!important;display:block;outline:none;touch-action:pan-x}.canvas-section.is-mobile-section{width:100vw;min-width:100vw;height:100vh;margin-left:0;overflow-y:auto;position:relative;background:var(--bg-color);flex-shrink:0}.video-showcase-section{width:75vw;min-width:75vw;height:100vh;margin-left:0;position:relative;background:transparent;flex-shrink:0;z-index:12;display:flex;align-items:center;justify-content:center;pointer-events:none}.native-video-backdrop{position:fixed;z-index:2;display:block;object-fit:cover;border-radius:16px;background:#000;box-shadow:0 24px 64px #00000059;pointer-events:none;transform-origin:center center;will-change:transform,opacity}.sylva-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-color, #000000);transition:background .3s ease}.sylva-backdrop:after{display:none}.video-showcase-inner{width:min(68vw,960px);aspect-ratio:16 / 9;position:relative;pointer-events:none;z-index:2}.video-showcase-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;will-change:transform;transform-origin:center center;pointer-events:auto}.video-showcase-measure{width:100%;height:100%;pointer-events:none}.docu-card-webgl-overlay{background:transparent!important;border:none!important;box-shadow:none!important;pointer-events:auto}@media (max-width: 640px){.video-showcase-section{width:100vw;min-width:100vw;margin-left:0;background:var(--bg-color);padding:48px 24px;height:auto;min-height:100vh}.video-showcase-inner{width:100%;max-width:720px}.storytelling-section{width:100vw;min-width:100vw;align-items:center}.storytelling-viewport{width:100vw;min-width:100vw}.canvas-section{margin-left:0;background:var(--bg-color)}}.story-content{position:relative;z-index:5;width:100%;max-width:1200px;margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:16px;height:auto;min-height:100%;opacity:1;transform:none;pointer-events:all}.story-hero-grid{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;max-width:100%;margin:100px 0 0;gap:32px;flex-wrap:wrap}.story-aniket-text{width:100%;margin-top:0;-webkit-user-select:none;user-select:none;pointer-events:all;opacity:.95;overflow:hidden;transition:none}.story-aniket-text.is-tablet{height:auto!important;overflow:visible}.aniket-fill-text{font-family:Geist Pixel,monospace;font-weight:400;font-size:110px;line-height:1;letter-spacing:0;text-transform:lowercase;color:var(--text-color);white-space:nowrap;display:block}.story-left-col{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}.story-card-wrapper{width:100%;max-width:220px;display:flex;justify-content:flex-start;align-self:flex-start;margin-bottom:4px}.story-heading{font-family:Inter,sans-serif;font-size:38px;font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--text-color);margin:0;text-align:left;width:100%}.story-heading .serif-italic{font-family:Geist Pixel,monospace;font-style:normal;font-weight:400;letter-spacing:0}.space-invader-icon{display:inline-block;vertical-align:middle;margin:0 8px;position:relative;top:-4px}.story-subheading{font-size:16px;font-weight:500;color:var(--icon-color);margin:-4px 0 0;display:flex;align-items:center;justify-content:flex-start;gap:6px;text-align:left}.terminal-chip-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.terminal-chip{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ffffff14,#ffffff05),#0e101880;border:1px solid rgba(255,255,255,.15);padding:10px 18px;border-radius:12px;font-family:monospace;font-size:14px;color:var(--text-color);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;isolation:isolate;position:relative;overflow:hidden;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 24px #0000004d,inset 0 1px 1px #fff3}[data-theme=light] .terminal-chip{background:linear-gradient(135deg,#ffffff80,#fff3);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px #00000014,inset 0 1px 1px #ffffffe6}.terminal-chip:hover{background:linear-gradient(135deg,#ffffff24,#ffffff0a),#12141e99;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 12px 32px #0006,inset 0 1px 1px #ffffff59}[data-theme=light] .terminal-chip:hover{background:linear-gradient(135deg,#ffffffa6,#ffffff59);border-color:#ffffffe6;box-shadow:0 12px 32px #0000001f,inset 0 1px 1px #fff}.terminal-chip-code{font-weight:500;letter-spacing:.02em}.terminal-chip-copy{display:flex;align-items:center;color:var(--icon-color)}.terminal-chip-copy .material-symbols-rounded{font-size:16px}.terminal-chip-subtitle{font-size:11px;color:var(--icon-color);opacity:.75;margin:0}.docu-card-static{display:block;text-decoration:none;color:inherit;width:100%;max-width:220px;aspect-ratio:16 / 9;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #00000040;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;cursor:pointer}[data-theme=light] .docu-card-static{background:#00000005;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 32px #0000000f}.docu-card-static:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000059}.docu-card-video{width:100%;height:100%;object-fit:cover;display:block}.docu-card-video-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;border-radius:inherit}.docu-card-video-link:focus-visible{outline:2px solid #ffffff;outline-offset:-4px}.docu-card-sound-toggle{position:absolute;bottom:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#00000080;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #0000004d,inset 0 1px 1px #fff6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;z-index:5;padding:0}.docu-card-static:hover .docu-card-sound-toggle{opacity:1}.docu-card-sound-toggle:hover{transform:scale(1.1);background:#000000d9}.docu-card-sound-toggle .material-symbols-rounded{font-size:14px}.docu-card-large{width:100%;height:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #00000059;position:relative}[data-theme=light] .docu-card-large{box-shadow:0 24px 64px #0000001f}.docu-card-large video::-webkit-media-controls{border-radius:0 0 16px 16px}.docu-card-no-hover,.docu-card-no-hover:hover{transform:none!important;box-shadow:inherit!important;cursor:default!important}.docu-card-no-hover .docu-card-thumbnail,.docu-card-no-hover:hover .docu-card-thumbnail{transform:none!important}.docu-card-no-hover .docu-card-sound-toggle,.docu-card-no-hover:hover .docu-card-sound-toggle{opacity:1}.docu-card-iframe-container{width:100%;height:100%;border-radius:12px;overflow:hidden;background:#000}.docu-card-iframe-container iframe{width:100%;height:100%;border:0}.docu-card-cover{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.docu-card-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,1,.5,1)}.docu-card-static:hover .docu-card-thumbnail{transform:scale(1.03)}.docu-card-play-btn{position:absolute;width:auto;height:auto;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s cubic-bezier(.25,1,.5,1),opacity .3s ease;filter:drop-shadow(0 4px 16px rgba(0,0,0,.7));cursor:pointer}.docu-card-play-btn span{font-size:64px;line-height:1}.docu-card-static:hover .docu-card-play-btn{background:transparent!important;color:#fff!important;border-color:transparent!important;transform:scale(1.18);box-shadow:none!important}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@media (min-width: 641px) and (max-width: 1024px){.story-content{padding:0 32px;max-width:960px}.story-hero-grid{margin-top:120px;gap:28px;align-items:flex-start;justify-content:flex-start}.story-left-col{width:100%;align-items:flex-start;text-align:left}.story-card-wrapper{max-width:220px;justify-content:flex-start;align-self:flex-start}.story-heading{font-size:clamp(28px,3.2vw,36px);line-height:1.2;text-align:left}}@media (max-width: 640px){.story-content{flex-direction:column;justify-content:center;gap:40px;padding:80px 24px 40px}.story-hero-grid{margin-top:0;align-items:flex-start;justify-content:flex-start}.story-left-col{width:100%;align-items:flex-start;text-align:left}.story-card-wrapper{max-width:200px;padding:0;justify-content:flex-start;align-self:flex-start}.story-heading{font-size:32px;text-align:left}.story-heading .serif-italic{font-size:38px}.hero-word-icon.visible{width:30px;margin-right:6px}.hero-word-icon.icon-right.visible{margin-right:0;margin-left:6px}.hero-word-icon .material-symbols-rounded{font-size:24px}}.hero-word-with-icon{display:inline-flex;align-items:center;gap:2px}.hero-word-icon{display:inline-flex;align-items:center;justify-content:center;width:0;opacity:0;transform:scale(0) rotate(-45deg);transition:width .5s cubic-bezier(.34,1.56,.64,1),margin-right .5s cubic-bezier(.34,1.56,.64,1),margin-left .5s cubic-bezier(.34,1.56,.64,1),opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;vertical-align:middle;margin-right:0;margin-left:0}.hero-word-icon.visible{width:52px;opacity:1;transform:scale(1) rotate(0);margin-right:12px}.hero-word-icon.icon-right.visible{margin-right:0;margin-left:12px}.hero-word-icon .material-symbols-rounded{font-size:44px;display:block}[data-theme=dark] .hero-word-icon{color:#ffb703}[data-theme=light] .hero-word-icon{color:#e76f51}.floating-chat-wrapper{position:fixed;bottom:92px;left:50%;transform:translate(-50%) translateY(40px) scale(.92);opacity:0;visibility:hidden;z-index:1000;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.floating-chat-wrapper.popped-up{transform:translate(-50%) translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:all;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity 0s,visibility 0s}.floating-chat-container{position:relative;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .25s cubic-bezier(.25,1,.5,1);overflow:hidden;will-change:transform}.floating-chat-container.collapsed{width:180px;height:48px;border-radius:24px;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26871f,0 2px 8px #0000000d,inset 0 0 var(--lg-shadow-blur) var(--lg-shadow-spread) var(--lg-shadow-color);cursor:pointer;isolation:isolate;backdrop-filter:var(--liquid-glass-filter, blur(20px) saturate(160%));-webkit-backdrop-filter:var(--liquid-glass-filter, blur(20px) saturate(160%))}.floating-chat-container.collapsed:hover{transform:translateY(-2px);background:#ffffff4d;border-color:#ffffff80;box-shadow:0 12px 40px #1f26872e,0 4px 12px #00000014}.floating-chat-container.expanded{width:520px;height:600px;max-width:92vw;max-height:75vh;border-radius:24px;background:#ffffff59;border:1px solid rgba(255,255,255,.4);box-shadow:0 16px 48px #0000001f;display:flex;flex-direction:column;cursor:default;isolation:isolate;backdrop-filter:var(--liquid-glass-filter, blur(20px) saturate(160%));-webkit-backdrop-filter:var(--liquid-glass-filter, blur(20px) saturate(160%));transition:bottom .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1)}.floating-chat-container.expanded.maximized{width:92vw;height:85vh;max-width:1200px;max-height:85vh}.floating-chat-container:before,.floating-chat-container.expanded:before{display:none}.chat-pill-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;color:var(--text-color);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:2;padding:0 16px}.chat-3d-icon{width:42px;height:42px;object-fit:contain;margin-top:-6px;margin-left:-10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.floating-chat-container.collapsed:hover .chat-3d-icon{transform:scale(1.18) rotate(-6deg)}.chat-expanded-content{display:flex;flex-direction:column;width:100%;height:100%;opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden;transition:opacity .35s cubic-bezier(.16,1,.3,1) .1s,transform .35s cubic-bezier(.16,1,.3,1) .1s,visibility .35s cubic-bezier(.16,1,.3,1);z-index:2;overflow:hidden;position:relative}.floating-chat-wrapper.popped-up .chat-expanded-content{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.mobile-drawer-handle{display:none}.chat-window-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:100;pointer-events:all}.chat-control-btn{background:#0000000d;border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--icon-color);transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.chat-control-btn:hover{background:#0000001a;color:var(--text-color);transform:scale(1.08)}.chat-control-btn .material-symbols-rounded{font-size:20px}.floating-chat-container .chat-messages-area{flex:1;padding:16px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:transparent}.floating-chat-container .chat-input-row{padding:14px 20px;border-top:none;background:transparent;display:flex;align-items:center;gap:10px;pointer-events:all}.floating-chat-container .chat-input-row input{flex:1;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;border-radius:20px;padding:8px 16px;font-size:14px;outline:none;font-family:inherit;transition:all .25s ease;color:#000}.floating-chat-container .chat-input-row input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px #3b82f626}.floating-chat-container .chat-send-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-color);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.floating-chat-container .chat-send-btn:hover{transform:scale(1.05);filter:brightness(1.05)}.floating-chat-container .chat-stop-btn,.project-chat-window .chat-stop-btn{width:32px;height:32px;border-radius:50%;background:#ef4444;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.floating-chat-container .chat-stop-btn:hover,.project-chat-window .chat-stop-btn:hover{transform:scale(1.05);background:#dc2626}.project-window-control-btn.ask-more-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.floating-chat-container .chat-input-reset-btn{width:32px;height:32px;border-radius:50%;background:#0000000d;border:none;color:var(--icon-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.floating-chat-container .chat-input-reset-btn:hover{background:#0000001a;color:var(--text-color);transform:scale(1.05)}[data-theme=dark] .floating-chat-container.collapsed{background:#00000040;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 0 var(--lg-shadow-blur) var(--lg-shadow-spread) var(--lg-shadow-color)}[data-theme=dark] .floating-chat-container.collapsed:hover{background:#0006;border-color:#ffffff1a}[data-theme=dark] .floating-chat-container.expanded{background:#12121a73;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #0009}[data-theme=dark] .chat-control-btn{background:#ffffff14}[data-theme=dark] .chat-control-btn:hover{background:#ffffff26}[data-theme=dark] .floating-chat-container .chat-input-row{border-top:none;background:transparent}[data-theme=dark] .floating-chat-container .chat-input-row input{border-color:#ffffff1a;background:#0006;color:#fff}[data-theme=dark] .floating-chat-container .chat-input-row input:focus{border-color:var(--accent-color);background:#0009;box-shadow:0 0 0 3px #60a5fa40}[data-theme=dark] .floating-chat-container .chat-input-reset-btn{background:#ffffff0f}[data-theme=dark] .floating-chat-container .chat-input-reset-btn:hover{background:#ffffff1f}[data-theme=dark] .floating-chat-container .chat-messages-area::-webkit-scrollbar-thumb{background:#ffffff1f}@media (max-width: 768px){.floating-chat-wrapper{position:fixed;bottom:24px;right:20px;left:auto;width:64px;height:64px;transform:none;border-radius:50%;overflow:hidden;opacity:0;visibility:hidden;z-index:9999;transition:bottom .45s cubic-bezier(.16,1,.3,1),right .45s cubic-bezier(.16,1,.3,1),left .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),border-radius .45s cubic-bezier(.16,1,.3,1),opacity .35s ease,visibility .35s ease}.floating-chat-wrapper.popped-up{position:fixed;top:0;bottom:0;left:0!important;right:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;transform:none!important;border-radius:0!important;margin:0!important;padding:0!important;opacity:1;visibility:visible;transition:bottom .45s cubic-bezier(.16,1,.3,1),right .45s cubic-bezier(.16,1,.3,1),left .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),border-radius .45s cubic-bezier(.16,1,.3,1),opacity 0s,visibility 0s}.floating-chat-container.expanded{width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;border:none!important;margin:0!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.floating-chat-container.expanded .chat-expanded-content{width:100%!important;height:100%!important;padding-top:0!important;border-radius:0!important}.chat-control-btn.maximize{display:none}.chat-orb-anchor{display:none!important}}.chat-messages-inner{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:12px;flex-grow:1}.chat-input-inner{width:100%;max-width:680px;margin:0 auto;display:flex;align-items:center;gap:10px}.project-detail-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);animation:project-backdrop-in .55s cubic-bezier(.22,1,.36,1) forwards;transition:background .6s cubic-bezier(.16,1,.3,1)}.project-detail-backdrop.chat-active{background:#000000bf}.project-detail-backdrop.exit{animation:project-backdrop-out .38s cubic-bezier(.4,0,1,1) forwards}.project-detail-container{display:flex;align-items:stretch;justify-content:center;width:90%;max-width:1000px;height:85vh;height:85dvh;gap:0;transition:width .6s cubic-bezier(.16,1,.3,1),max-width .6s cubic-bezier(.16,1,.3,1),gap .6s cubic-bezier(.16,1,.3,1);position:relative;perspective:1200px;animation:project-container-rise .62s cubic-bezier(.22,1,.36,1) .04s both}.project-detail-container.chat-active{width:96%;max-width:1400px;gap:24px}.project-detail-container.maximized,.project-detail-container.maximized.chat-active{width:100vw;height:100vh;max-width:100vw;gap:0}.project-detail-container.exit{animation:project-container-dismiss .36s cubic-bezier(.4,0,1,1) forwards}.project-detail-window{position:relative;flex:1.3;width:100%;height:100%;border-radius:24px;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(30px) saturate(175%);-webkit-backdrop-filter:blur(30px) saturate(175%);box-shadow:0 32px 80px #00000038,0 8px 24px #0000001a,0 0 0 .5px #ffffff8c inset;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.92) translateY(18px);animation:project-window-spring-in .65s cubic-bezier(.34,1.56,.64,1) .12s both;transition:flex .6s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease;color:var(--text-color)}[data-theme=dark] .project-detail-window{background:#18181bd9;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000073,0 0 0 .5px #ffffff0f inset}.project-detail-window:before,.project-chat-window:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff26,#ffffff05 40%,#fff0);pointer-events:none;z-index:10}[data-theme=dark] .project-detail-window:before,[data-theme=dark] .project-chat-window:before{background:linear-gradient(135deg,#ffffff14,#ffffff05 40%,#fff0)}.project-detail-window.maximized{flex:1.3;width:100%;height:100vh;max-width:100%;border-radius:0;border:none;transform:none}.project-window-outline-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:1010;border:2px solid var(--text-color);box-shadow:0 0 20px #fff3,inset 0 0 10px #ffffff1a;opacity:0;transition:opacity .4s ease}.project-window-outline-overlay.active{opacity:1;animation:outline-pulse 1.5s infinite alternate}.project-chat-window{position:relative;flex:0;min-width:0;max-width:0;height:100%;border-radius:24px;background:#fff0;border:1px solid transparent;backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%);box-shadow:none;display:flex;flex-direction:column;overflow:hidden;color:var(--text-color);opacity:0;pointer-events:none;visibility:hidden;transform:scale(.95) translate3d(20px,0,0);transition:flex .6s cubic-bezier(.16,1,.3,1),min-width .6s cubic-bezier(.16,1,.3,1),max-width .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),background-color .6s cubic-bezier(.16,1,.3,1)}.project-chat-window.chat-visible{flex:.7;min-width:380px;max-width:480px;opacity:1;pointer-events:all;visibility:visible;transform:scale(1) translateZ(0);border:1px solid rgba(255,255,255,.8);background:#ffffffb3;backdrop-filter:blur(30px) saturate(175%);-webkit-backdrop-filter:blur(30px) saturate(175%);box-shadow:0 20px 60px #00000026,0 0 0 .5px #ffffff80 inset}[data-theme=dark] .project-chat-window{background:#0c101d00;border:1px solid transparent;box-shadow:none}[data-theme=dark] .project-chat-window.chat-visible{background:#0c101d73;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000073,0 0 0 .5px #ffffff0f inset}.project-chat-window.maximized{height:100vh;border-radius:0;border-top:none;border-bottom:none;border-right:none;background:#fff0;border-left:1px solid transparent;backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%);box-shadow:none;opacity:0;pointer-events:none;visibility:hidden;transform:scale(1) translate3d(20px,0,0);transform-origin:right center;transition:all .6s cubic-bezier(.16,1,.3,1)}.project-chat-window.maximized.chat-visible{opacity:1;pointer-events:all;visibility:visible;transform:scale(1) translateZ(0);border-left:1px solid rgba(255,255,255,.3);background:#ffffffbf;backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);box-shadow:0 20px 50px #0000004d}[data-theme=dark] .project-chat-window.maximized.chat-visible{background:#0f1423bf;border-left:1px solid rgba(255,255,255,.08)}@keyframes outline-pulse{0%{box-shadow:0 0 10px #ffffff26,inset 0 0 5px #ffffff14}to{box-shadow:0 0 25px #ffffff4d,inset 0 0 15px #ffffff26}}.project-chat-window .chat-window-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:100;pointer-events:all}.project-chat-window .chat-messages-area{flex:1;padding:16px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:transparent}.project-chat-window .chat-input-row{padding:14px 20px;border-top:none;background:transparent;display:flex;align-items:center;gap:10px;pointer-events:all}.project-chat-window .chat-input-row input{flex:1;border:1px solid rgba(0,0,0,.1);background:#ffffffb3;border-radius:20px;padding:8px 16px;font-size:14px;outline:none;font-family:inherit;transition:all .25s ease;color:#000}.project-chat-window .chat-input-row input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px #3b82f626}.project-chat-window .chat-send-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-color);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.project-chat-window .chat-send-btn:hover{transform:scale(1.05);filter:brightness(1.05)}[data-theme=dark] .project-chat-window .chat-input-row{border-top:none;background:transparent}[data-theme=dark] .project-chat-window .chat-input-row input{border-color:#ffffff1a;background:#0006;color:#fff}[data-theme=dark] .project-chat-window .chat-input-row input:focus{border-color:var(--accent-color);background:#0009;box-shadow:0 0 0 3px #60a5fa40}.project-chat-window .chat-messages-area::-webkit-scrollbar{width:6px}.project-chat-window .chat-messages-area::-webkit-scrollbar-track{background:transparent}.project-chat-window .chat-messages-area::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}[data-theme=dark] .project-chat-window .chat-messages-area::-webkit-scrollbar-thumb{background:#ffffff1f}@keyframes project-backdrop-in{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}40%{opacity:.85;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}to{opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}@keyframes project-backdrop-out{0%{opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}@keyframes project-container-rise{0%{opacity:0;transform:perspective(1200px) translateY(48px) rotateX(4deg) scale(.97)}60%{opacity:1}to{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) scale(1)}}@keyframes project-window-spring-in{0%{opacity:0;transform:scale(.92) translateY(18px);filter:blur(4px)}55%{filter:blur(0px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes project-container-dismiss{0%{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) scale(1);filter:blur(0px)}to{opacity:0;transform:perspective(1200px) translateY(24px) rotateX(2deg) scale(.94);filter:blur(6px)}}@media (prefers-reduced-motion: reduce){.project-detail-backdrop{animation:project-backdrop-simple-in .2s ease forwards;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.project-detail-backdrop.exit{animation:project-backdrop-simple-out .15s ease forwards}.project-detail-container{animation:project-backdrop-simple-in .2s ease .04s both}.project-detail-container.exit{animation:project-backdrop-simple-out .15s ease forwards}.project-detail-window{animation:project-backdrop-simple-in .2s ease .1s both;filter:none}.project-window-header-bar,.project-detail-header,.project-detail-sidebar{animation:project-backdrop-simple-in .2s ease .1s both;transform:none}.project-detail-sidebar{transform:translateY(-50%)}@keyframes project-backdrop-simple-in{0%{opacity:0}to{opacity:1}}@keyframes project-backdrop-simple-out{0%{opacity:1}to{opacity:0}}}.project-window-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:transparent;border-bottom:none;flex-shrink:0;-webkit-user-select:none;user-select:none;opacity:0;animation:project-child-fade-up .45s cubic-bezier(.22,1,.36,1) .34s both;transition:transform .4s cubic-bezier(.16,1,.3,1),margin-top .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1)}.project-window-header-bar.controls-hidden{transform:translateY(-100%);margin-top:-56px;opacity:0;pointer-events:none}@keyframes project-child-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-window-title-bar{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;opacity:.8}.project-window-title-bar .material-symbols-rounded{font-size:16px;color:var(--text-color);opacity:.8}.project-window-controls{display:flex;align-items:center;gap:8px}.project-window-control-btn{background:var(--navbar-bg);border:1px solid var(--navbar-border);color:var(--text-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.project-window-control-btn:hover{transform:scale(1.08);background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.project-window-control-btn.close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.project-window-content{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:20px 0;display:flex;flex-direction:column;align-items:center}.project-window-content::-webkit-scrollbar{width:8px}.project-window-content::-webkit-scrollbar-track{background:transparent}.project-window-content::-webkit-scrollbar-thumb{background:var(--navbar-border);border-radius:999px}.project-detail-header{width:100%;max-width:900px;padding:60px 40px 40px;text-align:left;display:flex;flex-direction:column;gap:20px;opacity:0;animation:project-child-fade-up .55s cubic-bezier(.22,1,.36,1) .42s both}.project-category-tag{font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--text-color);opacity:.65}.project-detail-title{font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.1;color:var(--text-color)}.project-detail-meta{font-size:15px;font-weight:500;opacity:.6}.project-detail-description{font-size:clamp(15px,1.8vw,18px);line-height:1.6;opacity:.85;max-width:720px;margin-top:5px}.project-stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.project-tag-pill{font-size:12px;font-weight:600;padding:5px 12px;background:var(--navbar-bg);border:1px solid var(--navbar-border);color:var(--text-color);border-radius:999px}.project-live-link-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:15px;padding:10px 24px;font-size:14px;font-weight:700;background:var(--text-color);color:var(--bg-color);border-radius:999px;box-shadow:0 4px 15px #00000014;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:all}.project-live-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;opacity:.95}.project-slides-container{width:100%;max-width:100%;padding:0 0 100px;display:flex;flex-direction:column;gap:0px}.project-slide-wrapper{width:100%;margin:0;padding:0;border-radius:0;border:none;box-shadow:none;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.project-slide-wrapper.in-view{opacity:1;transform:translateY(0)}.project-slide-inner{width:100%;height:100%;position:relative}.project-slide-image{width:100%;height:auto;display:block;object-fit:contain}.project-slide-index-label{position:absolute;bottom:16px;left:16px;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.05em;border:1px solid rgba(255,255,255,.15);pointer-events:none}.project-detail-sidebar{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:1005;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;animation:project-sidebar-slide-in .5s cubic-bezier(.22,1,.36,1) .48s both;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1)}.project-detail-sidebar.controls-hidden{animation:none;transform:translateY(-50%) translate(100px);opacity:0;pointer-events:none}@keyframes project-sidebar-slide-in{0%{opacity:0;transform:translateY(-50%) translate(16px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sidebar-dots-container{display:flex;flex-direction:column;gap:10px;position:relative;padding:20px 10px;background:var(--navbar-bg);border:1px solid var(--navbar-border);box-shadow:var(--navbar-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;pointer-events:all;max-height:70vh;overflow-y:auto}.sidebar-dots-container::-webkit-scrollbar{display:none}.sidebar-dots-container{-ms-overflow-style:none;scrollbar-width:none}.sidebar-track-line{position:absolute;top:24px;bottom:24px;left:50%;transform:translate(-50%);width:1px;background:var(--navbar-border);z-index:-1;opacity:.5}.sidebar-dot-btn{background:transparent;border:none;width:20px;height:20px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.dot-visual{width:5px;height:5px;border-radius:50%;background:var(--text-color);opacity:.25;transition:all .3s cubic-bezier(.16,1,.3,1)}.dot-label{position:absolute;right:28px;background:var(--text-color);color:var(--bg-color);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;opacity:0;transform:translate(8px);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;white-space:nowrap}.sidebar-dot-btn:hover .dot-visual{opacity:.7;transform:scale(1.4)}.sidebar-dot-btn:hover .dot-label{opacity:1;transform:translate(0)}.sidebar-dot-btn.active .dot-visual{opacity:1;transform:scale(2);background:var(--text-color)}.sidebar-dot-btn.active .dot-label{background:var(--text-color);color:var(--bg-color)}@media (max-width: 1200px){.project-detail-sidebar{display:none!important}.project-detail-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:block!important;padding:0!important;margin:0!important;z-index:1000!important;overflow:hidden!important;background:var(--bg-color, #000000)!important}.project-detail-container{display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border-radius:0!important;overflow:hidden!important;background:var(--bg-color, #000000)!important;gap:0!important;animation:none!important;transform:none!important}.project-detail-window{display:flex!important;flex-direction:column!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100%!important;width:100%!important;border-radius:0!important;border:none!important;box-shadow:none!important;overflow:hidden!important;opacity:1!important;animation:none!important;transform:none!important;transition:none!important;z-index:1010!important;background:#fffffffa!important;color:var(--text-color)!important}[data-theme=dark] .project-detail-window{background:#12141cfa!important}.project-window-header-bar,.project-detail-header,.project-slides-container,.project-slide-wrapper,.project-slide-wrapper.in-view{opacity:1!important;animation:none!important;transform:none!important;visibility:visible!important}.project-detail-window.chat-active{transform:none!important;transition:none!important}.project-window-control-btn.maximize{display:none!important}.project-window-content{height:calc(100% - 44px)!important;flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.project-chat-window{display:none!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-width:100%!important;border-radius:0!important;border:none!important;z-index:1050!important;box-shadow:none!important;background:#fffffffa!important;backdrop-filter:blur(30px) saturate(175%)!important;-webkit-backdrop-filter:blur(30px) saturate(175%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;transition:none!important}.project-chat-window.chat-visible{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:all!important;transform:none!important;transition:none!important;z-index:1050!important}[data-theme=dark] .project-chat-window,[data-theme=dark] .project-chat-window.chat-visible{background:#0f1423fa!important}.project-chat-window .chat-messages-area{padding:16px 20px 24px!important}.mobile-drawer-handle{display:none}}@media (max-width: 768px){.project-detail-header{padding:24px 16px 16px}.project-slides-container{padding:0 0 60px;gap:12px}.project-slide-wrapper{border-radius:0}.project-window-header-bar{padding:10px 16px}}.project-window-control-btn.ask-more-btn{width:auto;height:32px;border-radius:16px;padding:0 14px 0 10px;gap:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.ask-more-orb-wrapper{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}@media (max-width: 680px){.ask-more-btn-text{display:none}.project-window-control-btn.ask-more-btn{padding:0;width:32px;height:32px;border-radius:50%;justify-content:center}}.project-chat-welcome{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px 8px 16px}.project-chat-welcome .welcome-title{font-size:26px;line-height:1.1;letter-spacing:-.03em;font-weight:800;color:var(--text-color)}.project-chat-welcome .welcome-subtitle{font-size:14px;line-height:1.5;color:var(--text-color);opacity:.75;margin-top:8px;margin-bottom:8px;max-width:100%}.project-window-control-btn.maximize:hover,.project-window-control-btn.close:hover,.chat-control-btn:hover{background:#000!important;color:#fff!important;border-color:#000!important;opacity:1!important;transform:scale(1.08)!important}.chat-loading-status-text{font-size:13px;font-family:Inter,sans-serif;color:var(--text-color);opacity:.75;font-weight:500;white-space:nowrap}.chat-loading-indicator-container{display:flex;align-items:center;gap:12px;padding:8px 4px;animation:message-bubble-slide .3s cubic-bezier(.16,1,.3,1) forwards}.portfolio-pages-viewport{width:100vw;height:100vh;overflow-x:auto;overflow-y:hidden;position:relative;display:flex;flex-direction:row;scroll-behavior:auto;-webkit-overflow-scrolling:touch}.portfolio-pages-viewport::-webkit-scrollbar{height:5px}.portfolio-pages-viewport::-webkit-scrollbar-track{background:transparent}.portfolio-pages-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}[data-theme=light] .portfolio-pages-viewport::-webkit-scrollbar-thumb{background:#00000026}.portfolio-pages-slider{width:max-content;height:100%;display:flex;flex-direction:row}.portfolio-page{height:100%;position:relative;overflow:visible}@media (min-width: 641px){.video-showcase-section{pointer-events:none}.canvas-section,.projects-quick-list-container,.wheel-arrow-btn,.view-switch-container{pointer-events:auto}}.portfolio-page.work-page{height:100vh;width:max-content;min-width:100vw;display:flex;flex-direction:row}.mobile-portfolio-container{width:100%;max-width:100vw;padding:80px 20px 140px;display:flex;flex-direction:column;gap:36px;background:var(--bg-color);color:var(--text-color);box-sizing:border-box}.mobile-intro-section{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:10px}.mobile-video-card-wrapper{width:100%;max-width:320px;margin-bottom:6px}.mobile-video-card-wrapper .docu-card-static{max-width:100%;border-radius:16px;box-shadow:0 8px 24px #0003}.mobile-video-card-wrapper .docu-card-sound-toggle{opacity:.9}.mobile-intro-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:500;color:var(--text-color)}[data-theme=light] .mobile-intro-badge{background:#0000000a;border-color:#00000014}.mobile-intro-heading{font-family:Inter,sans-serif;font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text-color);margin:0;min-height:72px}.mobile-intro-sub{font-size:14px;line-height:1.55;color:var(--icon-color);margin:0}.mobile-terminal-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:13px;cursor:pointer;transition:all .2s ease}[data-theme=light] .mobile-terminal-chip{background:#0000000a;border-color:#00000014}.mobile-terminal-chip code{font-family:monospace;font-size:13px;color:var(--text-color);font-weight:600}.mobile-terminal-chip .copy-icon{font-size:16px;color:var(--icon-color);margin-left:4px}.mobile-section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--about-hairline, rgba(255, 255, 255, .1))}.mobile-section-header .section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color)}.mobile-section-header .section-count{font-size:12px;color:var(--icon-color)}.mobile-projects-list-container{width:100%;max-width:1080px;margin:0 auto;padding:60px 24px 80px;box-sizing:border-box}.mobile-projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}@media (max-width: 768px){.mobile-projects-list-container{padding:36px 16px 60px}.mobile-projects-list{display:flex;flex-direction:column;gap:20px}}.mobile-project-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease;box-shadow:0 8px 24px #0000001f}[data-theme=light] .mobile-project-card{background:#ffffffe6;border-color:#00000014;box-shadow:0 8px 24px #0000000d}.mobile-project-card:active{transform:scale(.98)}.mobile-card-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0000001a}.mobile-card-image{width:100%;height:100%;object-fit:cover}.mobile-card-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.mobile-card-overlay-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.mobile-card-overlay-arrow{font-size:20px;color:#fffc}.mobile-floating-chat-btn{position:fixed;bottom:24px;right:20px;width:64px;height:64px;border-radius:50%;border:none;background:var(--text-color);color:var(--bg-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;box-shadow:0 4px 20px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.mobile-floating-chat-btn:active{transform:scale(.92)}.mobile-floating-chat-btn .material-symbols-rounded{font-size:24px}.mobile-action-section{display:flex;flex-direction:column;gap:14px;padding:16px 0 10px}.mobile-action-title{font-size:17px;font-weight:700;color:var(--text-color);letter-spacing:-.02em;margin:0}.mobile-action-buttons-group{display:flex;flex-direction:column;gap:12px;width:100%}.mobile-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:all .2s ease;box-sizing:border-box}.mobile-action-btn.primary{background:var(--text-color);color:var(--bg-color)}.mobile-action-btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-color)}[data-theme=light] .mobile-action-btn.secondary{background:#0000000a;border-color:#00000014}.mobile-action-btn.secondary.copied{background:#10b981;color:#fff;border-color:#10b981}.mobile-action-btn .material-symbols-rounded{font-size:20px}.mobile-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--about-hairline, rgba(255, 255, 255, .1))}.mobile-footer-socials{display:flex;gap:12px}.mobile-social-pill{width:42px;height:42px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-color);display:flex;align-items:center;justify-content:center;text-decoration:none}[data-theme=light] .mobile-social-pill{background:#0000000a;border-color:#00000014}.mobile-copyright{font-size:11.5px;color:var(--icon-color);text-align:center;line-height:1.45;margin:0}.chat-page-container{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;padding:155px 60px 40px;z-index:5;background:#fff;animation:fade-in .6s cubic-bezier(.25,1,.5,1) forwards}.chat-container{width:100%;max-width:680px;height:100%;display:flex;flex-direction:column;background:transparent;border:none;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-welcome-section{padding:24px 0 20px;text-align:left}.chat-welcome-orb{margin-bottom:12px;display:flex;justify-content:center}.welcome-title{display:flex;flex-direction:column;line-height:.9;font-size:40px;font-weight:800;letter-spacing:-.04em;color:#000}.welcome-subtitle{font-size:16px;color:#4b5563;line-height:1.55;margin-top:12px;max-width:580px}.chat-messages-area{flex:1;padding:16px 8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px}.chat-messages-area::-webkit-scrollbar{width:5px}.chat-messages-area::-webkit-scrollbar-track{background:transparent}.chat-messages-area::-webkit-scrollbar-thumb{background:#00000014;border-radius:999px}.chat-message-row{display:flex;width:100%;animation:message-bubble-slide .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes message-bubble-slide{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chat-message-row.bot{justify-content:flex-start}.chat-message-row.user{justify-content:flex-end}.chat-message-bubble{font-size:15px;line-height:1.6;letter-spacing:-.01em}.chat-message-row.bot .chat-message-bubble{background:transparent;color:#111827;padding:0;border-radius:0;max-width:100%}.chat-message-row.user .chat-message-bubble{max-width:75%;padding:10px 16px;background:#000;color:#fff;border-radius:18px 18px 4px}.chat-message-bubble.typing{display:flex;gap:4px;padding:12px 18px;align-items:center}.chat-message-bubble.typing span{width:7px;height:7px;background:#8e8e93;border-radius:50%;animation:typing-dots 1.4s infinite ease-in-out}.chat-message-bubble.typing span:nth-child(2){animation-delay:.2s}.chat-message-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-dots{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-quick-cards-grid{display:flex;flex-direction:column;gap:4px;padding:16px 0;width:100%}.quick-card-btn{background:transparent!important;border:none!important;border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;pointer-events:all;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:none!important;width:100%}.quick-card-btn:hover{background:#0000000a!important;border:none!important;transform:translate(3px);box-shadow:none!important}.quick-card-text{font-size:14.5px;font-weight:500;color:var(--text-color, #111827);line-height:1.45;display:flex;align-items:center;gap:8px}.quick-card-btn .arrow-icon{font-size:18px;color:#9ca3af99;transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s ease}.quick-card-btn:hover .arrow-icon{transform:translate(4px);color:var(--text-color, #000000)}@media (max-width: 600px){.chat-quick-cards-grid{grid-template-columns:1fr}}.chat-input-row{padding:16px 8px;border-top:none;display:flex;align-items:center;gap:12px;background:transparent;pointer-events:all}.chat-input-row input{flex:1;border:1px solid #d1d1d6;background:#fff;border-radius:22px;padding:10px 18px;font-size:14.5px;outline:none;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}.chat-input-row input:focus{border-color:#000;box-shadow:0 0 0 3px #00000014}.chat-send-btn{width:34px;height:34px;border-radius:50%;background:#000;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.chat-send-btn:hover{transform:scale(1.06);background:#222}.chat-send-btn .material-symbols-rounded{font-size:18px}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.chat-voice-btn{width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid #d1d1d6;color:var(--text-color, #000000);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.chat-voice-btn:hover{transform:scale(1.06);background:#0000000a;border-color:#000}.chat-voice-btn:active{transform:scale(.96)}.chat-voice-btn .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.chat-voice-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.chat-input-reset-btn{width:34px;height:34px;border-radius:50%;background:#0000000d;border:1px solid rgba(0,0,0,.04);color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.chat-input-reset-btn:hover{background:#000;color:#fff;border-color:#000;transform:scale(1.06)}.chat-input-reset-btn:active{transform:scale(.96)}.chat-input-reset-btn .material-symbols-rounded{font-size:18px}.chat-input-reset-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.chat-input-row input:disabled{opacity:.6;cursor:not-allowed}.chat-assistant-response{display:flex;flex-direction:column;gap:12px;max-width:100%;width:100%;animation:message-bubble-slide .3s cubic-bezier(.16,1,.3,1) forwards}.chat-project-cards{display:flex;flex-direction:column;gap:10px;animation:chat-section-fade-in .4s cubic-bezier(.16,1,.3,1) .15s both}@keyframes chat-section-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-project-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000008}.chat-project-card:hover{border-color:#00000029;box-shadow:0 6px 20px #0000000f;transform:translateY(-1px)}.chat-project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:#0000000a}.chat-project-img-wrapper{position:relative;aspect-ratio:16 / 10;overflow:hidden}.chat-project-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.chat-project-card:hover .chat-project-img-wrapper img{transform:scale(1.04)}.chat-project-card-body{padding:14px 16px 16px}.chat-project-name{font-size:15px;font-weight:700;color:#000;letter-spacing:-.02em;margin-bottom:4px}.chat-project-desc{font-size:13px;line-height:1.5;color:#4b5563;margin-bottom:10px}.chat-project-stack{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.chat-stack-tag{display:inline-flex;padding:3px 9px;font-size:11px;font-weight:600;color:#374151;background:#f3f4f6;border-radius:6px;letter-spacing:.01em}.chat-project-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#000;text-decoration:none;transition:opacity .2s ease;pointer-events:all}.chat-project-link:hover{opacity:.7}.chat-project-link .material-symbols-rounded{font-size:16px}.chat-project-card-wrapper{display:flex;align-items:center;gap:16px;width:100%}@media (max-width: 600px){.chat-project-card-wrapper{flex-direction:column;align-items:stretch;gap:10px}}.chat-project-take-me-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;background:#000;border:1px solid #000000;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0;pointer-events:all;outline:none}.chat-project-take-me-btn:hover{background:#222;border-color:#222;transform:scale(1.08)}.chat-project-take-me-btn:active{transform:scale(.96)}.chat-project-take-me-btn .material-symbols-rounded{font-size:20px}.chat-skill-tags{display:flex;flex-wrap:wrap;gap:6px;animation:chat-section-fade-in .4s cubic-bezier(.16,1,.3,1) .25s both}.chat-skill-pill{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;color:#000;background:#f0f0f0;border-radius:999px;letter-spacing:-.01em;transition:all .2s ease}.chat-skill-pill:hover{background:#e5e5e5}.chat-source-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;color:#9ca3af;background:#00000005;border-radius:8px;border:1px solid rgba(0,0,0,.04);animation:chat-section-fade-in .4s cubic-bezier(.16,1,.3,1) .35s both;align-self:flex-start}.chat-source-badge .material-symbols-rounded{font-size:14px;color:#d1d5db}.chat-out-of-scope-card{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:20px;text-align:center;animation:message-bubble-slide .3s cubic-bezier(.16,1,.3,1) forwards}.oos-icon-row{margin-bottom:10px}.oos-icon-row .material-symbols-rounded{font-size:28px;color:#9ca3af}.oos-text{font-size:14px;line-height:1.5;color:#4b5563;margin-bottom:14px}.oos-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.oos-suggestion-chip{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;color:#000;cursor:pointer;pointer-events:all;transition:all .2s cubic-bezier(.16,1,.3,1)}.oos-suggestion-chip:hover{background:#000;color:#fff;border-color:#000}.orb-avatar{border-radius:50%;position:relative;flex-shrink:0;background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6);background-size:200% 200%;box-shadow:0 0 10px #6366f166,0 0 20px #6366f133;transition:all .5s cubic-bezier(.16,1,.3,1)}.orb-size-sm{width:28px;height:28px;margin-top:4px}.orb-size-md{width:44px;height:44px}.orb-size-lg{width:60px;height:60px}.orb-state-idle{animation:orb-idle-breath 4s ease-in-out infinite,orb-gradient-shift 8s ease infinite;box-shadow:0 0 10px #6366f14d,0 0 20px #a855f71a}.orb-state-thinking{animation:orb-thinking-pulse .8s ease-in-out infinite alternate,orb-gradient-shift-fast 1.5s linear infinite;background:linear-gradient(135deg,#06b6d4,#3b82f6,#a855f7);background-size:200% 200%;box-shadow:0 0 12px #06b6d480,0 0 24px #a855f74d,0 0 36px #3b82f626}.orb-state-responding{animation:orb-responding-ripple 1.5s cubic-bezier(.25,.8,.25,1) infinite,orb-gradient-shift 4s ease infinite;background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6);background-size:200% 200%;box-shadow:0 0 12px #ec489966,0 0 24px #8b5cf633}@keyframes orb-idle-breath{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.04);opacity:1}}@keyframes orb-thinking-pulse{0%{transform:scale(.96);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.25)}}@keyframes orb-responding-ripple{0%{transform:scale(1);box-shadow:0 0 8px #ec489966,0 0 16px #8b5cf633,0 0 #ec489900}50%{transform:scale(1.06);box-shadow:0 0 12px #ec489999,0 0 24px #8b5cf666,0 0 8px #ec489933}to{transform:scale(1);box-shadow:0 0 8px #ec489966,0 0 16px #8b5cf633,0 0 16px #ec489900}}@keyframes orb-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orb-gradient-shift-fast{0%{background-position:0% 50%;filter:hue-rotate(0deg)}to{background-position:200% 50%;filter:hue-rotate(360deg)}}.chat-top-bar{display:flex;justify-content:flex-end;padding:8px 0;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.04)}.chat-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:#4b5563;background:#0000000a;border:1px solid rgba(0,0,0,.04);border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.chat-reset-btn:hover{background:#000;color:#fff;border-color:#000}.chat-reset-btn:active{transform:scale(.96)}.chat-reset-btn .material-symbols-rounded{font-size:16px}.chat-follow-up-section{margin-top:14px;display:flex;flex-direction:column;gap:8px;animation:chat-section-fade-in .4s cubic-bezier(.16,1,.3,1) .15s both;width:100%}.chat-follow-up-list{display:flex;flex-direction:column;width:100%;border-radius:14px;background:#fafafa;border:1px solid rgba(0,0,0,.05);overflow:hidden}.follow-up-item-container{display:flex;flex-direction:column;width:100%}.follow-up-divider{height:1px;background:#0000000d;width:92%;margin:0 auto}.follow-up-text-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:all;outline:none}.follow-up-text-link:hover{background:#00000005;transform:translate(2px)}.follow-up-link-text{font-size:13px;font-weight:550;color:#374151;letter-spacing:-.01em;transition:color .2s ease}.follow-up-text-link:hover .follow-up-link-text{color:#000}.follow-up-link-arrow{font-size:15px;color:#9ca3af;transition:all .2s cubic-bezier(.16,1,.3,1)}.follow-up-text-link:hover .follow-up-link-arrow{color:#000;transform:translate(3px)}.follow-up-text-link:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.chat-loading-container{display:flex;flex-direction:row;align-items:center;gap:10px;padding:4px 0;background:transparent;border-radius:0;border:none;box-shadow:none;margin:4px 0;width:fit-content;max-width:100%}[data-theme=dark] .chat-loading-container{background:transparent;border:none}.chat-loading-status-text{font-size:13.5px;color:#4b5563;font-weight:500;letter-spacing:-.01em}[data-theme=dark] .chat-loading-status-text{color:#9ca3af}.chat-tokens-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--text-color);opacity:.5;margin-top:10px;padding:4px 8px;border-radius:6px;background:#0000000a;border:1px solid rgba(0,0,0,.04);align-self:flex-start;font-family:monospace}[data-theme=dark] .chat-tokens-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.chat-tokens-badge .material-symbols-rounded{font-size:12px}.animate-spin-pulse{animation:spin-pulse-kf 3s ease-in-out infinite}.chat-voice-container{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.chat-orb-anchor{position:relative;display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:16px;will-change:transform;transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:20}.voice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 0 32px;background:var(--overlay-bg, rgba(255, 255, 255, .45));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:opacity,backdrop-filter}.voice-overlay-center{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:auto;margin-bottom:auto}.orb-voice-aura{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#3b82f659,#6366f100 70%);pointer-events:none;transition:opacity .15s ease-out;animation:aura-pulse 2s infinite ease-in-out}@keyframes aura-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-messages-area{position:relative;flex:1;min-height:0}.chat-content-layer{display:flex;flex-direction:column;gap:24px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1)}.voice-phase-entering .chat-content-layer,.voice-phase-active .chat-content-layer{opacity:0;transform:scale(.96) translateY(8px);filter:blur(2px);pointer-events:none}.chat-content-layer.voice-faded .chat-message-row,.chat-content-layer.voice-faded .chat-welcome-section,.chat-content-layer.voice-faded .chat-quick-cards-grid,.chat-content-layer.voice-faded .chat-orb-anchor{opacity:0;transform:translateY(-6px) scale(.99);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.chat-content-layer.voice-faded .chat-message-row:nth-child(1),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(1),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(1),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(1){transition-delay:0ms}.chat-content-layer.voice-faded .chat-message-row:nth-child(2),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(2),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(2),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(2){transition-delay:35ms}.chat-content-layer.voice-faded .chat-message-row:nth-child(3),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(3),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(3),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(3){transition-delay:70ms}.chat-content-layer.voice-faded .chat-message-row:nth-child(4),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(4),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(4),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(4){transition-delay:105ms}.chat-content-layer.voice-faded .chat-message-row:nth-child(5),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(5),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(5),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(5){transition-delay:.14s}.chat-content-layer.voice-faded .chat-message-row:nth-child(6),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(6),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(6),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(6){transition-delay:175ms}.chat-content-layer.voice-faded .chat-message-row:nth-child(7),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(7),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(7),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(7){transition-delay:.21s}.chat-content-layer.voice-faded .chat-message-row:nth-child(8),.chat-content-layer.voice-faded .chat-welcome-section:nth-child(8),.chat-content-layer.voice-faded .chat-quick-cards-grid:nth-child(8),.chat-content-layer.voice-faded .chat-orb-anchor:nth-child(8){transition-delay:245ms}.voice-end-call-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-end-call-btn{width:52px;height:52px;border-radius:50%;background:#dc2626;color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;box-shadow:0 6px 20px #dc262659}.voice-end-call-btn:hover{background:#b91c1c;transform:scale(1.08)}.voice-end-call-btn:active{transform:scale(.96)}.voice-end-call-btn .material-symbols-rounded{font-size:22px}.voice-status-label{font-size:12px;font-weight:500;color:var(--text-color);opacity:.6;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;min-height:1.2em;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.voice-status-label span{display:inline-block}[data-theme=dark] .voice-status-label{opacity:.65}.voice-error-toast{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#ef44441a;color:#dc2626;font-size:12px}@keyframes voice-controls-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-orb-anchor .chat-welcome-orb{position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease}.chat-orb-anchor .chat-welcome-orb:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,#6366f138,#6366f100 70%);opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:-1}.chat-orb-anchor .chat-welcome-orb:hover:after{opacity:1;transform:scale(1.1)}.chat-input-row{transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease}.voice-phase-entering .chat-input-row,.voice-phase-active .chat-input-row,.voice-phase-exiting .chat-input-row{opacity:0;pointer-events:none;transform:translateY(14px);filter:blur(1px)}.chat-stop-btn{width:34px;height:34px;border-radius:50%;background:#ef4444;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.chat-stop-btn:hover{transform:scale(1.06);background:#dc2626}.chat-stop-btn:active{transform:scale(.96)}.chat-stop-btn .material-symbols-rounded{font-size:18px}.chat-stop-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.chat-voice-btn{position:relative;overflow:visible}.chat-voice-btn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid currentColor;opacity:0;transform:scale(.85);pointer-events:none}.chat-voice-btn:active:after{animation:voice-btn-ripple .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes voice-btn-ripple{0%{opacity:.45;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}.chat-voice-btn:hover .material-symbols-rounded{animation:equalizer-bump .55s cubic-bezier(.16,1,.3,1)}@keyframes equalizer-bump{0%,to{transform:scaleY(1)}40%{transform:scaleY(1.25)}70%{transform:scaleY(.92)}}.orb-voice-aura{transition:opacity .15s ease-out,transform .3s ease}.chat-quick-cards-grid .quick-card-btn{opacity:0;animation:quick-card-enter .4s cubic-bezier(.16,1,.3,1) forwards}.chat-quick-cards-grid .quick-card-btn:nth-child(1){animation-delay:0ms}.chat-quick-cards-grid .quick-card-btn:nth-child(2){animation-delay:45ms}.chat-quick-cards-grid .quick-card-btn:nth-child(3){animation-delay:90ms}.chat-quick-cards-grid .quick-card-btn:nth-child(4){animation-delay:135ms}@keyframes quick-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-top-header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:50;position:relative;flex-shrink:0;gap:8px;min-height:44px}[data-theme=light] .chat-top-header-bar{border-bottom:none;background:transparent}.chat-top-header-bar .chat-window-controls{position:static!important;display:flex;align-items:center;gap:4px;flex-shrink:0}.chat-tabs-bar{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.chat-tabs-scroll-container{display:flex;align-items:center;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0;width:100%}.chat-tabs-scroll-container::-webkit-scrollbar{display:none}.chat-tab-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:transparent;border:none;color:var(--icon-color, rgba(255, 255, 255, .6));font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;outline:none;transition:color .2s ease;-webkit-user-select:none;user-select:none;flex-shrink:0;max-width:140px}.chat-tab-pill:hover{color:var(--text-color, #ffffff)}.chat-tab-pill.active{color:var(--text-color, #ffffff);font-weight:600}.chat-tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 6px #00000026;z-index:1;pointer-events:none}[data-theme=light] .chat-tab-indicator{background:#0000000f;border-color:#00000014;box-shadow:0 2px 4px #0000000a}.chat-tab-content{position:relative;z-index:2;display:flex;align-items:center;gap:5px;min-width:0;width:100%}.chat-tab-icon{font-size:15px!important;display:flex;align-items:center}.chat-tab-emoji{font-size:13px;line-height:1;display:flex;align-items:center}.chat-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat-tab-loading-dot{width:6px;height:6px;border-radius:50%;background:#f9731a;display:inline-block;animation:pulse-glow 1.4s ease-in-out infinite;flex-shrink:0;margin-left:2px}@keyframes pulse-glow{0%,to{transform:scale(.85);opacity:.5;box-shadow:0 0 #f9731a66}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 8px 2px #f9731a99}}.chat-tab-close-btn{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;margin-left:2px;opacity:.5;transition:opacity .15s ease,background .15s ease;flex-shrink:0}.chat-tab-close-btn:hover{opacity:1;background:#fff3}[data-theme=light] .chat-tab-close-btn:hover{background:#0000001f}.chat-tab-close-btn .material-symbols-rounded{font-size:11px!important}.about-resume-slot{position:relative;isolation:isolate;z-index:20;width:100vw;min-width:100vw;height:100vh;height:100dvh;flex-shrink:0;background:transparent}.mobile-about-sylva-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg-color)}.about-resume-section{position:relative;z-index:1;width:100vw;min-width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding-top:clamp(20px,3.5vh,44px);padding-left:clamp(20px,6vw,120px);padding-right:clamp(20px,6vw,120px);padding-bottom:max(108px,calc(80px + env(safe-area-inset-bottom,0px)));background:transparent;color:#f6f1e2eb}.about-resume-panel{position:relative;width:min(980px,100%);max-height:min(680px,100%,calc(100dvh - 156px),calc(100vh - 156px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:clamp(24px,3.5vw,48px);border:1px solid rgba(246,241,226,.12);border-radius:28px;background:radial-gradient(circle at 16% 10%,rgba(201,227,147,.09),transparent 34%),linear-gradient(135deg,#0e1511,#080c09);box-shadow:0 34px 90px #00000073,inset 0 1px #ffffff14;scrollbar-width:thin;scrollbar-color:rgba(246,241,226,.24) transparent}.about-resume-panel.is-in-view,.about-resume-panel.is-locked{overflow-y:auto}.about-resume-panel::-webkit-scrollbar{width:6px}.about-resume-panel::-webkit-scrollbar-track{background:transparent}.about-resume-panel::-webkit-scrollbar-thumb{background:#f6f1e23d;border-radius:999px}.about-resume-hero{padding-bottom:clamp(22px,3vw,34px);border-bottom:1px solid rgba(246,241,226,.14)}.about-resume-kicker,.about-resume-links,.about-resume-group-num,.about-resume-entry time,.about-resume-entry h3,.about-resume-skills strong,.about-resume-category-btn,.about-resume-entry-badge,.about-resume-award-badge,.about-resume-tag-chip,.about-resume-project-link{font-family:SFMono-Regular,Cascadia Code,IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em}.about-resume-kicker{display:flex;align-items:center;gap:13px;margin-bottom:clamp(20px,3vw,34px);color:#f6f1e26b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.about-resume-kicker span:not(:last-child):after{content:"/";margin-left:13px;opacity:.42}.about-resume-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);gap:clamp(28px,6vw,82px);align-items:end}.about-resume-intro h1{margin:0;max-width:680px;color:#f9f2dc;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(48px,7.2vw,106px);font-weight:400;line-height:.86;letter-spacing:-.075em}.about-resume-intro p{max-width:660px;margin:22px 0 0;color:#f6f1e2b3;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(15px,1.35vw,19px);line-height:1.45}.about-resume-links{display:grid;gap:0;font-size:9px;font-weight:700;text-transform:uppercase}.about-resume-links a{display:flex;justify-content:space-between;gap:18px;padding:10px 0;color:#f6f1e2b3;border-bottom:1px solid rgba(246,241,226,.13);text-decoration:none;transition:all .2s ease}.about-resume-links a:first-child{border-top:1px solid rgba(246,241,226,.13)}.about-resume-links a:hover{color:#f9f2dc;border-bottom-color:#c9e39375;transform:translate(2px)}.about-resume-body{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:clamp(28px,4vw,52px);padding-top:clamp(26px,4vw,44px)}.about-resume-sidebar{display:grid;align-content:start;gap:26px;padding-right:clamp(20px,3vw,36px);border-right:1px solid rgba(246,241,226,.12)}.about-resume-avatar-frame{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid rgba(246,241,226,.25);background:radial-gradient(circle at 50% 30%,rgba(201,227,147,.22),transparent 70%),linear-gradient(135deg,#ffffff1f,#0006);box-shadow:0 12px 32px #00000073,inset 0 1px 2px #ffffff59;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.about-resume-avatar-frame:hover{transform:scale(1.05);border-color:#c9e39399;box-shadow:0 16px 40px #0000008c,0 0 24px #c9e39333,inset 0 1px 2px #ffffff80}.about-resume-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transform:scale(1.15) translateY(3px);transition:transform .35s ease}.about-resume-avatar-frame:hover .about-resume-avatar-img{transform:scale(1.22) translateY(1px)}.about-resume-facts{display:grid;gap:14px}.about-resume-facts p{margin:0;color:#f6f1e2a8;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:13.5px;line-height:1.42}.about-resume-skills{display:grid;gap:15px}.about-resume-skills div{display:grid;gap:6px;padding-top:12px;border-top:1px solid rgba(246,241,226,.1)}.about-resume-skills strong{color:#c9e393b8;font-size:9px;font-weight:700;text-transform:uppercase}.about-resume-skills span{color:#f6f1e294;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:13px;line-height:1.35}.about-resume-content-area{min-width:0;display:flex;flex-direction:column;gap:24px}.about-resume-category-nav{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(246,241,226,.12)}.about-resume-category-btn{background:#ffffff0d;border:1px solid rgba(246,241,226,.14);color:#f6f1e2a6;border-radius:999px;padding:6px 14px;font-size:10px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.about-resume-category-btn:hover{background:#ffffff1a;color:#f9f2dc;border-color:#f6f1e247}.about-resume-category-btn.active{background:#c9e39333;color:#c9e393;border-color:#c9e39373;box-shadow:0 2px 10px #0003}.about-resume-timeline{min-width:0;display:flex;flex-direction:column;gap:36px}.about-resume-group{display:flex;flex-direction:column}.about-resume-group-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(201,227,147,.25);margin-bottom:6px}.about-resume-group-num{font-size:11px;font-weight:700;color:#c9e393d9;text-transform:uppercase}.about-resume-group-title{margin:0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(20px,2.2vw,25px);font-weight:400;color:#f9f2dc;letter-spacing:-.03em}.about-resume-entry{display:grid;grid-template-columns:128px minmax(0,1fr);gap:clamp(18px,3vw,36px);padding:18px 0;border-top:1px solid rgba(246,241,226,.08)}.about-resume-group .about-resume-entry:first-of-type{border-top:none}.about-resume-entry time{color:#f6f1e26b;font-size:10px;font-weight:700;line-height:1.5;text-transform:uppercase}.about-resume-entry-body{display:flex;flex-direction:column;gap:6px}.about-resume-entry-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.about-resume-entry h2{margin:0;color:#f9f2dcf5;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(18px,1.8vw,23px);font-weight:400;line-height:1.15;letter-spacing:-.04em}.about-resume-entry-badge{font-size:9.5px;color:#f6f1e273}.about-resume-award-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#c9e39324;border:1px solid rgba(201,227,147,.35);color:#c9e393;font-size:10px;font-weight:600;text-transform:uppercase}.about-resume-entry h3{margin:0;color:#c9e393bf;font-size:9.5px;font-weight:700;line-height:1.35;text-transform:uppercase}.about-resume-entry p{max-width:640px;margin:4px 0 0;color:#f6f1e2ad;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(13.5px,1.1vw,15px);line-height:1.5}.about-resume-tags,.about-resume-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.about-resume-tag-chip{padding:3px 8px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#f6f1e299;font-size:10px}.about-resume-chip{padding:3px 9px;border-radius:999px;background:#c9e39314;border:1px solid rgba(201,227,147,.22);color:#c9e393d9;font-size:10px;font-weight:500}.about-resume-project-link{display:inline-flex;align-items:center;gap:4px;color:#c9e393cc;font-size:10.5px;text-decoration:none;border-bottom:1px solid rgba(201,227,147,.3);padding-bottom:1px;transition:all .2s ease}.about-resume-project-link:hover{color:#c9e393;border-bottom-color:#c9e393;transform:translate(2px)}.about-resume-project-link .material-symbols-rounded{font-size:12px}[data-theme=light] .about-resume-section{color:#1a221b}[data-theme=light] .about-resume-panel{background:radial-gradient(circle at 16% 10%,rgba(100,160,60,.08),transparent 40%),linear-gradient(135deg,#fff,#f4f7f1);border:1px solid rgba(0,0,0,.08);box-shadow:0 24px 70px #0000001a,inset 0 1px #ffffffe6}[data-theme=light] .about-resume-intro h1,[data-theme=light] .about-resume-group-title,[data-theme=light] .about-resume-entry h2{color:#111a14}[data-theme=light] .about-resume-intro p,[data-theme=light] .about-resume-facts p,[data-theme=light] .about-resume-entry p,[data-theme=light] .about-resume-skills span{color:#3b4d40}[data-theme=light] .about-resume-kicker,[data-theme=light] .about-resume-links a,[data-theme=light] .about-resume-entry time,[data-theme=light] .about-resume-entry-badge{color:#141e1899}[data-theme=light] .about-resume-group-num,[data-theme=light] .about-resume-skills strong,[data-theme=light] .about-resume-entry h3{color:#2d6b38}[data-theme=light] .about-resume-hero,[data-theme=light] .about-resume-sidebar,[data-theme=light] .about-resume-links a,[data-theme=light] .about-resume-skills div,[data-theme=light] .about-resume-category-nav,[data-theme=light] .about-resume-group-header,[data-theme=light] .about-resume-entry{border-color:#00000014}[data-theme=light] .about-resume-category-btn{background:#00000008;border-color:#0000001a;color:#4b5d4e}[data-theme=light] .about-resume-category-btn:hover{background:#00000012;color:#111a14}[data-theme=light] .about-resume-category-btn.active{background:#2d6b381f;color:#24582e;border-color:#2d6b3859}[data-theme=light] .about-resume-tag-chip{background:#0000000a;border-color:#00000014;color:#3b4d40}[data-theme=light] .about-resume-chip{background:#2d6b3814;border-color:#2d6b3833;color:#24582e}[data-theme=light] .about-resume-award-badge{background:#2d6b381a;border-color:#2d6b384d;color:#1e4b26}[data-theme=light] .about-resume-avatar-frame{border-color:#0000001f;background:radial-gradient(circle at 50% 30%,rgba(100,160,60,.15),transparent 70%),#e9ede4;box-shadow:0 12px 28px #0000001f}@media (max-width: 860px){.about-resume-section{padding-top:clamp(16px,2.5vh,28px);padding-left:18px;padding-right:18px;padding-bottom:max(96px,calc(72px + env(safe-area-inset-bottom,0px)))}.about-resume-panel{max-height:min(680px,100%,calc(100dvh - 136px),calc(100vh - 136px));border-radius:22px}.about-resume-intro,.about-resume-body{grid-template-columns:1fr}.about-resume-links{max-width:360px}.about-resume-sidebar{padding-right:0;padding-bottom:24px;border-right:0;border-bottom:1px solid rgba(246,241,226,.12)}}@media (max-width: 620px){.about-resume-section{padding-top:clamp(12px,2vh,20px);padding-left:12px;padding-right:12px;padding-bottom:max(88px,calc(68px + env(safe-area-inset-bottom,0px)))}.about-resume-panel{padding:clamp(16px,3.5vw,22px);max-height:min(680px,100%,calc(100dvh - 116px),calc(100vh - 116px))}.about-resume-kicker{flex-wrap:wrap;font-size:8px}.about-resume-entry{grid-template-columns:1fr;gap:8px}}@media (max-height: 760px){.about-resume-panel{padding:clamp(16px,2.5vw,28px)}.about-resume-hero{padding-bottom:16px}.about-resume-kicker{margin-bottom:12px}.about-resume-intro h1{font-size:clamp(34px,5.5vw,58px)}.about-resume-intro p{margin-top:10px;font-size:14px}.about-resume-body{padding-top:18px;gap:20px}.about-resume-avatar-frame{width:76px;height:76px}}@media (max-height: 600px){.about-resume-section{padding-top:12px;padding-bottom:max(96px,calc(72px + env(safe-area-inset-bottom,0px)))}.about-resume-panel{padding:14px 18px}.about-resume-intro h1{font-size:28px}.about-resume-intro p{font-size:13px;line-height:1.35}.about-resume-hero{padding-bottom:10px}.about-resume-body{padding-top:12px}}.mobile-simple-portfolio{--mobile-bg: #f7f7f4;--mobile-text: #171716;--mobile-muted: #6b6b66;--mobile-rule: #d9d9d1;min-height:100dvh;background:var(--mobile-bg);color:var(--mobile-text);font-family:Geist,Helvetica Neue,sans-serif;line-height:1.55}@media (max-width: 640px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}}.mobile-simple-portfolio.theme-dark{--mobile-bg: #151514;--mobile-text: #f1f1eb;--mobile-muted: #a6a69f;--mobile-rule: #353530}.mobile-simple-header,.mobile-simple-main,.mobile-simple-footer{width:min(100% - 40px,680px);margin-inline:auto}.mobile-simple-header{display:flex;align-items:center;justify-content:space-between;padding-block:max(20px,env(safe-area-inset-top)) 26px}.mobile-site-name{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:14px;font-weight:600;text-decoration:none}.mobile-site-name img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--mobile-text) 8%,transparent)}.mobile-simple-header button{width:36px;height:36px;padding:0;border:1px solid var(--mobile-rule);border-radius:50%;background:transparent;color:inherit;font-size:18px}.mobile-about{max-width:520px;padding-block:30px 70px;font-size:clamp(18px,5vw,22px);letter-spacing:-.025em}.mobile-about p{margin:0 0 18px}.mobile-about-lede{font-weight:400}.mobile-socials{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:28px;font-size:14px;letter-spacing:0}.mobile-socials a,.mobile-entry-link{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mobile-text) 42%,transparent);text-underline-offset:3px}button.mobile-entry-link{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.mobile-timeline-section{padding-bottom:64px}.mobile-section-label{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--mobile-rule);color:var(--mobile-muted);font-family:Geist Mono,SFMono-Regular,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.mobile-section-label h2{margin:0;font:inherit}.mobile-section-label span{text-align:right}.mobile-timeline-entry{display:grid;grid-template-columns:minmax(96px,.38fr) minmax(0,1fr);gap:14px;padding-block:23px;border-bottom:1px solid var(--mobile-rule)}.mobile-entry-meta,.mobile-entry-role{color:var(--mobile-muted);font-family:Geist Mono,SFMono-Regular,monospace;font-size:11px;line-height:1.45}.mobile-entry-copy h3,.mobile-entry-copy p{margin:0}.mobile-entry-copy h3{font-size:16px;font-weight:600;letter-spacing:-.02em}.mobile-entry-role{margin-top:4px!important}.mobile-entry-copy>p:not(.mobile-entry-role){margin-top:12px;font-size:14px}.mobile-entry-link{display:inline-block;margin-top:13px;font-size:13px}.mobile-simple-footer{padding-top:6px;padding-bottom:max(32px,env(safe-area-inset-bottom));color:var(--mobile-muted);font-family:Geist Mono,SFMono-Regular,monospace;font-size:11px}@media (max-width: 380px){.mobile-timeline-entry{grid-template-columns:82px minmax(0,1fr);gap:10px}}