html,body{width:100%;height:100%;margin:0;padding:0}html.desktop,html.desktop body{overflow:hidden}#app{background-color:#000;flex-direction:column;display:flex;position:relative}#app:has(#three-canvas){background-color:#0a4f66}html.desktop #app{width:100vw;height:100svh;overflow:hidden}#three-canvas{width:100%;height:100%;display:block}#enter-prompt{opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#0000008c;border:1px solid #96c8ff73;border-radius:2px;align-items:center;gap:10px;padding:10px 18px;transition:opacity .6s,transform .6s,visibility .6s;display:flex;position:absolute;top:8%;left:50%;transform:translate(-50%)translateY(-8px)}#enter-prompt.is-visible{opacity:1;visibility:visible;animation:2s ease-in-out infinite enter-pulse;transform:translate(-50%)translateY(0)}.enter-key{letter-spacing:2px;color:#0a1a3a;background:linear-gradient(#eef4ff 0%,#b9cdf0 100%);padding:4px 12px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;box-shadow:inset -1px -1px #6a86b8,inset 1px 1px #fff,0 2px #33507f}.enter-text{color:#fff;text-shadow:1px 1px #000;white-space:nowrap;font-family:Pixelated MS Sans Serif,Arial;font-size:14px}@keyframes enter-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){#enter-prompt.is-visible{animation:none}}#desktop{background-image:url(/background.jpg);background-position:50%;background-size:cover;flex:1;position:relative;overflow:hidden}.desktop-icons{z-index:1;flex-direction:column;gap:6px;padding:12px 8px;display:flex;position:absolute;top:0;left:0}.desktop-icon{cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:4px;width:86px;padding:4px;display:flex}.desktop-icon:focus{outline:none}.desktop-icon.selected{background:#00008066;border-color:#ffffff80}.icon-img{pointer-events:none;font-size:38px;line-height:1}.icon-label{text-align:center;color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;word-break:break-word;pointer-events:none;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;line-height:1.3}.desktop-icon.selected .icon-label{text-shadow:none;color:#fff;background:navy}.desktop-legend{pointer-events:none;z-index:1;background:#00000073;border:1px solid #fff3;flex-direction:column;gap:8px;padding:12px 20px;display:flex;position:absolute;bottom:12px;right:12px}.legend-row{align-items:center;gap:16px;display:flex}.legend-icon{text-align:center;width:44px;font-size:34px;line-height:1}.legend-label{color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;white-space:nowrap;font-family:Pixelated MS Sans Serif,Arial;font-size:24px}.win98-window{flex-direction:column;min-width:240px;min-height:96px;display:flex;position:absolute}.win98-window .win-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.win98-window .win-body>*{flex:1;min-height:0}.resize-handle{z-index:5;position:absolute}.resize-handle[data-dir=s]{cursor:s-resize;height:5px;bottom:0;left:4px;right:4px}.resize-handle[data-dir=e]{cursor:e-resize;width:5px;top:4px;bottom:4px;right:0}.resize-handle[data-dir=w]{cursor:w-resize;width:5px;top:4px;bottom:4px;left:0}.resize-handle[data-dir=se]{cursor:se-resize;width:10px;height:10px;bottom:0;right:0}.resize-handle[data-dir=sw]{cursor:sw-resize;width:10px;height:10px;bottom:0;left:0}.win98-window.is-maximized{width:100%!important;height:100%!important;top:0!important;left:0!important}.win98-window .title-bar{cursor:default;flex-shrink:0}#taskbar{z-index:9999;background:linear-gradient(#3a74d4 0%,#0e3fa8 100%);border-top:2px solid #6aaaf4;flex-shrink:0;align-items:center;gap:4px;height:48px;padding:0 4px;display:flex;box-shadow:inset 0 1px #8ac0ff}#taskbar .start-btn{height:36px;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:86px!important;padding:0 10px 0 6px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.start-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.taskbar-sep{flex-shrink:0;width:1px;height:36px;margin:0 2px;box-shadow:inset -1px 0 #1a3a8a,inset 1px 0 #5a8adc}.taskbar-apps{flex:1;gap:2px;display:flex;overflow:hidden}#taskbar .taskbar-apps button{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:180px;overflow:hidden;min-width:120px!important;height:36px!important;padding:0 8px!important;font-size:13px!important}.taskbar-btn-icon{color:initial;text-shadow:none}#taskbar .start-btn,#taskbar .taskbar-apps button{color:#fff;text-shadow:1px 1px #000c3c8c;background:linear-gradient(#4d86e0 0%,#2258bd 55%,#17429f 100%);border:none;box-shadow:inset -1px -1px #0c2f7a,inset 1px 1px #9cc8ff,inset -2px -2px #1a3f92,inset 2px 2px #5e9ae8}#taskbar .start-btn:hover,#taskbar .taskbar-apps button:hover{background:linear-gradient(#5c93e8 0%,#2a63c9 55%,#1b49aa 100%)}#taskbar .start-btn:focus,#taskbar .taskbar-apps button:focus{outline-offset:-4px;outline:1px dotted #ffffffb3}#taskbar .start-btn.is-active,#taskbar .start-btn:active,#taskbar .taskbar-apps button.is-active,#taskbar .taskbar-apps button:active{background:linear-gradient(#16409c 0%,#235cbb 100%);box-shadow:inset -1px -1px #6ea6ee,inset 1px 1px #0a2664,inset -2px -2px #4b86dc,inset 2px 2px #16368a}.clock-wrap{background:#00146459;border:1px solid #6496ff66;border-radius:2px;flex-shrink:0;align-items:center;height:36px;padding:0 6px;display:flex}.clock-field{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.clock-time{color:#fff;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;line-height:1}.clock-date{color:#c8dcffd9;font-family:Pixelated MS Sans Serif,Arial;font-size:11px;line-height:1}#start-menu[hidden]{display:none}#start-menu{z-index:10000;background:silver;min-width:240px;display:flex;position:absolute;bottom:48px;left:4px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.start-menu-sidebar{background:linear-gradient(#3a74d4 0%,#0e3fa8 100%);flex-shrink:0;justify-content:center;align-items:flex-end;width:31px;padding-bottom:6px;display:flex}.start-menu-sidebar span{color:#ffffff59;writing-mode:vertical-rl;letter-spacing:1px;font-family:Pixelated MS Sans Serif,Arial;font-size:17px;font-weight:700;transform:rotate(180deg)}.start-menu-list{flex:1;margin:0;padding:2px 0;list-style:none}.start-menu-list li button{text-align:left;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:none;grid-template-rows:auto auto;grid-template-columns:1.5em 1fr;align-items:center;column-gap:8px;padding:6px 10px 6px 8px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;display:grid}.start-menu-list li button:first-child{grid-row:1/3;font-size:19px}.start-menu-list li button span{grid-area:1/2;font-size:13px;font-weight:700}.start-menu-list li button small{color:#444;grid-area:2/2;font-size:11px}.start-menu-list li button:hover,.start-menu-list li button:focus{color:#fff;background:navy;outline:none}.start-menu-list li button:hover small,.start-menu-list li button:focus small{color:#c8c8ffd9}.start-menu-sep{background:gray;height:1px;margin:4px 6px;box-shadow:0 1px #fff}.menu-bar{background:silver;border-bottom:1px solid gray;flex-shrink:0;display:flex}.menu-bar span{cursor:default;-webkit-user-select:none;user-select:none;padding:2px 8px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px}.menu-bar span:hover{color:#fff;background-color:navy}.toolbar{background:silver;border-bottom:1px solid gray;flex-shrink:0;align-items:center;gap:4px;padding:2px 4px;display:flex}.address-bar{flex:1;align-items:center;gap:6px;margin-left:8px;display:flex}.address-label{white-space:nowrap;font-family:Pixelated MS Sans Serif,Arial;font-size:13px}.address-value{background:#fff;flex:1;padding:1px 4px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px}.notepad-window{flex-direction:column;display:flex}.notepad-text{background:#fff;flex:1;padding:12px 16px;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.7;overflow-y:auto;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.notepad-text p{margin:0}.notepad-comment{color:gray}.notepad-name{color:navy;font-family:Pixelated MS Sans Serif,Arial;font-size:26px;font-weight:700;line-height:1.2}.notepad-role{color:#444;font-size:16px}.notepad-btns{flex-wrap:wrap;gap:6px;margin-top:0}.resume-sections{margin-top:4px}.resume-section{background:#f6f6f6;border:1px solid silver;margin-bottom:4px}.resume-section-summary{cursor:pointer;background:silver;align-items:center;gap:8px;padding:5px 8px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;list-style:none;display:flex;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.resume-section-summary::-webkit-details-marker{display:none}.resume-section-summary::marker{content:""}.resume-section-summary:focus-visible{outline-offset:-4px;outline:1px dotted #000}.resume-section[open] .resume-section-summary{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray}.resume-section-arrow{color:navy;font-size:9px}.resume-section[open] .resume-section-arrow{transform:rotate(90deg)}.resume-section-label{flex:1;font-weight:700}.resume-section-count{text-align:center;flex:none;min-width:20px}.resume-entries{padding:8px 10px 10px}.resume-entry+.resume-entry{border-top:1px dotted #a0a0a0;margin-top:12px;padding-top:12px}.resume-entry-head,.resume-entry-sub{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;line-height:1.4;display:flex}.resume-entry-role{color:navy;flex:240px}.resume-entry-org{color:#444;flex:240px}.resume-entry-period,.resume-entry-loc{color:#555;white-space:nowrap;flex:none;font-size:13px}.resume-points{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.55}.resume-points li{margin-bottom:4px}.resume-points li:last-child{margin-bottom:0}.explorer-window{flex-direction:column;display:flex}.explorer-body{flex:1;padding:8px;overflow-y:auto}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:8px;display:grid}.project-filters{background:silver;border-bottom:1px solid gray;flex-direction:column;flex-shrink:0;gap:6px;padding:6px 8px;display:flex;box-shadow:inset 0 -1px #fff}.filter-search-row{align-items:center;gap:6px;display:flex}.filter-search-row label{flex-shrink:0;font-size:12px}.filter-search{flex:1;min-width:0;padding:3px 5px;font-family:Pixelated MS Sans Serif,Arial;font-size:12px}.filter-reset[hidden]{display:none}.filter-group{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.filter-group-label{color:#444;flex-shrink:0;min-width:76px;font-size:11px}.filter-chips{flex-wrap:wrap;gap:4px;display:flex}.tech-chip{cursor:default;font-family:Pixelated MS Sans Serif,Arial;min-width:0!important;padding:2px 7px!important;font-size:11px!important}.tech-chip.is-active{background:#dfdfdf;font-weight:700;box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray}.projects-empty{text-align:center;color:#444;margin:16px 0;font-size:12px}.projects-empty[hidden],.project-card[hidden]{display:none}.project-card{background:silver;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.project-preview{border-bottom:1px solid gray;height:144px;margin:-10px -10px 8px;overflow:hidden}.project-img{object-fit:contain;width:100%;height:100%;display:block}.project-preview--empty{color:silver;background:gray;justify-content:center;align-items:center;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;display:flex}.project-icon-row{align-items:center;gap:6px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;display:flex}.project-icon{font-size:24px;line-height:1}.project-desc{flex-grow:1;margin:0;font-size:13px;line-height:1.5}.tech-tags{flex-wrap:wrap;gap:3px;display:flex}.tech-tag{flex-grow:0!important;padding:1px 4px!important;font-size:12px!important}.project-btns{gap:4px;margin-top:2px}.skills-window{flex-direction:column;display:flex}.skills-scroll{flex:1;padding:8px;overflow-y:auto}.skills-scroll fieldset+fieldset,.mobile-panel-body fieldset+fieldset{margin-top:10px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px;margin-top:4px;display:grid}.skill-row{align-items:center;gap:6px;font-family:Pixelated MS Sans Serif,Arial;font-size:22px}.skill-icon{text-align:center;flex-shrink:0;width:24px;font-size:24px;line-height:1}img.skill-icon{object-fit:contain;height:24px}.skill-check{color:navy;text-align:center;flex-shrink:0;width:24px;font-weight:700}.skills-actions{border-top:1px solid gray;flex-shrink:0;justify-content:flex-end;gap:4px;padding:6px 8px}.resume-window{flex-direction:column;display:flex}.resume-body{flex:1;display:flex;overflow:hidden}.resume-iframe{border:none;flex:1;width:100%;height:100%}#blogs-page{background:silver;flex-direction:column;width:100vw;height:100svh;display:flex;overflow:hidden}#blogs-toolbar{border-bottom:2px solid gray;flex-shrink:0}.blogs-back-btn{text-decoration:none}#blogs-body{flex:1;min-height:0;display:flex;overflow:hidden}#blogs-sidebar{width:264px}#blogs-content{box-shadow:none;padding:20px 24px}@media (width<=767px){#blogs-body{flex-direction:column}#blogs-sidebar{border-bottom:2px solid gray;border-right:none;width:100%;max-height:45svh}#blogs-content{padding:14px 16px}}.terminal-window{--gb-bg:#282828;--gb-fg:#ebdbb2;--gb-gray:#928374;--gb-red:#fb4934;--gb-green:#b8bb26;--gb-yellow:#fabd2f;--gb-blue:#83a598;--gb-orange:#fe8019;flex-direction:column;height:100%;display:flex}.terminal-body{background:var(--gb-bg);color:var(--gb-fg);flex-direction:column;flex:1;padding:12px 14px;font-family:Courier New,Courier,monospace;font-size:16px;display:flex;overflow:hidden}.term-dim{color:var(--gb-gray)}.term-green{color:var(--gb-green)}.term-yellow{color:var(--gb-yellow)}.term-orange{color:var(--gb-orange)}.term-red{color:var(--gb-red)}.terminal-body pre{font-family:Courier New,Courier,monospace;font-size:inherit;color:inherit;box-shadow:none;background:0 0;border:none;margin:0;padding:0}.terminal-output{white-space:pre;margin:0 0 16px;line-height:1.5}.terminal-duck-scene{flex:1;justify-content:center;align-items:center;display:flex}.terminal-duck-wrap{flex-direction:column;align-items:flex-start;line-height:1.35;display:flex}.terminal-duck-body{white-space:pre;color:var(--gb-yellow);transform-origin:bottom;margin:0;animation:1.8s ease-in-out infinite duck-bob}.terminal-duck-water{white-space:pre;color:var(--gb-blue);margin:0;animation:1.8s ease-in-out infinite water-wave}@keyframes duck-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes water-wave{0%,to{opacity:1;transform:translateY(0)scaleX(1)}50%{opacity:.7;transform:translateY(3px)scaleX(.92)}}.terminal-prompt{white-space:pre;margin:16px 0 0;line-height:1.5}.terminal-cursor{color:var(--gb-fg);animation:1s step-start infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.blog-window{flex-direction:column;display:flex;position:relative}.blog-expand-btn{z-index:10;color:#000;background:silver;padding:2px 4px;font-size:16px;line-height:1;text-decoration:none;position:absolute;bottom:30px;right:24px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.blog-expand-btn:hover{background:#d0d0d0}.blog-body{flex:1;min-height:0;display:flex;overflow:hidden}.blog-sidebar{background:silver;border-right:1px solid gray;flex-shrink:0;width:228px;overflow-y:auto}.blog-sidebar-label{color:#fff;background:navy;padding:4px 8px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;font-weight:700}.blog-search-row{border-bottom:1px solid gray;padding:6px;box-shadow:inset 0 -1px #fff}.blog-search{box-sizing:border-box;width:100%;padding:3px 5px;font-family:Pixelated MS Sans Serif,Arial;font-size:12px}.blog-search-empty{color:#444;text-align:center;margin:12px 8px;font-family:Pixelated MS Sans Serif,Arial;font-size:12px}.blog-search-empty[hidden]{display:none}.blog-list-item{cursor:default;border-bottom:1px solid #dfdfdf;align-items:flex-start;gap:6px;padding:6px 8px;font-family:Pixelated MS Sans Serif,Arial;display:flex}.blog-list-item[hidden]{display:none}.blog-list-item:hover,.blog-list-item.selected{color:#fff;background:navy}.blog-list-icon{flex-shrink:0;font-size:19px;line-height:1.3}.blog-list-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.blog-list-title{word-break:break-word;font-size:13px;line-height:1.3}.blog-list-date{opacity:.75;font-size:12px}.blog-content{background:#fff;flex:1;padding:16px;overflow-y:auto;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.blog-placeholder{color:gray;justify-content:center;align-items:center;height:100%;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;display:flex}.blog-post-header{border-bottom:1px solid navy;margin-bottom:12px;padding-bottom:8px}.blog-post-title{color:navy;margin:0 0 6px;font-family:Pixelated MS Sans Serif,Arial;font-size:18px}.blog-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-date{color:gray;font-family:Pixelated MS Sans Serif,Arial;font-size:12px}.blog-tags{flex-wrap:wrap;gap:3px;display:flex}.blog-post-body{font-family:Times New Roman,serif;font-size:16px;line-height:1.7}.blog-post-body p{margin:0 0 10px}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{color:navy;margin:20px 0 8px;font-family:Pixelated MS Sans Serif,Arial;line-height:1.3}.blog-post-body h1{font-size:22px}.blog-post-body h2{font-size:20px}.blog-post-body h3{font-size:18px}.blog-post-body h4{font-size:16px}.blog-post-body pre{color:#c8c8c8;background:#1a1a1a;margin:8px 0 14px;padding:10px 12px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow-x:auto;box-shadow:inset 1px 1px gray,inset -1px -1px #dfdfdf,inset 2px 2px #0a0a0a,inset -2px -2px #fff}.blog-post-body pre code{font-size:inherit;color:#c8c8c8;background:0 0;border:none;padding:0}.blog-post-body .shiki{display:block}.blog-post-body .shiki .line{min-height:1em;display:inline-block}.blog-post-body .shiki:focus-visible{outline-offset:-2px;outline:2px solid navy}.blog-post-body code{background:#e4e4e4;border:1px solid #999;padding:1px 4px;font-family:Courier New,Courier,monospace;font-size:14px}.blog-post-body blockquote{color:#444;background:#f0f0f8;border-left:3px solid navy;margin:8px 0 14px;padding:8px 12px;font-style:italic;box-shadow:inset 1px 0 #66a}.blog-post-body blockquote p{margin:0}.blog-post-body .blog-image{max-width:100%;height:auto;margin:14px auto;display:block;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.blog-post-body figure{text-align:center;margin:14px 0}.blog-post-body figcaption{color:#555;margin-top:4px;font-size:13px;font-style:italic}.blog-post-body a{color:#00e;text-decoration:underline}.blog-post-body a:visited{color:#551a8b}.blog-post-body a:hover{color:navy}.blog-post-body hr{border:none;height:2px;margin:18px 0;box-shadow:0 1px gray,0 2px #fff}.blog-post-body ul,.blog-post-body ol{margin:0 0 12px;padding-left:28px}.blog-post-body ul{padding-left:20px;list-style:none}.blog-post-body ul>li:before{content:"▸";color:navy;margin-right:6px;font-size:12px}.blog-post-body ol{list-style:decimal}.blog-post-body ol>li::marker{color:navy;font-family:Pixelated MS Sans Serif,Arial;font-size:14px}.blog-post-body li{margin-bottom:4px}.blog-post-body li>ul,.blog-post-body li>ol{margin:4px 0 0}.blog-post-body del{color:#888;text-decoration:line-through}.blog-post-body ul.contains-task-list{padding-left:4px}.blog-post-body li.task-list-item{align-items:baseline;gap:6px;display:flex}.blog-post-body li.task-list-item:before{content:none}.blog-post-body li.task-list-item input[type=checkbox]{appearance:none;cursor:default;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;flex-shrink:0;width:13px;height:13px;position:relative;top:2px}.blog-post-body li.task-list-item input[type=checkbox]:checked:after{content:"✔";color:#000;font-size:10px;position:absolute;top:-2px;left:0}.blog-post-body table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:15px}.blog-post-body th{color:#fff;text-align:left;background:navy;border:1px solid #00008b;padding:5px 10px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px}.blog-post-body td{border:1px solid silver;padding:5px 10px}.blog-post-body tr:nth-child(2n) td{background:#f0f0f8}.blog-post-body tr:hover td{background:#dde3f0}.outlook-window{flex-direction:column;display:flex}.contact-fields{border-bottom:1px solid gray;flex-direction:column;flex-shrink:0;gap:4px;padding:6px 8px;display:flex}.contact-row{gap:6px}.contact-field{background:#fff;flex:1;padding:2px 4px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px}.message-body{background:#fff;flex:1;padding:10px 12px;font-size:14px;line-height:1.7;overflow-y:auto}.message-body p{margin:0}#resume .resume-iframe{height:75vh;min-height:480px}#mobile-page{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:silver;flex-direction:column;min-height:100svh;display:flex}#mobile-header{z-index:100;will-change:transform;background:linear-gradient(#3a74d4 0%,#0e3fa8 100%);border-bottom:2px solid #6aaaf4;flex-direction:column;gap:4px;padding:6px 10px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0006}#mobile-header-title{color:#fff;font-family:Pixelated MS Sans Serif,Arial;font-size:17px;font-weight:700}#mobile-nav{scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;gap:2px;padding-bottom:2px;display:flex;overflow-x:auto}#mobile-nav::-webkit-scrollbar{display:none}#mobile-nav a{color:#fff;white-space:nowrap;border:1px solid #ffffff4d;flex-shrink:0;padding:3px 8px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;text-decoration:none}#mobile-nav a:hover,#mobile-nav a:active{background:#fff3}#mobile-main{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.mobile-panel{box-sizing:border-box;width:100%}.mobile-panel-body{background:silver;padding:12px}.mobile-blog-item{border-bottom:1px solid gray}.mobile-blog-item:last-child{border-bottom:none}.mobile-blog-more{justify-content:center;margin-top:10px}.mobile-blog-item .mobile-blog-toggle{text-align:left;cursor:default;background:silver;flex-wrap:wrap;align-items:flex-start;gap:8px;width:100%;padding:8px;font-family:Pixelated MS Sans Serif,Arial;font-size:13px;display:flex}.mobile-blog-arrow{color:navy;flex-shrink:0;margin-top:2px;font-size:11px}.mobile-blog-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mobile-blog-title{word-break:break-word;font-weight:700}.mobile-blog-date{color:#444;font-size:12px}.mobile-blog-body{background:#fff;border-top:1px solid gray;padding:10px 14px 14px}