.topbar{height:28px;background:var(--topbar-bg);border-bottom:2px solid var(--border-dark);display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:13px;-webkit-user-select:none;user-select:none}.topbar-left{display:flex;align-items:center;gap:4px}.topbar-button{background:var(--topbar-bg);border:1px outset var(--border-light);padding:2px 12px;font-size:13px;cursor:pointer;font-family:inherit}.topbar-button:hover{background:#d0d0d0}.topbar-button:active{border-style:inset}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-lang,.topbar-time{padding:2px 8px;background:var(--topbar-bg);border:1px inset var(--border-dark)}.desktop-icons{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:16px;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s;min-width:80px}.desktop-icon:hover{background:#fff3}.desktop-icon:active{background:#ffffff4d}.desktop-icon-image{font-size:32px;line-height:1;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.desktop-icon-label{font-size:12px;color:var(--text-primary);text-align:center;text-shadow:1px 1px 2px rgba(255,255,255,.8);font-weight:500}@media (prefers-reduced-motion: no-preference){.desktop-icon{transition:background .2s,transform .1s}.desktop-icon:active{transform:translateY(1px)}}.about-window{max-width:700px;margin:0 auto}.about-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.about-name{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.about-title{font-size:20px;font-weight:400;color:var(--text-secondary);margin-bottom:8px}.about-location{font-size:14px;color:var(--text-secondary)}.about-links{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.about-link{padding:8px 16px;background:var(--topbar-bg);border:2px outset var(--border-light);text-decoration:none;color:var(--text-primary);font-size:14px;font-weight:500;transition:background .2s}.about-link:hover{background:#d0d0d0}.about-link:active{border-style:inset}.about-section{margin-bottom:32px}.about-section h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary);padding-bottom:8px;border-bottom:2px solid var(--window-title-bar)}.about-section p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px}.about-outside-work{background:#f5f5f5;padding:16px;border-left:4px solid var(--window-title-bar)}.about-outside-work p{margin-bottom:0}@media (max-width: 768px){.about-name{font-size:24px}.about-title{font-size:18px}.about-links{flex-direction:column;align-items:stretch}}.experience-window{max-width:800px;margin:0 auto}.experience-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.experience-intro h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.experience-intro p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.experience-timeline{display:flex;flex-direction:column;gap:32px}.experience-item{padding:20px;background:#f9f9f9;border-left:4px solid var(--window-title-bar);border-radius:4px}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.experience-company{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.experience-role{font-size:16px;font-weight:600;color:var(--text-secondary)}.experience-period{font-size:14px;color:var(--text-secondary);white-space:nowrap;font-family:Courier New,Courier,monospace}.experience-highlights{list-style:none;padding:0;margin:0}.experience-highlights li{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:8px;padding-left:24px;position:relative}.experience-highlights li:before{content:"▸";position:absolute;left:8px;color:var(--window-title-bar);font-weight:700}@media (max-width: 768px){.experience-header{flex-direction:column}.experience-period{white-space:normal}.experience-company{font-size:18px}.experience-role{font-size:15px}}.projects-window{max-width:900px;margin:0 auto}.projects-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.projects-intro h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.projects-intro p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.projects-grid{display:flex;flex-direction:column;gap:24px}.project-card{padding:20px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:4px;transition:border-color .2s}.project-card:hover{border-color:var(--window-title-bar)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px;padding-bottom:8px;border-bottom:2px solid var(--window-title-bar)}.project-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.project-period{font-size:13px;color:var(--text-secondary);white-space:nowrap;font-family:Courier New,Courier,monospace}.project-section{margin-bottom:16px}.project-section p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.project-highlights{list-style:none;padding:0;margin:0 0 16px}.project-highlights li{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:8px;padding-left:24px;position:relative}.project-highlights li:before{content:"▸";position:absolute;left:8px;color:var(--window-title-bar);font-weight:700}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e0}.project-tech-tag{font-size:12px;padding:4px 10px;background:var(--topbar-bg);border:1px solid var(--border-dark);border-radius:3px;color:var(--text-secondary);font-family:Courier New,Courier,monospace}@media (max-width: 768px){.project-header{flex-direction:column}.project-period{white-space:normal}.project-title{font-size:16px}.project-tech{gap:6px}.project-tech-tag{font-size:11px;padding:3px 8px}}.reads-window{max-width:800px;margin:0 auto}.reads-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.reads-intro h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.reads-intro p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.reads-category{margin-bottom:32px}.reads-category-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--window-title-bar)}.reads-list{display:flex;flex-direction:column;gap:16px}.read-item{padding:16px;background:#f9f9f9;border-left:3px solid var(--topbar-bg);border-radius:4px;transition:border-color .2s}.read-item:hover{border-left-color:var(--window-title-bar)}.read-header{margin-bottom:8px}.read-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;font-style:italic}.read-author{font-size:14px;color:var(--text-secondary);margin:0}.read-note{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}@media (max-width: 768px){.reads-category-title{font-size:16px}.read-title{font-size:15px}}.blog-window{max-width:800px;margin:0 auto}.blog-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.blog-intro h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.blog-intro p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.blog-index{display:flex;flex-direction:column;gap:20px}.blog-card{padding:20px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:var(--window-title-bar);transform:translateY(-2px)}.blog-card-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.blog-card-date{font-size:13px;color:var(--text-secondary);font-family:Courier New,Courier,monospace}.blog-card-tags{display:flex;gap:8px}.blog-card-tag{font-size:12px;color:var(--window-title-bar);font-weight:600}.blog-card-excerpt{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px}.blog-card-read-more{font-size:14px;font-weight:600;color:var(--window-title-bar);background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.blog-empty{text-align:center;color:var(--text-secondary);font-style:italic}.blog-back-button{margin-bottom:24px;padding:8px 16px;background:var(--topbar-bg);border:2px outset var(--border-light);cursor:pointer;font-size:14px;font-family:inherit;transition:background .2s}.blog-back-button:hover{background:#d0d0d0}.blog-back-button:active{border-style:inset}.blog-post{max-width:700px}.blog-post-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.blog-post-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.blog-post-meta{display:flex;align-items:center;gap:16px}.blog-post-date{font-size:14px;color:var(--text-secondary);font-family:Courier New,Courier,monospace}.blog-post-tags{display:flex;gap:8px}.blog-post-tag{font-size:13px;color:var(--window-title-bar);font-weight:600}.blog-post-content{font-size:15px;line-height:1.8;color:var(--text-secondary)}.content-h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:32px 0 16px}.content-h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:28px 0 12px}.content-h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.content-p{margin-bottom:16px;line-height:1.8}.content-p code{font-family:Courier New,Courier,monospace;background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:14px;color:var(--text-primary)}.content-italic{font-style:italic}.content-li{margin-left:20px;margin-bottom:8px;line-height:1.7}.content-hr{border:none;border-top:2px solid #e0e0e0;margin:32px 0}.content-spacer{height:12px}@media (max-width: 768px){.blog-post-title{font-size:24px}.content-h1{font-size:22px}.content-h2{font-size:18px}.blog-card:hover{transform:none}}@media (prefers-reduced-motion: reduce){.blog-card:hover{transform:none}}.contact-window{max-width:700px;margin:0 auto}.contact-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0;text-align:center}.contact-intro h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.contact-intro p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.contact-card{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.contact-item{display:flex;gap:20px;padding:20px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:4px;transition:border-color .2s}.contact-item:hover{border-color:var(--window-title-bar)}.contact-icon{font-size:32px;line-height:1;flex-shrink:0}.contact-details{flex:1}.contact-details h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.contact-link{display:inline-block;font-size:14px;color:var(--window-title-bar);text-decoration:none;margin-bottom:8px;font-family:Courier New,Courier,monospace}.contact-link:hover{text-decoration:underline}.contact-copy{padding:6px 12px;background:var(--topbar-bg);border:2px outset var(--border-light);cursor:pointer;font-size:13px;font-family:inherit;transition:background .2s}.contact-copy:hover{background:#d0d0d0}.contact-copy:active{border-style:inset}.contact-note{padding:16px;background:#fff8dc;border-left:4px solid var(--window-title-bar);border-radius:4px}.contact-note p{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}.contact-note code{font-family:Courier New,Courier,monospace;background:#0000000d;padding:2px 4px;border-radius:2px;font-size:12px}@media (max-width: 768px){.contact-item{flex-direction:column;gap:12px;text-align:center}.contact-icon{margin:0 auto}}.research-window{max-width:800px;margin:0 auto}.research-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.research-intro h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.research-intro p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.research-timeline{display:flex;flex-direction:column;gap:32px}.research-item{padding:20px;background:#f9f9f9;border-left:4px solid var(--window-title-bar);border-radius:4px}.research-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.research-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.research-venue{font-size:16px;font-weight:600;color:var(--text-secondary)}.research-period{font-size:14px;color:var(--text-secondary);white-space:nowrap;font-family:Courier New,Courier,monospace}.research-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.research-highlights{list-style:none;padding:0;margin:0}.research-highlights li{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:8px;padding-left:24px;position:relative}.research-highlights li:before{content:"▸";position:absolute;left:8px;color:var(--window-title-bar);font-weight:700}@media (max-width: 768px){.research-header{flex-direction:column}.research-period{white-space:normal}.research-title{font-size:18px}.research-venue{font-size:15px}}.window{width:90%;max-width:900px;height:80%;max-height:700px;background:var(--window-content-bg);border:2px solid var(--border-dark);box-shadow:4px 4px 12px #0000004d;display:flex;flex-direction:column;z-index:10}.window-titlebar{height:32px;background:var(--window-title-bar);background-image:repeating-linear-gradient(90deg,var(--window-title-bar),var(--window-title-bar) 4px,#d67730 4px,#d67730 8px);border-bottom:2px solid var(--border-dark);display:flex;align-items:center;justify-content:space-between;padding:0 8px;-webkit-user-select:none;user-select:none}.window-title{font-size:14px;font-weight:600;color:var(--text-primary);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.window-controls{display:flex;gap:4px}.window-control{width:20px;height:20px;background:var(--topbar-bg);border:1px outset var(--border-light);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;font-family:Arial,sans-serif;font-weight:700}.window-control:hover{background:#d0d0d0}.window-control:active{border-style:inset}.window-close:hover{background:#ff6b6b;color:#fff}.window-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.window-tabs{display:flex;gap:4px;padding:8px 8px 0;background:#e0e0e0;border-bottom:2px solid var(--border-dark)}.window-tab{padding:6px 16px;background:var(--topbar-bg);border:1px outset var(--border-light);border-bottom:none;cursor:pointer;font-size:13px;font-family:inherit;transition:background .2s}.window-tab:hover{background:#d0d0d0}.window-tab.active{background:var(--window-content-bg);border-style:inset;font-weight:600}.window-body{flex:1;overflow-y:auto;padding:24px;background:var(--window-content-bg)}.window-statusbar{height:24px;background:var(--topbar-bg);border-top:2px solid var(--border-dark);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}.window-mode{font-weight:700}.window-section{color:var(--text-secondary)}@media (max-width: 768px){.window{width:95%;height:85%}.window-body{padding:16px}.window-tabs{overflow-x:auto;scrollbar-width:thin}}.dock{height:64px;background:var(--dock-bg);border-top:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 -2px 8px #0000001a}.dock-inner{display:flex;gap:8px;padding:4px 12px;background:#ffffff4d;border-radius:8px;border:1px solid rgba(255,255,255,.5)}.dock-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--topbar-bg);border:2px outset var(--border-light);border-radius:4px;cursor:pointer;transition:transform .2s,background .2s;font-size:24px}.dock-icon:hover{background:#d0d0d0;transform:translateY(-4px)}.dock-icon:active{border-style:inset;transform:translateY(-2px)}.dock-icon-emoji{display:block;line-height:1}@media (prefers-reduced-motion: reduce){.dock-icon:hover,.dock-icon:active{transform:none}}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding-bottom:80px}.command-palette{width:90%;max-width:600px;background:var(--text-primary);border:2px solid var(--border-light);padding:8px;box-shadow:0 4px 12px #0000004d}.command-palette-input{width:100%;background:var(--text-primary);color:#0f0;border:none;outline:none;font-family:Courier New,Courier,monospace;font-size:16px;padding:4px}.command-palette-input::placeholder{color:#0a0}.desktop{width:100%;height:100vh;background:var(--desktop-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.desktop-main{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.app{width:100%;height:100%}:root{--desktop-bg: #5eb3b3;--topbar-bg: #c0c0c0;--window-title-bar: #e8833a;--window-content-bg: #fafafa;--dock-bg: #d4d4d4;--border-dark: #808080;--border-light: #ffffff;--text-primary: #000000;--text-secondary: #333333;--focus-ring: #4a90e2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;overflow:hidden;background:var(--desktop-bg)}#root{width:100vw;height:100vh;overflow:hidden}*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--window-content-bg);border:1px solid var(--border-dark)}::-webkit-scrollbar-thumb{background:var(--dock-bg);border:2px outset var(--border-light)}::-webkit-scrollbar-thumb:hover{background:silver}::selection{background:var(--window-title-bar);color:#fff}