.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center}.loading-container{display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .5s ease}.loading-container.boot-fade-in{opacity:1}.boot-logo{margin-bottom:40px;text-align:center}.boot-logo-text{font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;font-size:42px;font-weight:400;color:#fff;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.boot-logo-sub{font-size:18px;color:#f93;margin-top:4px;font-style:italic}.loader-container{display:flex;align-items:center;justify-content:center;width:180px;height:22px;border:2px solid #b2b2b2;border-radius:7px;padding:2px 1px;overflow:hidden}.loader-box{display:inline-block;width:9px;height:100%;margin-right:2px;background:linear-gradient(180deg,#2838c7,#5979ef 17%,#869ef3 32%,#869ef3 45%,#5979ef 59%,#2838c7);animation:loader-slide 2s infinite linear}@keyframes loader-slide{0%{transform:translate(-30px)}to{transform:translate(180px)}}.boot-delay-message{position:absolute;top:40px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;text-shadow:1px 1px 2px #000}.boot-bottom-left{position:absolute;bottom:48px;left:100px;color:#fff;font-size:16px;line-height:1.4;display:flex;flex-direction:column;opacity:0;transition:opacity .5s ease}.boot-bottom-left.boot-fade-in{opacity:1}.boot-bottom-right{position:absolute;bottom:50px;right:100px;opacity:0;transition:opacity .5s ease;text-align:right}.boot-bottom-right.boot-fade-in{opacity:1}.boot-xp-brand{display:block;height:52px;width:auto;opacity:.92}.boot-wordmark{display:block;font-size:22px;color:#ffffffb3;font-style:italic}.boot-wordmark-sub{display:block;font-size:28px;color:#ffffffe6;font-weight:300}@media (max-width: 768px){.boot-bottom-left{display:none}.boot-bottom-right{left:50%;right:auto;transform:translate(-50%);bottom:30px}.boot-logo-text{font-size:32px}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#002d99;z-index:9999;color:#fff;overflow:hidden}.login-screen-inner{position:absolute;top:100px;right:0;bottom:100px;left:0;background:#587cdb}.login-screen-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#bad7f8,transparent)}.login-screen-inner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f8953d,transparent)}.login-screen-center{display:flex;height:100%;position:relative;width:100%;align-items:center;justify-content:center}.login-left{position:absolute;left:50%;top:45%;transform:translate(calc(-100% - 72px),-50%);display:flex;flex-direction:column;align-items:flex-end}.xp-login-brand{display:block;width:auto;height:72px;max-width:min(320px,90vw);-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center}.login-instruction{font-size:19px;margin-top:24px;letter-spacing:.25px}.login-divider{position:absolute;left:50%;top:20%;bottom:20%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#bad7f800,#bad7f8 40%,#bad7f8 60%,#bad7f800);opacity:.35}.login-right{position:absolute;left:50%;top:45%;transform:translate(72px,-50%)}.user-card{display:flex;align-items:center;gap:16px;padding:12px 18px;border-radius:5px;border:none;background:transparent;cursor:pointer;color:#fff;position:relative;min-width:260px;transition:background .3s}.user-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#113fa6,#113fa6,#587cdb);opacity:0;transition:opacity .3s;z-index:-1}.user-card:hover:before{opacity:1}.user-card:hover .user-title{color:#fdbd32}.user-avatar .user-photo{border:3px solid #fff;border-radius:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block;transition:border-color .3s}.user-card:hover .user-photo{border-color:#fdbd32}.user-name{font-size:26px;font-weight:500;letter-spacing:.25px}.user-title{color:navy;font-size:13px;font-weight:700;transition:color .3s}.turn-off{position:absolute;bottom:35px;left:50px;display:flex;align-items:center;gap:8px;background:none;border:none;color:#eff1ed;font-size:16px;cursor:pointer}.login-restart-icon{width:28px;height:28px;display:block;flex-shrink:0}.turn-off:hover .login-restart-icon{filter:brightness(1.15)}.login-bottom-right{position:absolute;bottom:30px;right:50px;display:flex;flex-direction:column;font-size:14px}.welcome-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4000;color:#fff;font-size:3rem;font-style:italic;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 3px #000,0 1px 0 #3366cc;pointer-events:none}@media (max-width: 768px){.login-screen-inner{top:80px;right:0;bottom:80px;left:0}.login-left,.login-right{position:static;transform:none;align-items:center}.login-screen-center{flex-direction:column;gap:24px}.login-divider{display:none}.xp-login-brand{height:56px}.turn-off{display:none}.login-bottom-right{left:0;right:0;text-align:center;align-items:center}}.desktop-area{position:fixed;top:0;left:0;right:0;bottom:var(--taskbar-height);z-index:1;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#2b97e8}.desktop-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.desktop-icons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,var(--desktop-icon-cell-size, 110px));grid-auto-columns:var(--desktop-icon-cell-size, 110px);gap:var(--desktop-icon-grid-gap, 6px);padding:var(--desktop-icons-padding, 20px 12px 8px 20px);overflow-x:auto;overflow-y:auto;align-content:start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--desktop-icon-cell-size, 110px);height:var(--desktop-icon-cell-size, 110px);padding:var(--desktop-icon-padding, 6px 4px);cursor:pointer;border:1px solid transparent;border-radius:3px;text-align:center;flex-shrink:0}.desktop-icon:hover{background:#316ac538}.desktop-icon:focus{outline:1px dotted rgba(255,255,255,.5)}.desktop-icon img{width:var(--desktop-icon-img-size, 48px);height:var(--desktop-icon-img-size, 48px);margin-bottom:4px;flex-shrink:0;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.desktop-icon span{color:#fff;font-size:var(--desktop-icon-font-size, 11px);font-weight:400;letter-spacing:.3px;line-height:1.25;max-width:100%;text-shadow:1px 1px 1px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.8);white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-height: 700px){:root{--desktop-icon-cell-size: 92px;--desktop-icon-img-size: 40px;--desktop-icon-font-size: 10px;--desktop-icons-padding: 10px 8px 6px 14px}}@media (max-width: 768px){:root{--desktop-icon-cell-size: 86px;--desktop-icon-img-size: 38px;--desktop-icon-font-size: 10px;--desktop-icon-grid-gap: 4px;--desktop-icons-padding: 10px 6px 6px 10px}.desktop-wallpaper{-o-object-position:55% 42%;object-position:55% 42%}}@media (max-width: 768px) and (max-height: 640px){:root{--desktop-icon-cell-size: 78px;--desktop-icon-img-size: 34px;--desktop-icon-font-size: 9px}}@media (min-aspect-ratio: 7/3){.desktop-wallpaper{-o-object-position:center center;object-position:center center}}.app-window{border:2px solid #284ffd;border-radius:8px 8px 0 0;border-top-width:1.5px;display:flex;flex-direction:column;filter:drop-shadow(1px 1px 4px rgba(0,0,0,.5));max-height:calc(100vh - var(--taskbar-height));max-width:100vw;min-height:200px;min-width:300px;overflow:hidden;background:var(--xp-bg-main)}.app-window:not(.active){border-color:#3d7bff}.app-window.maximized{border:none!important;border-radius:0!important;filter:none!important;max-height:calc(100vh - var(--taskbar-height))!important;max-width:100vw!important}.window-inactive-mask{display:none;position:absolute;top:0;left:0;right:0;height:31px;background:#ffffff40;border-radius:8px 8px 0 0;pointer-events:none;z-index:10}.app-window:not(.active) .window-inactive-mask{display:block}.app-window .title-bar{display:flex;justify-content:space-between;align-items:center;min-height:30px;cursor:move;flex-shrink:0}.app-window .title-bar-text{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden;padding:3px 5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.title-icon{flex-shrink:0}.app-window .title-bar-controls{display:flex;flex-shrink:0}.app-window .window-body{flex:1;min-height:0;background:var(--xp-bg-main);padding:8px}.app-window.closing{animation:windowClose .15s ease-in forwards}.app-window.minimizing{animation:windowMinimize .15s ease-in forwards;transform-origin:bottom center}@keyframes windowClose{to{opacity:0}}@keyframes windowMinimize{to{opacity:.5;transform:scale(.55)}}.resizer{position:absolute;width:10px;height:10px;z-index:10;background:transparent}.resizer-n{top:-5px;left:50%;transform:translate(-50%);width:calc(100% - 10px);height:10px;cursor:ns-resize}.resizer-s{bottom:-5px;left:50%;transform:translate(-50%);width:calc(100% - 10px);height:10px;cursor:ns-resize}.resizer-e{right:-5px;top:50%;transform:translateY(-50%);height:calc(100% - 10px);cursor:ew-resize}.resizer-w{left:-5px;top:50%;transform:translateY(-50%);height:calc(100% - 10px);cursor:ew-resize}.resizer-ne{top:-5px;right:-5px;cursor:nesw-resize}.resizer-nw{top:-5px;left:-5px;cursor:nwse-resize}.resizer-se{bottom:-5px;right:-5px;cursor:nwse-resize}.resizer-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.app-window.maximized .resizer{display:none}.dragging-window,.dragging-window *{cursor:move!important}@media (max-width: 768px){.app-window:not(.maximized){left:0!important;top:0!important;width:100vw!important;height:calc(100vh - var(--taskbar-height))!important;max-width:100vw!important;max-height:calc(100vh - var(--taskbar-height))!important;border:none!important;border-radius:0!important}.resizer{display:none!important}}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:var(--taskbar-height);display:flex;align-items:center;z-index:var(--z-taskbar);background:linear-gradient(180deg,#3ba0e7,#245edc 8%,#1941a5 40%,#1941a5);border-top:1px solid #1a4a8c;box-shadow:inset 0 1px #ffffff40}.start-button{height:var(--taskbar-height);padding:0 12px 0 8px;border:none;background:linear-gradient(180deg,#5cb85c,#3d9a3d,#2d7a2d);border-radius:0 12px 12px 0;cursor:pointer;flex-shrink:0;transition:filter .1s;box-shadow:inset 0 1px #ffffff4d,1px 0 2px #0003}.start-button:hover{filter:brightness(1.15)}.start-button.active,.start-button:active{filter:brightness(.9)}.start-button-label{font-family:Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;font-size:14px;font-weight:700;font-style:italic;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);letter-spacing:.5px}.taskbar-programs{display:flex;flex:1;align-items:center;gap:4px;margin:0 4px;min-width:0;overflow:hidden}.taskbar-item{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid #0e63ad;border-radius:4px;background:linear-gradient(180deg,#3ba0e7,#3295eb 50%,#3389d4);box-shadow:inset 0 1px 1px #fff3;color:#fff;font-size:11px;cursor:pointer;flex-shrink:1;min-width:0;max-width:160px;text-shadow:1px 1px 1px rgba(0,0,0,.3);transition:background .18s,box-shadow .18s}.taskbar-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-item:hover:not(.active){background:linear-gradient(180deg,#56b6fc,#52aeff 50%,#0e81ec);border-color:#2176c7}.taskbar-item.active{background:linear-gradient(0deg,#1a5a99,#2176c7);border-color:#174a7c;box-shadow:inset 1px 1px 1px #0006}.system-tray{display:flex;align-items:center;height:100%;padding:0 8px;background:linear-gradient(180deg,#16a085,#0e8a6f,#0a7058);border-left:1px solid rgba(255,255,255,.15);flex-shrink:0}.tray-content{display:flex;align-items:center;gap:8px}.tray-icons{display:flex;align-items:center;gap:6px}.tray-icon-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;line-height:1;opacity:.9}.tray-icon-btn:hover{opacity:1;transform:scale(1.1)}.time{color:#fff;font-size:11px;text-shadow:1px 1px 1px rgba(0,0,0,.6);white-space:nowrap;min-width:60px;text-align:center}.start-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-startmenu) - 1)}.start-menu{position:fixed;bottom:var(--taskbar-height);left:0;width:380px;max-height:calc(100vh - var(--taskbar-height));max-height:calc(100dvh - var(--taskbar-height));z-index:var(--z-startmenu);border:2px solid #0054e3;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:2px -2px 8px #0006;overflow:hidden;animation:startMenuOpen .15s ease-out;display:flex;flex-direction:column}@keyframes startMenuOpen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start-menu-header{background:linear-gradient(180deg,#0058e6,#0039a9);padding:8px 12px;border-bottom:1px solid #003399;flex-shrink:0}.start-menu-user{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.start-menu-avatar .user-photo{border:2px solid #fff;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.start-menu-body{display:flex;background:#fff;min-height:0;flex:1;overflow:hidden}.start-menu-left{flex:1;background:#fff;padding:8px 0;border-right:1px solid #99b4e0}.start-menu-right{width:140px;background:linear-gradient(180deg,#d3e5fa,#b8d4f0);padding:8px 0}.start-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:none;cursor:pointer;font-family:Tahoma,Arial,sans-serif;font-size:11px;text-align:left;color:#000}.start-menu-item:hover{background:#316ac5;color:#fff}.start-menu-item img{flex-shrink:0}.start-menu-item-small{padding:4px 10px;font-size:10px}.start-menu-footer{background:linear-gradient(180deg,#3ba0e7,#245edc);padding:6px 12px;display:flex;justify-content:flex-end;flex-shrink:0}.start-menu-shutdown{display:flex;align-items:center;gap:6px;background:none;border:none;color:#fff;font-size:11px;cursor:pointer;padding:4px 8px;border-radius:3px}.start-menu-shutdown:hover{background:#ffffff26}@media (max-width: 768px){.start-menu{width:100%;border-radius:0}}.app-about{padding:8px}.about-header{display:flex;gap:16px;align-items:center;margin-bottom:16px}.about-avatar .user-photo{border:2px solid #99b4e0;border-radius:8px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block;box-shadow:1px 1px 4px #0003}.about-header h2{margin:0;font-size:18px}.about-subtitle{color:#666;margin:4px 0 0}.about-table{width:100%;border-collapse:collapse;margin-top:8px}.about-table td{padding:4px 8px;border-bottom:1px solid #ddd}.about-table td:first-child{font-weight:700;width:120px;color:#333}.about-bio{line-height:1.5;margin:16px 0;color:#333}.about-actions{text-align:right;margin-top:12px}.app-resume{padding:12px 16px}.app-resume h2{margin:0 0 4px;font-size:20px}.resume-title{color:#0054e3;font-size:13px;margin:0 0 12px}.app-resume h3{font-size:13px;color:#039;margin:16px 0 8px;border-bottom:1px solid #ccc;padding-bottom:4px}.resume-entry{margin-bottom:12px}.resume-date{float:right;color:#666;font-size:10px}.resume-entry ul{margin:6px 0 0 16px;padding:0}.resume-entry li{margin-bottom:4px;line-height:1.4}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:#d4e8ff;border:1px solid #99b4e0;padding:2px 8px;border-radius:3px;font-size:10px}.app-projects{padding:12px 16px}.app-projects h2{margin:0 0 4px;font-size:18px}.projects-intro{color:#666;margin-bottom:16px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{border:1px solid #99b4e0;background:#fff;border-radius:4px;overflow:hidden}.project-image{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;display:block;background:#e8e8e8}.project-body{padding:10px}.project-body h3{margin:0 0 6px;font-size:13px}.project-body p{margin:0 0 8px;font-size:11px;line-height:1.4;color:#444}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.project-tag{background:#eef4ff;border:1px solid #b8cce8;padding:1px 6px;font-size:9px;border-radius:2px}.project-btn{font-size:10px}.app-contact{padding:12px 16px}.app-contact h2{margin:0 0 4px}.media-player-app{display:flex;flex-direction:column;height:100%;min-height:280px;background:#1a1a2e}.media-player-menubar{display:flex;gap:12px;padding:2px 8px;background:#ece9d8;border-bottom:1px solid #aca899;font-size:11px;color:#000;flex-shrink:0}.media-player-menubar span{cursor:default;padding:1px 4px}.media-player-menubar span:hover{background:#316ac5;color:#fff}.media-player-screen{flex:1;min-height:0;background:#000;display:flex;align-items:center;justify-content:center}.media-player-iframe{width:100%;height:100%;border:none;display:block;background:#000}.media-player-statusbar{display:flex;justify-content:space-between;align-items:center;padding:2px 8px;background:#ece9d8;border-top:1px solid #fff;font-size:11px;color:#000;flex-shrink:0;gap:8px}.media-player-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-player-status-ready{flex-shrink:0;color:#333}.contact-form fieldset{border:1px solid #99b4e0;padding:12px;margin-bottom:12px}.field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.field-row span{width:60px;flex-shrink:0}.field-row input,.field-row textarea{flex:1;font-family:Tahoma,Arial,sans-serif;font-size:11px;padding:3px 6px;border:1px inset #ccc}.field-row-full{align-items:flex-start}.field-row-full span{padding-top:4px}.form-actions{display:flex;gap:8px;justify-content:flex-end}.contact-success{text-align:center;padding:24px}.contact-note{color:#888;font-size:10px}.contact-links{margin-top:16px;border-top:1px solid #ccc;padding-top:12px}.contact-links ul{list-style:none;padding:0;margin:8px 0 0}.contact-links li{margin-bottom:4px}.contact-links a{color:#0054e3}.contact-info-box{margin-bottom:12px}.contact-details{list-style:none;padding:0;margin:8px 0 0}.contact-details li{margin-bottom:6px;line-height:1.5}.resume-skills-grid{display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.5}.resume-skills-grid strong{color:#039}.resume-location{font-weight:400;color:#555;font-size:10px}.social-icon-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 12px}.social-icon-link{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;border:1px solid transparent;border-radius:3px;text-decoration:none;color:#000;font-size:10px;min-width:52px}.social-icon-link:hover{background:#316ac526;border-color:#99b4e0}.social-icon-link img{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25))}.social-text-link{font-size:11px;color:#0054e3;text-decoration:underline}#logoff-dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10001;background:#0000004d}.logoff-dialog{width:350px;background:#ece9d8;border:1px solid #000;box-shadow:0 0 10px #00000080;font-family:Tahoma,Arial,sans-serif}.logoff-dialog-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#002a8c,#0039a9 50%,#002a8c);color:#fff;padding:8px 16px;font-size:18px}.logoff-dialog-separator-top{height:2px;background:linear-gradient(90deg,transparent 25%,#bad7f8 45%,#bad7f8 55%,transparent 75%)}.logoff-dialog-buttons{display:flex;justify-content:space-evenly;padding:36px 0;background:linear-gradient(90deg,#587cdb,#688ceb 50%,#587cdb)}.logoff-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:#fff;cursor:pointer;font-size:13px;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.logoff-btn:hover img{filter:brightness(1.1)}.logoff-dialog-footer{background:linear-gradient(90deg,#002a8c,#0039a9 50%,#002a8c);padding:8px 15px;display:flex;justify-content:flex-end}.logoff-cancel{padding:2px 12px;font-family:Tahoma,Arial,sans-serif;font-size:11px;background:#f0f0f0;border:1px solid #fff;border-right-color:#6d6d6d;border-bottom-color:#6d6d6d;border-radius:3px;cursor:pointer}.logoff-cancel:hover{background:#fff}.logoff-cancel:active{border-color:#6d6d6d;border-right-color:#fff;border-bottom-color:#fff}.crt-enabled .os-root{filter:contrast(1.05) saturate(1.1)}.crt-scanline{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px)}.crt-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99998;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}.dev-shell{padding:0;font-size:11px;font-family:Tahoma,Arial,sans-serif;color:#222;min-height:100%;background:#f5f7fb}.dev-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;background:linear-gradient(180deg,#fff,#e8eef8);border-bottom:1px solid #99b4e0;flex-wrap:wrap}.dev-header-main{display:flex;align-items:center;gap:10px}.dev-header-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#d4e4ff);border:1px solid #7a9fd4;border-radius:4px;font-size:18px;flex-shrink:0;box-shadow:inset 0 1px #fff}.dev-title{margin:0;font-size:15px;font-weight:700;color:#039;line-height:1.2}.dev-subtitle{margin:2px 0 0;color:#666;font-size:10px}.dev-header-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dev-badge{display:inline-block;padding:2px 8px;font-size:9px;font-weight:700;color:#039;background:#eef4ff;border:1px solid #b8cce8;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.dev-badge-live{color:#0a6b0a;background:#e8f8e8;border-color:#8fd48f}.dev-panel{margin:10px 12px;padding:10px;background:#fff;border:1px solid #99b4e0;border-radius:3px;box-shadow:inset 0 0 0 1px #fff}.dev-panel-label{font-size:9px;font-weight:700;color:#039;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dev-tabs{display:flex;gap:2px;margin-bottom:0;border-bottom:1px solid #99b4e0}.dev-tab{padding:5px 12px;font-size:10px;font-family:inherit;background:#e8eef8;border:1px solid #99b4e0;border-bottom:none;border-radius:3px 3px 0 0;cursor:pointer;color:#333;position:relative;margin-bottom:-1px}.dev-tab.active{background:#fff;font-weight:700;color:#039;z-index:1}.dev-tab-dot{display:inline-block;width:6px;height:6px;background:#0a0;border-radius:50%;margin-left:4px;vertical-align:middle}.dev-code-panel{border:1px solid #99b4e0;border-top:none;background:#fff;margin-bottom:10px}.dev-code-panel-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#eef4ff;border-bottom:1px solid #d4e0f0;font-size:9px;color:#666}.dev-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dev-btn-primary{font-weight:700}.dev-action-hint{font-size:9px;color:#888;font-style:italic}.dev-desc,.dev-section-title{margin:0 0 8px;line-height:1.5;color:#333}.dev-section-title{font-size:12px;color:#039;margin:16px 0 8px;border-bottom:1px solid #ccc;padding-bottom:4px}.code-block{background:#1e1e2e;color:#cdd6f4;padding:10px 12px;font-family:Consolas,Lucida Console,monospace;font-size:10px;line-height:1.55;overflow-x:auto;margin:0;border:none;white-space:pre-wrap;max-height:200px;overflow-y:auto}.code-block.test-result.success{background:#0d2818;color:#7dffb3}.code-block.test-result.error{background:#2a1010;color:#f88}.dev-app-api{display:flex;flex-direction:column;height:100%}.dev-app-api .api-layout{display:flex;gap:0;flex:1;min-height:0;padding:10px 12px 12px}.api-sidebar{width:175px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;padding-right:10px;border-right:1px solid #c8d8f0;margin-right:10px}.api-endpoint-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:7px 8px;border:1px solid #c8d8f0;background:#fff;cursor:pointer;font-size:10px;text-align:left;border-radius:3px;transition:background .15s,border-color .15s}.api-endpoint-btn:hover{background:#eef4ff;border-color:#7a9fd4}.api-endpoint-btn.active{background:#316ac5;border-color:#245edc;color:#fff;box-shadow:inset 0 1px 2px #00000026}.api-endpoint-btn.active .api-path{color:#dce8ff}.method-badge{display:inline-block;padding:1px 6px;font-size:9px;font-weight:700;border-radius:2px;letter-spacing:.3px}.method-get{background:#e8f8e8;color:#0a6b0a;border:1px solid #8fd48f}.method-post{background:#e8f0ff;color:#0054e3;border:1px solid #99b4e0}.api-endpoint-btn.active .method-badge{background:#fff3;color:#fff;border-color:#ffffff59}.api-path{font-family:Consolas,monospace;font-size:9px;word-break:break-all;color:#444;line-height:1.3}.api-detail{flex:1;min-width:0}.api-url-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid #99b4e0;border-radius:3px;margin-bottom:8px;box-shadow:inset 0 1px 2px #0000000a}.api-url-text{font-family:Consolas,monospace;font-size:10px;color:#333;word-break:break-all}.api-description{margin:0 0 10px;color:#555;font-size:10px;line-height:1.45}.api-status-pill{padding:1px 8px;border-radius:10px;font-weight:700;font-size:9px}.api-status-pill.success{background:#0a6b0a;color:#fff}.api-status-pill.error{background:#c00;color:#fff}.dev-app-monitor{padding-bottom:12px}.monitor-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px 0}.monitor-stat-card{background:#fff;border:1px solid #99b4e0;border-radius:3px;padding:8px 10px;box-shadow:inset 0 1px #fff}.monitor-stat-label{display:block;font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.3px}.monitor-stat-value{display:block;font-size:18px;color:#039;line-height:1.2;margin:2px 0}.monitor-stat-hint{font-size:9px;color:#888}.monitor-mini-bar{height:4px;background:#e0e8f4;border-radius:2px;overflow:hidden;margin-top:4px}.monitor-mini-bar span{display:block;height:100%;background:linear-gradient(90deg,#316ac5,#5a9fd4);border-radius:2px}.dev-app-monitor .dev-panel{margin-top:10px}.monitor-table-wrap{overflow-x:auto}.monitor-table{width:100%;border-collapse:collapse;font-size:10px}.monitor-table th,.monitor-table td{border:1px solid #d4e0f0;padding:6px 8px;text-align:left}.monitor-table th{background:linear-gradient(180deg,#eef4ff,#d4e8ff);color:#039;font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.3px}.monitor-table tbody tr:nth-child(2n){background:#f8faff}.monitor-table tbody tr:hover{background:#eef4ff}.service-name{font-size:10px;color:#039}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.running{background:#0a0;box-shadow:0 0 4px #0f0}.status-pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:9px;font-weight:700}.status-pill.running{background:#e8f8e8;color:#0a6b0a;border:1px solid #8fd48f}.monitor-bar-cell{display:flex;flex-direction:column;gap:3px;min-width:70px}.monitor-uptime{color:#666;font-size:9px}.monitor-queues{padding:0 12px;margin-top:10px}.monitor-queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.monitor-queue-card{background:#fff;border:1px solid #99b4e0;border-radius:3px;padding:10px;text-align:center}.monitor-queue-name{display:block;font-size:9px;color:#666;font-family:Consolas,monospace;margin-bottom:4px}.monitor-queue-card strong{display:block;font-size:22px;color:#039;line-height:1}.monitor-queue-meta{font-size:9px;color:#888}.dev-app-arch{padding-bottom:12px}.arch-canvas{padding:12px;display:flex;flex-direction:column;align-items:center;gap:0;background:linear-gradient(rgba(0,51,153,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,51,153,.03) 1px,transparent 1px);background-size:20px 20px;margin:10px 12px;border:1px solid #c8d8f0;border-radius:4px;background-color:#fafcff}.arch-layer-block{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center}.arch-layer-card{width:100%;background:#fff;border:1px solid #99b4e0;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #00339914}.arch-layer-head{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(180deg,#eef4ff,#d4e8ff);border-bottom:1px solid #b8cce8}.arch-layer-icon{font-size:14px}.arch-layer-title{font-weight:700;color:#039;font-size:11px;flex:1}.arch-layer-index{font-size:9px;color:#666;background:#ffffffb3;padding:1px 6px;border-radius:8px;border:1px solid #b8cce8}.arch-layer-items{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px}.arch-node{background:linear-gradient(180deg,#fff,#eef4ff);border:1px solid #7a9fd4;padding:5px 12px;border-radius:3px;font-size:10px;color:#039;box-shadow:0 1px 2px #0000000f}.arch-connector{display:flex;flex-direction:column;align-items:center;padding:4px 0}.arch-connector-line{width:2px;height:8px;background:#7a9fd4}.arch-connector-arrow{color:#316ac5;font-size:12px;line-height:1}.arch-legend{margin:0 12px;padding:8px 10px;background:#fff;border:1px solid #99b4e0;border-radius:3px;font-size:10px;color:#444;display:flex;flex-direction:column;gap:4px}.arch-legend-note{color:#888;font-size:9px}.dev-app-terminal{display:flex;flex-direction:column;height:100%;min-height:280px;padding:0;background:#0c0c0c}.terminal-chrome{flex-shrink:0}.terminal-titlebar{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(180deg,#316ac5,#245edc);color:#fff;font-size:11px;font-weight:700}.terminal-titlebar-icon{font-size:12px;opacity:.9}.terminal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:#1a1a1a;border-bottom:1px solid #333;font-family:Consolas,monospace;font-size:10px;color:#aaa}.terminal-toolbar-meta{font-size:9px;color:#666}.terminal-body{flex:1;padding:8px 10px;font-family:Consolas,Lucida Console,monospace;font-size:10px;background:#0c0c0c;min-height:0}.terminal-line{display:flex;align-items:flex-start;gap:8px;padding:2px 0;line-height:1.45}.terminal-level{flex-shrink:0;font-size:8px;font-weight:700;padding:1px 5px;border-radius:2px;min-width:36px;text-align:center}.terminal-level-info{background:#1a3a1a;color:#6f6}.terminal-level-warn{background:#3a2a0a;color:#fa0}.terminal-level-error{background:#3a0a0a;color:#f88}.terminal-msg{color:#ccc;word-break:break-word}.terminal-info .terminal-msg{color:#b8e6b8}.terminal-warn .terminal-msg{color:#ffd080}.terminal-prompt{display:flex;align-items:center;gap:6px;margin-top:6px;color:#ccc}.terminal-prompt-path{color:#6f6}.terminal-prompt-char{color:#ccc}.terminal-cursor{animation:blink 1s step-end infinite;color:#0f0}@keyframes blink{50%{opacity:0}}.dev-app-db{padding-bottom:12px}.schema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:10px 12px 0}.schema-card{background:#fff;border:1px solid #99b4e0;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px #0033990f}.schema-card-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(180deg,#eef4ff,#d4e8ff);border-bottom:1px solid #b8cce8}.schema-table-icon{color:#316ac5;font-size:12px}.schema-table-name{font-size:11px;font-weight:700;color:#039}.schema-col-list{margin:0;padding:6px 0;list-style:none}.schema-col{display:flex;align-items:center;gap:6px;padding:4px 10px;border-bottom:1px solid #f0f4ff;font-size:10px}.schema-col:last-child{border-bottom:none}.schema-col:nth-child(2n){background:#fafcff}.schema-col-name{flex:1;color:#333;font-size:10px}.schema-key{font-size:8px;font-weight:700;padding:1px 5px;border-radius:2px;font-family:Tahoma,sans-serif}.schema-key.pk{background:#fff3cd;color:#856404;border:1px solid #ffc107}.schema-key.fk{background:#e8f0ff;color:#0054e3;border:1px solid #99b4e0}.schema-relations{margin-top:10px}.schema-relation-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;margin-bottom:6px}.schema-relation-flow.secondary{opacity:.85}.schema-entity{background:#eef4ff;border:1px solid #99b4e0;padding:4px 10px;border-radius:3px;font-family:Consolas,monospace;color:#039;font-size:10px}.schema-entity.muted{background:#f5f5f5;border-color:#ccc;color:#666}.schema-relation-arrow{color:#316ac5;font-weight:700}.schema-relation-sep{color:#ccc;margin:0 4px}.dev-app-articles{padding-bottom:12px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:10px 12px 0}.article-card{background:#fff;border:1px solid #99b4e0;border-radius:3px;padding:10px 12px;border-left:4px solid #316ac5;transition:box-shadow .15s,transform .15s}.article-card:hover{box-shadow:0 3px 8px #0033991f;transform:translateY(-1px)}.article-card.topic-auth{border-left-color:#0054e3}.article-card.topic-queue{border-left-color:#7b2cbf}.article-card.topic-api{border-left-color:#0a6b0a}.article-card.topic-cache{border-left-color:#c60}.article-card.topic-payments{border-left-color:#c00}.article-card.topic-default{border-left-color:#316ac5}.article-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.article-topic{font-size:9px;font-weight:700;color:#0054e3;text-transform:uppercase;letter-spacing:.4px;background:#eef4ff;padding:2px 6px;border-radius:8px;border:1px solid #b8cce8}.article-read-time{font-size:9px;color:#888}.article-title{margin:0 0 6px;font-size:12px;color:#039;line-height:1.35}.article-excerpt{margin:0;font-size:10px;color:#666;line-height:1.45}.articles-footer{margin-top:10px}.articles-footer-text{margin:0 0 10px;font-size:10px;color:#555;line-height:1.45}.dev-app{padding:8px 10px;font-size:11px}@media (max-width: 640px){.monitor-summary{grid-template-columns:repeat(2,1fr)}.monitor-queue-grid{grid-template-columns:1fr}.dev-app-api .api-layout{flex-direction:column}.api-sidebar{width:100%;border-right:none;border-bottom:1px solid #c8d8f0;margin-right:0;padding-right:0;padding-bottom:10px;margin-bottom:4px;flex-direction:row;flex-wrap:wrap}.api-endpoint-btn{flex:1 1 140px}}.repo-list{display:flex;flex-direction:column;gap:8px}.repo-card{border:1px solid #99b4e0;padding:8px;background:#fff}.repo-card p{margin:4px 0;font-size:10px}.repo-stars{font-size:9px;color:#666}.oss-list{padding-left:16px;font-size:10px;line-height:1.6}.oss-type{display:inline-block;margin-left:6px;font-size:9px;background:#eef4ff;border:1px solid #b8cce8;padding:0 4px;border-radius:2px}.notepad-app{padding:0;height:100%;display:flex;flex-direction:column}.notepad-menubar{background:#ece9d8;border-bottom:1px solid #aca899;padding:2px 6px;font-size:11px}.notepad-textarea{flex:1;width:100%;border:none;resize:none;font-family:Lucida Console,Consolas,monospace;font-size:11px;padding:8px;background:#ffffe1;outline:none}.about-extra{margin-top:8px}.about-list{margin:4px 0 0 16px;padding:0;line-height:1.5;font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.metric-item{background:#f0f4ff;border:1px solid #b8cce8;padding:6px 8px;border-radius:3px}.metric-label{display:block;font-size:9px;color:#666;text-transform:uppercase}.metric-value{font-size:11px;font-weight:700;color:#039}.case-study{margin-top:8px;padding-top:8px;border-top:1px dashed #ccc;font-size:10px;line-height:1.45}.case-row{margin-bottom:4px}.case-row strong{color:#039}.project-featured{border-color:#0054e3;box-shadow:0 0 0 1px #0054e3}.featured-badge{display:inline-block;margin-left:6px;font-size:9px;background:#0054e3;color:#fff;padding:1px 5px;border-radius:2px;vertical-align:middle}.resume-toolbar{margin-bottom:8px;text-align:right}.notification-balloon{position:fixed;bottom:calc(var(--taskbar-height) + 8px);right:12px;z-index:700;background:#ffffe1;border:1px solid #000;border-radius:7px;padding:8px 28px 8px 10px;max-width:280px;box-shadow:2px 2px 4px #0000004d;animation:balloon-in .4s ease-out}@keyframes balloon-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notification-balloon:after{content:"";position:absolute;bottom:-10px;right:24px;border:10px solid transparent;border-top-color:#ffffe1;border-bottom:0}.balloon-close{position:absolute;top:4px;right:4px;width:16px;height:16px;border:1px solid rgba(0,0,0,.15);background:transparent;cursor:pointer;border-radius:2px}.balloon-close:before,.balloon-close:after{content:"";position:absolute;top:6px;left:3px;width:8px;height:2px;background:#787878}.balloon-close:before{transform:rotate(45deg)}.balloon-close:after{transform:rotate(-45deg)}.balloon-header{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:4px}.balloon-text{margin:0;font-size:10px;line-height:1.4}.server-mode .desktop-wallpaper{filter:brightness(.45) saturate(.6) hue-rotate(180deg)}.server-mode .desktop-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,20,40,.5) 100%);pointer-events:none;z-index:1}.tray-icon-btn.active{background:#ffffff40;border-radius:2px}.start-menu-wide{width:400px}.start-menu-body-scroll{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.start-menu-full{width:100%;padding:4px 0}.start-menu-section{margin-bottom:8px}.start-menu-section-label{font-size:10px;font-weight:700;color:#039;padding:4px 12px 2px;text-transform:uppercase;letter-spacing:.5px}.boot-status-msg{font-family:Consolas,Lucida Console,monospace;font-size:12px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.table{display:table}.resize{resize:both}.rounded{border-radius:.25rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--taskbar-height: 30px;--real-vh: 1vh;--xp-bg-main: #ece9d8;--z-window: 100;--z-taskbar: 500;--z-startmenu: 600}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;font-family:Tahoma,Arial,sans-serif;font-size:11px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.os-root{width:100%;height:100%;position:relative;overflow:hidden}.pre-boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:20000}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:inline!important}}.xp-scroll{overflow:auto}.xp-scroll::-webkit-scrollbar{width:16px}.xp-scroll::-webkit-scrollbar-track{background:#f0f0f0}.xp-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8d6f0,#8ba4d0);border:1px solid #6b8ac4;border-radius:0}.xp-btn{min-width:75px;padding:3px 12px;font-family:Tahoma,Arial,sans-serif;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}