/* The Clippy Router's site as a Windows 95 desktop, measured against a
   screenshot of the real one (640×480, first run): the teal desktop, a 28-pixel taskbar, 18-pixel navy title bars with 16×14
   buttons, 23-pixel push buttons, and Windows 95's own bevels (its "light"
   edge is the face colour, so a button's highlight is one white line; Windows
   98 added the second, paler one). On a phone the windows fill the screen and
   the taskbar switches between them. The privacy page (privacy.html) is one
   such window by itself, on a page that scrolls.

   The pictures are the real ones (img/, and img/SOURCES.md says where each
   is from): Windows' own icons, the Welcome box's monitor, and Clippy from
   the app's sprite sheet. site.js puts them inside this file when it serves
   it. */
:root {
  --desktop: #008080;
  --face: #c0c0c0;
  --hilight: #fff;
  --shadow: #808080;
  --dark: #000;
  --title: #000080;
  --taskbar: 28px;
  /* A button stands out; a field is sunk in; a pressed button is flat-edged. */
  --raised: inset -1px -1px var(--dark), inset 1px 1px var(--hilight), inset -2px -2px var(--shadow);
  --sunken: inset -1px -1px var(--hilight), inset 1px 1px var(--shadow), inset 2px 2px var(--dark);
  --pressed: inset -1px -1px var(--hilight), inset 1px 1px var(--dark), inset 2px 2px var(--shadow);
  /* A window's frame: the white line is the inner one. */
  --frame: inset -1px -1px var(--dark), inset -2px -2px var(--shadow), inset 2px 2px var(--hilight);
  /* One line in, one line out: status bars, the clock, group boxes. */
  --thin-sunken: inset 1px 1px var(--shadow), inset -1px -1px var(--hilight);
  --checker: repeating-conic-gradient(var(--face) 0% 25%, var(--hilight) 0% 50%) 0 0 / 2px 2px;
  --arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 4h7L3.5 0z'/%3E%3C/svg%3E");
  --arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0h7L3.5 4z'/%3E%3C/svg%3E");
}

html {
  background: var(--desktop);
}

/* MS Sans Serif at 8 points was 11 pixels. Browsers can't draw that font
   (it's a bitmap), so it's Tahoma, its successor in Windows, which has a
   real bold; Microsoft Sans Serif, the same letters as outlines, has none.
   (It's left smoothed: with smoothing off, a browser spaces today's fonts
   unevenly at this size.) */
body {
  margin: 0;
  font: 11px/1.3 Tahoma, 'Microsoft Sans Serif', 'MS Sans Serif', Arial, sans-serif;
  color: #000;
  cursor: default;
}

body.desktop {
  overflow: hidden;
}

/* An icon: 16 pixels in a title bar or on the taskbar, 32 in the Start menu
   and in boxes, 48 on the desktop, each drawn for its size, never smoothed.
   (An icon is a <span>: no rule here is written for spans in general, or it
   would dress the icons too.) */
.icon {
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
  background: var(--small) center / contain no-repeat;
  image-rendering: pixelated;
}

.start-item .icon,
.list-row .icon,
.get-file .icon,
.msg .icon,
.tip .icon,
.who .icon {
  background-image: var(--large);
}

.i-computer {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmElEQVR42q2TUQ4DIQhExw0H82bO3gxPRj+q22rBNW0nISTiEwQFflTyFknaCiJ5ceLBOecQVlUAsJ5cZriU4oK11g4POtx7pfRhkSSMmAHn+axs0Y8jjDT4TmEF3ByjLDodjRAkAcBIJvEaePMGkHNGH7XM819lV1XMe4Ym9mDkSfoJ2tM1Vd3yzV7wrt4OGD6T/eMDfq0H516GvgAxSqYAAAAASUVORK5CYII=);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABOklEQVR42sVXUQ7DIAh9LN6r3qx4M3oy9tGaaGcdtbiRmJimFXw84JVgMGZWOBgz0/lZsDiPMT5yvCwLUkoAoADIHAAz67quj29+OG9a+OZ82zbMtGB5SUSGDrdcIBjJM0I4PwSOE/+XggJTgMg1wNcItKpard8hUJQTUQKQS1QBxl7iN5F4YbirAar1+lkK6IoH01MwoRoepGBHolzTEGg2FSckgrWl/nUWeA6krC2yNgijY3SEMzmVh75QABQ8B5CFRzHGarqGWfKrZWfnHwF4KaA7KQ2zSeffCQeUUk/UdgOIy/6hbPKIqL1A+wjklMV7B4sIrFK+G4BEGWb7cJfKC4CqqtseQHV207mnw/O+cFw5p7L+U0pVy/Tan0hLzZvPMhG5hj2TcGbjEZH2zcsAnv79GuxSLr0BvOKBeZ94fp0AAAAASUVORK5CYII=);
  --huge: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABiElEQVR42u1ZWa6DMAx0qtwL34zhZuZkfh+PIKAtJQvEabFUFahQZ+I1E0cJBkCpkgFwy3ufAp6ZLwcuIuFSiWgm8WgM/JP5GPB9318OfhiG3d99DPhxHMmaPahx8ykvnZkHACjG2z7jn74ghCokdTkPlPRKhjd96fiNzY/cfPKZRfrpUdd1jYUQiIj6+fJYNDhSVRsEACLmMTJsjCXx1WHzVZ34N0eJEuaca5tAqVHkzgEA5JyL+hhrZLir0F1Gk0egVgmUGsQyLABwSQRqqRMACFPRYGZiZm0mB7bgg9jlSwlMNcDTUmOMiLsqBF6BB/DZAzWV6O3e+ZVG6i3qoTEh7C1XnbsTr2Kwm3biA5Gw0Fl6f6xmdLyRDeWrSgmihwnkrnqKB7JywPKhxsKL7tEK+GXYBfBvV15VVURUVXVqZBrsynsRURGZn4Xv3cZlEfwCeJvgq6+8/u+ATgHvLCbsduLcm5q9BYX53dD2CfyKgLV6fwT8TKDmbisH/EwARs58V2dQB+0PcXVrIXFXeRYAAAAASUVORK5CYII=);
}

.i-add {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA9UlEQVR42pWSUXLEIAxDXzq5F74Zys3MydSPACHZbrt1hsHBliwb4AOT5Hex/ROgqhDdl7Y1Z/sL6A3wlahDrETbAEjafgIeA1DPnaMToauabXcS07+3/+JcnOs2g1rrVaFXnJK5dklT/b70TUQQEZRSXqROyQgJdKqYM3Tv34Az05l5a03CWqTPqx0zsD1BT6KVXNI8nzNorQGc0oHMBCAi1qud/ojfZhAlyJY3ogGKCDKTWkXrOYPkayb0QJSgtUZrjVrrBKvq9uqGuvXMK3OJoGW+tDMIh78/n3VE+NnnzQyFmK38Zl4WY/oY29f5xv/MT8XfWpvnyx6cdRoAAAAASUVORK5CYII=);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACX0lEQVR42rVXUZKsIAzsbM29yM1obhZOlvehYFBw3DezWtYwInST7gQFvniQ9N+OkW8Ccz/3e/LnBDpwJlAAAjs8HhORj4EBsADMe2c5PfuGiHwD2MUBl2EyFg4kVkTk4xUHsEyicGurau83syUR+faKc96Y1Vov83VSPKRZApN07CcJj2frd8DdF337YWYOYLsYLvQrrHQB7PALUATrYwLAPuc9MAAh6TlnlFJ6CFv7CP2hMRwo5V7neVjnvntFfcwMtdauY0upRgTY8n2mcyejI2A3HeZp+JrdbBMviez/I5FosAjc7geZL2no7j5M0sLZjpTShtukOVYFkrfAZnoy+ChDa/js/1MivwBeeuCsj5D0c0SW0pBQuwduc5iZRxlkVXyiw59I06ToilyBB7M3P8gdcAR56pFGZAY8q4zSwM+pFYFXJfVMJK7u3DcbR3JMw1rrAJxSQkrpQuK8qgjW2nlP2Vqvfbd1IIK9i8aZCEkwZ/hij2vPqWqXalqINCksML8jYmaHATMBZAh8SSKlBDPrZH7utmNNeolOlKZNNBpsvcPP5OwESimHgerJ5apTmaIHVGPUBAK/BW9YPy0fya2smtljIk2SwRdhTCkcNrmn74Rt07jkb1JFNeu/d3muSQHZ3lhEZJmWrxWpsHv1h+tkktXhcBQWiMhWqlOCTaIgj+ZaRGQVgah3Sqk7QuADiV4JHy9qQiSGVlWnTtekncDmk17W5X8+TAYivQCRyDnPS/dOAIHEDi2ffJr5zDfTTWevJ52EHGO+8nH6djtvBU2u3vs6gctHDXlr+n+FmDHRNgl5IwAAAABJRU5ErkJggg==);
  --huge: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADm0lEQVR42s1aWZbjIAyU+vle6GaIm+GTMR+2iMBic+Jk0h+JiQNVUmkBN8APXsycPjUX/gI4n3/nGP73BDTwYlxd3yWCvwFevut7Vongo8A9AwQA8NX34UrgLhF8DDhcQRNFIEcvUqEz1yQRfBK4Bp0wASR8LdggoQN8hsj2lMVtcyVICQE1+PNdgBIRcGQwslWyiOCjUrl8d9zvmQHSsbiMEV3vjzFes1XlEXxcKq25OsAtIsyco14T2h6VSge890dq2ve9O1UmyEaAA/cN9UmpNO9pELGAW8UEvyWVfC21obKm9x72fZ8GLtg3DbqOcA7cl01HKi2Ny7iWAQMDIi4Bzxdibe89hBCEDKR0NIx5zJTRWlYZZZgV4EUQiw6JKE8smpTvxO2aiHxmf3prMqsUBKnZU0yl+mEWmiIyCMjZ7KKvmbl4v01ghkgmc471iLSA50oc6ZQYdSvwkIAsJJKaJhJsIkPgVAI3tJQsSW3MbOpWXLdMRDdjQUlgGfjafiBNdKnJIiIv51yZtRrZZRU4z2ShmZ7oHY+8AzzGKGslKw5wtg+qZdYi0vLIHeBW3agDGleBa3AAkCvoiIjc18qKI+AaRy6CzIh3gddpctYjNZEV4Fam3EbAa9Ct/F4v2IqRlBKEEHJM3QGuf4MCPgdfBVAIzFTX2RjRLUvPa6O5mLksZAJSW70emyUy8oge86ot2ffYtfhUJbZAfppIjBHYe0gTu9qeEZZPJd4hEmM8Th2Ygb1frrpElH8vr7/hjxw1iez7Ds45M9Cb/T9L84dnEM4fVDvnXhv8FQ9QJIgUb3lES0g8UNbRNA1eDKbn+VtyoaOutGqPyEJ1SoxFoOLQCxp8baAhgbjHwvrSrzsaS6uunsV1lW1aJFrgxbOZQAhhmI8v5Ca3jz3j1B2Nat66li9i4GyOktV1XhY0MDsi2A3yvYX1nIc0EULgy1ZyNEez7+8RsQgEAKAYL2S0V0ftATMXQd/abOn5/hqkkJnzhN+W1sprG+3W1Ka6acU9RngHsmQtbXEpdnEgwZXT6WVpzUioDtRc8DwXNSI2TjjuPB9YItIjYGWZvG84Eyt2SNwlsESkjh+5b5QiyZE6RzFqxLExwu3dZ8wzMbJSWW1Ltav1Bh962j9DRDLbbI1oksDX06UnnhOn+kxTfc5kR56SviuZygH8xpP61Mt2IxIWgRr81//ZY+UEpOh8sY33pwSsf79pHKc3cf4DTiUEbkIj570AAAAASUVORK5CYII=);
}

.i-settings {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAuklEQVR42sVTQQ7DIAxzpv2L/Azzs/Ay78BYoaVTpx7mi5ESHJME4CasH0hqHyRpl1RIKiIkYeKV6MEBSbk7UnLUGgeOiLOi9qn+K97OBACPsR211iWXUlBKgZmNbcMk0O12LoVwb8/IOWPMWwqk5ACAiIC7I+cMSW+Rin1ex3NUJh1kqxyxNdC9XZK6g5hH2DCPsKVDEiRAxBZfNnE/wtWbe/ywRCsH33h0YFe27WSRAMD6UHX3L/0PL7+N+DTr3QsvAAAAAElFTkSuQmCC);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABU0lEQVR42u2XYZKDIAyFP3Z6r3KzPm8WTpb90WIFtWil3Z3uZoaJCCYvjyQO8Ncl1C8keesjSeElaCT5FtkC8oBz3MyauiuIvc57ggiSPMb4tAEzezbosOvcewvgAF/TgkgpvU1LAPjIwJ6zX9KSigE09uMFgCPOc0LmQDKAx/srAD0YMLMCwBYGTjkDzudISlboYRBgQDk3W9Jzqe1NNcSyByxFNO18rWrJlHdj4Bo5pJS4XC7j85q4OyEEzAxJuG9j4LRGl5lGh8MwALDUsHIjMrMRRIv+q31KAEsMZOO6FW3WMcbZWi2PnG/KATPL3Wo2r5/r9VYJHuoDUwBrpdhKwEN9YApgqRmtgfskBjSOmVEYx0sYgFuE7g5eRCq4B7IhEZ9iADRxXv5wBJ4XVVVPVwZqAAUDFYDPY6CnzgDC9c+lH7kVSfebkf+Wm9m/vF2+ASR2iB9xnyOgAAAAAElFTkSuQmCC);
  --huge: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABzklEQVR42u1Za9KDIAxcOr2X3sztzcLJ+H4oGBUf1Ff5JDOZdAYKu2xKUgWKFdtlZm6ApEtdjKT5CVYk3Tf2DekTwcOJSHK8lcRe8LeSOAr8LSSOBn8lCUPS1XV92gYictahm103zt0GwAHAS5cEa202kQQAuKDAkbl/RSThBgRyAt9eECMC127OWQfw+wrMXRyeQBYKeBOR4NkpoMFrAikKvP0laq2gqurV+PkQgECkjcB0nkg/Po69z9sWHKE+pigQy12Sg/G1wtinyQ0K+JNrC8qwXRAhmqaBtXYyrq2ua4gIjDGDNkN/TlHgnfYlTgA1TYP+EGxSj+TJqP4Gzm09zLZ/e6UpMDV/4ingYyRSwFdV33zuVkDLv9TVjrvS2Nyt4LUCyb+BWP6z66xIRoHpOTpdxnO3gt91C8VKvx8HEG6lteLk5+p4SS/U9eHBY+N+vbXK6tdIqcCnV+IYgSVFL1dgi0JbFfDplrUCqRW4KPAABTjxWRDAwG9XoAXrHLQjnh7sTlx7ShqdogBAh9Ayu86n6eHBdwyDE7j3H9kSgcHmwAS8JpCFAksEigKPVeAxT+bKs1GlgGnzlVm+Iyb798QO+F/vuYsVe4r9AeBkOt7Ll++4AAAAAElFTkSuQmCC);
}

.i-notepad {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAp0lEQVR42p2T6w0DIQyDP6rulWxWRjOTpT96XEHlcVdLKIqC7QSFxAg5BzvknAAeQ/LrRQbkPo3V5DkzcHfcDEEXMUOl1Gvx6x4RkqZRUhzuMRVoiufpxGreCVTypoPqPhXYtn+Qe4ELZCJO92hGudf+4C3+mj1GAtv229kbgXRjdZGEmQFQSsHdj0387PVSRBIAqeZrsxw71BGmf6F8932JtKjFFf4bIFiBclNtXOkAAAAASUVORK5CYII=);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVR42tWXa66EIAyFPybuC3Zm3VldWe+PEQffgjCZ28SUGKXnnNKmwH8yETERsafr1FxGdLO+xw0DAKVr+ZBxOdQNM5t94VpV3+8gPnkAVLXYp8FVNabDvhJ89k8A1Ax+H0Cl4I8BxM2Sw3P6XAU3sxnA6zR436PjSPAeHUcwQ1Uvffw+eP+o6yzlv8n+KPdzI5renyswsQc+CtxgjtlSscRCCIQQMMBfKtOg7tP8p2fgK3W/lp87AGrXfcr+WIGGdZ8FoFbwKL3s7LsF0Kjn77HfV6Bh7q8BNMj9mfwcAWhx8PbYLxVonPvbAGo3nTP50yro4hmMvbvUpz0/NQPwfuNVFYCO93Rq4fnMPm+aY930s8ubUnfvDBsAsponUi8LADfuCCJia3mv7Eh+A4bpm1erW5R/NA2dqFDD0ipwJSAqkQFwrvD/GiAcv2B/IpNv/JL/IUYAAAAASUVORK5CYII=);
  --huge: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABt0lEQVR42u1aa46GIAwsxnvBzRxuVk/W/eEjuB/68ZLHZpsQlCh2mCkolejf2prK7QCAOMfKPS/dBkCVBQCILMvWkbVn8xttdj8HUGTgiQAhESFAzuOjvNVGJMwsRCTFADDz6zUzXwDsspIhnWdmEZFMEA7FNUCUBdDY+WIAWsonHUBj530A5pQQMFoTrysZrYmUInO0J9TMfOnPrUNsjhr9fZG5PGxbWJLtznnDTAQQM5/Xaq3Hm/cBnMW9Li4GbpzfO0gridrPioEPmjPk45VNhPaHmvefGBhO+3Ex0MG87xt9iQXQm3zCAHTsfBSAltoHcHvfM4BOtJ/OQCfySQMwgPNBAFprH1/88APoSPtpDHQkn3gAAzn/+Db69JZYqr48z/lgCf7Y0ZrQs/ZjGJhCEZeqy1tn2g8ZfW8MjKL9zxioxEDo6McyMNVi4L0MDSBszOupIN8+j89C936stQSAZgKU+ZXaedO+AYiNATdVIz04H89ARr4MgJgK8nuyqaeUacre51xDFkFsLkvSmpINoJSEZKMguD4Gbm5B+5+NgVBbHQkV/dWgph0Ze1WoPxnxP48u7Adqo1HNTc1RVQAAAABJRU5ErkJggg==);
}

.i-key {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAv0lEQVR42p2SWQ7DIBBD31S9V7lZnJsNJ3M/KGlIS7pYQhohecEDnECSAfMPJNm2M/N3kU7uCX4S6WTAGCO+F9nHFthgCdtzkctUDAiMZCKghXrFW4FbKWQmEE3GptZKKYXH5YbrkVxrhUxKuW2uM/JwIWGpzc39iRmZPbmX1NZHL+tj8yHhZTERgQTLAmDW9dQwBnebwdU+P/tUl4PyodCk1nyZHx15S9DePrrsPs1sHrbgD817Mg+r8WzFZ7gDHpTSapaDiMwAAAAASUVORK5CYII=);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABQElEQVR42u2UXY6DMAyEP6/2XsnN1tzMOZn3IQl1absNFNgXRrISBaEZj3/gwoUPoaoO+L+Ru7ub2fkiOnnHqSJi5r0Ep4l4sF1bnCHiSc3r3ZnfDhMRa66q7uAKtQSzAwc6EQXQyLuITt6jOzMi4muLGDNDgQlFAXCmSZkmEKnfU0oHjh2E7LzFLfPDSmBmla1qWIjYRr66BMUMkUppZpgZILPtpRRyzgCyZwU8Rl9AMeOttst763FVUNVYjrkZI3bPXNt837Kl7YF7R0KwK/k886p3cx5EfIzvV+Q/P37nZinV7pQyILTvviIhWZ29Ow92L50YxasSDY1hZ4xO1FOGozWsD5Ug2p4ziMjc9SllSrmdEfFteV/dgL3r/zqf7Yc393XLZ4D82cJ6d1+1iHy5bPZeODK4hrf8d+HCEH4BCD4fJPjyvLYAAAAASUVORK5CYII=);
}

.i-clippy {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACCklEQVR4nJ2RS2sTURSAv0lmTGbyTtMHSSg2rVK1UETcuS5K3Vhd+APEjX9CFLrvUlwoSKE+sKDSnbsgggtrNRXfqa8mmaRN2kynMzfJlXYRTF+Lfqt7Dud8h3Mu7MPzuXfy5q17ksNw5+5su3Fq6tmBEs9eydevsu23ZZkHDlN3JqanH8rc+3w7Xi584dr1y3J8/Dyi4aL5NFrNFkbAj7Vm7Rbkch+o1CSzL+alW/9MNrvA2IVL9KQ0Nh2BcFo4jqCJlysTN5RdK0xO3lbC8X5Oj/5GKi7lmsWpkSEGh9IMDKYZyCQ5PnyUvp7I3its05Bs1OHESBI9GqVsVunr6ybdG0IIiaEZlKqr+x9xC4GfSMSPXRMUKw3sjXXy+WVqtRpgEAwH9xdouoIQCkagyV/TwqO4bFibxLpifM0XEKwS8J5U9hRUVuZkMACfPppEAiEaAgrLJqn+OMKxCegqrrDb9er/zQ35UrL1RbrAp0keP10iqJUoFR3m3yzy59cqqVQXpXJxt8CsPpErpTK67uWIoXDmrMHSt0UqHonqT1Mxi0hcupMpMsmLSofg+4/7MhGJUl9fIxjSGD6m8mjmJ0MZH7boJxFbQVNtzo2N4lG9HSu3TVsUSjOy2ZJ4lSZvF2w8SoJwpE40bBGOhtB1nXh4oqOnI9jJuv1Auo62fetGq0Vv/OqB9YfiH4gy0RIzwGw8AAAAAElFTkSuQmCC);
  --large: url(data:image/png;base64,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);
  --huge: url(data:image/png;base64,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);
  --art: url(data:image/png;base64,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);
}

.i-setup {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAx0lEQVR42o2SUQ7DIAxDX6rdK9ws4WbhZNnHytZCy2oJCRBxHGO4gbvnCu6eQG4sIFIRYVpHvHiEOpztnmCXtig+YxuLzQwz4yleY9daK6WU5wS961VxxDVRa+1EIEDuSoiIA0Hcdu6Nvh5czW3mmDmlFNz93oMREYGb4RiJoKpk5kn6LUEvjtYoqtPcg8GyXRkTh/0nfTKFdF/rJEZrFD4WF/R/kEb3VfW7j9ZOylZRBiDzl+gERMsuGhln6W+mu052+MLJjDd3Gn3ba5uWcgAAAABJRU5ErkJggg==);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB+klEQVR42sVXW47DIAwcr3Iv+2Y4NzMn834kZoE8SkKlpaqIWmDG41cgvByq6pgYqkozm/3tMDPfyTsALDNWEK2P1runw29TBADATMqzMMMB0G4eAbCct//ETvf/4EvjFtzsct/Pf4J/hcAM+FcIzIAPBeFZvqsqUtoieghcE4D1OQFV9QD6Sz2Cqh4UuAd/oUBYvq5rY/mhFkyAXxK4kt3MICIdgxVyefznQrWM1PQAH6lsT8eiqnTm65D/Cjzvss8OGpG9yXuRrwCHO5eX3XCueIkUwxoCvRuugGJdnSF351wp8LobBnBKWsWENbXiyoDehcsb+XW3MOEIwMwwMzBzIXJm+aNeEJvMDFpZTfADeM4ZzIx1XZt98e3cS8totJbDskE4OsBGwkEH8HrPRebQkAL1QZoShBmWrc7gRoEaXETqOKDue+6CKDAx1+W31PyOBNEWeD34aem+ex8ICWPuFQgSljOEeXPDFmgEgOp+0btuqBnV4L0CEUTlOYKyz5KoAcwb0W8qcCbv7uPtPd//3BSukv2cIQJ3CvRqxJxSgpnBq4wMN42MYQUimnvwvisKS0OkipGx65aZlRlAc41S1XK1qte6w93RfMysnDF836vB3d2Lbz8Q3Z6PJEbAqXvD/rSmeXeI2OBK9k5wekJg6oredb7hc38BO/wYuW15COEAAAAASUVORK5CYII=);
  --huge: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACXklEQVR42u2aW3bjIAxApTnZl7Qzi52JlTEfNkRQMDjG7XRsvkiPTfW4Qo8E4YIlIgEuXCKCcf+6QvhlWaYL7b0HVY0fAwAgAMAf+OXrdeXhiO70GSHse/PxQG+pcvaZiXKIi716/36W9ecVKIWP1xNugsd9Jrjqv+OBUviu1Q8I/8TAqOWtxWdg860KlMzPwObeCPXqHBEBW0qUQTtkeYnvu3kKRMFbdQ4iJgVaCB0T/kGojo1zropNsx4qgnaW5e/hgZGAXesdBWZuuGD1GHdF+axyfX3SPVnBz5TCM9bvR0hEsHdF2uAVka7lvbkur144ynwPm2YMXNJjvGPuqUaP5ITTle1mdUtBVYFaLIwKZt+tJb3e/xlF6GloerfVamEpbietFoAjHm5dEq/Z7IvBYoG2UESUUCCiTJkeNqcViIfZoJJkbdsLBAj5TQ20tZje+7R3zmVn9vLMZqybjhZtErGW0o1vJtu6r15YGxsEIkpZmohSvJRWH0iKn0+nay623KvXTQnIFCkRcs5lhoh7EbEBjfftB2yQ2eKshpB6n+Y/TFTFab1kMFnXerLcn1YgCm953UPoy5wnPR+i5AmHWDCKSBUhfUaLm8UPIVT8Tc2zrVRmAx+I3k3/TyC0x3PK0LHXCPAlbnLsnqnEeYTsPpbMzAxEnF3s9cCH70PI4FFFaFmWZn/MxOm6zQZfq/L4ILSHUCXVhxo29oyaUZk4q6OmTSVWXnOEinod96bX9j2rPBG3D0AYrn/+K4Sw8Y3QkXea81SblKz10yE4fu5Hwsz+1Uql78Xbz0b/AiZ1nhqesgM/AAAAAElFTkSuQmCC);
  --art: var(--large); /* (tripled, in a wizard: whole pixels) */
}

.i-network {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAv0lEQVR42pWTQRIDIQgEx5T/Cj+z/Rm+jBx23YpZNcmctCiBaTAJAu0FpF0wdpIUu+S5H1L6LILcTd/0GG5XwdCvGhMk/a383rJUh6C7C9CqJSBlSWqt3fy6u0opy8qdWZYkM5tlX8A9kg8WjmmNqrWOcM87MwatNdnTRF2sVK1riOeWxZGdm4VZ1dkUEhDno246Drj+6xjvmsF97xCIDIQklcIZUO9kCvcT8uW/g+7WAZnZFi4wLG9MFvrbp0gvZL53mzgteOEAAAAASUVORK5CYII=);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABYUlEQVR42uVXQY7DIAwcV/5X+RnDz8jL2MOGhiQkEIO6h7VU9YCAYcYeO4JDkEwwBEmx7NPj5c65x4fEGAEgARAzAJLJe//48hACRkKtB3rvsSwLRkMv9GwpDgNZ1XhdL6Wb37x43a7OvcsAAH8NQP4BA3qV5UDoNaCyctJT19RaffeUWAgBM1xzB6DXWGKMmOWaOwC9L8pGNcM1teyAbQd87pqtdbU0odPLDcBPEvToX2Z9hWfA0Bl3PuDeDu7tbunkwGvbPpAf4O4ZqDJhnAu01JRgm+rZTri6UrJm/qgkWms7eTZcfUGuGrWfMJWodaN1HCsSOZEUMwBLHyglW/cnNRyQRrV3zn0SXUgmkrJ9kPBkcuVlM3T/VB0JzVTm/xgB73+7ZS7tbS0Ou+ZRuhOAGrPbGneuCQBxiY+a0BGYFmUmK4BU+cyT05zc6ZqtEEsCzoiVIbHMvbNAfGHm7ogfh4606szYaiAAAAAASUVORK5CYII=);
  --huge: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABtElEQVR42u2ZUZKDMAiG0eFe5mb5uVlysuxLdV03sVYBmxl5acc6yl8IfCQDrQxAIUMDMGg/k9fOhxDMnE8pEREVIlIVMTo6b2Jjz84vKTRNk/qDc87mzv9ZA5ovjDGSl3GlUlytNORpXL98tpoKedvY/KVQFzZS59YWMDwReARcqELXTET2SmzRBELWpU0ibyAc9ZwXuoOpxp6dV02hu4CQv5VAjwJhRQAuM40nEPJW9RkSrpZNJyrlbQqoWoxEIvYCvKYnEwGvzlZMclbERUAh6pyFrs6wInI/zKkv4AenT+J0mMIyn6eQngj4DzTSuYAe0sZ8pLTenQNQXu8YWLuOW+6LAiAAFEKYvxd1lLDqJ2vn19zG77axAJQY4wJ8c+g2txVLIGw5r7YGNKL4TkDNeU0BpkDYcl61ClkfapgLuAsId+YBLJ8icE2ZjwS0Qi8CivF3Fy/nRCmFarps+8gZIKylyJHNMt4P++CWKrXufaQs895NOadzZ78nGnsp5aM/au5HzfrdwpnadQA0NzuPKrRuptzKE2C3MQ13HQluSYA/XgA3DvY1jNE8yvOIwj9/fwCoU/JChwePHQAAAABJRU5ErkJggg==);
}

.i-windows {
  --small: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhElEQVR42qWTUQ7AIAhDW7L7X7n7mRERdG4mixnyClYFfg6+zFPF8RCcGrBFklKVMVuWLKmEk6CFbejURFOHGL7c6eCaudJqsxPNXXZBo/tVuYUeliYtCSBrSkPZJtAIdwptSZrrLEwcq1dgT4m98umRH24hAOAKAAuQlfjuEv19K/txA+osLwY0wuZpAAAAAElFTkSuQmCC);
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABBElEQVR42u1W0RKEIAh0mz68vnzv4bQUIa2ouweZaYYwYBHYKYQhQ34scI7Hs/nwUmIz73QxQO5zx3cD0FNNnlD9ZtEOk2Hp6wmFnVHP7RT+1FDDKgelNh+A4hvDO8VMNAJD0SF87gMQPdDAgPtV0yv5BgBGVXnSnmBrRA15h4iHrV4yBEowyKpPOko/3iHBggdQg4fU0Tek12dAA4Ny/Wgnr5mAcWiWp3nAWngKM/6SBzKc3TxQ1+Y2AyoY7PbUVdcbgFFVnvQaEwDfZ127eknWYIBaxzM8IAKL96TDlQdmgwegJKeyhmc2hEdDaFV15q8HjfVUzz14AE/9CNNh0IYMacoH78pyLL+MJJYAAAAASUVORK5CYII=);
}

.i-tip {
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABgElEQVR42rWWYbKDIAyEN296MG5mvBk32/dDqKkGjYDMdJixrbv5SEIEHUsVdJ5Jz7s+PcLL4n7NESMhcRLcVnv36EwW35aqEgBV1ZjYPpXGa+IkqwgBn0zUxF/MBgPfi9lfjj5CoOQCJxHwzKnZXyXASwo31TCDgAT2fgIPjoAnMdJ/Pnv91HjFfNUHovjDBvZqONW5WwVTDeyR4hClJeBGzzniJuM9El7k3wMZqQJVpS7LRV63qsKk4p6lA5HbFCsUzsdh0Df+9yjpWu2lnrs1cjjz5mXdMvFx2YpQSqrbCteS8gAgsiPPOQMAUkp+W9p+K+EcUFVAxG0v67pCREASOWfknJFSQkrJvxdFvvdGyEDB7JpYyixGEiLyFa4ESDbF63sjBuSKRKVwJICbyO17vVpqNaDdiMkJiHgN+7H4XR9okij1PSyOyN15RYKd2B8ZiJroEceT6eEuJ3rE8XR88UyMiKNngjyaGBFH7wjrNZUe8e6x/CjWKz5rWhpa/w4noRGUcPJhAAAAAElFTkSuQmCC);
}

.i-error {
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABKElEQVR42sWXSw6DMAxEbdR7Zzi5u2gjBUj8pdQSC0qUN+Ng1zAFAkRiPGcKxisCbfZ+UhEzhUvysrLVgzXXrWhgz2Sj4rqajZ/ALREbPRgAJOdexO9WWQsimYow4T08cGPt+Sj0IxDR75NrxyzoApht0Oo3Ztf7sIFIWkVEEN4+9GAVrEQknOfL0LNxEA5AYn1AA3Duv+fRRlQXECnD2wV4AAkRWxrO7O8TmgAQ8Z6BR5vVOCO4+4C3zguZiLXiSBk6yhIAb31k2q2NI41osfac/kMGXCIKzWoG/2sjAsAXAWZFVKbjwX2HTz9MviP0rWP5LPXqEYCICaD9Dtcn+Oh++WFymFqGDZrX8cL1GW4KuMxwSiq15zNwSIA50zve9rKAiBgLOsYbqNJf68Mt9YcAAAAASUVORK5CYII=);
}

.i-warning {
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFElEQVR42r2XURKEIAiGwdl7xdHoZngy9qHdzcotAbUZJ/PFn0/gNwTHwwxazBFmPsygqtsQEQXYxUzd/CyCmV1CUlTUslAhkHVq9DUKVhGph7iSwvTooxRSL5HDKLREH6FgJpCzACL8Rs4yjkIt+k/jOYwIhdT7yLpR+Hf2TwSsFNKIxA1TuMv8FgIWCskhbiyFp7ovLFgBtu9IX0jR872L1Eyhtet9bkTawyNcVUAkh3eXXLD0/G819PAIdx9Q7dgXrNGXlXBXBS0UnDlA1bmLgjX6WjeM5IKLgIhU5x4KL6/Z7ElIAc9hHeKGd7epSyNiBlzXOZsTEfDJzbBMxlanCyC/rGHtXOb9azKm2uKszQEA3pksr5L+ZajaAAAAAElFTkSuQmCC);
}

.i-question {
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABZUlEQVR42sVXbbKDIAzcML2XHC1HCyfL+2HpAw1CUjvujDO2KrsJ+YLgADPr5DnBCfKQ5pyxbZv5XikFIuIWQzPiK9IRWjERr4CZVUT0W4iIzrbNJL8bAPQWchFRQM1r5rGpiFXylug2ESt7XklG/4+en43oRaR6sxrpRPsVQeXoAnM14i1LrZhYyQwAn+xIq9aLlNN9zv13quteqHh53PdPsKGUAmBzkVuxlxBEa32E/BSEUbRb84gAb58wBez76UONey+OXImZqW2jq4vUeuAVn3MGM5+3wLNQG4DHVPRY/xEQ8UIsc3rrmZlS+4MWa6xVlOYlnDryq4no3bjug0VeJ6Vkv0+hzLCDdUw+G0p1d7GEZsKccyW7nJyvegExs9aFZmJaUot4NKC6xvJ20aOYUZDNxnSKHkqYGW2wjgTMxvKXQwD94oQUakZvguW68ctu+LWIdE+doUcF1JR9VEDsEArgD6Wdo9gU3POwAAAAAElFTkSuQmCC);
}

.i-info {
  --large: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABO0lEQVR42u1XSRLDIAyTmf4r/Cx6mnkZPbR0CGEPTS/VDJcEkDAIG8EASPrGf8EgZITUWott27L9nHNQ1WEx0iKukZYQi5mJCkh6VfVXoaq+tW1Z8takgD+0llgAfgn5a7J8a49riOghvyKgJMIEcmttV5RUXde3/FhFNhK9q18BAMeDuerEjzgjFvEA0O1zqTjad5ot5TIjFg1HbhVIeoMf4y/AhORxF1IuQ1LiNPptWGtB8rwFd0QhxyGxJfZ9n74Heu4DETmsnuRpyvdtuR4peRBgzv3kNvKSDUVElpwJ51yVvFWU+pBCZ2rCkN5r5J9kVIpcWifUxMSkOeJSgTpUlseTpmJyoe55M8jso4QkYseUBLTK8seAAPnGC8lM5nFZZVlz3eLy83R8ScSqekBqDrilIJl6hAJ4AqCCqDbmhgklAAAAAElFTkSuQmCC);
}

/* (What's on a title bar's buttons isn't a picture: Windows drew it.) */
.i-min {
  --small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M1 5h6v2H1z'/%3E%3C/svg%3E");
}

.i-max {
  --small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v7H0zM1 2v4h6V2z'/%3E%3C/svg%3E");
}

.i-close {
  --small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2l2 2 2-2h2L5 3.5 8 7H6L4 5 2 7H0l3-3.5z'/%3E%3C/svg%3E");
}

h2 {
  margin: 0 0 6px;
  font-size: inherit;
}

p {
  margin: 0 0 8px;
}

a {
  color: #0000ff;
}

.note {
  color: #000;
}

/* ---------- the desktop and its icons ---------- */

#desktop {
  position: fixed;
  inset: 0 0 var(--taskbar) 0;
  overflow: hidden;
}

/* Shortcuts: Windows' large icons (48 pixels), in a grid filled downwards
   from the top left corner. */
.icons {
  position: absolute;
  inset: 0 auto 0 0;
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
}

.desk-icon {
  box-sizing: border-box;
  width: 100px;
  height: 96px;
  padding: 6px 0 0;
  font: inherit;
  font-size: 13px;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  cursor: default;
}

.desk-icon .icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 6px;
  background-image: var(--huge);
}

.desk-icon .label {
  display: inline-block;
  padding: 0 3px 1px;
}

.desk-icon.selected .label,
.desk-icon:focus-visible .label {
  background-color: var(--title);
  outline: 1px dotted #ffff80;
}

.desk-icon:focus {
  outline: none;
}

/* ---------- windows ---------- */

.window {
  position: absolute;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: calc(100% - 8px);
  max-height: calc(100% - 4px);
  padding: 3px;
  background: var(--face);
  box-shadow: var(--frame);
}

.window.max {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100%;
  max-width: none;
  max-height: none;
}

.title-bar {
  display: flex;
  flex: none;
  box-sizing: border-box;
  align-items: center;
  gap: 3px;
  height: 18px;
  padding: 0 2px;
  font-weight: bold;
  color: var(--face);
  background: var(--shadow);
  user-select: none;
  touch-action: none;
}

.window.active > .title-bar {
  color: #fff;
  background: var(--title);
}

/* While a message box is up, it's the one in front. */
body.boxed #desktop .window.active > .title-bar {
  color: var(--face);
  background: var(--shadow);
}

.title-text {
  flex: 1;
  min-width: 0;
  padding-left: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.title-btn {
  display: grid;
  flex: none;
  place-items: center;
  width: 16px;
  height: 14px;
  margin: 0 0 0 -3px; /* minimise and maximise touch; */
  padding: 0;
  background: var(--face);
  border: 0;
  box-shadow: var(--raised);
}

.title-btn.min,
.title-btn.close {
  margin-left: 0; /* ...the close button stands apart */
}

.title-btn:active {
  box-shadow: var(--pressed);
}

.title-btn .icon {
  width: 8px;
  height: 7px;
}

.window-body {
  flex: 1;
  min-height: 0;
  padding: 10px 11px 11px;
  overflow: auto;
}

.window-body.flush {
  display: flex;
  flex-direction: column;
  padding: 2px 0 0;
}

#w-welcome {
  width: 487px;
}

#w-signup {
  width: 480px;
}

/* (Wide enough for a whole pairing line.) */
#w-add,
#w-get {
  width: 610px;
}

#w-computers {
  width: 440px;
}

#w-settings {
  width: 380px;
}

#w-privacy {
  width: 520px;
  height: 400px;
}

#w-clippy {
  width: 470px;
  height: 430px;
}

#w-memory {
  width: 400px;
  height: 280px;
}

/* ---------- controls ---------- */

.btn {
  display: inline-block;
  box-sizing: border-box;
  min-width: 75px;
  height: 23px;
  padding: 0 8px;
  font: inherit;
  line-height: 23px;
  color: #000;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  background: var(--face);
  border: 0;
  border-radius: 0;
  box-shadow: var(--raised);
  cursor: default;
}

.btn:active {
  box-shadow: var(--pressed);
}

/* The dotted box around the words of the button that has the keyboard. */
.btn:focus-visible {
  outline: 1px dotted #000;
  outline-offset: -4px;
}

/* The default button: a black line around it. */
.btn.default {
  box-shadow: inset 0 0 0 1px var(--dark), inset -2px -2px var(--dark), inset 2px 2px var(--hilight), inset -3px -3px var(--shadow);
}

.btn.default:active {
  box-shadow: inset 0 0 0 1px var(--dark), inset 0 0 0 2px var(--shadow);
}

.field {
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  height: 21px;
  padding: 3px 4px;
  font: inherit;
  color: #000;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: var(--sunken);
  outline: none;
}

.field:disabled {
  color: var(--shadow);
  background: var(--face);
}

.field.code {
  font: 12px/1.2 'Courier New', Courier, monospace;
}

.row {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 8px;
}

.row.indent {
  margin-left: 19px;
}

.check {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
}

/* A radio button: Windows' own 12-pixel disc, with its dot when chosen. */
.check input {
  flex: none;
  width: 12px;
  height: 12px;
  margin: 0;
  appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaElEQVR42rWQwQ2AMAwDHcReXS2jpZOZBylKXSTgwf1i2W4ag+DulNnqbGp0dy1Yg2kmACpVB4C9tqUG1Xrvy858IiJIkhs+8n/g1T/G/tMLETFfI1HNyvl4Z2itnUYzmwIavBrTODgAHIOMtUe2688AAAAASUVORK5CYII=) center / contain no-repeat;
  image-rendering: pixelated;
}

.check input:checked {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAbklEQVR42oVQ2xHAMAjCXPfKao5mJqM/yZ0hpuVLOcCHQeDulN5ybyp0dw04jVNMAFRkHgCenDY5KDfGOHa+pi5EBEmyaaKZlfXCYfhDq3b+uul6R7X/NiEi9m9MKGdpPCtB7309wDaDGtOnNs0LtTOMu6/jNIwAAAAASUVORK5CYII=);
}

.check input:focus-visible + span {
  outline: 1px dotted #000;
}

.group {
  margin: 0 0 10px;
  padding: 4px 9px 10px;
  border: 0;
  box-shadow: var(--thin-sunken), inset 2px 2px var(--hilight), inset -2px -2px var(--shadow);
}

.group legend {
  padding: 0 3px;
  background: var(--face);
}

/* The row of buttons along the bottom of a wizard or a property sheet. */
.sheet-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 11px;
}

/* Scroll bars: a dithered track, a raised thumb, an arrow button at each end. */
.window-body,
.list,
.notepad {
  scrollbar-color: var(--face) #dfdfdf;
}

.window-body::-webkit-scrollbar,
.list::-webkit-scrollbar,
.notepad::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

.window-body::-webkit-scrollbar-track,
.list::-webkit-scrollbar-track,
.notepad::-webkit-scrollbar-track {
  background: var(--checker);
}

.window-body::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb,
.notepad::-webkit-scrollbar-thumb {
  background: var(--face);
  box-shadow: var(--raised);
}

.window-body::-webkit-scrollbar-button:single-button,
.list::-webkit-scrollbar-button:single-button,
.notepad::-webkit-scrollbar-button:single-button {
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--face);
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: var(--raised);
}

.window-body::-webkit-scrollbar-button:single-button:vertical:decrement,
.list::-webkit-scrollbar-button:single-button:vertical:decrement,
.notepad::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: var(--arrow-up);
}

.window-body::-webkit-scrollbar-button:single-button:vertical:increment,
.list::-webkit-scrollbar-button:single-button:vertical:increment,
.notepad::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: var(--arrow-down);
}

/* ---------- Welcome ---------- */

/* "Welcome to" in a bold serif, the name in a heavy sans, as the original. */
.welcome-title {
  margin: 4px 0 12px 5px;
  font: bold 24px/1 'Times New Roman', Times, serif;
}

.welcome-title b {
  font: 900 23px/1 'Arial Black', 'Arial Bold', Arial, sans-serif;
  letter-spacing: -0.5px;
}

.welcome {
  display: flex;
  gap: 12px;
  margin-bottom: 9px;
}

/* The tip: white, speckled with yellow, sunk one line into the dialog. */
.tip {
  display: grid;
  flex: 1;
  grid-template-columns: 32px 1fr;
  gap: 4px 14px;
  min-width: 0;
  padding: 12px 14px 12px 16px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath d='M3 1h1v1H3zM1 3h1v1H1z' fill='%23ff0'/%3E%3C/svg%3E");
  box-shadow: var(--thin-sunken);
}

.tip .icon {
  width: 32px;
  height: 32px;
}

.tip-text b {
  display: block;
  margin: 9px 0 12px;
}

.tip-text p:last-child {
  margin-bottom: 0;
}

/* The Welcome box's own picture: a monitor, with an arrow at its Start button. */
.tip-art {
  grid-column: 1 / -1;
  justify-self: center;
  width: 159px;
  height: 151px;
  margin-top: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAACXCAYAAAALSImNAAAE60lEQVR42u2dW3qbMBSER40X4p3AUrwTi6Wwk+OVqQ81KaG2ay7W9Z+XSZvkS4A/oyMdAc7MghCKrL7vdZKkrus4GyiahmGQJH1dLhd/Pp81DIOccxrHEcc/6pJkZvo1j0Ezw/GP+6Rv+DgxeCz/Bz5ODE7y4SQfjpN8OMmH4yQfTvLh+N7kc2YWuq7TMAyryUVo2a99lx/v/Z/e7pZvRGhSCEG322310HvaUvPdCeSsI23mZ0vNh9CeIXfXbBchkg+RfAiRfKi45DvtIRft0PWq2b5ykg/wIkE3B28JIskHgB9NulefLzQFt/BzIvkSQ1cJhFs2FzDbzQm8godikq8G6ApNwS3JR82XI3QFQshst0bwChmK6XDUDN6rpRqSD/CSrxeyzgd0ivfEHWa7gNcudMx2W4Au8+UWkq9G8ArpdJB8NYFXWHuN5KsBvEI3FpB8QEfyAV470JF8JYJXCXQkX0ngVQYdyVcCeJVCR28X8OjtAl570FHz5QZeQ9BxDwfgkXxNg9codCQf4DHbBTySj9luDPCAjuQDPJKvDfCAjuQDPO7bBTzEOt/HwAM61vkAj+TLP/mOAA/oSD7AY7ZbRvIBHrNdwCP52kk+wKPDUSR4QEfybXrWHOBR8yV9VQDgkXwMtajM5GOopcNR9X4+oKPDkWS4BTxqPsAj+fKq+d6BCvBIvijJtwQG8Ei+LGo+wCP5otV8W1IP8Ojt7oZrLXhAR/IlSTzAo+YDPNTOfj7AI/nYHIDaST7AI/kAD5WXfHQtSL6ikg/w2M/X57yrBUB5A5Fy2V4PjNR8yd7kuPZuOETNV82r6Um+Ru/hYMil5uOB3CRfmckHXCTfRwEEMJIvSvIBGsnX8+41xK4WxDofyYdIPsTdaysADHQPUKrZ7u1244wjSVLXdfHX+bquO+wAnHMM65GTSrtb59fvEEqyzjdPwPl4Dkhl1GnFdzimgwiS3P2D3j2fIS//H1DzgXB5nZcThWccJJvthmnolP/x7zlYcwe8/MCbX4c5eMuveZaWydb5JugkLzOTc8+j/dHBovS13/w6La/Ro6/Jprdr1kuyh2n27GMAzHfy8eia/e9aRa/53DzikMra5H0te1cLyVWujl6njZZ83nvAQ5qv90ZJvittNXRQ8n1dLhd/Pp81juNb3ziOo5xzOP7D14JnZuvX+XB8r29e58Pxvb65w4HjJB9O8uE4yYcXl3wnkg9f1WCQ/9vGv7s3H6/DgTc8ZD7YvN7fSD48gpvssKGXmg9ntosz28Vxkg8n+XCc5MPrSz5nZoFdySi2vPdy+nmbLULR5A4kOfSRH6M23UvSYnKnOHbv/aHc/OLvD6US8CHgQ+3pdOStc0c+r+/dGiT2z8yp5ktxvmd1H8mHGHYRUrKlFhar2xnuj+LmyMdMsVhNaCWDL4XCkQVwyylU9LCbEsDF6nsr0BV//Wp6umN4cHEkHfvU9Vha1s+LY6riutX6aNHw4sJlBeWzSdqD37m6a1X1c23NLLyC7NVQfSSYr1YBnv0OswVdR4ejjhrpbfiOrCFj/RzgqwDKmPCJ3i4CGODTJx5W3eJL+URvF6HMZrvTLBTlob7vXRPwTeC1ug8vRw3DIO+9a6Lm67qON5Ury4V5V23NZ2YB8BATDvSjm3NfWgrAh8Q634eKW4RSzHZZYoGJb/0GSRyKBAUfJBcAAAAASUVORK5CYII=) no-repeat;
  image-rendering: pixelated;
}

.welcome-buttons {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 6px;
  width: 114px;
}

.welcome-foot {
  margin: 0;
}

.welcome-rule {
  height: 0;
  margin: 28px 0 8px;
  border-top: 1px solid var(--shadow);
  border-bottom: 1px solid var(--hilight);
}

/* ---------- wizards ---------- */

.wizard {
  display: flex;
  gap: 14px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--shadow);
  box-shadow: 0 1px 0 var(--hilight);
}

.wizard-art {
  display: grid;
  flex: none;
  place-items: center;
  width: 110px;
  min-height: 170px;
  background: var(--desktop);
  box-shadow: var(--sunken);
}

.wizard-art .icon {
  width: 96px;
  height: 96px;
  background-image: var(--art, var(--huge));
}

.wizard-main {
  flex: 1;
  min-width: 0;
}

/* ---------- Get Clippy ---------- */

/* The build for one kind of computer: its name and size, and its button. */
.get-file {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  padding: 7px 8px;
  background: #fff;
  box-shadow: var(--sunken);
}

.get-file .icon {
  width: 32px;
  height: 32px;
}

.steps {
  margin: 0 0 8px;
  padding-left: 18px;
}

.steps li {
  margin-bottom: 5px;
}

/* ---------- Clippy, in a window ---------- */

/* What's been said, on the pale yellow of his balloon. */
.chat-log {
  flex: 1;
  min-height: 0;
  padding: 7px 9px 2px;
  overflow: auto;
  background: #ffffcc;
  box-shadow: var(--sunken);
  scrollbar-color: var(--face) #dfdfdf;
}

.chat-msg {
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}

.chat-msg.user {
  font-weight: bold;
}

.chat-msg.note {
  color: var(--shadow);
  white-space: pre-line;
}

.chat-msg.error {
  color: #a4000f;
}

.chat-msg p,
.chat-msg ul,
.chat-msg ol {
  margin: 0 0 6px;
}

.chat-msg ul,
.chat-msg ol {
  padding-left: 18px;
}

.chat-msg code {
  font: 11px/1.3 'Courier New', Courier, monospace;
  background: rgba(0, 0, 0, 0.07);
}

.chat-msg pre {
  margin: 0 0 6px;
  padding: 5px 6px;
  overflow-x: auto;
  background: #fff;
  box-shadow: var(--thin-sunken);
}

.chat-msg pre code {
  background: none;
}

/* Clippy himself, beside the box to ask him in. */
.chat-form {
  display: flex;
  flex: none;
  align-items: flex-end;
  gap: 8px;
  padding: 6px 4px 2px;
}

.chat-clippy {
  width: 70px;
  height: 64px;
  background-image: var(--art);
  image-rendering: auto;
}

.chat-ask {
  flex: 1;
  min-width: 0;
}

.chat-ask > label {
  display: block;
  margin-bottom: 3px;
}

.chat-ask textarea {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 6px;
  resize: none;
}

.chat-ask .row {
  gap: 5px;
  margin: 0;
}

.chat-ask .btn {
  min-width: 56px;
}

.chat-ask .btn.default {
  margin-left: auto;
  min-width: 70px;
}

.chat-model-label {
  margin-left: 4px;
}

/* A drop-down list: a white field with the arrow button at its end. */
.select {
  flex: none;
  width: 82px;
  padding: 0 20px 0 4px;
  appearance: none;
  background: #fff var(--arrow-down) right 6px center no-repeat;
}

#memory-text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 0;
  resize: none;
  outline: none;
}

/* ---------- My Computers ---------- */

.toolbar {
  display: flex;
  gap: 4px;
  padding: 0 0 3px;
}

.list {
  flex: 1;
  min-height: 150px;
  overflow: auto;
  background: #fff;
  box-shadow: var(--sunken);
}

.list-row {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 9px;
}

.list-row .icon {
  width: 32px;
  height: 32px;
}

.list-about {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

.list-empty {
  margin: 0;
  padding: 12px 10px;
}

.status {
  display: flex;
  gap: 2px;
  margin-top: 2px;
}

.status > * {
  flex: 1;
  min-width: 0;
  padding: 2px 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: var(--thin-sunken);
}

#pairing-done {
  font-weight: bold;
}

/* ---------- Settings: a property sheet ---------- */

.tabs {
  position: relative;
  display: flex;
  padding-left: 2px;
  margin-bottom: -2px; /* the tabs sit on the page's top edge */
}

.tab {
  position: relative;
  margin-top: 2px;
  padding: 2px 7px 4px;
  font: inherit;
  color: #000;
  background: var(--face);
  border: 0;
  border-radius: 2px 2px 0 0;
  box-shadow: inset 1px 1px var(--hilight), inset -1px 0 var(--dark), inset -2px 0 var(--shadow);
}

/* The chosen tab stands taller and merges with its page. */
.tab[aria-selected='true'] {
  z-index: 2;
  margin: 0 -2px;
  padding: 3px 9px 6px;
}

.tab:focus-visible {
  outline: 1px dotted #000;
  outline-offset: -4px;
}

.tab-page {
  position: relative;
  z-index: 1;
  padding: 12px 11px 4px;
  background: var(--face);
  box-shadow: var(--raised);
}

.who {
  display: flex;
  align-items: center;
  gap: 8px;
}

.who .icon {
  width: 32px;
  height: 32px;
}

/* ---------- Privacy: Notepad, in its fixed-width type ---------- */

.notepad {
  flex: 1;
  min-height: 0;
  padding: 4px 6px;
  overflow: auto;
  font: 13px/1.45 Fixedsys, 'Lucida Console', Monaco, 'Courier New', monospace;
  background: #fff;
  box-shadow: var(--sunken);
}

.notepad:focus {
  outline: none;
}

.notepad h1,
.notepad h2 {
  margin: 0 0 13px;
  font: inherit;
  font-weight: bold;
}

.notepad h2 {
  margin-top: 19px;
  text-transform: uppercase;
}

.notepad p {
  margin: 0 0 13px;
}

/* ---------- message boxes ---------- */

.modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 8px;
}

.msgbox {
  position: static;
  min-width: 240px;
  max-width: min(400px, 100%);
}

.msg {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 2px 0 12px;
}

.msg .icon {
  width: 32px;
  height: 32px;
}

.msg p {
  margin: 3px 0 0;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.msgbox .field {
  display: block;
  width: 100%;
  margin-bottom: 12px;
}

.msg-buttons {
  display: flex;
  justify-content: center;
  gap: 6px;
}

/* ---------- the taskbar and the Start menu ---------- */

/* 28 pixels: a white line one pixel down, then buttons 22 pixels tall. */
.taskbar {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 90000;
  display: flex;
  box-sizing: border-box;
  gap: 4px;
  height: var(--taskbar);
  padding: 4px 2px 2px;
  background: var(--face);
  box-shadow: inset 0 1px var(--face), inset 0 2px var(--hilight);
}

.start,
.task {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  gap: 3px;
  padding: 0 4px;
  font: inherit;
  color: #000;
  background: var(--face);
  border: 0;
  box-shadow: var(--raised);
  cursor: default;
}

.start {
  flex: none;
  width: 54px;
  font-weight: bold;
}

.start.open,
.start:active {
  box-shadow: var(--pressed);
}

.tasks {
  display: flex;
  flex: 1;
  gap: 3px;
  min-width: 0;
}

.task {
  flex: 0 1 160px;
  min-width: 0;
  overflow: hidden;
  text-align: left;
}

.task .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* The window in front: its button is pushed in, on a dithered face. */
.task.active {
  font-weight: bold;
  background: var(--checker);
  box-shadow: var(--pressed);
}

.tray {
  display: flex;
  flex: none;
  align-items: center;
  padding: 0 11px;
  box-shadow: var(--thin-sunken);
}

.start-menu {
  position: fixed;
  left: 2px;
  bottom: calc(var(--taskbar) - 1px);
  z-index: 95000;
  display: flex;
  padding: 3px;
  background: var(--face);
  box-shadow: var(--raised);
}

.start-banner {
  width: 21px;
  padding: 5px 0;
  font: bold 16px/21px Arial, sans-serif;
  color: var(--face);
  white-space: nowrap;
  background: var(--shadow);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.start-banner b {
  color: #fff;
}

.start-items {
  display: flex;
  flex-direction: column;
  min-width: 150px;
}

.start-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 3px 20px 3px 6px;
  font: inherit;
  color: #000;
  text-align: left;
  background: none;
  border: 0;
  cursor: default;
}

.start-item .icon {
  width: 32px;
  height: 32px;
}

.start-item:hover,
.start-item:focus {
  color: #fff;
  background: var(--title);
  outline: none;
}

.start-rule {
  height: 0;
  margin: 3px 1px;
  border-top: 1px solid var(--shadow);
  border-bottom: 1px solid var(--hilight);
}

.noscript {
  position: fixed;
  inset: 40% 0 auto;
  color: #fff;
  text-align: center;
}

.noscript a {
  color: #fff;
}

[hidden] {
  display: none !important;
}

/* ---------- the privacy page by itself ---------- */

body.plain {
  padding: 20px 10px 40px;
}

body.plain .window {
  position: static;
  max-width: 640px;
  max-height: none;
  margin: 0 auto;
}

body.plain .notepad {
  overflow: visible;
}

/* ---------- on a phone ---------- */

@media (max-width: 560px) {
  :root {
    --taskbar: 36px;
  }

  body {
    font-size: 14px;
  }

  body.desktop .window:not(.msgbox) {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    max-height: none;
  }

  .title-bar {
    height: 26px;
  }

  .title-btn.max {
    display: none;
  }

  .title-btn {
    width: 24px;
    height: 20px;
  }

  .welcome {
    flex-direction: column;
  }

  .welcome-buttons {
    width: auto;
  }

  .welcome-foot {
  margin: 0;
}

.welcome-rule {
    margin-top: 6px;
  }

  .wizard-art {
    display: none;
  }

  .btn {
    height: 32px;
    line-height: 32px;
  }

  .field {
    height: 30px;
  }

  .field,
  .field.code,
  .notepad {
    font-size: 14px;
  }

  .start {
    width: auto;
    padding: 0 8px;
  }

  .task {
    flex: 0 1 44px;
    justify-content: center;
  }

  .task .icon + .label {
    display: none;
  }
}