/* Reference-matched desktop shell. Personal content remains ifwatk's. */
body{font-family:Tahoma,Arial,sans-serif;background-position:center;background-size:cover;background-repeat:no-repeat}.icons{display:grid;grid-template-columns:120px;grid-auto-rows:120px;gap:10px;top:0;left:0;width:168px;padding:28px 0 0 24px}.icons button{width:120px;height:120px;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 6px 8px;gap:6px;font-size:14.5px;border:1px solid transparent;border-radius:3px;box-shadow:none;outline-offset:-4px}.icons img.icon{width:64px;height:64px;filter:none}.icons button>span{width:100%;padding:0;font:14.5px/1.2 Tahoma,Arial,sans-serif;color:#fff;text-shadow:1px 1px 1px #000e,0 0 3px #000b;white-space:nowrap}.icons button.selected{background:#316ac580;border:1px dotted #fff8}.icons button.selected>span:last-child{background:none}.desktop-hint{display:none}.desktop-brand{display:none}#desktop{height:calc(100dvh - 30px)}.taskbar{height:30px;background:#245edc url('icons/reference/taskbar.webp') repeat-x;background-size:auto 100%;box-shadow:none}.start{width:94px!important;height:30px!important;border:0;background:transparent!important;border-radius:0;box-shadow:none;overflow:visible}.start>img{width:94px!important;height:30px!important;object-fit:fill}#show-desktop{display:none}#tasks{gap:2px;padding:0 4px;height:100%;align-items:center}.task{font:11px Tahoma;height:26px;padding:0 8px;max-width:168px;min-width:60px;flex:0 1 168px;border-radius:3px;display:flex;gap:6px;align-items:center;text-shadow:1px 1px #0004;background:linear-gradient(#42a0ef,#3484d6);border-color:#1a72c4 #14589e #145aa8 #1868c0}.task.active{background:linear-gradient(#1f6bb8,#1a5a99)}.task img{width:15px;height:15px;object-fit:contain}.task span{overflow:hidden;text-overflow:ellipsis}.tray{height:30px;padding:0 10px 0 7px;gap:6px;background:#0a9bdf url('icons/reference/tray.webp') left/auto 100% no-repeat;box-shadow:none;flex-shrink:0;margin-left:4px}.tray button{padding:0;border:0;background:none;font:11px Tahoma;color:#fff;height:22px;min-width:15px}.tray img{width:15px;height:15px;object-fit:contain}.tray #clock-button{margin-left:3px}.tray #tray-more{border:1px solid #c0eaff80;border-radius:50%;background:linear-gradient(#80d1fa,#1888d5);box-shadow:1px 1px #0763a2;font-size:18px;width:18px;height:18px;line-height:12px}#crt-toggle,.tray>[data-open=player]{display:none}.tray.expanded #crt-toggle,.tray.expanded>[data-open=player]{display:block}.tray #timer-tray{font-size:10px;padding:1px 5px}.window{border:2px solid #284ffd;border-top-width:1.5px;border-radius:8px 8px 0 0;box-shadow:1px 1px 6px #0008}.window:not(.focused-window){border-color:#3d7bff}.window>.titlebar{height:29px;min-height:29px;padding:2px 4px;font:bold 12px Tahoma;text-shadow:1px 1px 1px #0004;background:linear-gradient(#7aabff,#1263e7 11%,#0054e3 40%,#0054e3 75%,#0038bd);border-radius:6px 6px 0 0}.window:not(.focused-window)>.titlebar{background:linear-gradient(#91baff,#4c93ea 15%,#4c8be0);color:#e9f1ff}.titlebar>span{gap:6px;padding-left:2px}.titlebar img{width:16px;height:16px;object-fit:contain}.controls{gap:2px}.controls button{width:21px!important;height:21px!important;border-radius:3px;font:18px Arial;line-height:16px;border:1px solid white;background:linear-gradient(120deg,#b4d7ff,#498cf3 40%,#1564df);box-shadow:inset 1px 1px 2px #fff7}.controls button:last-child{background:linear-gradient(120deg,#fbb3a0,#e4592f 70%,#bd350e)}.status{height:23px;min-height:23px;padding:4px 6px;font:11px Tahoma;color:#202020;box-shadow:inset 0 1px white,inset 0 2px #aca899;border:0;background:#ece9d8}.reference-window{display:flex;flex-direction:column;overflow:hidden!important}.reference-window .ref-menubar,.reference-window .ref-toolbar,.reference-window .ref-address,.reference-window .status{flex-shrink:0}.ref-menubar{height:25px;display:flex;align-items:center;gap:2px;background:#ece9d8;border-bottom:1px solid #d9d5c1;padding:0 5px}.ref-menubar button{font:11px Tahoma;padding:4px 6px;color:#1d1d1d;border:1px solid transparent;background:none}.ref-menubar button:hover:not(:disabled){border-color:#809fbd;background:#fff8}.ref-menubar button:disabled{color:#aaa99c}.ref-menubar>img{margin-left:auto;height:20px;width:20px;object-fit:contain}.ref-toolbar{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#ece9d8;border-bottom:1px solid #d3d0c1;min-height:44px}.ref-toolbar button{display:flex;align-items:center;gap:6px;padding:4px 5px;border:1px solid transparent;background:none;font:11px Tahoma;color:#222;min-height:32px}.ref-toolbar button:hover:not(:disabled){border-color:#b2b9ba;background:linear-gradient(#fff7,#fff0)}.ref-toolbar button:disabled{opacity:.45;cursor:default}.ref-toolbar img{width:25px;height:25px;object-fit:contain}.ref-address{height:29px;display:flex;align-items:center;gap:5px;background:#ece9d8;padding:3px 5px;font:11px Tahoma;color:#777}.ref-address>div{background:white;border:1px inset #deddd4;height:22px;display:flex;align-items:center;flex:1;min-width:0;color:#333;padding:2px 4px;gap:4px}.ref-address>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-address img{width:16px;height:16px;object-fit:contain}.ref-address small{margin-left:auto;color:#777}.ref-address>img{height:20px;width:20px;opacity:.55}#about{width:800px;height:635px;left:calc(50% - 526px);top:30px}#work{width:850px;height:min(780px,calc(100dvh - 94px));left:calc(50% - 502px);top:60px}#contact{width:545px;height:400px;left:calc(50% - 477px);top:85px}.ref-about{display:flex;background:linear-gradient(105deg,#6a8afb,#274cba);flex:1;min-height:0;overflow:auto;color:white}.ref-about>aside{width:187px;padding:18px 10px 15px;flex-shrink:0;background:linear-gradient(#7b9eff55,#456dd355)}.ref-about details{margin-bottom:14px;background:#d8e5fc;border:1px solid white;color:#153777;overflow:hidden}.ref-about summary{list-style:none;cursor:pointer;background:linear-gradient(#fff,#e4eaf5);padding:6px 10px;font:bold 11px Tahoma;position:relative}.ref-about summary::-webkit-details-marker{display:none}.ref-about summary:after{content:'⌃';position:absolute;right:7px;border:1px solid #6b88af;border-radius:50%;width:12px;height:12px;line-height:12px;text-align:center;color:#426894;font-size:11px}.ref-about details:not([open]) summary:after{content:'⌄'}.ref-about details:first-child summary{background:#0756bc;color:white}.ref-about details:first-child summary:after{color:white;border-color:white}.ref-side-list{padding:6px 9px}.ref-side-list button{display:flex;align-items:center;gap:5px;width:100%;background:none;border:0;text-align:left;font:11px Tahoma;padding:3px 0;color:#15336e;min-height:19px}.ref-side-list button:hover{text-decoration:underline}.ref-side-list img{width:14px;height:14px;object-fit:contain}.ref-about article{padding:22px 34px 28px 35px;min-width:0}.ref-about h1{font:bold 30px Tahoma;margin:0 0 24px;letter-spacing:0;color:white;text-shadow:1px 2px #21376c}.about-row{display:flex;gap:25px;margin-bottom:15px;align-items:flex-start}.about-row p{font:15px/1.4 Tahoma;color:white;text-shadow:1px 1px #1c34775e;margin:0 0 13px}.ref-avatar{display:grid;place-items:center;flex-shrink:0;background:linear-gradient(#98d1ff,#3676ca);width:55px;height:55px;font:italic bold 41px Georgia;color:white;border:2px solid #eee;border-radius:4px;text-shadow:1px 2px #2662a2}.about-row .ref-avatar{border:0;background:transparent;font-size:48px;width:68px;height:68px}.about-illustration{width:68px;flex-shrink:0;text-align:center;font-size:42px;padding-top:5px}.inline-about{font:inherit;text-decoration:underline;border:0;background:none;color:white;padding:0}.bio-pending{opacity:.75}.tube-app{--tube-bg:#0e0e0e;--tube-text:#f1f1f1;--tube-muted:#aaa;--tube-border:#303030;background:var(--tube-bg);color:var(--tube-text);flex:1;min-height:0;display:flex;flex-direction:column}.tube-app.light{--tube-bg:#f9f9f9;--tube-text:#111;--tube-muted:#646464;--tube-border:#ddd}.tube-header{display:flex;gap:18px;align-items:center;height:68px;flex-shrink:0;border-bottom:1px solid var(--tube-border);padding:0 22px}.tube-brand{display:flex;gap:7px;align-items:center;white-space:nowrap;font:bold condensed 24px Impact,'Arial Narrow',sans-serif;letter-spacing:-.7px}.tube-mark{display:grid;place-items:center;width:49px;height:33px;border-radius:11px;background:#f00;color:white;font:italic bold 39px Georgia;line-height:30px;overflow:hidden}.tube-header form{display:flex;flex:1;min-width:80px;max-width:236px;margin:auto;border:1px solid var(--tube-border);border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--tube-bg) 95%,white)}.tube-header input{width:100%;min-width:0;background:transparent;border:0;outline-offset:-3px;color:var(--tube-text);padding:6px 15px;font:14px Arial}.tube-header form>button{background:#80808017;border:0;border-left:1px solid var(--tube-border);color:var(--tube-text);font:25px Arial;line-height:25px;width:46px;flex-shrink:0}.tube-header nav{display:flex;gap:17px}.tube-header nav button{border:0;background:none;padding:0}.tube-header nav img{width:25px;height:25px;object-fit:contain;filter:brightness(0) invert(1)}.tube-app.light .tube-header nav img{filter:brightness(0)}.tube-body{display:flex;flex:1;min-height:0}.tube-body>aside{width:72px;flex-shrink:0;border-right:1px solid var(--tube-border);padding:12px 10px;display:flex;flex-direction:column;gap:7px}.tube-body>aside button{background:none;border:0;border-radius:8px;width:52px;height:39px;font:27px Arial;color:var(--tube-text);position:relative}.tube-body>aside button.chosen{background:#ffffff14}.tube-body>aside button.chosen:before{content:'';position:absolute;left:-9px;top:4px;bottom:4px;width:4px;border-radius:3px;background:red}.tube-body>aside button:hover{background:#ffffff20}.tube-main{overflow:auto;min-width:0;flex:1;padding:24px 22px}.tube-main::-webkit-scrollbar{width:13px}.tube-main::-webkit-scrollbar-track{background:#dddff3}.tube-main::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f6f7ff,#bdc9ee);border:1px solid #94a7db}.project-grid-placeholder,#project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-tile{display:block;border:0;background:none;padding:0;color:var(--tube-text);text-align:left;min-width:0}.project-thumb{aspect-ratio:16/9;background:#181818;border:1px solid #303030;border-radius:12px;overflow:hidden;display:grid;place-items:center;position:relative}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb>span{font:12px Tahoma;color:#777;letter-spacing:1px}.project-thumb small{position:absolute;bottom:7px;right:7px;background:#000c;color:#bbb;font:11px Tahoma;padding:3px 5px;border-radius:4px}.project-tile-title{display:flex;gap:9px;margin-top:12px}.project-channel{background:linear-gradient(#4e87ba,#233a72);color:#fff;width:34px;height:34px;border-radius:50%;font:italic bold 27px Georgia;text-align:center;line-height:31px;flex-shrink:0}.project-tile h3{font:600 15px Arial;margin:0 0 5px}.project-tile p{font:12px Arial;color:var(--tube-muted);margin:0}.project-tile:disabled{cursor:default}.project-tile:disabled .project-thumb{background:repeating-linear-gradient(135deg,#171717 0 12px,#1c1c1c 12px 24px)}.project-grid-message{grid-column:1/-1;font:13px/1.5 Tahoma;color:var(--tube-muted);margin:0}.tube-app.light .project-tile:disabled .project-thumb{background:#ededed;border-color:#d5d5d5}.project-detail-image{width:100%;border-radius:10px}.project-detail-caption{font:15px/1.6 Arial}.project-detail-controls{display:flex;gap:8px;margin:14px 0}.project-detail-controls button{background:#ffffff1c;border:1px solid var(--tube-border);color:var(--tube-text);border-radius:4px;padding:7px 12px}.outlook-compose{flex:1;min-height:0;padding:6px 9px 8px;display:flex;flex-direction:column;background:#ece9d8}.outlook-compose>label{display:flex;gap:8px;align-items:center;margin-bottom:9px;font:11px Tahoma}.outlook-compose>label>span{width:39px;text-align:right;flex-shrink:0}.outlook-compose input{border:2px inset #efeee5;background:#fff;padding:4px 6px;font:11px Tahoma;min-width:0;flex:1;height:25px;box-shadow:none}.outlook-compose input[readonly]{background:#ece9d8;color:#333}.outlook-compose textarea{background:white;border:2px inset #efeee5;padding:7px;resize:none;min-height:120px;flex:1;font:13px/1.5 Tahoma;color:#222}.outlook-compose textarea::placeholder,.outlook-compose input::placeholder{font-style:italic;font-size:11px;color:#aaa}.outlook-compose p{font:10px Tahoma;color:#777;margin:6px 0 0}.outlook-compose input:focus,.outlook-compose textarea:focus{outline:1px dotted #477fbb;outline-offset:-3px}
/* Reference proportions: boot, login, Start and system applications. */
.xp-flag{width:125px;height:115px;object-fit:contain;display:block;margin:0 auto 5px}.boot-center{width:336px;text-align:center}.boot-center .os-logo{font-size:72px;font-weight:600}.boot-center>p{font-style:italic;font-size:20px;margin:0 0 48px}.boot-loader{width:174px;height:22px;margin:0 auto 14px}.boot-wordmark{font:bold italic 25px Arial;margin-left:auto}#boot footer{padding:30px 45px}#skip-boot{position:absolute;bottom:90px;right:45px;font-size:11px!important;opacity:.6}#login{border-top:100px solid #083ca6;border-bottom:100px solid #083ca6;background:#587cdb}.login-middle{width:820px;max-width:95%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}.login-brand{padding-right:45px;min-height:310px;display:flex;flex-direction:column;justify-content:center}.login-brand .xp-flag{margin:0 26px 0 auto;width:100px;height:92px}.login-brand .os-logo{font-size:64px}.login-brand p{font:19px Tahoma;white-space:nowrap;margin-top:24px}.login-user{padding-left:32px}.login-user strong{font:24px Tahoma}.login-user small{color:#123e93;font-size:12px;margin-top:5px}.user-tile{width:70px;height:70px;border:2px solid white;border-radius:5px;background:linear-gradient(135deg,#eee1a9,#aa8a54);font:italic bold 48px Georgia;color:white}.login-user label{font-size:10px;opacity:.75}#login footer{bottom:-100px;height:100px;padding:20px 40px}#login footer img{width:32px;vertical-align:middle;margin-right:8px}#login footer span{font-size:12px;line-height:1.5}#start-menu{width:335px;bottom:30px;border:2px solid #286be8;border-radius:7px 7px 0 0;overflow:visible}.start-profile{height:51px;padding:5px 9px;display:flex;gap:8px;align-items:center;border-bottom:2px solid #efaa49;font:bold 13.5px Tahoma}.start-profile .small-avatar{width:40px;height:40px;border:1px solid white;border-radius:4px;font:italic bold 29px Georgia;display:grid;place-items:center}.start-columns{display:grid;grid-template-columns:52% 48%;height:354px}.start-programs,.start-places{padding:5px 4px;position:relative}.start-programs{background:white}.start-places{background:#d3e5fb;border-left:1px solid #9cc0ee}.start-columns button{border:0;background:transparent;display:flex;align-items:center;gap:6px;text-align:left;width:100%;padding:4px;font:11px Tahoma;min-height:29px;border-radius:0;color:#172b45}.start-columns button:hover{background:#316ac5;color:white}.start-columns button img,.start-app-icon{width:25px;height:25px;object-fit:contain;flex-shrink:0}.start-app-icon{font-size:23px;text-align:center}.start-programs>button:first-child,.start-programs>button:nth-child(2){height:43px}.start-programs button small{display:block;font-size:9px;color:#777;margin-top:2px}.start-programs button:hover small{color:white}.start-columns hr{margin:4px;border:0;border-top:1px solid #bdd0dd}.all-programs-button{justify-content:center!important;margin-top:5px}.all-programs-button img{width:12px!important;height:12px!important}#start-menu footer{height:46px;padding:5px;display:flex;justify-content:flex-end;gap:10px;background:linear-gradient(#438aeb,#1861c8)}#start-menu footer button{display:flex;align-items:center;gap:5px;font:11px Tahoma;padding:2px}#start-menu footer img{width:28px;height:28px}#games-list,#recent-list{position:absolute;bottom:25px;left:90%;width:190px;background:white;border:2px solid #286be8;box-shadow:3px 3px 4px #0005;z-index:10;padding:4px}#recent-list{left:auto;right:0;bottom:85px}.crt-overlay{opacity:.14;pointer-events:none}#messenger{width:470px;height:485px;top:80px;left:calc(50% - 230px)}.messenger-profile{display:flex;gap:12px;padding:15px;background:linear-gradient(#e6f2fb,#cee5f7);border-bottom:1px solid #94acc3}.messenger-profile p{font:11px Tahoma;margin:5px 0}.ref-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#e9dca5,#b4965a);color:white;font:italic bold 35px Georgia;border:2px solid white;border-radius:5px;width:65px;height:65px;flex-shrink:0}#messenger-log{flex:1;overflow:auto;background:white;margin:10px 10px 0;border:1px solid #9eb7ce;padding:12px;font:12px/1.6 Tahoma}#messenger-log p{margin:0 0 12px}.messenger-quick{display:flex;gap:5px;padding:8px 10px}.messenger-quick button{font-size:11px}#messenger-form{display:flex;gap:6px;padding:0 10px 12px}#messenger-input{min-width:0;flex:1;padding:9px;border:1px solid #9eb7ce}#viewer{width:700px;height:540px;left:calc(50% - 350px);top:70px}.viewer-area{flex:1;min-height:0;overflow:auto;background:#fff;display:grid;place-items:center}.viewer-area img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center}.viewer-tools{display:flex;justify-content:center;gap:8px;padding:10px;background:#ece9d8}.viewer-tools button{font-size:11px}#terminal{width:640px;height:400px;left:calc(50% - 320px);top:110px}.terminal-body{flex:1;overflow:auto;background:black;color:#ddd;padding:8px;font:13px/1.5 'Courier New',monospace}.terminal-body pre{font:inherit;white-space:pre-wrap;margin:0}.terminal-body form{display:flex;gap:7px}.terminal-body input{border:0;outline:0;background:transparent;color:inherit;min-width:0;flex:1;font:inherit}#messenger-toast{position:fixed;right:8px;bottom:38px;width:310px;background:linear-gradient(#f5fbff,#d5e9fa);border:1px solid #6494c3;border-radius:5px;z-index:20000;box-shadow:2px 3px 10px #0003;font:11px Tahoma}#messenger-toast header{padding:7px;display:flex;align-items:center;gap:5px}#messenger-toast header img{width:17px}#messenger-toast-close{margin-left:auto;background:transparent;border:0}#messenger-toast-open{display:flex;gap:10px;padding:10px;background:transparent;border:0;text-align:left;width:100%}#messenger-toast-open small{display:block;line-height:1.5;margin-top:6px}#shutdown-dialog{border:2px solid #124aae;background:#587cdb;color:white;padding:0;width:350px}#shutdown-dialog::backdrop{background:#0008;backdrop-filter:grayscale(1)}#shutdown-dialog header,#shutdown-dialog footer{background:#083ca6;padding:15px}#shutdown-dialog>div{display:flex;justify-content:center;gap:30px;padding:30px}#shutdown-dialog>div button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:transparent;color:white}#shutdown-dialog img{width:40px}#shutdown-dialog footer{text-align:right}.task img{height:16px;width:16px;vertical-align:middle;margin-right:5px}.explorer-popup{position:absolute;top:54px;left:5px;z-index:20;padding:3px;border:1px solid #777;background:#ece9d8;box-shadow:2px 2px 3px #0004}.explorer-popup button{display:block;width:145px;text-align:left;background:none;border:0;padding:6px}.explorer-popup button:hover{background:#316ac5;color:white}
@media(max-width:700px){.icons{padding:15px 8px;grid-template-rows:repeat(4,100px);grid-auto-columns:100px}.icons button{width:100px;height:100px}.icons .icon{width:52px;height:52px}.window.reference-window{left:6px!important;top:12px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 54px)!important;max-width:none}.ref-about>aside{width:130px;min-width:130px}.ref-about article{padding:15px}.ref-about article h1{font-size:26px}.about-row{flex-direction:column}.tube-header{gap:10px;flex-wrap:wrap;height:auto;padding:12px}.tube-header nav{display:none}.tube-brand{font-size:20px}.tube-body>aside{width:43px;min-width:43px}.tube-body>aside button{width:40px}.tube-main{padding:12px}#project-grid{grid-template-columns:1fr}.ref-toolbar{gap:2px}.ref-toolbar button{font-size:10px;padding:3px}.ref-toolbar button img{width:23px;height:23px}#login{border-top-width:45px;border-bottom-width:80px}.login-middle{flex-direction:column;top:43%}.login-brand{border-right:0;padding:0 0 20px;min-height:0;text-align:center}.login-brand .xp-flag{margin:auto;width:75px;height:70px}.login-brand .os-logo{font-size:52px}.login-brand p{font-size:14px;margin-top:15px}.login-user{padding:20px 0 0}#login footer{bottom:-80px;height:80px;padding:10px;font-size:11px}#login footer span{max-width:45%;font-size:9px}#login footer img{width:24px}.tray{gap:2px;padding:0 3px}#tray-help,#quick-start{display:none}.task{min-width:35px!important;font-size:0!important}.task img{margin:0}#start-menu{max-width:100vw;max-height:calc(100dvh - 35px)}#boot footer{padding:20px;font-size:10px}.boot-wordmark{font-size:18px}#skip-boot{right:20px}.start-columns{height:354px}}
.project-empty{grid-column:1/-1;font:13px Tahoma;color:var(--tube-muted);margin:4px 0 12px}.project-card{display:block;background:transparent;border:0;color:var(--tube-text);text-align:left;padding:0;min-width:0}.project-thumbnail{display:grid;place-items:center;aspect-ratio:16/9;width:100%;object-fit:cover;background:repeating-linear-gradient(135deg,#191919 0 12px,#202020 12px 24px);border:1px solid var(--tube-border);border-radius:12px;color:#737373;font:bold 14px Tahoma;letter-spacing:2px}.project-meta{display:flex;gap:10px;padding:12px 0}.channel-avatar{width:33px;height:33px;background:#676767;border-radius:50%;font:bold italic 23px Georgia;display:grid;place-items:center;flex-shrink:0}.project-card h3{font:500 15px/1.4 Tahoma;margin:0 0 5px}.project-card p{font:11px Tahoma;color:var(--tube-muted);margin:0}.tube-app.light .project-thumbnail{background:#e7e7e7}#project-detail img{max-width:100%;border-radius:10px}#project-detail p{line-height:1.6}#project-detail a{color:#5faaff}.window.maximized.reference-window{left:0!important;top:0!important;width:100%!important;height:calc(100dvh - 30px)!important}