:root {
	--techos-taskbar-h: 45px;
	--techos-blue: #245edb;
	--techos-blue-bright: #2d76e8;
	--techos-blue-deep: #0b43b8;
	--techos-green: #2f9d32;
	--techos-green-bright: #58bd42;
	--techos-window-border: #0a49bf;
	--techos-ui-font: Tahoma, Verdana, Arial, sans-serif;
}
html, body { margin: 0 !important; min-height: 100%; }
body.techos-body { overflow: hidden; font-family: var(--techos-ui-font); background: #1c6ccf; }
body.techos-body #wpadminbar { display: none !important; }
body.techos-body #page, body.techos-body .site, body.techos-body .site-content { display: none !important; }
body.techos-body * { box-sizing: border-box; }
button, input { font-family: inherit; }
.techos-os { position: fixed; inset: 0; overflow: hidden; background: #3b9ee2; }
.techos-desktop { position: absolute; inset: 0 0 var(--techos-taskbar-h); overflow: hidden; background: #66b8ef url('../../assets/images/techos-wallpaper.svg') center center / cover no-repeat; user-select: none; }
.techos-desktop::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 54% 16%, rgba(255,255,255,.1), transparent 25%), linear-gradient(180deg, rgba(255,255,255,.04), transparent 20%, transparent 80%, rgba(0,52,100,.08)); }
.techos-desktop::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; pointer-events: none; background: rgba(6,72,160,.28); }
.techos-desktop__brand { position: absolute; z-index: 1; right: 34px; bottom: 30px; color: rgba(255,255,255,.9); text-align: right; text-shadow: 0 2px 3px rgba(0,58,83,.48); user-select: none; }
.techos-desktop__brand-name { display: block; font-size: clamp(36px, 4.5vw, 67px); font-weight: 700; letter-spacing: -3px; }
.techos-desktop__brand-edition { display: block; margin-top: -7px; font-size: 14px; font-weight: 700; letter-spacing: .32em; text-transform: uppercase; }
.techos-desktop__brand-build { display: block; margin-top: 7px; font-size: 10px; letter-spacing: .14em; opacity: .8; text-transform: uppercase; }
.techos-desktop__icons { position: relative; z-index: 3; display: grid; align-content: start; justify-items: center; gap: 14px; width: 116px; padding: 16px 12px; }
.techos-desktop-icon { position: relative; display: grid; justify-items: center; gap: 4px; width: 92px; min-height: 88px; padding: 5px 4px 4px; border: 1px solid transparent; border-radius: 2px; color: #fff; background: transparent; cursor: default; outline: 0; text-shadow: 1px 1px 2px rgba(0,32,70,.95); }
.techos-desktop-icon__art { display: grid; place-items: center; width: 54px; height: 54px; filter: drop-shadow(1px 2px 1px rgba(0,0,0,.3)); transition: transform .08s ease, filter .08s ease; }
.techos-desktop-icon__art img { display: block; width: 50px; height: 50px; pointer-events: none; }
.techos-desktop-icon__label { display: inline; max-width: 90px; padding: 1px 3px 2px; font-size: 11px; line-height: 1.12; text-align: center; border: 1px solid transparent; }
.techos-desktop-icon:hover .techos-desktop-icon__art { filter: drop-shadow(1px 2px 1px rgba(0,0,0,.3)) brightness(1.04); }
.techos-desktop-icon.is-selected { background: rgba(38,85,167,.32); border-color: rgba(170,211,255,.42); }
.techos-desktop-icon.is-selected .techos-desktop-icon__label { background: #0b4db6; border-color: rgba(255,255,255,.5); }
.techos-desktop-icon:active .techos-desktop-icon__art { transform: translateY(1px); }
.techos-desktop-icon:focus-visible { outline: 1px dotted #fff; outline-offset: -4px; }
.techos-desktop__signature { position: absolute; z-index: 1; left: 130px; bottom: 27px; display: flex; align-items: center; gap: 7px; color: rgba(255,255,255,.74); font-size: 10px; letter-spacing: .04em; text-shadow: 1px 1px rgba(0,45,64,.55); }
.techos-desktop__signature-dot { width: 7px; height: 7px; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; background: #57c94d; box-shadow: 0 0 0 2px rgba(59,136,44,.3), 0 0 7px rgba(109,231,86,.35); }
@media (max-width: 700px) {
	:root { --techos-taskbar-h: 44px; }
	.techos-desktop { background-position: 43% center; }
	.techos-desktop__brand { right: 16px; bottom: 26px; }
	.techos-desktop__brand-name { font-size: 38px; }
	.techos-desktop__brand-edition { font-size: 10px; }
	.techos-desktop__brand-build { display: none; }
	.techos-desktop__icons { grid-template-columns: repeat(2, 84px); width: auto; justify-content: start; gap: 10px 4px; padding: 12px 8px; }
	.techos-desktop-icon { width: 82px; min-height: 82px; }
	.techos-desktop-icon__art { width: 48px; height: 48px; }
	.techos-desktop-icon__art img { width: 44px; height: 44px; }
	.techos-desktop__signature { display: none; }
}