/* ifwatk XP / Personal Edition 1.4 */
:root{--xp-main:#0964e6;--xp-edge:#0756d8;--xp-top:#77b8ff;--xp-bottom:#0645b5;--xp-text:#fff;--xp-inactive:#789bd0;--xp-shell:#ece9d8;--xp-selection:#2267ce;--xp-place:#d3e5fa;--xp-tray:#149edd;--xp-tray-top:#56c9ff}
body[data-skin=silver]{--xp-main:#bec0d5;--xp-edge:#7c819c;--xp-top:#fcfcff;--xp-bottom:#888aa8;--xp-text:#26304a;--xp-inactive:#aeb1c1;--xp-shell:#ececf1;--xp-selection:#667592;--xp-place:#e4e5ed;--xp-tray:#c0c3d4;--xp-tray-top:#eaedff}
body[data-skin=olive]{--xp-main:#84984e;--xp-edge:#586730;--xp-top:#dce7b6;--xp-bottom:#657832;--xp-text:#fff;--xp-inactive:#9ba883;--xp-shell:#f0eedc;--xp-selection:#778c43;--xp-place:#e7e8ca;--xp-tray:#a5b875;--xp-tray-top:#d4e19a}
body{font-family:Tahoma,'Segoe UI',sans-serif}.window{background:var(--xp-shell);border-color:var(--xp-edge);box-shadow:4px 6px 16px #00182d55}.window:not(.focused-window){border-color:var(--xp-inactive)}.window .titlebar,dialog .titlebar{background:linear-gradient(var(--xp-top) 0%,var(--xp-main) 16%,var(--xp-main) 76%,var(--xp-bottom) 100%);color:var(--xp-text);height:32px;text-shadow:1px 1px #0003}.window:not(.focused-window) .titlebar{background:linear-gradient(#ffffff90,var(--xp-inactive) 24%,var(--xp-inactive))}.window.focused-window{box-shadow:5px 10px 22px #00152f55}.window>.titlebar{flex-shrink:0}.controls button:not(:last-child){background:linear-gradient(135deg,var(--xp-top),var(--xp-main))}.controls button:hover{filter:brightness(1.13)}.controls button:active{filter:brightness(.85)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px dotted var(--xp-selection);outline-offset:2px}.taskbar{background:linear-gradient(var(--xp-top),var(--xp-main) 16%,var(--xp-main) 85%,var(--xp-bottom));box-shadow:0 -1px 2px #ffffff8a}.task{background:color-mix(in srgb,var(--xp-main) 84%,white);color:var(--xp-text);border-color:var(--xp-edge);box-shadow:inset 0 1px #ffffff40}.task.active{background:var(--xp-bottom);color:#fff;box-shadow:inset 1px 1px 3px #0004}.tray{background:linear-gradient(var(--xp-tray-top),var(--xp-tray) 20%);color:var(--xp-text);box-shadow:inset 1px 0 var(--xp-edge)}.tray button{color:inherit}.start-profile{background:linear-gradient(var(--xp-main),var(--xp-bottom));color:var(--xp-text)}#start-menu{border-color:var(--xp-edge);width:410px;box-shadow:5px -3px 22px #00234444}#start-menu footer{background:linear-gradient(var(--xp-main),var(--xp-bottom));color:var(--xp-text)}#start-menu footer button{color:inherit}.start-places{background:var(--xp-place);border-color:var(--xp-inactive)}.start-columns{grid-template-columns:1.15fr 1fr}.start-programs{padding:8px 7px}.start-columns button{min-height:40px;padding:9px 8px;border-radius:2px}.start-columns button:hover,#context-menu button:hover{background:var(--xp-selection);color:#fff}.start-app-icon{width:27px;text-align:center;font:25px Georgia;color:#405d83}.start-columns button:hover .start-app-icon{color:inherit}.start-columns button>span:not(.start-app-icon){flex:1}.start-places button{font-size:12px}.start-places>button:first-child,.start-places>button:nth-child(2){font-weight:bold}.start-places hr{margin:12px 5px}#games-list{background:#f1f5fb;border:1px solid #c9d4e3;margin:2px 4px 4px 34px;padding:3px}#games-list button{min-height:31px;font-size:12px;padding:6px}#start-games>small{font-size:10px;background:#e6eaf1;border:1px solid #cbd3df;color:#4a5b74;padding:2px 4px;border-radius:3px}#start-menu footer button:hover{background:#ffffff20;border-radius:3px}.status,.note-tools,.paint-tools,.paint-actions,.paint-palette,.dialog-footer{background:var(--xp-shell)}.classic{border-color:var(--xp-inactive);box-shadow:inset 0 1px white}.icons button{transition:background .12s}.icons img.icon{width:51px;height:51px;filter:drop-shadow(1px 3px 2px #0006)}.icons button>span:last-child{padding:2px 4px;text-shadow:1px 1px 2px #000}.icons button.selected>span:last-child{background:var(--xp-selection)}.window p{line-height:1.6}.properties-panel{box-shadow:inset 0 1px white}.desktop-hint{color:#fff;text-shadow:1px 2px 4px #05201c;bottom:22px;right:24px;font-size:12px}
/* Display properties */
#settings{width:460px;top:14%;left:36%;resize:none}.settings-tabs{display:flex;padding:16px 13px 0;gap:2px;background:var(--xp-shell)}.settings-tabs button{font:12px Tahoma;border:1px solid #a7a59b;border-bottom:0;border-radius:4px 4px 0 0;padding:8px 11px;background:#e8e5db;color:#354056}.settings-tabs button[aria-selected=true]{background:#fffdf7;box-shadow:inset 0 3px #e6ab27;position:relative;top:1px}.settings-section{margin:0 13px;background:#fffdf7;border:1px solid #aaa99f;min-height:335px;padding:22px}.settings-section h3{font-size:13px;font-weight:normal;margin:20px 0 12px}.settings-section p{font-size:12px;color:#6e746e}.monitor-preview{margin:auto;width:265px;padding:11px 11px 21px;background:linear-gradient(#e4e3df,#bebdb9);border:1px solid #979894;border-radius:12px 12px 7px 7px;box-shadow:inset 0 1px #fff,0 3px 0 #aaa;position:relative}.monitor-preview:after{content:'';position:absolute;bottom:7px;right:18px;width:4px;height:4px;background:#78ad3c;border-radius:50%}.monitor-desktop{height:137px;border:2px inset #b0b0ae;position:relative;background:#2876bb url('wallpaper.webp') center/cover;overflow:hidden}.preview-window{width:147px;position:absolute;top:26px;left:43px;border:2px solid var(--xp-edge);background:var(--xp-shell);border-radius:4px 4px 0 0;box-shadow:3px 4px 6px #0004}.preview-window>span{display:block;background:var(--xp-main);color:var(--xp-text);font:bold 9px Tahoma;padding:4px}.preview-window>div{padding:11px;font-size:10px;color:#35445d}.preview-window small{display:block;font-size:8px;line-height:1.5;margin-top:5px}.preview-taskbar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:var(--xp-main);height:15px;color:var(--xp-text);font:8px Tahoma;padding-right:6px}.preview-taskbar b{font:italic bold 9px Tahoma;background:#348232;padding:2px 8px;color:white;border-radius:0 5px 5px 0}.skin-options{display:flex;gap:7px}.skin-options button{flex:1;border:1px solid #b8b9ae;background:#f8f8f2;padding:8px 5px;display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;color:#2b3b50;border-radius:3px}.skin-options button[aria-pressed=true]{border-color:var(--xp-selection);background:#e6edf8;box-shadow:0 0 0 1px var(--xp-selection)}.skin-chip{width:16px;height:16px;border:1px solid #6666;border-radius:3px}.chip-blue{background:linear-gradient(#92cfff,#0053d3)}.chip-silver{background:linear-gradient(#fff,#9698b7)}.chip-olive{background:linear-gradient(#dcdfb5,#758342)}.settings-section .display-options{display:flex;flex-direction:column;align-items:flex-start;gap:23px;margin-top:26px}.settings-section .display-options label{font-size:14px}.settings-section .display-options input{margin-right:8px}.settings-section .themes{margin:25px 0}.settings-section .sample{height:85px}
/* Focus timer */
#focus{width:355px;top:12%;left:37%;resize:none}.focus-shell{background:#f6f4ed;padding:24px;color:#253b47}.focus-header{display:flex;align-items:center;justify-content:space-between;font:9px 'Courier New';letter-spacing:1px;color:#7a8588}.focus-header>span:last-child{letter-spacing:0}.focus-modes{display:flex;background:#e7e8de;border-radius:4px;padding:3px;gap:2px;margin:23px 0}.focus-modes button{flex:1;padding:8px 4px;background:transparent;border:0;border-radius:2px;font-size:11px;color:#6d7e7e}.focus-modes button[aria-pressed=true]{background:#fff;color:#2e5952;box-shadow:0 1px 4px #50645122}.focus-dial{--progress:0deg;background:conic-gradient(#4e8778 var(--progress),#dfe6dc var(--progress));width:219px;height:219px;border-radius:50%;padding:6px;margin:0 auto 22px;box-shadow:0 0 0 1px #d1dacc}.focus-dial-inner{height:100%;width:100%;border-radius:50%;background:#f6f4ed;display:flex;flex-direction:column;justify-content:center;align-items:center}.focus-dial-inner>span:first-child{font:10px 'Courier New';letter-spacing:2px;color:#6c897e}.focus-dial output{font:49px 'Courier New';letter-spacing:-3px;color:#2f5149;margin:10px 0}.focus-dial-inner>span:last-child{font-size:11px;color:#8c9388}.focus-task{display:block;font-size:12px;color:#78867d}.focus-task input{display:block;width:100%;margin:8px 0 17px;border:1px solid #ccd4c8;border-radius:3px;background:#fffdf7;padding:10px;font:13px Tahoma;color:#365348}.focus-buttons{display:flex;gap:8px}.focus-buttons button{border:1px solid #bccabc;border-radius:3px;padding:11px 15px;background:transparent;color:#607065;font-size:13px}.focus-buttons #focus-start{flex:1;background:#3f7060;border-color:#3f7060;color:white}.focus-buttons #focus-start:hover{background:#325e50}.focus-custom{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:#788577;margin-top:18px}.focus-custom input{width:45px;border:1px solid #c5cfc1;background:#fffdf7;padding:4px;text-align:center;font:12px Tahoma}.focus-custom button{font-size:11px;border:1px solid #c5cfc1;background:transparent;padding:4px 9px;color:#53684c}.focus-shell footer{margin-top:18px;border-top:1px solid #dbe1d4;padding-top:14px;text-align:center;color:#7d8d7a;font-size:10px}.focus-shell footer small{display:block;margin-top:6px;font-size:9px}#focus.maximized{width:355px!important;height:auto!important;left:calc(50% - 177px)!important;top:10px!important}
/* Guide / launcher */
#help{width:495px;top:12%;left:32%;resize:none}.guide-shell{background:#fffdf8;padding:25px}.guide-hero{display:flex;gap:17px;align-items:center;padding-bottom:20px}.guide-hero img{height:50px;width:50px}.guide-hero span{font:9px 'Courier New';letter-spacing:1.2px;color:#77859b}.guide-hero h2{font:22px Georgia;color:#284675;margin:8px 0 0}.guide-links{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d2dce6;background:#f1f5fa}.guide-links button{display:flex;text-align:left;align-items:center;gap:11px;border:0;background:none;padding:16px 11px;color:#354b6e;min-width:0}.guide-links button:hover{background:#e4edf8}.guide-links img{width:27px;height:27px;object-fit:contain}.guide-emoji{font:27px Georgia;width:28px;flex-shrink:0}.guide-links b{font-size:12px;font-weight:normal}.guide-links small{display:block;font:10px/1.5 Tahoma;color:#8994a3;margin-top:4px}.shortcut-list h3{font:14px Georgia;margin:24px 0 13px}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e8ebee;font-size:12px;color:#6b7685;gap:10px}.shortcut-list kbd{font:10px Tahoma;border:1px solid #cbd2dc;padding:4px 6px;border-bottom-width:2px;border-radius:3px;background:#f5f6f8;color:#425675}.guide-note{font:11px/1.6 Tahoma;color:#8b929c;margin-top:20px;margin-bottom:0}#run-dialog{width:500px;max-width:calc(100vw - 24px);padding:0;border:3px solid var(--xp-edge);border-radius:7px 7px 0 0;background:var(--xp-shell);box-shadow:9px 12px 30px #0005;color:#273c5c;margin:18vh auto auto}#run-dialog::backdrop{background:#00194750;backdrop-filter:blur(1px)}#run-dialog .titlebar{cursor:default}.run-body{padding:20px}.run-body>p{font:13px/1.5 Tahoma;margin:0 0 17px}.run-body>label{font-size:12px;display:block;margin-bottom:6px}#run-input{width:100%;font:14px Tahoma;padding:9px 11px;background:white;border:1px solid #809ab6;box-shadow:inset 1px 1px 2px #1435561a}#run-results{margin-top:12px;max-height:285px;overflow:auto;background:#fff;border:1px solid #d0d4d9;scrollbar-width:thin}#run-results button{display:flex;width:100%;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:10px 13px;color:#314a6b}.run-icon{font:23px Georgia;width:30px;text-align:center;flex-shrink:0}#run-results img{width:28px;height:28px;object-fit:contain}#run-results button:hover,#run-results button.highlighted{background:var(--xp-selection);color:white}#run-results strong{display:block;font:13px Tahoma}#run-results small{display:block;font-size:10px;color:#8994a4;margin-top:4px}#run-results button:hover small,#run-results button.highlighted small{color:#e5efff}.run-footer{padding-top:15px;font-size:10px;color:#888c8e}.run-footer kbd{font:10px Tahoma;color:#4c6080}#run-empty{font-size:13px;padding:18px 0;color:#7e8182}#system-toast{position:fixed;bottom:48px;right:16px;width:290px;max-width:calc(100% - 32px);background:#ffffe1;border:1px solid #555;border-radius:7px;box-shadow:3px 4px 6px #0003;padding:15px 30px 12px 16px;z-index:10002;color:#333}#system-toast strong{font-size:13px}#system-toast p{font-size:12px;line-height:1.5;margin:6px 0}#system-toast-close{position:absolute;right:4px;top:4px;border:0;background:none;color:#888;font-size:18px}.window-snap-hint{position:fixed;pointer-events:none;border:2px solid #c9dcff;box-shadow:inset 0 0 0 1px #265eab;z-index:9000;background:#82aee833}.tray #timer-tray{font:11px 'Courier New';background:#ffffff20;padding:3px 6px;border:1px solid #ffffff44;border-radius:3px}.keyboard-tip{font:11px 'Courier New';color:#fff;text-shadow:1px 1px 2px #1234}
@media(max-width:650px){#settings,#help{top:15px;left:8px;width:calc(100% - 16px);max-height:calc(100% - 25px);overflow:auto}#focus,#focus.maximized{top:8px!important;left:8px!important;width:min(355px,calc(100% - 16px))!important;max-height:calc(100% - 16px);overflow:auto}.focus-shell{padding:18px}.focus-modes{margin:15px 0}.focus-dial{width:177px;height:177px;margin-bottom:17px}.focus-dial output{font-size:42px}.focus-custom{margin-top:13px}.focus-shell footer{margin-top:12px}.focus-buttons button{padding:12px}.settings-section{padding:20px 16px;min-height:315px}.monitor-preview{width:240px}.monitor-desktop{height:124px}.preview-window{left:32px;top:20px}.skin-options button{font-size:11px;gap:5px}.skin-chip{width:13px;height:13px}.guide-shell{padding:20px}.guide-hero h2{font-size:21px}.guide-hero span{font-size:8px}.guide-links{grid-template-columns:1fr}.guide-links button{padding:10px 13px}.shortcut-list>div{font-size:11px}.shortcut-list kbd{font-size:9px}.desktop-hint{font-size:10px;right:10px;bottom:10px}#start-menu{width:min(410px,100%)}.start-columns{max-height:calc(100dvh - 180px)}.start-columns button{min-height:43px}.start-places button{font-size:11px}.start-places img{width:23px;height:23px}.start-programs button>span:not(.start-app-icon){font-size:12px}.start-programs b{font-size:12px}.start-programs small{font-size:10px}#run-dialog{margin:8vh auto auto}#run-results{max-height:40vh}#timer-tray{display:none}.window .titlebar{min-height:33px}.titlebar .controls button{width:27px;height:26px}.guide-hero img{width:43px;height:43px}}
@media(max-height:650px){.window{top:8px!important;max-height:calc(100% - 16px)!important;overflow:auto}#login{border-top-width:30px;border-bottom-width:50px}.login-middle{min-height:200px}.login-brand{padding-top:12px;padding-bottom:12px}.login-brand .xp-symbol{width:56px;height:50px;margin-bottom:10px}.login-brand p{margin-top:17px}.login-brand .os-logo{font-size:43px}#login footer{bottom:-48px;padding:4px 20px}.system-screen footer>span{font-size:10px}#run-dialog{margin:4vh auto auto}.run-body{padding:14px}#run-results{max-height:40vh}}