:root{--bg-deep:#07111f;--bg-ink:#0d1b2f;--surface-window:#0f1c30d1;--surface-panel:#ffffff1a;--surface-panel-strong:#ffffff29;--text-primary:#f7fbff;--text-muted:#a9bad1;--text-soft:#d5e4f4;--border-subtle:#ffffff29;--border-strong:#ffffff47;--shadow-window:0 28px 90px #00000070;--radius-window:24px;--radius-panel:18px;--accent:#73d5ff;--taskbar-height:76px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg-deep);min-height:100%;color:var(--text-primary);margin:0;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #8ee6c7}a{color:inherit;text-decoration:none}.portfolio-shell{background:radial-gradient(circle at 18% 18%,#73d5ff2e,#0000 28%),radial-gradient(circle at 88% 6%,#8ee6c724,#0000 28%),linear-gradient(135deg,#08111f 0%,#0c1d31 48%,#081320 100%);min-height:100vh;position:relative;overflow:hidden}.wallpaper{pointer-events:none;position:fixed;inset:0;overflow:hidden}.wallpaper-grid,.wallpaper-routes{position:absolute;inset:0}.wallpaper-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 45% 35%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 45% 35%,#000 0%,#0000 72%)}.wallpaper-routes{filter:blur(.2px);opacity:.95;background:linear-gradient(115deg,#0000 8%,#73d5ff29 8.2%,#0000 8.8%),linear-gradient(28deg,#0000 55%,#9db8ff1f 55.3%,#0000 55.9%),linear-gradient(150deg,#0000 68%,#8ee6c71c 68.3%,#0000 69%)}.desktop-stage{min-height:100vh;padding:32px 32px calc(var(--taskbar-height) + 30px);display:block;position:relative}.desktop-status{z-index:5;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07111f7a;border-radius:20px;width:min(350px,100vw - 260px);padding:18px 20px;position:fixed;top:30px;right:34px;box-shadow:0 14px 48px #0000002e}.desktop-status p,.desktop-status strong,.desktop-status span{display:block}.desktop-status p{color:var(--text-muted);margin:0 0 7px;font-size:.78rem}.desktop-status strong{font-size:1.05rem;line-height:1.25}.desktop-status span{color:var(--text-soft);margin-top:8px;font-size:.86rem;line-height:1.45}.desktop-icons{grid-template-columns:repeat(1,92px);gap:18px;width:112px;display:grid}.desktop-icon,.mobile-app{color:var(--text-primary);cursor:pointer;background:0 0;border:0}.desktop-icon{border-radius:14px;justify-items:center;gap:8px;min-height:92px;padding:9px 7px;transition:background .18s,transform .18s;display:grid}.desktop-icon:hover{background:#ffffff1c;transform:translateY(-1px)}.desktop-icon-art,.mobile-app span,.start-pinned button span{--app-accent:var(--accent);color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--app-accent) 78%, white), var(--app-accent));box-shadow:0 12px 30px color-mix(in srgb, var(--app-accent) 28%, transparent);place-items:center;display:grid}.desktop-icon-art{border-radius:16px;width:54px;height:54px}.desktop-icon>span:last-child{color:#fff;text-align:center;text-shadow:0 2px 10px #0000007a;max-width:86px;font-size:.77rem;line-height:1.18}.app-window{--window-x:0px;--window-y:0px;--window-z:10;--app-accent:var(--accent);left:calc(50% - 425px + var(--window-x));top:calc(50% - 285px + var(--window-y));z-index:var(--window-z);border:1px solid var(--border-subtle);border-radius:var(--radius-window);background:var(--surface-window);width:min(850px,100vw - 260px);height:min(570px,100vh - 150px);box-shadow:var(--shadow-window);-webkit-backdrop-filter:blur(28px)saturate(142%);backdrop-filter:blur(28px)saturate(142%);transform-origin:50%;flex-direction:column;animation:.22s both window-in;display:flex;position:fixed;overflow:hidden}.app-window.is-active{border-color:color-mix(in srgb, var(--app-accent) 48%, var(--border-strong))}.window-chrome{border-bottom:1px solid var(--border-subtle);background:#ffffff14;justify-content:space-between;align-items:center;min-height:52px;padding:0 10px 0 18px;display:flex}.window-chrome>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.window-chrome strong{text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:650;overflow:hidden}.window-icon{width:28px;height:28px;color:var(--app-accent);background:#ffffff1a;border-radius:9px;place-items:center;display:grid}.window-controls{align-items:center;gap:4px;display:flex}.window-controls button{width:36px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.window-controls button:hover{color:#fff;background:#ffffff1f}.window-controls button:last-child:hover{background:#f45060d1}.window-controls button:disabled{opacity:.45;cursor:not-allowed}.window-controls button:disabled:hover{color:var(--text-soft);background:0 0}.window-body{flex:1;min-height:0;padding:24px;overflow:auto}.start-menu{left:50%;bottom:calc(var(--taskbar-height) + 18px);z-index:90;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(30px)saturate(150%);backdrop-filter:blur(30px)saturate(150%);background:#0f1c30db;border-radius:28px;width:min(680px,100vw - 40px);padding:18px;animation:.18s both start-in;position:fixed;transform:translate(-50%);box-shadow:0 28px 90px #0000006b}.start-search{border:1px solid var(--border-subtle);background:#ffffff1c;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:44px;padding:0 12px;display:grid}.start-search input{color:#fff;background:0 0;border:0;outline:none;width:100%}.start-search button,.taskbar button,.mobile-dock button,.mobile-sheet-header button{color:inherit;cursor:pointer;background:0 0;border:0}.start-section{margin-top:20px}.section-heading{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.8rem;display:flex}.section-heading span{color:#fff;font-size:.92rem;font-weight:650}.start-pinned{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.start-pinned button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:18px;justify-items:center;gap:8px;min-height:86px;padding:10px 8px;display:grid}.start-pinned button span{border-radius:13px;width:40px;height:40px}.recommendations{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.recommendations button,.quick-actions a{min-height:44px;color:var(--text-soft);cursor:pointer;background:#ffffff13;border:0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.quick-actions a{justify-content:center;font-size:.8rem}.taskbar{z-index:100;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#0f1c30b8;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:60px;padding:8px 12px;display:grid;position:fixed;bottom:16px;left:22px;right:22px;box-shadow:0 18px 56px #00000057}.start-button,.taskbar-apps button{border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.start-button{color:#9ee5ff;justify-self:end;background:#ffffff14!important}.start-button.is-open,.taskbar-apps button.is-active{color:#fff;background:#73d5ff38!important}.taskbar-apps{justify-content:center;align-items:center;gap:7px;display:flex}.taskbar-apps button{color:var(--text-soft)}.taskbar-clock{text-align:right;justify-self:end;gap:2px;padding-right:6px;display:grid}.taskbar-clock strong{font-size:.8rem}.taskbar-clock span{color:var(--text-muted);font-size:.72rem}.content-stack,.projects-shell,.architecture-panel{gap:18px;display:grid}.about-hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:stretch;gap:14px;display:grid}.identity-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:linear-gradient(135deg,#73d5ff29,#ffffff14);padding:20px}.identity-panel p,.identity-panel h2,.identity-panel h3{margin:0}.identity-panel p{color:var(--text-muted);font-size:.82rem}.identity-panel h2{margin-top:8px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.1}.identity-panel h3{color:#a7eaff;margin-top:8px}.identity-panel span,.lead-copy{color:var(--text-soft);line-height:1.6}.identity-panel span{margin-top:10px;display:block}.lead-copy{max-width:66ch;margin:0}.proof-strip{gap:10px;display:grid}.proof-strip div,.info-panel,.project-detail,.architecture-detail,.contact-card,.empty-state{border:1px solid var(--border-subtle);background:#ffffff13}.proof-strip div{border-radius:16px;grid-template-columns:auto 1fr;align-content:center;gap:5px 9px;min-height:76px;padding:12px;display:grid}.proof-strip svg{color:#8ee6c7}.proof-strip strong{font-size:.86rem}.proof-strip span{color:var(--text-muted);grid-column:2;font-size:.8rem;line-height:1.35}.summary-grid,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summary-grid span,.skill-group,.project-card,.project-search-preview,.architecture-map span,.contact-list a{border:1px solid var(--border-subtle);background:#ffffff13}.summary-grid span{color:var(--text-soft);border-radius:16px;padding:14px}.stat-grid span{gap:5px;display:grid}.stat-grid strong{color:#fff;font-size:1rem}.info-panel{border-radius:18px;padding:16px}.info-panel h3,.detail-section h4,.contact-card h3{margin:0 0 10px;font-size:.95rem}.clean-list{color:var(--text-soft);gap:8px;margin:0;padding:0;font-size:.87rem;line-height:1.48;list-style:none;display:grid}.clean-list li{padding-left:15px;position:relative}.clean-list li:before{content:"";background:#73d5ff;border-radius:999px;width:5px;height:5px;position:absolute;top:.64em;left:0}.source-list{flex-wrap:wrap;gap:8px;display:flex}.source-list a,.source-list span{border:1px solid var(--border-subtle);min-width:0;color:var(--text-soft);overflow-wrap:anywhere;background:#ffffff13;border-radius:999px;padding:7px 10px;font-size:.78rem}.source-list.compact{margin-top:4px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-group{border-radius:18px;padding:16px}.skill-group header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.skill-group h3{margin:0;font-size:1rem}.skill-group p{color:var(--text-muted);margin:0 0 14px;font-size:.86rem;line-height:1.5}.skill-group div,.chip-row{flex-wrap:wrap;gap:8px;display:flex}.skill-group div span,.chip-row span{color:var(--text-soft);background:#ffffff17;border-radius:999px;padding:7px 10px;font-size:.8rem}.project-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.project-toolbar>span{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.project-search-field{border:1px solid var(--border-subtle);height:44px;color:var(--text-muted);background:#ffffff13;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex}.project-search-field input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0}.filter-row{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button,.pattern-tabs button{border:1px solid var(--border-subtle);min-height:36px;color:var(--text-soft);cursor:pointer;background:#ffffff12;border-radius:999px;flex:none}.filter-row button{padding:0 12px;font-size:.8rem}.filter-row button.is-active,.pattern-tabs button.is-active{color:#fff;background:#73d5ff33;border-color:#73d5ff94}.project-explorer{grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);align-items:start;gap:14px;display:grid}.project-results,.project-result-item{gap:12px;min-width:0;display:grid}.desktop-project-detail{min-width:0}.mobile-project-detail{display:none}.project-card{color:var(--text-primary);text-align:left;cursor:pointer;border-radius:18px;gap:14px;padding:16px;transition:border-color .16s,background .16s,transform .16s;display:grid}.project-card:hover,.project-card.is-selected{background:#73d5ff1f;border-color:#73d5ff80;transform:translateY(-1px)}.project-card-heading,.project-domain{align-items:center;gap:7px;display:flex}.project-card-heading{justify-content:space-between}.project-domain,.featured-flag{color:#8ee6c7;text-transform:uppercase;font-size:.72rem;font-weight:750}.featured-flag{color:#ffd37a}.project-card h3,.project-card p{margin:0}.project-card h3{margin-top:7px;font-size:1rem;line-height:1.3}.project-card p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-detail,.architecture-detail,.contact-card,.empty-state{border-radius:20px}.project-detail{gap:15px;padding:18px;display:grid;position:sticky;top:0}.project-detail header,.architecture-detail header{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.project-detail-icon,.architecture-detail header>span{color:#73d5ff;background:#73d5ff29;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.project-detail h3,.architecture-detail h3,.timeline-list h3{margin:0;font-size:1.05rem;line-height:1.25}.project-detail header span,.project-detail header p{color:var(--text-muted);font-size:.8rem}.project-detail header p,.architecture-detail p{margin:5px 0 0;line-height:1.5}.detail-summary{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.55}.detail-section{gap:2px;display:grid}.empty-state{color:var(--text-muted);gap:6px;padding:18px;display:grid}.empty-state strong{color:#fff}.timeline-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline-list li{background:#ffffff13;border-radius:16px;grid-template-columns:48px 1fr;align-items:start;gap:12px;padding:13px;display:grid}.timeline-list span{color:#73d5ff;font-weight:750}.timeline-list p{color:var(--text-soft);margin:0}.detailed-timeline li{padding:16px}.detailed-timeline>li>span{background:#73d5ff21;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.detailed-timeline>li>div{gap:9px;min-width:0;display:grid}.timeline-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-meta strong,.timeline-meta small{font-size:.78rem}.timeline-meta small{background:#ffffff14;border-radius:999px;padding:4px 8px}.architecture-panel p{color:var(--text-soft);margin:0;line-height:1.6}.pattern-tabs{flex-wrap:wrap;gap:8px;display:flex}.pattern-tabs button{align-items:center;gap:7px;padding:0 12px;font-size:.8rem;display:inline-flex}.architecture-detail{gap:16px;padding:18px;display:grid}.architecture-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.architecture-map span{color:#fff;border-radius:20px;place-items:center;min-height:86px;font-weight:720;display:grid}.contact-layout{gap:14px;display:grid}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.contact-grid a,.resume-card a{border:1px solid var(--border-subtle);min-height:50px;color:var(--text-soft);background:#ffffff13;border-radius:16px;align-items:center;gap:12px;padding:13px 14px;display:flex}.contact-grid a{justify-content:space-between}.contact-grid a span{flex:1}.contact-card{padding:18px}.contact-card p{color:var(--text-soft);overflow-wrap:anywhere;margin:0;line-height:1.5}.contact-card p+p{margin-top:7px}.resume-card{gap:12px;display:grid}.resume-card a{color:#fff;background:#73d5ff33;width:fit-content;min-height:42px}.mobile-stage{display:none}@keyframes window-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes start-in{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.985)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes sheet-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}@media (max-width:920px){.portfolio-shell{overflow:auto}.desktop-stage{display:none}.mobile-stage{min-height:100vh;padding:18px 16px 92px;display:block;position:relative}.mobile-hero{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f1c30ad;border-radius:28px;padding:22px 18px;box-shadow:0 20px 60px #00000047}.mobile-hero p,.mobile-hero h1,.mobile-hero h2{margin:0}.mobile-hero p{color:var(--text-muted);font-size:.82rem}.mobile-hero h1{margin-top:8px;font-size:clamp(1.95rem,10vw,3rem);line-height:1.02}.mobile-hero h2{color:#a7eaff;margin-top:12px;font-size:1.06rem}.mobile-hero>span{color:var(--text-soft);margin-top:10px;line-height:1.5;display:block}.mobile-actions{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.mobile-actions button,.mobile-actions a{border:1px solid var(--border-subtle);color:#fff;background:#ffffff1c;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:46px;display:flex}.mobile-actions button:first-child{background:#73d5ff38;border-color:#73d5ff8c}.mobile-launcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.mobile-app{border:1px solid var(--border-subtle);background:#ffffff14;border-radius:22px;justify-items:center;gap:8px;min-height:96px;padding:12px 8px;display:grid}.mobile-app span{border-radius:15px;width:46px;height:46px}.mobile-dock{z-index:80;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0f1c30d1;border-radius:22px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:9px;display:grid;position:fixed;bottom:12px;left:14px;right:14px;box-shadow:0 18px 48px #00000057}.mobile-dock button{background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:42px;display:flex}.mobile-sheet,.mobile-menu-sheet{z-index:120;background:radial-gradient(circle at 20% 0,#73d5ff24,#0000 30%),#08111f;flex-direction:column;animation:.18s both sheet-in;display:flex;position:fixed;inset:0}.mobile-sheet-header{border-bottom:1px solid var(--border-subtle);grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:grid}.mobile-sheet-header button{background:#ffffff14;border-radius:12px;align-items:center;gap:6px;min-height:38px;padding:0 10px;display:inline-flex}.mobile-sheet-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-sheet-body{flex:1;min-height:0;padding:16px;overflow:auto}.mobile-menu-list{gap:10px;padding:16px;display:grid}.mobile-menu-list button{border:1px solid var(--border-subtle);color:#fff;background:#ffffff14;border-radius:18px;align-items:center;gap:12px;min-height:54px;padding:0 14px;display:flex}.about-hero,.summary-grid,.skills-grid,.project-toolbar,.project-explorer,.contact-grid,.architecture-map{grid-template-columns:1fr}.project-toolbar>span{white-space:normal}.project-detail{position:static}.desktop-project-detail{display:none}.mobile-project-detail{display:block}.pattern-tabs{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.proof-strip{grid-template-columns:1fr}.project-card{min-width:0}.mobile-sheet-body{overscroll-behavior:contain}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}