*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
:root{
  --xp-font:"Tahoma","Microsoft Sans Serif","Segoe UI",Arial,sans-serif;
  --surface:#ece9d8;
  --button-highlight:#ffffff;
  --button-face:#dfdfdf;
  --button-shadow:#808080;
  --window-frame:#0a0a0a;
  --dialog-blue:#2267cb;
  --input-border:#7f9db9;
  --xp-text:#000;
  --xp-window-bg:#ece9d8;
  --xp-taskbar-height:30px;
  --desktop-icon-size:32px;
  --xp-cursor-arrow:url("./XP ALL/CURSORES/default_arrow.cur"),default;
  --xp-cursor-ibeam:url("./XP ALL/CURSORES/default_ibeam.cur"),text;
  --xp-cursor-wait:url("./XP ALL/CURSORES/default_wait.cur"),wait;
  --xp-cursor-link:url("./XP ALL/CURSORES/default_link.cur"),pointer;
  --xp-cursor-move:url("./XP ALL/CURSORES/default_move.cur"),move;
  --xp-cursor-no:url("./XP ALL/CURSORES/default_no.cur"),not-allowed;
  --xp-cursor-resize-se:url("./XP ALL/CURSORES/default_size2.cur"),se-resize;
}
html,body{height:100%;margin:0;padding:0}
body{font-family:var(--xp-font);font-size:11px;color:var(--xp-text);background:#3a6ea5;overflow:hidden;user-select:none;-webkit-user-select:none;cursor:var(--xp-cursor-arrow)}
button,[role="button"],.desktop-icon,.start-button,.taskbar-button,.menu-item,.settings-field input[type="checkbox"],.settings-field input[type="range"],.settings-field select{cursor:var(--xp-cursor-arrow),pointer}
input[type="text"],input[type="password"],textarea,.cmd-input{cursor:var(--xp-cursor-ibeam),text}
a,.taskbar-tray button,.login-power-btn,.sidebar-action{cursor:var(--xp-cursor-link),pointer}
.is-dragging,.window--dragging{cursor:var(--xp-cursor-move),move}
.screen{position:fixed;inset:0;display:none}
.screen--active{display:block}

.boot-screen{background:#000;color:#D8D8D8;overflow:hidden;font-family:"Lucida Console","Courier New",monospace;font-size:13px;line-height:1.42}
.boot-screen.screen--active{display:block}
.boot-bios{position:absolute;inset:0;background:#000;padding:22px 26px;overflow-y:auto}
.boot-bios__content{max-width:860px;padding-bottom:24px}
.boot-bios p{margin:0}
.boot-line--strong{color:#FFF}
.boot-spacer,.boot-block{margin-top:14px}
.boot-delayed{opacity:0;animation:bootTextIn 0.01s linear forwards}
.boot-delayed--drives{animation-delay:1.55s}
.boot-delayed--dmi{animation-delay:2.65s}
.boot-menu{display:inline-block;min-width:370px;margin-top:26px;border:1px solid #777;background:#000;position:relative;z-index:1;opacity:0;animation:bootTextIn 0.01s linear 3.25s forwards}
.boot-menu__title{background:#6B6B6B;color:#FFF;padding:2px 10px}
.boot-menu__option{display:block;width:100%;border:0;background:transparent;color:#D8D8D8;font:inherit;text-align:left;padding:2px 10px}
.boot-menu__option.is-selected{background:#D8D8D8;color:#000}
.boot-menu__hint{border-top:1px solid #555;color:#A9A9A9;padding:2px 10px;font-size:12px}
.boot-screen--awaiting-input .boot-menu{box-shadow:0 0 0 1px #D8D8D8}
.boot-screen--typing .boot-bios p:not([hidden]){max-width:max-content;overflow:hidden;white-space:nowrap;width:0;animation:bootTypeLine calc(0.34s / var(--boot-type-speed,1)) steps(48,end) forwards;animation-delay:var(--boot-type-delay,0s)}
.boot-screen--typing .boot-menu{opacity:1;clip-path:inset(0 100% 0 0);animation:bootMenuType 0.35s steps(24,end) forwards;animation-delay:2.85s}
.boot-screen--must-select .boot-menu__hint{box-shadow:0 0 0 1px #D8D8D8;animation:bootTextIn 0.01s linear forwards}
.bios-peripherals-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:9999}
.bios-modal-content{background:linear-gradient(180deg,#0058BF 0%,#2580D5 50%,#004494 100%);border:2px solid #001D5B;border-radius:8px;padding:20px;min-width:400px;box-shadow:0 0 20px rgba(0,0,0,0.5)}
.bios-modal-content h3{color:#FFF;margin:0 0 16px 0;font-size:16px;text-align:center}
.bios-peripheral-setting{display:flex;align-items:center;margin-bottom:12px}
.bios-peripheral-setting label{color:#BBDFFF;width:100px;font-size:13px}
.bios-peripheral-setting select{flex:1;padding:4px;border:1px solid #001D5B;font-size:12px}
.bios-modal-buttons{display:flex;justify-content:center;gap:10px;margin-top:16px}
.boot-screen--skip .boot-xp::after{content:"BOOTLOG_RECOVERY: XP loader skipped one frame";position:absolute;left:18px;top:16px;color:#7EF38A;font-family:"Lucida Console","Courier New",monospace;font-size:12px;opacity:0;animation:bootBugFlash 0.85s steps(2,end) 0.1s 2}
.boot-xp{position:absolute;inset:0;background:#000;color:#F4F4F4;font-family:Arial,Helvetica,sans-serif;opacity:0;animation:bootFadeIn 0.24s ease-out forwards}
.boot-xp--fadeout{animation:bootFadeOut 0.35s ease-in forwards !important}
.boot-xp__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,78vw);text-align:center}
.boot-xp__logo{width:100%;max-width:400px;height:auto;image-rendering:auto}
.xp-loader{width:150px;height:20px;border:2px solid #B2B2B2;border-radius:7px;margin:112px auto 0;padding:2px 1px;overflow:hidden;font-size:0;background:#060606}
.xp-loader div{width:9px;height:100%;background:linear-gradient(to bottom,#2838C7 0%,#5979EF 17%,#869EF3 32%,#869EF3 45%,#5979EF 59%,#2838C7 100%);display:inline-block;margin-right:2px;animation:xpLoader 2s linear infinite}
.boot-xp__footer{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.boot-xp__footer p{margin:0;font-size:14px}
.boot-xp__footer img{width:120px;height:auto}
@keyframes bootTextIn{to{opacity:1}}
@keyframes bootFadeIn{to{opacity:1}}
@keyframes bootFadeOut{to{opacity:0;visibility:hidden}}
@keyframes bootTypeLine{to{width:100%}}
@keyframes bootMenuType{to{clip-path:inset(0 0 0 0)}}
@keyframes bootBugFlash{0%,100%{opacity:0;transform:translateX(0)}35%,70%{opacity:1;transform:translateX(2px)}}
@keyframes xpLoader{from{transform:translateX(-30px)}to{transform:translateX(150px)}}
@media (max-width:760px){.boot-bios{padding:14px 12px;font-size:11px}.boot-menu{min-width:min(340px,calc(100vw - 24px))}.boot-xp__footer{left:14px;right:14px}.boot-xp__footer p{font-size:11px}.boot-xp__footer img{width:96px}}

.login-screen{background:#5A7EDC;color:#FFF;display:flex;flex-direction:column;overflow:hidden}
.login-screen.screen--active{display:flex}
.login-top-bar{height:70px;background:#00309C;border-bottom:2px solid transparent;box-shadow:0 2px 0 #C7DDFF,0 4px 0 rgba(0,0,0,0.08);flex-shrink:0}
.login-main{min-height:0;flex:1;display:grid;grid-template-columns:minmax(280px,46%) minmax(320px,460px);align-items:center;justify-content:center;column-gap:34px;padding:22px 52px;background:radial-gradient(circle at 7% 5%,#91B1EF 0,#7698E6 6%,#5A7EDC 13%,transparent 14%),linear-gradient(180deg,#5A7EDC 0%,#5B7EDB 100%)}
.login-left{min-width:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:36px;border-right:1px solid rgba(255,255,255,0.72)}
.xp-login-logo{width:min(430px,100%);height:auto;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,0.26))}
.login-left__copy{margin:14px 10px 0 0;font-size:12px;color:rgba(255,255,255,0.9)}
.login-right{width:min(460px,100%);display:flex;flex-direction:column;gap:8px}
.login-empty-panel{color:#FFF;padding-left:4px}
.login-empty-panel__title{margin:0 0 12px;font-size:15px;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,0.25)}
.account-create-form{display:grid;grid-template-columns:88px minmax(180px,1fr);align-items:center;gap:8px;max-width:360px;font-size:11px}
.account-create-form input{width:100%;height:22px;border:1px solid #7F9DB9;background:#FFF;color:#000;font-family:var(--xp-font);font-size:11px;padding:2px 4px}
.account-create-form__button{grid-column:2;justify-self:start;margin-top:2px}
.xp-account-tile{min-width:340px;max-width:420px;border:1px solid transparent;background:transparent;padding:5px 10px 5px 5px;border-radius:4px;color:#FFF}
.xp-account-tile:hover,.xp-account-tile:focus-visible{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.28);outline:none}
.xp-avatar{width:64px;height:64px;border:2px solid #FFF;box-shadow:0 0 0 1px rgba(0,0,0,0.25);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FFF}
.xp-avatar img{width:54px;height:54px;object-fit:cover}
.xp-credentials{display:flex;flex-direction:column;gap:3px}
.xp-username{font-family:"Franklin Gothic Medium",Arial,sans-serif;font-size:19px;font-weight:400;text-shadow:1px 1px 0 rgba(0,0,0,0.32)}
.xp-credentials small{font-size:11px;color:rgba(255,255,255,0.92)}
.xp-login-form{margin-left:82px}
.xp-password-row{display:flex;align-items:center;gap:6px}
.xp-password-row input{min-width:190px;height:22px;padding:2px 4px;border-radius:0;font-size:11px;border:1px solid #7F9DB9;background:#FFF;color:#000}
.xp-lang{height:20px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;background:#E7E7E7;color:#000;border:1px solid #7F9DB9;border-radius:0;padding:0 4px;font-size:10px}
.login-arrow-btn{width:24px;height:24px;border-radius:50%;border:1px solid #FFF;background:linear-gradient(180deg,#7BC04F 0%,#3D8B28 100%);box-shadow:0 1px 2px rgba(0,0,0,0.35);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:9px}
.login-hint{margin:0 0 0 82px;min-height:15px;max-width:330px;font-size:11px;color:#FFF;opacity:0.9}
.login-bottom-bar{height:70px;flex-shrink:0;background:linear-gradient(90deg,#3833AC 0%,#00309C 100%);border-top:2px solid #F99736;box-shadow:0 -2px 0 #003399;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.login-bottom-info{margin:0;max-width:560px;text-align:right;line-height:1.35;color:#FFF;font-size:11px;opacity:0.9}
.login-power-btn{display:flex;align-items:center;gap:8px;color:#FFF;font-size:12px;background:transparent;border:1px solid transparent;padding:6px 10px;border-radius:3px;font-family:var(--xp-font)}
.login-power-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}
.login-power-btn__icon{width:22px;height:22px;background:radial-gradient(circle at 35% 35%,#FF8B8B,#C82828 60%,#7A1010);border-radius:50%;position:relative;box-shadow:0 0 4px rgba(0,0,0,0.4)}
.login-power-btn__icon::after{content:"";position:absolute;top:3px;left:50%;width:2px;height:8px;background:#FFF;transform:translateX(-50%);border-radius:1px}
.protocol-notice{position:absolute;top:100px;right:30px;background:#FFFFDD;color:#333;border:1px solid #B8AF7A;padding:8px 12px;font-size:11px;max-width:260px;box-shadow:0 2px 6px rgba(0,0,0,0.4)}
.protocol-notice strong{display:block;margin-bottom:4px}
@media (max-width:780px){.login-top-bar,.login-bottom-bar{height:58px}.login-main{grid-template-columns:1fr;align-content:center;justify-items:center;row-gap:22px;padding:18px 20px}.login-left{border-right:0;border-bottom:1px solid rgba(255,255,255,0.65);align-items:center;text-align:center;padding:0 0 18px}.login-left__copy{margin-right:0}.login-right{width:min(420px,100%)}.account-create-form{grid-template-columns:1fr}.account-create-form__button{grid-column:1}.xp-account-tile{min-width:0;width:100%}.xp-login-form,.login-hint{margin-left:0}.login-bottom-bar{padding:0 14px;gap:14px}.login-bottom-info{font-size:10px}}

.desktop-shell{position:absolute;inset:0;background-image:url("./XP.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column}
.desktop-icons{position:absolute;top:0;left:0;right:0;bottom:var(--xp-taskbar-height);pointer-events:none}
.desktop-icon{position:absolute;width:76px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;background:transparent;border:1px dotted transparent;cursor:default;pointer-events:auto;color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,0.9),0 0 2px rgba(0,0,0,0.7);font-family:var(--xp-font);font-size:11px;text-align:center;line-height:1.2}
.desktop-icon img{width:var(--desktop-icon-size);height:var(--desktop-icon-size);pointer-events:none;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5))}
.desktop-icon span{padding:1px 3px;word-break:break-word;max-width:72px;border:1px dotted transparent}
.desktop-icon.is-selected span{background:rgba(49,106,197,0.75);border:1px dotted #FFF;color:#FFF}
.desktop-icon:focus-visible{outline:none}
.desktop-icon:focus-visible span{border:1px dotted #FFF}
.now-playing-widget{position:fixed;top:12px;right:14px;width:min(405px,calc(100vw - 28px));min-height:74px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;background:rgba(8,32,80,0.54);border:1px solid rgba(255,255,255,0.38);box-shadow:2px 2px 8px rgba(0,0,0,0.35);color:#FFF;z-index:230;backdrop-filter:blur(2px);text-shadow:1px 1px 0 rgba(0,0,0,0.65)}
body.has-open-window .now-playing-widget{display:none}
.now-playing-widget.is-empty{opacity:0.82}
.now-playing-widget img{width:54px;height:54px;object-fit:cover;background:#ECE9D8;border:1px solid rgba(255,255,255,0.8)}
.now-playing-widget__main{min-width:0;display:flex;flex-direction:column;gap:3px}
.now-playing-widget__main strong,.now-playing-widget__main span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.now-playing-widget input[type="range"]{width:100%}
.now-playing-widget__controls{display:flex;flex-direction:column;gap:3px}
.now-playing-widget__controls button{width:24px;height:18px;border:1px solid #7F9DB9;background:linear-gradient(180deg,#FFF,#D6D2B6);color:#000;font-size:9px;line-height:1;padding:0;min-width:0}

.window-layer{position:absolute;top:0;left:0;right:0;bottom:var(--xp-taskbar-height);overflow:hidden;pointer-events:none}
.xp-window{position:absolute;min-width:240px;min-height:120px;background:var(--xp-window-bg);box-shadow:inset -1px -1px #00138c,inset 1px 1px #0831d9,inset -2px -2px #001ea0,inset 2px 2px #166aee,inset -3px -3px #003bda,inset 3px 3px #0855dd;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex-direction:column;pointer-events:auto;color:var(--xp-text);font-family:var(--xp-font);font-size:11px;overflow:hidden}
.xp-window.is-maximized{top:0 !important;left:0 !important;width:100% !important;height:100% !important;border-radius:0;box-shadow:none}
.window-titlebar{height:28px;display:flex;align-items:center;padding:0 4px 0 6px;background:linear-gradient(180deg,rgba(9,151,255,1) 0%,rgba(0,83,238,1) 8%,rgba(0,80,238,1) 40%,rgba(0,102,255,1) 88%,rgba(0,102,255,1) 93%,rgba(0,91,255,1) 95%,rgba(0,61,215,1) 96%,rgba(0,61,215,1) 100%);color:#FFF;font-weight:700;font-size:11px;font-family:"Trebuchet MS",var(--xp-font);cursor:move;border-top-left-radius:8px;border-top-right-radius:7px;border-top:1px solid #0831d9;border-left:1px solid #0831d9;border-right:1px solid #001ea0;position:relative;text-shadow:1px 1px 0 #0f1089;user-select:none;flex-shrink:0}
.xp-window:not(.is-active) .window-titlebar{background:linear-gradient(180deg,#9DB8E0 0%,#7A9DD0 50%,#6B8FC4 100%);text-shadow:none;border-top-color:#7090C0;border-left-color:#7090C0;border-right-color:#5070A0}
.window-title{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden;white-space:nowrap;padding-left:2px}
.window-title img{width:16px;height:16px;flex-shrink:0}
.window-title span{overflow:hidden;text-overflow:ellipsis}
.window-controls{display:flex;gap:2px;align-items:center}
.window-control{width:22px;height:21px;border:none;background:#0050ee;color:#FFF;font-family:Arial,sans-serif;font-size:0;font-weight:700;cursor:var(--xp-cursor-arrow),pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:3px;min-width:0;min-height:0}
.window-control::before{font-size:11px;font-weight:700}
.window-control[data-window-action="minimize"]::before{content:"_";transform:translateY(-3px)}
.window-control[data-window-action="maximize"]::before{content:"[]";font-size:9px}
.window-control[data-window-action="close"]::before{content:"x";font-size:12px}
.window-control:hover{background:#1a6aff;box-shadow:none}
.window-control:active{background:#0040cc}
.window-control--close{background:linear-gradient(180deg,#E85638 0%,#B72E1B 100%)}
.window-control--close:hover{background:linear-gradient(180deg,#F36A4C 0%,#C73A26 100%)}
.window-control--close:active{background:linear-gradient(180deg,#A81F10 0%,#C73A26 100%)}
.window-menubar{display:flex;gap:0;background:var(--xp-window-bg);padding:2px 2px 0;border-bottom:1px solid #919B9C;font-size:11px}
.window-menubar>span{padding:3px 8px 4px;cursor:var(--xp-cursor-arrow),pointer;border:1px solid transparent;color:#000}
.window-menubar>span:hover{background:#316AC5;color:#FFF;border-color:#316AC5}
.window-menubar>span u{text-decoration:underline}
.window-toolbar{display:flex;gap:2px;padding:3px 4px;background:linear-gradient(180deg,#F0EEDC 0%,#E2DFCB 100%);border-bottom:1px solid #ACA899;align-items:center}
.xp-button{background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(236,235,229,1) 86%,rgba(216,208,196,1) 100%);border:1px solid #003c74;border-radius:3px;padding:4px 14px;font-family:var(--xp-font);font-size:11px;color:#000;cursor:var(--xp-cursor-arrow),pointer;min-width:72px;min-height:23px}
.xp-button:not(:disabled):hover{box-shadow:inset -1px 1px #fff0cf,inset 1px 2px #fdd889,inset -2px 2px #fbc761,inset 2px -2px #e5a01a}
.xp-button:not(:disabled):active{background:linear-gradient(180deg,rgba(205,202,195,1) 0%,rgba(227,227,219,1) 8%,rgba(229,229,222,1) 94%,rgba(242,242,241,1) 100%)}
.xp-button:focus-visible{outline:1px dotted #000;outline-offset:-4px;box-shadow:inset -1px 1px #cee7ff,inset 1px 2px #98b8ea,inset -2px 2px #bcd4f6,inset 1px -1px #89ade4,inset 2px -2px #89ade4}
.xp-button--primary{border-width:2px}
.xp-button--small{min-width:0;padding:2px 8px;min-height:0}
.window-body{flex:1;overflow:auto;background:var(--xp-window-bg);padding:10px 12px}
.window-body--explorer{padding:0;display:flex;flex-direction:row;overflow:hidden}
.explorer-sidebar{width:180px;flex-shrink:0;background:linear-gradient(180deg,#7BA4E1 0%,#6287D9 100%);padding:8px 6px;color:#FFF;overflow:auto;display:flex;flex-direction:column;gap:6px}
.window-body--explorer.is-sidebar-hidden .explorer-sidebar{display:none}
.explorer-pane{background:linear-gradient(180deg,#EFEFEF 0%,#D8E4FE 100%);border-radius:6px;padding:8px 10px;color:#000;box-shadow:0 1px 2px rgba(0,0,0,0.12)}
.explorer-pane--blue{background:linear-gradient(180deg,#F6F6FD 0%,#D0DEFE 100%)}
.explorer-pane h3{margin:0 0 6px;padding-bottom:4px;color:#06286D;font-size:11px;border-bottom:1px solid #C2D0E8}
.sidebar-action{display:block;background:transparent;border:0;padding:2px 0;width:100%;text-align:left;color:#06286D;font-family:var(--xp-font);font-size:11px;cursor:var(--xp-cursor-link),pointer;min-width:0;min-height:0}
.sidebar-action:hover{color:#0058E6;text-decoration:underline}
.explorer-main{flex:1;overflow:auto;padding:12px;background:#FFF}
.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.folder-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px dotted transparent;padding:6px;cursor:var(--xp-cursor-arrow),default;text-align:center;font-family:var(--xp-font);font-size:11px;color:#000;min-width:0;min-height:0}
.folder-item img{width:32px;height:32px;pointer-events:none}
.folder-item strong{font-weight:400;padding:1px 3px;max-width:100%;overflow-wrap:break-word}
.folder-item span{font-size:10px;color:#555;padding:0 4px}
.folder-item.is-selected strong{background:#316AC5;color:#FFF}
.folder-item:hover strong{text-decoration:underline}

.profile-banner{display:flex;gap:14px;align-items:center;margin-bottom:14px;padding:8px;background:linear-gradient(180deg,#F6F6FD 0%,#D0DEFE 100%);border:1px solid #B5C4E3;border-radius:4px}
.profile-banner__avatar{width:64px;height:64px;border:2px solid #FFF;box-shadow:0 0 0 1px #7097D6;background:#FFF;display:flex;align-items:center;justify-content:center;overflow:hidden}
.profile-banner__avatar img{width:52px;height:52px;object-fit:cover}
.profile-label{margin:0;font-size:10px;color:#2A56A1}
.profile-banner h2{margin:2px 0;font-size:16px;color:#06286D}
.profile-banner p{margin:2px 0;font-size:11px}
.info-grid,.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.info-card,.system-card{background:#FFF;border:1px solid #ACA899;padding:8px 10px}
.info-card h3,.system-card h3{margin:0 0 4px;color:#06286D;font-size:11px}
.info-card p,.system-card p{margin:0;font-size:11px;color:#333}
.detail-list>div{padding:6px 2px;border-bottom:1px dotted #ACA899}
.detail-list strong{display:block;color:#06286D;margin-bottom:2px}
.detail-list p{margin:0;font-size:11px}
.traits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.trait{background:linear-gradient(180deg,#FFF 0%,#F0EEDC 100%);border:1px solid #ACA899;padding:10px;text-align:center;font-size:11px}
.window-note{margin:8px 0 0;font-size:11px;color:#444}
.favorites-grid,.music-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.favorite-card,.music-summary section{background:linear-gradient(180deg,#FFF 0%,#F4F4EA 100%);border:1px solid #ACA899;padding:10px}
.favorite-card h3,.music-summary h3{margin:0 0 5px;color:#06286D;font-size:12px}
.favorite-card p,.music-summary p{margin:0 0 8px;line-height:1.35}
.programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}

.browser-toolbar{display:flex;gap:4px;padding:4px 6px;background:linear-gradient(180deg,#F0EEDC 0%,#E2DFCB 100%);border-bottom:1px solid #ACA899;align-items:center}
.browser-address{flex:1;display:flex;align-items:center;gap:4px;font-size:11px}
.browser-address>span{color:#333;padding:0 4px}
.browser-address input{flex:1;padding:2px 4px;border:1px solid #7F9DB9;background:#FFF;font-family:var(--xp-font);font-size:11px;height:20px}
.browser-address--stack{flex-direction:column;align-items:stretch;gap:2px}
.browser-address--stack input{width:100%}
.browser-page{padding:14px}
.browser-page h3{margin:0 0 6px;color:#06286D}
.window-body--browser{padding:0;display:flex;flex-direction:column}
.window-body--browser .browser-page{border-bottom:1px solid #ACA899}
.browser-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.browser-frame{flex:1;width:100%;border:0;background:#FFF}

.window-body--settings{display:flex;flex-direction:column;gap:0;padding:0;background:#FFF}
.settings-shell{display:flex;flex:1;overflow:hidden}
.settings-tabs{width:160px;flex-shrink:0;background:linear-gradient(180deg,#7BA4E1,#5E83D1);padding:6px 4px;display:flex;flex-direction:column;gap:2px}
.settings-tab{background:transparent;border:1px solid transparent;padding:5px 8px;text-align:left;color:#FFF;font-family:var(--xp-font);font-size:11px;cursor:var(--xp-cursor-arrow),pointer;border-radius:3px;min-width:0;min-height:0}
.settings-tab:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}
.settings-tab.is-active{background:#FFF;color:#06286D;border-color:#B5C4E3}
.settings-panels{flex:1;overflow:auto;padding:14px;background:#FFF}
.settings-panel{display:flex;flex-direction:column;gap:10px}
.settings-field{display:flex;flex-direction:column;gap:4px;font-size:11px}
.settings-field>span{color:#06286D;font-weight:700}
.settings-field input[type="text"],.settings-field select{padding:3px 5px;border:1px solid #7F9DB9;background:#FFF;font-family:var(--xp-font);font-size:11px}
.settings-field--inline{flex-direction:row;align-items:center;gap:8px}
.settings-field--inline>span{flex:1;font-weight:400}
.settings-footer{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px;background:var(--xp-window-bg);border-top:1px solid #ACA899}
.settings-note{font-size:11px;color:#555;background:#FFFBDD;border:1px solid #E0D8A8;padding:6px 8px;margin:0}
.settings-actions{margin-top:6px}
.settings-actions--wrap{flex-wrap:wrap;justify-content:flex-start}
.bios-component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px 10px;padding:8px;background:#F8F8F2;border:1px solid #ACA899}
.bios-component-grid label{display:flex;align-items:center;gap:5px}
.bios-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.bios-edit-grid label{display:grid;gap:3px}
.sound-map{border:1px solid #D0CCB8;padding:4px 8px;background:#F8F8F2}

.window-body--wmp{padding:0;display:grid;grid-template-columns:128px 1fr;min-height:0;background:#111B2B}
.wmp-sidebar{background:linear-gradient(180deg,#182E55 0%,#0D1A33 100%);border-right:1px solid #000;padding:8px 6px;display:flex;flex-direction:column;gap:4px}
.wmp-nav{border:1px solid transparent;background:transparent;color:#DDEBFF;font-family:var(--xp-font);font-size:11px;text-align:left;padding:5px 7px;cursor:var(--xp-cursor-arrow),pointer;min-width:0;min-height:0}
.wmp-nav:hover,.wmp-nav.is-active{background:#316AC5;border-color:#8FB5FF;color:#FFF}
.wmp-main{min-width:0;display:flex;flex-direction:column;gap:8px;padding:10px;background:linear-gradient(180deg,#101722 0%,#0B1018 100%);overflow:auto}
.wmp-now-card{display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center;padding:10px;background:linear-gradient(180deg,#1F2D40 0%,#111A28 100%);border:1px solid #425A78;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12)}
.wmp-now-card img{width:84px;height:84px;object-fit:cover;background:#ECE9D8;border:1px solid #ACA899}
.wmp-now-card h3{margin:2px 0 4px;color:#EAF2FF;font-size:14px}
.wmp-now-card p{margin:0 0 6px;color:#B9C7D8}
.wmp-now-card__controls,.wmp-connect-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wmp-now-card__controls{max-width:124px;justify-content:flex-end}
.wmp-connect-row{padding:6px 8px;background:#151D29;border:1px solid #425A78}
.wmp-connect-row span{color:#DDE7F5}
.wmp-layout{min-height:0;display:grid;grid-template-columns:190px 1fr;gap:10px}
.wmp-artists-panel,.wmp-library-panel{min-width:0;background:#151D29;border:1px solid #425A78;padding:8px}
.wmp-artists-panel h3,.wmp-library-panel h3{margin:0 0 8px;color:#9BC6FF;font-size:12px}
.wmp-list{display:flex;flex-direction:column;gap:3px;max-height:230px;overflow:auto}
.wmp-list button{text-align:left;border:0;background:transparent;color:#9BC6FF;font-family:var(--xp-font);font-size:11px;padding:3px;cursor:var(--xp-cursor-arrow),pointer;min-width:0;min-height:0}
.wmp-list button:hover{background:#316AC5;color:#FFF}
.wmp-grid{display:grid;grid-template-columns:1fr;gap:5px}
.wmp-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;padding:6px;border:1px solid #425A78;background:linear-gradient(180deg,#222B38,#171E29);color:#F4F8FF;text-align:left;font-family:var(--xp-font);cursor:var(--xp-cursor-arrow),pointer;min-width:0;min-height:0}
.wmp-card:hover{border-color:#6FA6F3;background:linear-gradient(180deg,#294567,#1C304A)}
.wmp-card img{width:48px;height:48px;object-fit:cover;background:#D6D3BE}
.wmp-card.is-active,.wmp-card.is-active:hover{border-color:#316AC5;background:linear-gradient(180deg,#315E9E,#17365D);color:#FFF}
.wmp-card strong,.wmp-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wmp-card small{color:#C6D1DE}
.wmp-card.is-active small{color:#E8F2FF}
.wmp-empty,.wmp-now-detail{padding:10px;border:1px dashed #61738E;background:#121923;color:#EAF2FF}

.wordpad-toolbar{display:flex;gap:4px;align-items:center;padding:4px 6px;background:linear-gradient(180deg,#F0EEDC,#E2DFCB);border-bottom:1px solid #ACA899}
.wordpad-toolbar select{height:21px;font-family:var(--xp-font);font-size:11px}
.wordpad-area{width:100%;height:100%;border:0;resize:none;font-family:"Times New Roman",serif;font-size:15px;padding:12px;outline:none;background:#FFF}
.notepad-textarea{width:100%;height:100%;border:0;resize:none;font-family:"Lucida Console",monospace;font-size:12px;padding:4px 6px;outline:none;background:#FFF;color:#000}
.calc-display{width:100%;text-align:right;padding:4px 6px;border:1px solid #7F9DB9;font-family:"Lucida Console",monospace;font-size:14px;background:#000;color:#FFF}
.cmd-screen{flex:1;padding:8px;background:#000;color:#D8D8D8;font-family:"Lucida Console","Courier New",monospace;font-size:12px;line-height:1.45;overflow:auto}
.cmd-screen p{margin:0}
.paint-frame{width:100%;height:100%;border:0;background:#C0C0C0}
.cmd-input-line{display:flex;align-items:center;gap:4px;margin-top:2px}
.cmd-input-line input{flex:1;border:0;outline:0;background:transparent;color:#FFF;font:inherit}
.cmd-line{min-height:15px}
.pong-body{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:8px;background:#101318}
.pong-toolbar{display:flex;align-items:center;gap:8px;color:#F4F4F4}
#pong-canvas{width:100%;height:100%;min-height:250px;border:2px inset #7A7A7A;background:#05070B}

.run-body{padding:12px;display:flex;flex-direction:column;gap:10px}
.run-body__header{display:flex;gap:10px;align-items:flex-start}
.run-body__header img{width:32px;height:32px}
.run-body__header p{margin:0;font-size:11px}
.dialog-box__actions{display:flex;justify-content:flex-end;gap:6px}
.window-resizer{position:absolute;right:0;bottom:0;width:16px;height:16px;background:transparent;border:0;cursor:var(--xp-cursor-resize-se),se-resize;padding:0;min-width:0;min-height:0}
.window-resizer::after{content:"";position:absolute;right:3px;bottom:3px;width:10px;height:10px;background:linear-gradient(135deg,transparent 40%,#7F9DB9 40%,#7F9DB9 48%,transparent 48%,transparent 56%,#7F9DB9 56%,#7F9DB9 64%,transparent 64%,transparent 72%,#7F9DB9 72%,#7F9DB9 80%,transparent 80%)}
.xp-window.is-maximized .window-resizer{display:none}

.taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--xp-taskbar-height);display:flex;align-items:stretch;background:linear-gradient(180deg,#2C56A1 0%,#245EDC 3%,#3A87F0 9%,#2563CF 50%,#1C5EDB 80%,#2568CC 88%,#1944A5 97%,#102C77 100%);border-top:1px solid #0000A0;font-family:var(--xp-font);font-size:11px;color:#FFF;z-index:200;user-select:none}
.start-button{height:100%;width:95px;min-width:95px;padding:0;border-radius:0;background:url("./XP ALL/assets/xp/start_btn_normal.png") 0 0/100% 100% no-repeat !important;box-shadow:none !important;border:0;overflow:hidden;cursor:var(--xp-cursor-arrow),pointer}
.start-button:hover{filter:brightness(1.08)}
.start-button:active,.start-button[aria-expanded="true"]{filter:brightness(0.9)}
.start-button .windows-flag{display:none;opacity:0}
.start-button__label{opacity:0}
.windows-flag{display:inline-block;position:relative;width:18px;height:18px;transform:perspective(40px) rotateY(-18deg);flex-shrink:0}
.windows-flag__red,.windows-flag__green,.windows-flag__blue,.windows-flag__yellow{position:absolute;width:7px;height:7px;border-radius:1.5px 1.5px 1px 1px;box-shadow:inset -1px -1px 0 rgba(0,0,0,0.15)}
.windows-flag__red{top:0;left:0;background:#E42828}
.windows-flag__green{top:0;right:0;background:#6BBE44}
.windows-flag__blue{bottom:0;left:0;background:#2277D9}
.windows-flag__yellow{bottom:0;right:0;background:#F7B817}
.windows-flag--small{width:16px;height:16px}
.windows-flag--small .windows-flag__red,.windows-flag--small .windows-flag__green,.windows-flag--small .windows-flag__blue,.windows-flag--small .windows-flag__yellow{width:6px;height:6px}
.windows-flag--large{width:36px;height:36px}
.windows-flag--large .windows-flag__red,.windows-flag--large .windows-flag__green,.windows-flag--large .windows-flag__blue,.windows-flag--large .windows-flag__yellow{width:14px;height:14px;border-radius:2px}
.quick-launch{display:flex;align-items:center;gap:0;background:linear-gradient(180deg,#1E4FC8 0%,#1941A5 100%);padding:0 4px;border-right:1px groove rgba(0,0,0,0.4);box-shadow:inset 1px 0 0 rgba(0,0,0,0.35),inset -1px 0 0 rgba(255,255,255,0.15)}
.quick-launch-button{width:22px;height:22px;background:transparent;border:1px solid transparent;border-radius:2px;cursor:var(--xp-cursor-arrow),pointer;padding:0;display:flex;align-items:center;justify-content:center;margin:0 1px;min-width:0;min-height:0}
.quick-launch-button img{width:16px;height:16px}
.quick-launch-button:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4)}
.taskbar-windows{flex:1;display:flex;align-items:center;gap:3px;padding:0 6px;overflow:hidden}
.taskbar-window{height:22px;padding:0 8px;display:flex;align-items:center;gap:4px;background:linear-gradient(180deg,#3A87F0 0%,#1E52CC 100%);color:#FFF;border:1px solid rgba(0,0,0,0.25);border-radius:3px;font-family:var(--xp-font);font-size:11px;cursor:var(--xp-cursor-arrow),pointer;max-width:180px;min-width:120px;overflow:hidden;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);text-shadow:1px 1px 0 rgba(0,0,0,0.4);min-height:0}
.taskbar-window img{width:14px;height:14px;flex-shrink:0}
.taskbar-window span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.taskbar-window:hover{background:linear-gradient(180deg,#4D98FB 0%,#2661E0 100%)}
.taskbar-window.is-active{background:linear-gradient(180deg,#163FA8 0%,#2262D4 100%);box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),inset -1px -1px 0 rgba(255,255,255,0.15)}
.taskbar-tray{display:flex;align-items:center;gap:2px;padding:0 8px 0 6px;background:linear-gradient(180deg,#1070B4 0%,#0F84C8 50%,#1070B4 100%);border-left:1px solid rgba(0,0,0,0.4);box-shadow:inset 1px 0 0 rgba(0,0,0,0.35),inset 2px 0 0 rgba(255,255,255,0.18);min-width:120px}
.tray-button{width:20px;height:20px;background:transparent;border:1px solid transparent;border-radius:2px;cursor:var(--xp-cursor-arrow),pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#FFF;min-width:0;min-height:0}
.tray-button img{width:16px;height:16px}
.tray-button:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3)}
.tray-button--lang{width:24px;font-size:10px;font-weight:700;background:linear-gradient(180deg,#F1F0E8 0%,#D3CFB8 100%);color:#000;border:1px solid #000;text-shadow:none;border-radius:2px}
.tray-button--toggle{color:#FFF;font-weight:700}
.tray-clock{background:transparent;border:0;color:#FFF;font-family:var(--xp-font);font-size:11px;padding:0 6px;cursor:var(--xp-cursor-arrow),pointer;min-width:60px;text-align:right;text-shadow:1px 1px 0 rgba(0,0,0,0.4)}
.tray-clock:hover{text-decoration:underline}

.start-menu{position:absolute;left:0;bottom:var(--xp-taskbar-height);width:380px;background:#FFF;border:1px solid #0A246A;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:4px 0 15px rgba(0,0,0,0.35);display:flex;flex-direction:column;z-index:250;overflow:hidden;font-family:var(--xp-font);color:#000}
.start-menu__header{height:54px;background:linear-gradient(180deg,#1D5CB8 0%,#1E6DDF 30%,#247EF5 70%,#1D5CB8 100%);display:flex;align-items:center;gap:10px;padding:6px 10px;color:#FFF;border-bottom:2px solid #F29C32;text-shadow:1px 1px 0 rgba(0,0,0,0.4)}
.start-menu__avatar{width:42px;height:42px;background:#FFF;border:2px solid #FFF;box-shadow:0 0 0 1px rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}
.start-menu__avatar img{width:34px;height:34px;object-fit:cover}
.start-menu__header strong{font-size:15px;font-family:"Franklin Gothic Medium",Arial,sans-serif;font-weight:400}
.start-menu__header p{margin:1px 0 0;font-size:10px;opacity:0.9}
.start-menu__body{display:flex;flex-direction:row;min-height:340px}
.start-menu__left{flex:1;background:#FFF;padding:8px 6px 8px 4px;display:flex;flex-direction:column;gap:1px;border-right:1px solid #B5C4E3}
.start-menu__right{width:170px;background:#D3E5FA;padding:8px 4px 8px 6px;display:flex;flex-direction:column;gap:1px;border-left:1px solid #B5C4E3}
.start-pinned,.start-item,.start-link{display:flex;align-items:center;gap:8px;padding:3px 6px;background:transparent;border:0;cursor:var(--xp-cursor-arrow),pointer;font-family:var(--xp-font);font-size:11px;color:#000;text-align:left;border-radius:2px;width:100%;min-height:0;min-width:0}
.start-pinned img,.start-item img,.start-link img{width:24px;height:24px;flex-shrink:0}
.start-pinned span{display:flex;flex-direction:column}
.start-pinned strong{font-weight:700;font-size:11px}
.start-pinned small{font-size:10px;color:#444}
.start-pinned:hover,.start-item:hover,.start-link:hover,.start-all-programs:hover,.session-action:hover{background:#316AC5;color:#FFF}
.start-pinned:hover strong,.start-pinned:hover small{color:#FFF}
.start-separator{height:1px;background:#B5C4E3;margin:4px 4px}
.start-all-programs{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;margin-top:auto;background:transparent;border:0;font-family:var(--xp-font);font-size:11px;font-weight:700;color:#000;cursor:var(--xp-cursor-arrow),pointer;border-radius:2px;width:100%;min-height:0;min-width:0}
.start-menu__footer{height:42px;background:linear-gradient(180deg,#B1D3FC 0%,#D3E5FA 30%,#B1D3FC 100%);border-top:1px solid #B5C4E3;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 14px}
.session-action{display:flex;align-items:center;gap:6px;background:transparent;border:0;cursor:var(--xp-cursor-arrow),pointer;color:#06286D;font-family:var(--xp-font);font-size:11px;padding:4px 6px;border-radius:2px;min-width:0;min-height:0}
.session-action img{width:22px;height:22px}
.session-action:hover{background:#316AC5;color:#FFF}
.session-action--danger{color:#7A1010}
.session-action--danger:hover{background:#C04040;color:#FFF}

.dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:500}
.power-dialog{width:420px;background:linear-gradient(180deg,#E0E8F6 0%,#B8C9E8 100%);border:2px solid #0058E6;border-radius:10px;box-shadow:4px 4px 14px rgba(0,0,0,0.4);padding:22px 28px 18px;color:#000;font-family:var(--xp-font)}
.power-dialog h2{margin:0 0 6px;color:#06286D;font-size:16px;font-family:"Franklin Gothic Medium",Arial,sans-serif;font-weight:400}
.power-dialog>p{margin:0 0 16px;font-size:11px}
.power-dialog__options{display:flex;justify-content:space-around;gap:18px;margin-bottom:16px}
.power-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:1px solid transparent;padding:8px;cursor:var(--xp-cursor-arrow),pointer;border-radius:4px;font-family:var(--xp-font);font-size:11px;color:#06286D;font-weight:700;min-height:0;min-width:0}
.power-option img{width:40px;height:40px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.25))}
.power-option:hover{background:rgba(255,255,255,0.5);border-color:#0058E6}
.power-dialog__cancel{display:block;margin-left:auto}
.power-dialog--settings .power-dialog__options{flex-direction:column}

.xp-balloon{position:absolute;bottom:calc(var(--xp-taskbar-height) + 10px);right:20px;background:#FFFFDD;border:1px solid #B8AF7A;border-radius:6px;padding:8px 12px 10px;max-width:280px;font-size:11px;color:#333;box-shadow:2px 2px 6px rgba(0,0,0,0.3);z-index:180;font-family:var(--xp-font)}
.xp-balloon::after{content:"";position:absolute;bottom:-9px;right:28px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #FFFFDD;filter:drop-shadow(0 1px 0 #B8AF7A)}
.xp-balloon strong{display:block;color:#06286D;margin-bottom:2px}
.xp-balloon__close{position:absolute;top:2px;right:4px;background:transparent;border:0;cursor:var(--xp-cursor-arrow),pointer;font-weight:700;color:#555;min-width:0;min-height:0}

.context-menu{position:absolute;min-width:180px;background:#FFF;border:1px solid #919B9C;box-shadow:2px 2px 4px rgba(0,0,0,0.35);z-index:400;font-size:11px;padding:2px;font-family:var(--xp-font)}
.context-menu-item{display:block;padding:3px 22px;background:transparent;border:0;width:100%;text-align:left;cursor:var(--xp-cursor-arrow),pointer;font-family:var(--xp-font);font-size:11px;color:#000;min-width:0;min-height:0}
.context-menu-item:hover{background:#316AC5;color:#FFF}
.context-menu-item:disabled{color:#888;cursor:default}
.context-menu-item:disabled:hover{background:transparent;color:#888}
.context-menu-separator{height:1px;background:#C5C5C5;margin:3px 2px}

.power-screen{background:linear-gradient(180deg,#0058E6 0%,#0020A3 100%);display:flex;align-items:center;justify-content:center;color:#FFF}
.power-screen.screen--active{display:flex}
.power-screen__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.power-screen h2{font-family:"Franklin Gothic Medium",Arial,sans-serif;font-weight:400;font-size:24px;margin:0}
.power-screen p{margin:0;font-size:12px}
.windows-flag--muted{transform:perspective(80px) rotateY(-18deg);width:80px;height:80px;opacity:0.9}
.windows-flag--muted .windows-flag__red,.windows-flag--muted .windows-flag__green,.windows-flag--muted .windows-flag__blue,.windows-flag--muted .windows-flag__yellow{width:30px;height:30px;border-radius:4px}

::-webkit-scrollbar{width:17px;height:17px}
::-webkit-scrollbar-corner{background:var(--button-face)}
::-webkit-scrollbar-track{background:repeating-linear-gradient(-45deg,#EFECDE 0,#EFECDE 2px,#D6D3BE 2px,#D6D3BE 4px)}
::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#FEFEFD 0%,#D6D2B6 100%);border:1px solid #93886C;box-shadow:inset 1px 1px 0 #FFF;border-radius:2px}
::-webkit-scrollbar-button{background:linear-gradient(180deg,#FDFDFD,#D7D1B2);border:1px solid #93886C;display:block;height:17px;width:17px}
::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}

.profile-restricted{display:none;opacity:0;pointer-events:none}
.profile-restricted.visible{display:block;opacity:1;pointer-events:auto}
.profile-window.unlocked .profile-restricted{display:block;opacity:1;pointer-events:auto}

.site-card{display:block;color:#003399;text-decoration:none}
.site-card:hover,.site-card:focus-visible{outline:1px dotted #003399;background:#EEF4FF}
.site-card span{display:block;margin-top:8px;color:#005A9E;font-weight:bold;word-break:break-word}
.local-lyrics{margin-top:10px;max-height:170px;overflow:auto;border:1px solid #7F9DB9;background:#0C0F15;color:#F4F6F9;padding:6px}
.lyric-line{display:block;width:100%;border:0;background:transparent;color:inherit;padding:3px 4px;text-align:left;font:inherit;cursor:var(--xp-cursor-link),pointer;min-width:0;min-height:0}
.lyric-line:hover,.lyric-line.is-active{background:#316AC5;color:#FFF}
.desktop-icon,.xp-window{transition:left 120ms ease-out,top 120ms ease-out,transform 120ms ease-out}
.desktop-icon.is-dragging,.xp-window.is-dragging{transition:none}
.desktop-icon:active span,.folder-item:active strong,.start-item:active span,.start-link:active span{background:#316AC5;color:#FFF}
.has-unsaved-settings .window-title span::after{content:" *"}
.boot-screen--typing .boot-menu{opacity:1}

:root[data-theme="dark"]{
  --xp-window-bg:#1A1D24;
  --xp-text:#FFFFFF;
  --surface:#1A1D24;
}
:root[data-theme="dark"] body{background:#050607;color:#F2F2F2}
:root[data-theme="dark"] .desktop-shell{background-image:linear-gradient(rgba(0,0,0,0.42),rgba(0,0,0,0.55)),url("./XP.jpg");background-blend-mode:multiply}
:root[data-theme="dark"] .xp-window{background:#1A1D24;color:#FFF;box-shadow:inset -1px -1px #00138c,inset 1px 1px #0831d9,inset -2px -2px #001ea0,inset 2px 2px #166aee,inset -3px -3px #003bda,inset 3px 3px #0855dd,2px 2px 12px rgba(0,0,0,0.85)}
:root[data-theme="dark"] .window-body,:root[data-theme="dark"] .explorer-main,:root[data-theme="dark"] .settings-panels,:root[data-theme="dark"] .window-body--settings,:root[data-theme="dark"] .browser-page{background:#16191F;color:#FFF}
:root[data-theme="dark"] .window-menubar,:root[data-theme="dark"] .window-toolbar,:root[data-theme="dark"] .browser-toolbar,:root[data-theme="dark"] .wordpad-toolbar,:root[data-theme="dark"] .settings-footer{background:linear-gradient(180deg,#2A2D35,#1D2026);border-color:#5A6070;color:#FFF}
:root[data-theme="dark"] .info-card,:root[data-theme="dark"] .system-card,:root[data-theme="dark"] .favorite-card,:root[data-theme="dark"] .music-summary section,:root[data-theme="dark"] .wmp-artists-panel,:root[data-theme="dark"] .wmp-library-panel,:root[data-theme="dark"] .wmp-card,:root[data-theme="dark"] .wmp-connect-row,:root[data-theme="dark"] .profile-banner,:root[data-theme="dark"] .trait,:root[data-theme="dark"] .bios-component-grid,:root[data-theme="dark"] .sound-map,:root[data-theme="dark"] .movie-maker-body aside,:root[data-theme="dark"] .movie-timeline span{background:#24272E;border-color:#555B66;color:#F2F2F2}
:root[data-theme="dark"] .explorer-pane,:root[data-theme="dark"] .settings-note,:root[data-theme="dark"] .wmp-empty,:root[data-theme="dark"] .wmp-now-detail{background:#2A261A;border-color:#71623A;color:#F2F2F2}
:root[data-theme="dark"] .explorer-pane h3,:root[data-theme="dark"] .info-card h3,:root[data-theme="dark"] .system-card h3,:root[data-theme="dark"] .favorite-card h3,:root[data-theme="dark"] .music-summary h3,:root[data-theme="dark"] .detail-list strong,:root[data-theme="dark"] .settings-field>span,:root[data-theme="dark"] .profile-banner h2,:root[data-theme="dark"] .browser-page h3,:root[data-theme="dark"] .wmp-artists-panel h3,:root[data-theme="dark"] .wmp-library-panel h3{color:#9BC6FF}
:root[data-theme="dark"] .info-card p,:root[data-theme="dark"] .system-card p,:root[data-theme="dark"] .wmp-card small,:root[data-theme="dark"] .window-note,:root[data-theme="dark"] .wmp-connect-row span,:root[data-theme="dark"] .browser-address>span{color:#D8D8D8}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] select,:root[data-theme="dark"] .browser-frame{background:#0C0F15;color:#FFF;border-color:#6B7A8F}
:root[data-theme="dark"] .xp-button,:root[data-theme="dark"] .now-playing-widget__controls button{background:linear-gradient(180deg,#3E4450,#232A33);border-color:#7A8396;color:#FFF}
:root[data-theme="dark"] .xp-button:not(:disabled):hover{box-shadow:inset -1px 1px rgba(255,240,200,0.2),inset 1px 2px rgba(200,180,80,0.3)}
:root[data-theme="dark"] .start-menu,:root[data-theme="dark"] .start-menu__left,:root[data-theme="dark"] .start-menu__right{background:#20232A;color:#F2F2F2}
:root[data-theme="dark"] .start-pinned,:root[data-theme="dark"] .start-item,:root[data-theme="dark"] .start-link,:root[data-theme="dark"] .start-all-programs{color:#F2F2F2}
:root[data-theme="dark"] .start-pinned small{color:#D0D5E0}
:root[data-theme="dark"] .notepad-textarea,:root[data-theme="dark"] .wordpad-area{background:#0C0F15 !important;color:#FFF !important;border-color:#6B7A8F !important}
:root[data-theme="dark"] .calc-display{background:#000 !important;color:#FFF !important;border-color:#8A9AB8 !important}
:root[data-theme="dark"] .cmd-screen{background:#000 !important;color:#00FF00 !important}
:root[data-theme="dark"] .cmd-output{background:#000 !important;color:#00FF00 !important}
:root[data-theme="dark"] .cmd-input-line input{background:#000 !important;color:#00FF00 !important}
:root[data-theme="dark"] .pong-body{background:#0A0D12 !important}
:root[data-theme="dark"] #pong-canvas{background:#000 !important;border-color:#5A6070 !important}
:root[data-theme="dark"] .taskbar,:root[data-theme="dark"] .start-menu__footer{background:linear-gradient(180deg,#142A51 0%,#0B1831 45%,#050A16 100%)}
:root[data-theme="dark"] .taskbar-tray{background:linear-gradient(180deg,#183760,#07101E);border-left-color:#2C5E9B}
:root[data-theme="dark"] .window-menubar span,:root[data-theme="dark"] .folder-item strong,:root[data-theme="dark"] .folder-item span,:root[data-theme="dark"] .settings-tab,:root[data-theme="dark"] .settings-field,:root[data-theme="dark"] .sound-map p,:root[data-theme="dark"] .detail-list p{color:#F4F6F9}
:root[data-theme="dark"] .settings-tab.is-active{background:#F4F6F9;color:#051022}
:root[data-theme="dark"] .folder-grid,:root[data-theme="dark"] .programs-grid,:root[data-theme="dark"] .window-body--explorer{background:#15171C}
:root[data-theme="dark"] .site-card{color:#EAF2FF}
:root[data-theme="dark"] .site-card:hover,:root[data-theme="dark"] .site-card:focus-visible{outline-color:#9BC6FF;background:#1E2E4A}
:root[data-theme="dark"] .site-card span{color:#9BC6FF}
:root[data-theme="dark"] .local-lyrics{background:#0C0F15;color:#F4F6F9;border-color:#6B7A8F}
:root[data-theme="dark"] .window-body p,:root[data-theme="dark"] .window-body label,:root[data-theme="dark"] .window-body span,:root[data-theme="dark"] .window-body strong,:root[data-theme="dark"] .window-body h2,:root[data-theme="dark"] .window-body h3,:root[data-theme="dark"] .window-body h4{text-shadow:none}
:root[data-theme="dark"] #calc-buttons .xp-button{background:linear-gradient(180deg,#2A2F38 0%,#1A1F28 100%);color:#FFF;border-color:#5A6070;font-weight:bold}
:root[data-theme="dark"] .browser-page{background:#111419}
:root[data-theme="dark"] .browser-frame{background:#0A0D12}
:root[data-theme="dark"] .now-playing-widget{background:rgba(8,12,18,0.76);border-color:rgba(130,164,215,0.6);color:#FFF}
:root[data-theme="dark"] .wmp-sidebar{background:#07101E}
:root[data-theme="dark"] .wmp-nav{color:#EAF2FF}
:root[data-theme="dark"] .wmp-nav.is-active,:root[data-theme="dark"] .wmp-nav:hover{background:#1E5AA2}
:root[data-theme="dark"] .context-menu{background:#202329;border-color:#808898;color:#F4F6F9}
:root[data-theme="dark"] .context-menu-item{color:#F4F6F9}
:root[data-theme="dark"] .context-menu-item:hover{background:#316AC5;color:#FFF}
:root[data-theme="dark"] {--xp-taskbar-blue1:#081425;--xp-taskbar-blue2:#0F274B;--xp-taskbar-blue3:#050A14}

@media (max-width:780px){.window-body--wmp,.wmp-layout{grid-template-columns:1fr}.wmp-sidebar{flex-direction:row;overflow-x:auto}.wmp-now-card{grid-template-columns:64px 1fr}.wmp-now-card img{width:64px;height:64px}.wmp-now-card__controls{grid-column:1/-1;justify-content:flex-start;max-width:none}.now-playing-widget{grid-template-columns:42px 1fr auto;top:8px;right:8px}.now-playing-widget img{width:42px;height:42px}}

.spotify-widget{padding:8px;border:1px solid #425A78;background:linear-gradient(180deg,#1a2535,#111A28);color:#EAF2FF;font-family:var(--xp-font);font-size:11px}
.spotify-widget h3{margin:0 0 8px;color:#1DB954;font-size:12px}
.spotify-connect-btn{background:linear-gradient(180deg,#1DB954,#158a3e);border:1px solid #0a5c27;border-radius:3px;color:#FFF;font-family:var(--xp-font);font-size:11px;padding:4px 14px;cursor:var(--xp-cursor-arrow),pointer;min-width:0;min-height:0}
.spotify-connect-btn:hover{background:linear-gradient(180deg,#25d464,#1aa84a)}
.spotify-track-card{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;padding:4px;border:1px solid #2A3A50;background:#151D29;cursor:var(--xp-cursor-arrow),pointer}
.spotify-track-card:hover{background:#1E2E44;border-color:#3A5070}
.spotify-track-card.is-playing{border-color:#1DB954}
.spotify-track-card img{width:48px;height:48px;object-fit:cover}
.spotify-top-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto}
.spotify-artist-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#1a2535;border:1px solid #2A3A50;border-radius:2px;font-size:11px;color:#9BC6FF;margin:2px}
.spotify-now-bar{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;padding:6px;background:#0D1520;border-top:1px solid #1DB954}
.spotify-now-bar img{width:40px;height:40px;object-fit:cover}
.spotify-pulse{width:8px;height:8px;background:#1DB954;border-radius:50%;animation:spotifyPulse 1s ease-in-out infinite;display:inline-block;margin-right:4px}
@keyframes spotifyPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}

.movie-maker-body{display:grid;grid-template-columns:170px 1fr;gap:10px;background:#EDEAD8}
.movie-maker-body aside{background:#D3E5FA;border:1px solid #B5C4E3;padding:8px}
.movie-maker-body h3{margin:0 0 8px;color:#06286D;font-size:12px}
.movie-preview{height:220px;display:flex;align-items:center;justify-content:center;background:#000;color:#FFF;border:1px solid #333}
.movie-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}
.movie-timeline span{display:block;padding:8px;background:#FFF;border:1px solid #ACA899;text-align:center}