:root{--color-primary: #008080;--color-navy: navy;--color-white: #ffffff;--color-black: #000000;--color-gray-light: #f0f0f0;--color-gray-medium: #c0c0c0;--color-gray-dark: #808080;--color-gray-darker: #555555;--color-silver: silver;--color-window-bg: #c0c0c0;--color-window-border-light: #ffffff;--color-window-border-dark: #808080;--color-window-border-darker: #0a0a0a;--color-window-inset: #dfdfdf;--color-taskbar-bg: linear-gradient( to bottom, #f0f0f0 0%, #d8d8d8 20%, #c0c0c0 80%, #a8a8a8 100% );--color-taskbar-border: #ffffff;--color-taskbar-shadow: rgba(128, 128, 128, .8);--color-button-bg: linear-gradient( to bottom, #f8f8f8 0%, #e8e8e8 20%, #d0d0d0 80%, #c0c0c0 100% );--color-button-hover: linear-gradient( to bottom, #ffffff 0%, #f0f0f0 20%, #e0e0e0 80%, #d0d0d0 100% );--color-button-active: linear-gradient( to bottom, #c0c0c0 0%, #d0d0d0 20%, #e0e0e0 80%, #f0f0f0 100% );--desktop-bg-default: url(../background.jpg);--desktop-bg-mobile: url(../window-mobile.jpg);--font-family-primary: "MS Sans Serif", Arial, sans-serif;--font-family-mono: "Lucida Console", "Consolas", "Courier New", monospace;--spacing-xs: .125rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--border-radius-sm: 2px;--border-radius-md: 3px;--border-radius-lg: 4px;--border-radius-xl: 8px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .25);--shadow-window-inset: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;--shadow-window-button: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;--shadow-window-button-active: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey;--z-index-desktop: 0;--z-index-desktop-info: 1;--z-index-window: 50;--z-index-taskbar: 100;--z-index-start-menu: 1000;--z-index-bsod: 9999;--transition-fast: .1s ease;--transition-medium: .2s ease;--transition-slow: .3s ease;--breakpoint-xs: 360px;--breakpoint-sm: 480px;--breakpoint-md: 600px;--breakpoint-lg: 768px;--breakpoint-xl: 900px;--breakpoint-2xl: 1200px}@font-face{font-family:"MS Sans Serif";src:url(./MS%20Sans%20Serif-BTn84B5r.ttf)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{display:flex;width:100dvw;height:100dvh;-webkit-user-select:none;user-select:none;color:#fff;font-size:.875rem;align-items:stretch;flex-flow:row nowrap;justify-content:stretch;font-family:"MS Sans Serif";width:100vw;height:100vh;background:linear-gradient(to bottom,#f0f0f0,#d8d8d8 20%,silver 80%,#a8a8a8);overflow:hidden}button{border:none;color:inherit;display:block;font:inherit;background:unset;cursor:pointer}button:focus-visible{outline:none}.react-draggable{cursor:grab}.react-draggable.react-draggable-dragging{cursor:grabbing}.desktop{padding:1rem;width:100vw;height:100vh;position:relative;background:url(../background.jpg) center/cover no-repeat;background-size:cover}.win98-button,button.button,.social-button,.portfolio-content .projects-section .project-item .project-links .button,.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button,.content .actions .button{font-family:var(--font-family-primary);font-size:.92rem;color:var(--color-black);background:var(--color-window-bg);border:2px outset var(--color-white);border-right-color:var(--color-gray-dark);border-bottom-color:var(--color-gray-dark);border-radius:0;padding:2px 18px;min-width:56px;min-height:1.3rem;box-shadow:none;margin:.12rem .18rem .12rem 0;cursor:pointer;transition:none;outline:none;text-align:center;text-shadow:none;line-height:1.1;box-sizing:border-box;display:inline-block}.win98-button:active,button.button:active,.social-button:active,.portfolio-content .projects-section .project-item .project-links .button:active,.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button:active,.content .actions .button:active{border:2px inset var(--color-white);border-right-color:var(--color-gray-dark);border-bottom-color:var(--color-gray-dark);background:#b0b0b0}.win98-button:focus,button.button:focus,.social-button:focus,.portfolio-content .projects-section .project-item .project-links .button:focus,.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button:focus,.content .actions .button:focus{outline:1px dotted var(--color-black);outline-offset:-4px}.win98-button:hover,button.button:hover,.social-button:hover,.portfolio-content .projects-section .project-item .project-links .button:hover,.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button:hover,.content .actions .button:hover{background:#d0d0d0}.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button{min-width:auto;padding:2px 12px;font-size:.75rem;margin:.12rem .25rem .12rem 0}.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button{background:var(--color-window-bg)!important;border:2px outset var(--color-white)!important;border-right-color:var(--color-gray-dark)!important;border-bottom-color:var(--color-gray-dark)!important}.content{gap:var(--spacing-lg);display:grid;color:var(--color-black);padding:var(--spacing-lg) .375rem .375rem}.content .message{gap:var(--spacing-md);display:flex;max-width:32.5rem}.content .message .icon{width:var(--spacing-3xl);height:var(--spacing-3xl)}.content .actions{gap:var(--spacing-md);width:100%;display:flex;align-items:center;justify-content:flex-end}::-webkit-scrollbar{display:none}.portfolio-content{max-height:400px;overflow-y:auto}.portfolio-content .profile-section .profile-header{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.portfolio-content .profile-section .profile-header .profile-icon{width:48px;height:48px;border:2px solid var(--color-navy);border-radius:var(--border-radius-lg)}.portfolio-content .profile-section .profile-header .profile-info{flex:1}.portfolio-content .profile-section .profile-header .profile-info h2{margin:0 0 var(--spacing-sm) 0;font-size:1.2rem;color:var(--color-navy);font-weight:700}.portfolio-content .profile-section .profile-header .profile-info h3{margin:0 0 var(--spacing-md) 0;font-size:1rem;color:#666;font-style:italic}.portfolio-content .profile-section .profile-header .profile-info .social-links{display:flex;gap:var(--spacing-md)}.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button{min-width:auto;padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;background:#e0e0e0;border:1px solid #999}.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button:hover{background:#d0d0d0}.portfolio-content .profile-section .contact-info{margin-bottom:var(--spacing-xl);background:#f8f8f8;padding:var(--spacing-lg);border:1px solid #ccc}.portfolio-content .profile-section .contact-info p{margin:var(--spacing-sm) 0;font-size:.875rem}.portfolio-content .profile-section .bio{margin-bottom:var(--spacing-xl)}.portfolio-content .profile-section .bio h4{margin:0 0 var(--spacing-md) 0;color:var(--color-navy);border-bottom:1px solid #ccc;padding-bottom:var(--spacing-sm)}.portfolio-content .profile-section .bio p{line-height:1.4;text-align:justify}.portfolio-content .profile-section .experience h4{margin:0 0 var(--spacing-lg) 0;color:var(--color-navy);border-bottom:1px solid #ccc;padding-bottom:var(--spacing-sm)}.portfolio-content .profile-section .experience .experience-item{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:#f5f5f5;border-left:3px solid var(--color-navy)}.portfolio-content .profile-section .experience .experience-item h5{margin:0 0 var(--spacing-sm) 0;color:var(--color-navy);font-size:.9rem}.portfolio-content .profile-section .experience .experience-item .period{font-size:.75rem;color:#666;font-style:italic}.portfolio-content .profile-section .experience .experience-item p{margin:var(--spacing-md) 0 0 0;font-size:.875rem;line-height:1.3}.portfolio-content .projects-section h3{margin:0 0 var(--spacing-xl) 0;color:var(--color-navy);border-bottom:2px solid var(--color-navy);padding-bottom:var(--spacing-sm)}.portfolio-content .projects-section .project-item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#f8f8f8,#f0f0f0);border:1px solid #ccc;border-left:4px solid var(--color-navy)}.portfolio-content .projects-section .project-item:last-child{border-bottom:1px solid #ccc}.portfolio-content .projects-section .project-item .project-details{flex:1 1 0;min-width:0}.portfolio-content .projects-section .project-item .project-image{max-width:380px;width:100%;min-width:220px;border-radius:var(--border-radius-xl);border:1.5px solid #bbb;box-shadow:0 4px 16px #0000001a;background:#f4f8ff;padding:10px;object-fit:contain;margin-bottom:0;margin-left:auto;margin-right:0;display:block;transition:box-shadow var(--transition-medium);height:auto;flex-shrink:0}.portfolio-content .projects-section .project-item .project-image:hover{box-shadow:0 8px 24px #00000029}.portfolio-content .projects-section .project-item h4{margin:0 0 var(--spacing-md) 0;color:var(--color-navy);font-size:1.1rem}.portfolio-content .projects-section .project-item p{margin:0 0 var(--spacing-lg) 0;line-height:1.4;text-align:justify}.portfolio-content .projects-section .project-item .technologies{margin-bottom:var(--spacing-lg)}.portfolio-content .projects-section .project-item .technologies .tech-tag{display:inline-block;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);padding:var(--spacing-xs) var(--spacing-md);border:1px solid #999;border-radius:var(--border-radius-md);font-size:.75rem;margin-right:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:700}.portfolio-content .projects-section .project-item .project-links{display:flex;gap:var(--spacing-md)}.portfolio-content .projects-section .project-item .project-links .button{min-width:auto;padding:.375rem var(--spacing-lg);font-size:.75rem;font-weight:700}.portfolio-content .projects-section .project-item .project-links .button:hover{background:#d0d0d0}.portfolio-content .projects-section .project-item img{display:block;margin-bottom:var(--spacing-lg);max-width:100%;border-radius:var(--border-radius-lg);border:1px solid #ccc;box-shadow:var(--shadow-sm)}@media (max-width: 900px){.portfolio-content .projects-section .project-item{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.portfolio-content .projects-section .project-item .project-image{max-width:100%!important;min-width:0!important;width:100%!important;margin:0 auto 1rem!important;flex-shrink:1!important}}.portfolio-content .skills-section h3{margin:0 0 var(--spacing-xl) 0;color:var(--color-navy);border-bottom:2px solid var(--color-navy);padding-bottom:var(--spacing-sm)}.portfolio-content .skills-section .skill-group{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#f8f8f8,#f0f0f0);border:1px solid #ccc}.portfolio-content .skills-section .skill-group h4{margin:0 0 var(--spacing-lg) 0;color:var(--color-navy);font-size:1rem;border-bottom:1px solid #ddd;padding-bottom:var(--spacing-sm)}.portfolio-content .skills-section .skill-group .skill-items .skill-tag{display:inline-block;background:linear-gradient(135deg,#ddd,#ccc);padding:var(--spacing-sm) var(--spacing-md);border:1px solid #999;border-radius:var(--border-radius-md);font-size:.75rem;margin-right:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:700;color:#333}.portfolio-content .contact-section .contact-info{margin-bottom:var(--spacing-2xl);background:linear-gradient(45deg,#f0f8ff,#e6f3ff);padding:var(--spacing-xl);border:1px solid #b0d4f1}.portfolio-content .contact-section .contact-info h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-navy);font-size:1.1rem}.portfolio-content .contact-section .contact-info p{margin:var(--spacing-sm) 0}.portfolio-content .contact-section .contact-info .contact-note{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#ffffffb3;border-radius:var(--border-radius-md);font-size:.875rem}.portfolio-content .contact-section .contact-form h4{margin:0 0 var(--spacing-lg) 0;color:var(--color-navy);border-bottom:1px solid #ccc;padding-bottom:var(--spacing-sm)}.portfolio-content .contact-section .contact-form input,.portfolio-content .contact-section .contact-form textarea{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:2px inset #f0f0f0;font-family:inherit;font-size:.875rem;background:var(--color-white)}.portfolio-content .contact-section .contact-form input:focus,.portfolio-content .contact-section .contact-form textarea:focus{outline:1px dotted var(--color-black);outline-offset:-2px;background:#fffacd}.portfolio-content .contact-section .contact-form input::placeholder,.portfolio-content .contact-section .contact-form textarea::placeholder{color:#888;font-style:italic}.portfolio-content .contact-section .contact-form textarea{resize:vertical;min-height:80px}.portfolio-content .contact-section .contact-form .button{margin-top:var(--spacing-md);font-weight:700}.portfolio-content .contact-section .contact-form .button:hover{background:#e0e0e0}.notepad-content{min-width:340px;background:linear-gradient(135deg,#f8f8f8,#e0e0e0);border:1px solid #b0d4f1;border-radius:var(--border-radius-md);padding:12px}.notepad-textarea{width:100%;min-height:120px;font-family:monospace;font-size:14px;border:2px inset #ccc;background:var(--color-white);resize:vertical;border-radius:var(--border-radius-sm);padding:8px;color:#222;box-sizing:border-box}.notepad-hint{font-size:12px;color:#666;margin-top:8px}@media (max-width: 900px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat!important;background-size:cover!important;background-attachment:scroll!important}.portfolio-content .projects-section .project-item{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;row-gap:1rem!important;column-gap:0!important;padding:.75rem;margin-bottom:1rem}.portfolio-content .projects-section .project-item .project-image{margin:0 auto 1rem!important;max-width:100%!important;min-width:0!important;width:100%!important;display:block!important;height:auto!important;object-fit:contain!important}.portfolio-content .projects-section .project-item .project-details{min-width:0}.taskbar .win98-button[title=Fullscreen]{display:none}}@media (max-width: 768px){body{align-items:stretch;justify-content:stretch}.window{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);max-height:calc(100vh - 6rem);margin:1rem}.window .body{margin:4px}.portfolio-content{max-height:calc(100vh - 12rem);overflow-y:auto}.desktop{padding:.5rem;width:100vw;height:100vh;min-height:100vh}.desktop .programs{gap:.75rem;grid-template-columns:repeat(auto-fit,4.5rem);grid-auto-rows:5rem;margin-top:3rem;padding:.5rem}.desktop .programs .program{width:4.5rem;height:5rem;font-size:.675rem;padding:.375rem .25rem;min-height:44px}.desktop .programs .program .icon{width:2.25rem;height:2.25rem}}@media (max-width: 600px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat!important;background-size:cover!important;background-attachment:scroll!important}.portfolio-content .projects-section .project-item{padding:.5rem;gap:.75rem}.portfolio-content .projects-section .project-item .project-image{max-width:100%!important;width:100%!important;padding:6px;border-radius:6px}}@media (max-width: 480px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat!important;background-size:cover!important;background-attachment:scroll!important}.portfolio-content .projects-section .project-item .project-image{max-width:100%!important;width:100%!important;padding:4px;border-radius:4px}}@media (max-width: 360px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat!important;background-size:cover!important;background-attachment:scroll!important}.portfolio-content .projects-section .project-item .project-image{max-width:100%!important;width:100%!important;padding:3px;border-radius:4px}}@media (max-width: 768px) and (pointer: coarse){.desktop .programs .program,.taskbar .start,.taskbar .tabs .tab,.content .actions .button{touch-action:manipulation}.portfolio-content .profile-section .profile-header .profile-info .social-links .social-button,.portfolio-content .projects-section .project-item .project-links .button,.portfolio-content .contact-section .contact-form .button{min-height:44px;min-width:44px}}@media (min-width: 1200px){.desktop{padding:2rem}.desktop .programs{grid-template-columns:repeat(auto-fit,6rem);grid-auto-rows:6rem;gap:1.5rem}.portfolio-content .projects-section .project-item{gap:3rem}}@media (max-width: 900px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat;background-size:cover;background-attachment:scroll}}@media (max-width: 600px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat;background-size:cover;background-attachment:scroll}}@media (max-width: 480px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat;background-size:cover;background-attachment:scroll}}@media (max-width: 360px){.desktop{background:url(../window-mobile.jpg) center/cover no-repeat;background-size:cover;background-attachment:scroll}}.desktop{padding:1rem;width:100vw;height:100vh;position:relative;background:url(../background.jpg) center/cover no-repeat;background-size:cover}.desktop:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;pointer-events:none}.desktop .programs{gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,5rem);grid-auto-rows:5.5rem;align-content:start;padding:.5rem;margin-top:4rem}.desktop .programs .program{margin:0;z-index:0;gap:.375rem;width:5rem;height:5.5rem;font-size:.75rem;display:flex;line-height:1.1;text-align:center;position:relative;align-items:center;vertical-align:top;padding:.5rem .25rem;flex-direction:column;justify-content:center;border-radius:2px;cursor:pointer;transition:all .2s ease;background:#ffffff0d;border:1px solid transparent}.desktop .programs .program:hover{background:#ffffff26;border:1px dotted rgba(255,255,255,.5);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.desktop .programs .program:active{transform:translateY(0);background:#ffffff40}.desktop .programs .program .icon{width:2.5rem;height:2.5rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));transition:transform .2s ease}.desktop .programs .program:hover .icon{transform:scale(1.1)}.desktop .programs .program .name{display:block;padding:.25rem .125rem 0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.9);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1}.desktop .programs .program:focus-visible{outline:none;background:#00008bb3;border:1px dotted white}.desktop .desktop-info{position:absolute;top:1rem;left:1rem;right:1rem;z-index:1;color:#fff;font-size:.875rem;text-shadow:2px 2px 4px rgba(0,0,0,.9);background:#0009;padding:.5rem .75rem;border-radius:3px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:fit-content}.desktop .desktop-info h3{margin:0 0 .25rem;font-size:1rem;color:#ff9;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.desktop .desktop-info p{margin:0;font-size:.75rem;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.9)}.dialog{left:50%;top:50%;z-index:var(--z-index-window);position:fixed;transform:translate(-50%,-50%)}.window{z-index:var(--z-index-window);gap:var(--spacing-sm);padding:3px;display:flex;min-width:30rem;flex-direction:column;background:var(--color-silver);box-shadow:var(--shadow-window-inset)}.window .title{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 3px 3px;background:linear-gradient(90deg,var(--color-navy),#1084d0)}.window .title .actions{gap:2px;display:flex}.window .title .closeButton{display:block;min-width:16px;min-height:14px;background-color:var(--color-silver);background-repeat:no-repeat;background-position:center;box-shadow:var(--shadow-window-button);font-size:12px;font-weight:700;line-height:1;text-align:center;color:#000;display:flex;align-items:center;justify-content:center}.window .title .closeButton:focus{outline-offset:-4px;outline:1px dotted var(--color-black)}.window .title .closeButton:not(:disabled):active{box-shadow:var(--shadow-window-button-active);text-shadow:1px 1px #222}.window .body{margin:8px}@media (max-width: 768px){.dialog{left:1rem;right:1rem;top:1rem;bottom:1rem;transform:none;width:auto;max-width:none;height:auto;max-height:none;padding:0;display:flex;align-items:center;justify-content:center}.window{min-width:unset;width:100%;max-width:100%;max-height:calc(100vh - 2rem);overflow:visible;gap:var(--spacing-xs, 4px);padding:2px;display:flex;flex-direction:column}.window .title{padding:2px 2px 2px 3px;flex-shrink:0}.window .title .closeButton{min-width:24px;min-height:22px;font-size:14px}.window .body{margin:6px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}}@media (max-width: 480px){.dialog{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}.window{font-size:14px;max-height:calc(100vh - 1rem)}.window .title .closeButton{min-width:28px;min-height:24px;font-size:16px}.window .body{margin:4px}}.taskbar{right:0;bottom:0;left:0;gap:var(--spacing-md);display:flex;color:var(--color-black);height:2.5rem;position:fixed;padding:var(--spacing-sm);font-weight:700;align-items:center;background:var(--color-taskbar-bg);border-top:2px solid var(--color-taskbar-border);box-shadow:inset 2px 2px #ffffffe6,inset -2px -2px 0 var(--color-taskbar-shadow),0 -4px 8px #00000026;z-index:var(--z-index-taskbar)}.taskbar .separator{width:2px;height:1.5rem;background:linear-gradient(to bottom,#888,#666,#888);border-left:1px solid var(--color-white);border-right:1px solid var(--color-gray-darker);margin:0 var(--spacing-sm)}.taskbar .start{gap:var(--spacing-sm);display:flex;min-width:4.5rem;min-height:1.375rem;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-button-bg);border:2px outset var(--color-window-bg);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);font-weight:700}.taskbar .start:hover{background:var(--color-button-hover);border-color:#d0d0d0}.taskbar .start:focus{outline:1px dotted var(--color-black);outline-offset:-3px}.taskbar .start:not(:disabled):active{background:var(--color-button-active);border:2px inset var(--color-window-bg);transform:translateY(1px)}.taskbar .start .icon{height:1.5rem;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.taskbar .tabs{gap:var(--spacing-sm);display:flex}.taskbar .tabs .tab{display:flex;min-width:4.5rem;min-height:1.75rem;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(to bottom,#e8e8e8,#d8d8d8 20%,#c8c8c8 80%,#b8b8b8);border:1px solid #999;border-bottom:2px solid #666;border-radius:3px 3px 0 0;transition:all var(--transition-fast);font-size:.75rem;position:relative;margin-bottom:-1px}.taskbar .tabs .tab:hover{background:linear-gradient(to bottom,#f0f0f0,#e0e0e0 20%,#d0d0d0 80%,silver)}.taskbar .tabs .tab.inactive{background:var(--color-button-bg);border:2px outset var(--color-window-bg);box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px 0 var(--color-taskbar-shadow);color:var(--color-black);font-weight:700}.taskbar .attachements{display:flex;padding:var(--spacing-xs)}.taskbar .attachements .app{width:25px;height:25px;margin:2px;background:no-repeat center/auto 18px;border:1px solid transparent;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.taskbar .time{right:var(--spacing-xl);position:absolute;background:linear-gradient(to bottom,#f8f8f8,#e8e8e8,#d8d8d8);padding:var(--spacing-sm) var(--spacing-md);border:2px inset var(--color-window-bg);border-radius:var(--border-radius-sm);font-family:var(--font-family-primary),monospace;font-size:.75rem;font-weight:400;text-shadow:1px 1px 0 rgba(255,255,255,.8);box-shadow:inset 1px 1px 2px #0000001a}.start-menu98{z-index:var(--z-index-start-menu);border-radius:var(--border-radius-md);min-width:220px;box-shadow:var(--shadow-xl);overflow:hidden;font-family:var(--font-family-primary)}.start-menu98 .program{display:flex;align-items:center;gap:var(--spacing-lg);padding:6px 16px;cursor:pointer;border:none;background:none;font-size:.95rem;color:#222;border-radius:var(--border-radius-sm);transition:background .15s;width:100%;text-align:left}.start-menu98 .program:hover,.start-menu98 .program:focus-visible{background:linear-gradient(90deg,#b0d6ff,#e0e0e0);color:var(--color-navy);outline:none}.start-menu98 .program .icon{width:1.5rem;height:1.5rem;margin-right:var(--spacing-md);filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.start-menu98 hr{margin:8px 0;border:none;border-top:1px solid #b0b0b0}.start-menu98 button{font-family:inherit;font-size:.95rem;color:#222;background:none;border:none;padding:6px 16px;cursor:pointer;border-radius:var(--border-radius-sm);text-align:left;width:100%;transition:background .15s}.start-menu98 button:hover,.start-menu98 button:focus-visible{background:linear-gradient(90deg,#b0d6ff,#e0e0e0);color:var(--color-navy);outline:none}.bsod-overlay{position:fixed;z-index:var(--z-index-bsod);top:0;left:0;width:100vw;height:100vh;background:#00a;color:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-family-mono);font-size:1.25rem;animation:bsod-in var(--transition-medium)}.bsod-content{max-width:600px;text-align:left;background:transparent;padding:32px 40px}.bsod-content b{font-size:2.5rem;line-height:2.5rem;display:block;margin-bottom:var(--spacing-xl)}.bsod-content i{color:#ff0;font-style:normal;font-size:1rem}