:root {
  --wallpaper-a: #09131c;
  --wallpaper-b: #1a2442;
  --wallpaper-c: #572631;
  --glow-a: rgba(96, 167, 255, 0.28);
  --glow-b: rgba(255, 113, 113, 0.18);
  --browser-chrome: #d9d1b4;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
  font-family: "Lucida Grande", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  background: var(--browser-chrome);
}

body * {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
}

.wallpaper {
  --wallpaper-image: url("./assets/wallpapers/wp-01.jpg");
  --wallpaper-matte: #fff;
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: var(--wallpaper-matte);
}

.wallpaper::before {
  content: "";
  position: absolute;
  inset: clamp(12px, 2.2vw, 28px);
  background: var(--wallpaper-image) center center / contain no-repeat;
}

.wallpaper-glow {
  display: none;
}

.wallpaper-glow-a {
  width: 36rem;
  height: 36rem;
  left: -8rem;
  top: -10rem;
  background: var(--glow-a);
}

.wallpaper-glow-b {
  width: 28rem;
  height: 28rem;
  right: -6rem;
  bottom: -8rem;
  background: var(--glow-b);
  animation-duration: 22s;
}

.wallpaper-grid {
  display: none;
}

.desktop-shell {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.desktop-icon {
  display: grid;
  justify-items: center;
  gap: 6px;
  width: 80px;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 3px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
}

.desktop-shell[data-app-state="window"] .desktop-icon {
  display: none;
}

.desktop-icon-image {
  width: 80px;
  height: 80px;
}

.desktop-icon-label {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.finder-window {
  position: absolute;
  width: min(80vw, 1280px);
  height: min(86vh, 760px);
  display: grid;
  grid-template-rows: 40px 1fr 26px;
  z-index: 1;
}

.finder-window.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.98);
}

.finder-window.is-dragging,
.finder-window.is-dragging * {
  user-select: none;
  -webkit-user-select: none;
}

.finder-window.is-maximized {
  width: calc(100vw - 24px);
  height: calc(100vh - 24px);
}

.titlebar,
.window-body {
  box-shadow: #000 1px 11px 20px;
}

.titlebar {
  display: grid;
  grid-template-columns: minmax(130px, 25%) 1fr minmax(142px, 25%);
  align-items: center;
  padding: 3px 8px 7px;
  background: linear-gradient(0deg, #a7a7a7, #d0d0d0);
  border: 1px solid #515151;
  border-radius: 8px 8px 0 0;
  font-size: 13px;
  text-align: center;
  text-shadow: 0 1px 0 #ebebeb;
  z-index: 2;
}

.traffic-lights {
  display: flex;
  width: 25%;
  min-width: 130px;
  max-width: 240px;
}

.traffic-light {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 12px;
  border-radius: 50%;
  text-indent: -6000px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 0 2px rgba(0, 0, 0, 0.55);
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
}

.close {
  border: 1px solid #8f0b0b;
  background:
    radial-gradient(ellipse 120% 70% at 50% 0, rgba(255, 255, 255, 0.55) 0, transparent 70%),
    linear-gradient(180deg, #ff6262 0, #e11e1e 55%, #a30d0d);
}

.minimize {
  border: 1px solid #6b6b6b;
  background:
    radial-gradient(ellipse 120% 70% at 50% 0, rgba(255, 255, 255, 0.55) 0, transparent 70%),
    linear-gradient(180deg, #d4d4d4 0, #a8a8a8 55%, #7d7d7d);
}

.maximize {
  border: 1px solid #0e5a0e;
  background:
    radial-gradient(ellipse 120% 70% at 50% 0, rgba(255, 255, 255, 0.55) 0, transparent 70%),
    linear-gradient(180deg, #9cf68f 0, #3bc43b 55%, #1c7f1c);
}

.window-title {
  margin: 0;
  font-weight: 400;
}

.titlebar-search {
  width: 25%;
  min-width: 142px;
  max-width: 240px;
  position: relative;
  justify-self: end;
  text-align: right;
}

.search-glyph {
  position: absolute;
  left: 6px;
  top: 4px;
  width: 13px;
  height: 13px;
  border: 2px solid #8b8f97;
  border-radius: 50%;
  pointer-events: none;
}

.search-glyph::after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: -1px;
  width: 6px;
  height: 2px;
  transform: rotate(45deg);
  background: #8b8f97;
}

.search-input {
  width: 100%;
  height: 22px;
  padding: 1px 1px 1px 20px;
  border: 1px inset #ccc;
  border-radius: 16px;
  color: #444;
  background: #fff;
}

.window-body {
  display: grid;
  grid-template-columns: 186px 1fr;
  min-height: 0;
  background: #fff;
  border-left: 1px solid #515151;
  border-right: 1px solid #515151;
  border-top: none;
  border-bottom: none;
  z-index: 3;
}

.sidebar {
  padding: 0;
  background: #dee4ea;
  border-right: 1px solid #b4b4b4;
  overflow-y: auto;
}

.sidebar-group {
  padding-top: 8px;
}

.sidebar-group + .sidebar-group {
  margin-top: 0;
}

.sidebar-group h2 {
  margin: 0 0 3px;
  padding: 0 7px 0 20px;
  color: #738293;
  font-size: 11px;
  font-weight: 700;
  height: 9px;
  line-height: 8px;
  text-transform: uppercase;
  text-shadow: #f0f3f7 0 1px 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAUCAIAAADQu4ACAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVdJREFUeNpcUWtPwkAQvD2ugWBRS1LASoACFkGI8f//A02IwWiUBBITBSMiEHlcS9v12iutcT/ca2Z2Z29h/DZ7n06NUhEIEBlyR0LFOhy93vYH88VSvAJABAJQSdnu+ODp5eHxeb3ZHuSEJUkI+fpezRf3Ir9ZrSgKi3RxJUSYfMzu+gPOeaQDScCgTNUodFp120UmdRimzWvHN1fNnJr72XLfP9TLZtK9dv28qK93+9XGlqkCrGuZF2aZ773F2oGkvRCrVYxlwKV/bRF533BPHv4FG47Gk+knYtJl6JaUCjrttuoKY0mR0JrCUtftBt272LFqcKDLaDcrrg9UZDsrFVQ1GwNH2UzZMHzEwAJ3vN5lIy7Xs0zbEe4wspdT1aKuCVjPn5xqmh82T+XAHBe7VkPchLVAhKFxMXdxErQUpa69Y+mM50tX8q8DKRFPoAggnif8CjAALkKJ2GOG6a0AAAAASUVORK5CYII=") no-repeat;
  background-position: 7px -9px;
}

.sidebar-nav {
  margin-top: 3px;
}

.sidebar-button,
.device-link {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 0;
  padding: 5px 3px 5px 43px;
  border: 0;
  background-color: transparent;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 16px;
  color: #000;
  font-size: 11px;
  line-height: 1;
  text-align: left;
}

.sidebar-button.is-active {
  border-top: 1px solid #6ca0da;
  border-bottom: 1px solid #4376c5;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 0 #1d4e7f;
}

.sidebar-button--writing {
  background-image: url("data:image/png;base64,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");
}
.sidebar-button--writing.is-active {
  background-image: url("data:image/png;base64,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"), linear-gradient(0deg, #4f83d1, #7fb3ed);
  background-position: 20px center, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 16px, 100% 100%;
}

.sidebar-button--share {
  background-image: url("data:image/png;base64,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");
}
.sidebar-button--share.is-active {
  background-image: url("data:image/png;base64,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"), linear-gradient(0deg, #4f83d1, #7fb3ed);
  background-position: 20px center, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 16px, 100% 100%;
}

.sidebar-button--profile {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAHf0lEQVR4nK1Xa2wcVxX+7p07O7tr71rBTvxKUvJw3dotRIpUKEI0SI2jNCFFIQlUFVCBEK8f/EBNoLRJVCpRhPjDjwqKQGpRlRJD0lYp/dGGRjxKGuoSkToJJo+6JI4dP/e9M/eFzp21Y9d2SRSONZrxzN5zvvud75wzA2stu9lj3759HLPsRtbiZoPv3LnTo6CbNm1q3bFjx/Genp676P+DBw9617NezEb+dF+fWI/1uF67cKGfAKC3t9ek0+kXoihazRi7aq31+/v7GYA5zJD19QHr10PNows3YZs3b96/YcM9ZQCrrnfNPAa+8vCPM5+85/5vpVKplIoigM8DP8e0Uqw+k9Hn+v+eeuX5n35v833bTz534OUvjE2MpoTgZt7mjYFIJBBWKpVXXu59CkCRbove3l6+a9cu/bF7H2rZsPGBJz965wpEIcBmrbc2PrNZPFkDpOuBo4dOoLvrDuzZ/Z11ANa1tNS55++HTy5o+bmLV3Hy5JlDjLF/k05mGJiaKvHRqWjq8nBYL6WknLhwFhbCT7orJUMwMBirkUxn8Maf38DxYy/hV88cEoWysZVKpJPJJLgHVCvRHMDkwPcTrBqqYqkkZ/CJ3tpFCGA0b8TwhBRSRpYxRiUC7gmMDf0TjHtobF0NoyXlD6lQ4fCBp7Dh0z3o6FyLyYkyCwJfnD9/Efl8Dp2d3TBE07WcW2MNkwpzhC+mL4j2saLFaF5DSg2Kb4xBkK7Di88+iUQqgy1f/znK+TEEqQyG+9/E4NkT+P7DLyBf0KhUFeozafz2+d/gr3/5Iw4eeh1RVHV+agDAuIUhboMFAIQAxieqGEwUoSKiOhZOkOIYG5tEIlC4NJhHpZBDfTbAa7//BdqWfxhL22/Hf4YKbrdWAGMTBUxMTOLqZAQZRmCcgTNKnEWQ5ChXTRxsBkBvfBFEIUqjOQxJAc40At+Dxy2sCcFFBtzPQIUKsB5KUyO4cOpVfHfP42DMg9LaqUxKg2SqHtmGRoSRQRhSCig0idZChBKTOYlwDoBpS8TStcw6urSlSuSIoiLu3vaE20VUzTn6B88cRSAU7rp7IyqVMjipDgyFQgGff/Db2PHANyGJRZIRPbGxmElTLiMLpSBBta2Nyz+HdgsBzy0SnoBlDEpLJJnAu2f/hDVrb0Nr20qUigUwzh1oKlcufFeC5KsW0wUnPUGbmZKeB4DMGgOlFThi9TKCjth5nEcgkiGGB/+B+3o+BT8hXO55PFNgiW4XhMBQubroDoAmShEDCBYGELgFihhwgZkDwJ1bSg0D4wKlYg7l/BV0dK6Ddh2dANbOhnYa75p8ufjuIAAUXLtrBMECAIK45Rkby8ZSDdsatcbAcAaPeSjnR8Ch0Nq2xqUrnqhEuYqBMA5jZgWnP+MKqsaMXTwFzqicKAW0wGWCTW/JCUhWc5CVSTz+gy/B9xMxaHhY1rISjz7xa/h+0gFwrqaZcMwYt95pYVYdipmrOEPux+RSE6kkPKnAfQ/c4zCqilR9Ez6+7UeQMoI1ylXF28d+ifblHrINS5GfGq+xEGuBBKqNcQfxIdW1STwPAAXXhiqAOiGH0hYiyEAzA6sjGF2F5wVY2bXFASKHQTKL028ewNpb73RBIxlBiAQSQQqeJ1AqFWINUGDGXKoWBBAg4RxoaioMiHQJA0d3o/5Dq7G8+3PILrsVQbIBhgHVSIJBui4XyUmUclew4pbbUJ9JIIqWoFIu4l+n38IfXnoG7108i0d++Cx8P3C+nf8FGUhQmWpAKdKeo79pzVaMDBzGyIvfQFDXhExTJzJNHUhl2xCkl8AP0oBRYFbhTP9bGBkZwulTJ3DxfD8mxofRvnwNNn3my64hSSldb9EflALjlCzBNeAJgcaObVjasRXV3Hnkr7yNwug7uHLuKFQ1D2OiaZU6LRx77TAaljShpfUWbNzyIO74yCewctXtLg3FYg5KyloKFmMApFANGOlopvyG5XF4no8guwqtTd1op7ckE0HLCowqA1a5efG3330NX/zqHvRsfcjRTzsNq2UUC1Ou/tlMYBKnXqwRgerdWKsMGNWWYcSCs7AIHZWcoqnvk0CZl3J1w0UCnl/HxkaHWCGfM5MTw+55bHE3jMVtLGOcGdejF2hE1grGuJ9iPMkZOWbcKZ17VILCBabhVJvujn5Du/IFkpkVuPzeAIQfcJqGBCBuw3ZOHyBfIVMpIQSbB6CSH5FsdOC01jbLrDX0RsTpvcyjec7h0a7dKHON2R3GSOb7GQ3mNZ0bOJU9cfz1d7UM40HmZkOtu7qJ6EYhZ8zmhyevyum4jF6NOee2vd2mLl1CGwDi9n0za1EjrouBz+9NpjNP53K5zwJ4B0Da5We+EfoKgCHGWMUYw+Z8E3ieuN7Ac6y5eVm6Wq1eFkL8bHx8fJ/W2hNCzJX7LFNKzU8B2WOPPfrBHwML2JEjR7y+vr5yQ0PDc1LK3Y2NjT/Zv39/efv27V5XV9diG7p23/4fPkzpXFdX153NZh9pbm6uI61M3/9fB7vZz7JpIx3FOnNv09ft84YpX8z27t3L6Uv5RoLTwv8Cznn9+r4SHdEAAAAASUVORK5CYII=");
}
.sidebar-button--profile.is-active {
  background-image: url("data:image/png;base64,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"), linear-gradient(0deg, #4f83d1, #7fb3ed);
  background-position: 20px center, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 16px, 100% 100%;
}

.folder-glyph,
.device-icon {
  display: none;
}

.device-link {
  color: #000;
}

.device-link.device_website {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAL+ElEQVR4nH2XeZAd1XXGf/f28vr167fMJs1oRpoZ7RohwSAkkGwsYRaFOCyVgMAuHFe5bCfBoZKQpbLYSPNPyqlgVyi7iCEYg7FZJOIKRRUYK4VkAmaRFIHkkZBGmlWzvWXeNm/v7pvqNwInpuLb1f3Prb7nO+d+Z/kEv7GUQnBgv2DzGXG0Y0Ds+WgjtVnJe+7xlFL8trV/d4ez69PXddhRp9sJh3vtiNUbiTobhieSqb1/89RfKaWEEOLjQ/Tgc2T/fn3P5iUDQgQWhv5fK/9839bI1RvWtrc5dqcddXqMkN1r6PSaprlK00PdPqpTN4xWwwxFLMtEaBrK80jnK1PA30opXEAEvgbniU94cPeAs+fqLe19K+JdrgqtDBlmrxUy+0zTWCUNo8fQ9U6pa62mHTaxLXCD8zQadZdCoUQ2VyRbKJHJFsjniv7EVNLfunWduLK3vTb06MH1j70+Mr1/P3JoCL8ZgW997ab4Hbu2PNTTHl0vdaNbanqnoWttQrdMaZugyyZWVW2QL1VZWCyRSqeZm55R2XzR95WhSoUClUpFeLW68FxXSOUThNrzlVwolOR4wvE/dUWfveuKNf0BgM1n7hZwaOkKTp2Zl/ft3Xl/JN5iJfMVyoVFJjINnnXvUoOpF/z20rDKLCqqxZyoFPOi0fBEy7IVrNq6U1x9481atVrmrcceosOx0SMRpAyCKvCVou75hEyDYr7om1ZIdi9v3wC82TEw8HHk9WffPJ37/kNf+PDEmfEtz734c9URDWvK83mnfVC8XBzUvl57g65whUTnGnpuuoPeq3fjxrtITU/yqxNHSE0OIyMOLbEwXtPzJSYHj6hD1DZJlhbxfZ+2FmcgMLonYPbQZQBCCOUqkWttiWkxy/C6YqZQjTrd3iR9G69ihXMXv3vnXozWlTQ8j0xqgUeee51jLzzMjW1FVqzb2DQY3JNtmXiej/LVx2CitsV8sSAKpQqxaHRT0+qezb/OAqUU+VTykmVoBL/EulbTs3UHTNXdr6r6+vEkZTJO+9msdsr3DrQSq2tqzlkxu0wUyNn+eYLJ4hooGng2Bqe1NBMnW/9GGoVk5eOmnw45yIbcOI1ycyExq7tilyqn4pLamkqPnBAMTTEB2NkBvtVsTJ/PhFfv5vDYz7DU/Nc0a4x+sEvaay9hWgkTMP1sE2DWEsrB5/6LrHqLG56DJmf5OXjE7x3IUmoUOPcuMdkp8ZiyaBa0Tn6U8l42iSTq7Fp22oWiwfXfjQRNTnwwN8fLnzt7NcXpudHAwDqllVKHHvjBAtTcxxRDe65fS/tEYtyJsN7x97grVdebHJieU8/dvtGEqsdNlwp6MgX0atpbr1ylNn0KMdmx7gwMcOrp/LkylAD7iu00FG6sOkjXaAui4WGpmmpRnFm9dzkmNq+qZddfSE+O3gDK9pbOP/OYX4x/Db1qWFaKfG5jighmaeWnKA87VNwBVUsNCtOzW5nz0AfDWuQPZ+zKTU8Urkic3Ozanx8nL7+ft89fbL/Y12g1EFNiH1e7f3HX8okk7efWVzt7bj5Nu3Me2+QHjlJafw0ETdLZyxES8RB0/XmVbgNDxGMn0o1+3+t3qBUqalyvaGKdZeGbirdieF0dJLo7JGxti5hxZajS4/qhTdrP3v9eG9TGUFHE0jZ92aWrerh+Yd/os4ffhZjMclyx6TLcdBDFsVFj3Q2q5Qm0XRDGeGQMm0bywljx6OiPRaRq6O2iLfEhQiHwdRoDgHZAslkmonRY+7Z2Uw2XSgv6FbkZBa9cRnA0qrUvJnEioQSlbyKK+nHuruVGQ7jOxGMRJTW1qhMtCVEPOFgRe0gqZdiWKvjF8tkciVSmezih2PzC5mFxbnpuYXp6WRuanI2O3FhJj117lJuOpXNzgVJd/llCcDlclyv12eJWOJLf/GHRrw1igz/Whnh+lSKZdLJBffixGwumyulUunCTDKZm7o0vzA5Oj47OTwyO/XBVGo2kLJAPvDpN6VfQPqA957nB7yjCeBQamlOnxibmVRCa1TL1cLZ8xPZTCY3n0wVpmfnM1PTs9nJi5fmp06dGp2Zd0kCC0BxafT8vytQR8HhrutdnmoOcOBAsDPE0FDA+SaQT4rT3b291kI9v/30bC44OAhVDqh+wgspmjNh8DRct9lNDx3aJ4aDojY0FIie/62uf6ue/x8+cY/NKsaSzQAAAABJRU5ErkJggg==");
}

.device-link.device_github {
  background-image: url("data:image/png;base64,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");
}

.device-link.device_twitter {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAE3klEQVR4nL1XW2gcVRj+zpkzMzvZW7LNZtskLWlak6YVrehDLyKUtvah2CqCQt+KIoiCLz6oBR9EUEFEiq9iyUvAIhq8QPFSTA00FawaG0nS2kvqJt0km73NXuZ25JxN7CabbtK0yQcDs//sOd93/vnPd/4h23suA+AAoVFO2QkOHAYQw+pgCuBnFMd+T3VLNzilINt7RgX5wx5lPwEkIsWsIjghIJwXNDt/iHLvHCXca/Ao6wdZfXIBwjk4oYal+n8mrt1MCaFvcqL4wVef/LYIDw5TiUfZO9Qj9MharHwhqCdE+A7ScurXHiILHqEBBo7SvUykEKDgcsRNB0W3nEmfQtDsZ6hjFI7HkbM9GdMUAq8i2QTcZlXKxEWAGzkHQZWi0afArhxVAY0SjJmOvD+2NYid63R5//t0Cb3XTPyTskEUgl1Nupw3UXDBqLj7H7xKgKDKWh6Od4QwkChiKGVhc1CtEiFWftN04GcE3fti2LfBmPf82JYCTv6VwvNbAiCE4JX+BKK+KjrQhYG5dJ3c0ygnFkSDSQtCuMjMHEoul6n/fP/6KnKB/S0Geg9twHPtAQzNWOgIayi43tIC8g7HxkBZaWdYxfmjrdgT0zE0VULcdGVc6IjnXTzT5sfumK9q0nkLcjie3eyXixKiqwQQcM7llGWIwvnXdDFjldVuq9fQf6QVHz/ehPYgw2jaxt8pC/mkhU2zQmthuujihb5JXJgsocm4/X/BScC9qgzUaxQjyRI+uZSeF3/twTAGnm7Fl0+ux4lHItjVHkDUpywpoHs0i9/G8tgaUuWOWAi2MGA6Hh6K+tA3XsAvzQb2NPnk+xdQKcFTm/zyevexyLLMU4whdXfeSXRhIGt7iBoKTh9Yj3U6remRlUV5J1zL2VCrWGoIiOgKzsbz8l131WtyF9wLhlM2QjUU0IUBhQJBVcFL5xLIzBbiSiEM6Y9kCfWasnwBnENW91DKxuEz4zh9NYeCs7LDqudKDtmSB7VGrdLFgqJg6hQirfiBkAq+gtNysuji1EgGG4OsZrHSOz0IqASXZizU64r0hrvF6+enpfeHay0fNQQIYrEld391E6dGsriSsaVNLwefjWTRPZxBZ1iDs8RepYttLeHxMyVX2udExsbx3jG82j+J6dLSAr64auLFvgRagkwW9FJglT+EVsfl6Aip0vBF8e2NGTjQYuBomx9NSzjfh3+m8MaFaTT6KBp0ZVHnqylAQKyeKQQvd4Wk4y0HZ+MFfDSYwjfXTVl0YW155ALzBAjPCWkUvyaKuJqx8fX1PHbHdOyM6GjxMwTUsjOmLQ9jORsDiRJ+iOelAHHSdTVo8hUul3xOwPwWhQMxQ5Hp7x7N4NNhyENHpNWY3Q2iGKeKrqwJQ7RfdQp0hUCctnfbXDNOFE306pUQE4n+rT0oPACwPC6P56liuQiFjrBWbtcqx6zg+0Bj1LWnLF1vYq5V9Sde0fuJ637CUxiYVTRp0LzVa+kBqWgtW/KiL4RwduIMbR4f/KAun8zmjfo1ESHIC74G+ApptzV+8W2qF9PpbaPf7zWK6cm80QCXik+F+5tuAU4oPMqQNyLQbDO7Y/jbJ4xC8hYTqQjmEoM7hr/rHGt59K2cP3qQA41iwH2kh+LZhIMko8nLP7bdvPB+MDM+YdZF8B9K1g1IGjT0IwAAAABJRU5ErkJggg==");
}

.device-link.device_applemusic {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD60lEQVR4nMWXyW4cVRSGv3NvTT15BCu2jJVAIiHyAqyyIHsWCPEAWbAAXoFXYcUaiSECFAlFSLAHISHCgkA8p5146nZXV9U96PYQt0m320NbHKnUpeqqe777n//cWyWqqvyPEVzJqINzErlCANXjX5+on2xM0osD6BkSZhnu2S75+iamViO4ef3UIeVSHkhbuN093NM6+eoGxeo6+doWxc4e+bMD7PIyc59+glRKk1HA7dRhY51ibR23tka+tU1Rf06x38SlOeoENREuiFCToKnDZTnWP+ynKRcB0K7c+fffkd3/Gk3TTrJCLc4EONtN5soWVYM6g8PgcrAmmYAJpTtA9tsf5DuHUJ1CE8FJgMNSEOA8jEonMcYDeDBwkgyf9rkAelHYCrmtASWcQuFnacMugD/3AIV0Zl4UBi0sgYknB+A0JtcKmBKFQu4hMiFXQ4FFgxApxdjpGqXFBdLtBulhhhPpeuCyAJmWSPMK2jDkoYVqgsxPEy3MES2+Qtw55ghnpwiqCds/PeLJl79MbiHKXEw+tUDt7ltEr71KuDhLMDeFnSoPFTm3Aa04RidVgjSNMG/eYv6DOy//6U3hQ3rd5rvGGJpJPM4CnB2AMkbCblv2ly4/uJfYDGTprWtegUaSdDzw4t7LALSoYMX0luDx97dDS6MUo5PyQEsSrJzm55ORBZbDsgdgMgBNKRF4BcZGN2MaWg4r0eRM2DIJdrDWI0J7NsgCw0E5RHvMI7YCzq6AjQjtcICO7Xo7dJ8xtYZ9DzAJD6h6BQKKEQp0rgq0C2WzlfO4kfFtvUmz7JdpLgag/sneO4c/2kGIG2GBVq7c/+eIH+tHbGQZB+JoW8dKOcRd1IQykOxgT9ncE67NHF/s19Sr89nvR3z+dwPrt4rEIrEhD5TDyByvA+cFWP9LefSrsrqmrD91PK4LC7cGAHo13zpyPNjKcXGIxNCKHIRKZpUstIRjGicYdvHnb5SHXzn2W5BGiqv4tjK0h3lAhNRamgqRUdrGIkapS8GdckjNmJEd4MOcqDnw5E/lhy8cjQzsNJiq4GIhDaTzkjGQtzPwtZJwdynguRO2VdhR2FDhjSTkw9lSt0znUaC+Cc0CpOqXX0gNFAGkBcxMmxPyd3oe+OhmxGzF8PAwx0TK7arh/ZmQG1GX2JwHYH4JpKw0c8GVIbOw24bpeeHt210h+5L2ZS1Z4d5yyD3CE2OdJn0/zAtJTXdmyzeEd9412LKSqlJY5fqK8PF7htcXpXPPf62gAzuyD1/NXhePDRn1XbC6qmzuQLUGK0tC2b9fXkHIUIAh2vXrPukIhmO9/H15FclHA5zv+/JS8S/8KKO0NynYFAAAAABJRU5ErkJggg==");
}

.device-link.device_arena {
  background-image: url("./assets/arena.png");
}

.device-link.device_email {
  background-image: url("data:image/png;base64,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");
}

.sidebar-meta {
  display: none;
}

.finder-main {
  display: flex;
  min-width: 0;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
}

.finder-column {
  position: relative;
  flex: none;
  width: 214px;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid #e0e0e0;
  padding-top: 1px;
}

.column-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  cursor: col-resize;
  z-index: 2;
}


.finder-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.finder-item {
  position: relative;
  height: 18px;
  background-position: 6px;
  background-size: 16px auto;
}

.finder-item + .finder-item {
  margin-top: 1px;
}

.finder-item.active {
  background-color: #3874d7;
  color: #fff;
}

.finder-item.past-active {
  background-color: #d4d4d4;
}

.finder-item-button {
  display: block;
  width: 100%;
  height: 18px;
  padding: 0 14px 0 29px;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: 18px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.finder-item-generic-folder {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABsCAYAAABuDUKcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAylpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY4MTA5NUZEQzcxMzExRUVCQjk4RDg4M0VGQjczOTg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY4MTA5NUZFQzcxMzExRUVCQjk4RDg4M0VGQjczOTg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjgxMDk1RkJDNzEzMTFFRUJCOThEODgzRUZCNzM5ODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjgxMDk1RkNDNzEzMTFFRUJCOThEODgzRUZCNzM5ODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ihspzAAAC90lEQVR42uyYTU8TURiFz5RJtDUENgVKKV8xtU0gwcBCFhB+jUtX+gv8A7qQhBoDiRjpgqIxaGlQ02JMExvFxNgmjQo2tNjpB0WKLTNteW91FhrBfty6IPdNTmaaTJ779txzZ+6MdOV6uIIWlAEtKgEWYAE+DXz7qg2XrOe5g6XKz4Lv3T7m1lJIZFR+YP2HqpWx/HoPCy/SyOVL/MB6HRRKuP8yA/dGBkW1wg+sl5JTcdeXwmooh3KZI1ivL9+KmH2axKuPeb5gvTY/H+LOqoIPX3/wzbHpnAEXjFJN18q1XBRPq5jzKfC93a+5iVPB2QMNC8/TWAnuURTrS8dfwYfFEpYCWTzwZ+i83FDcfgNrpQoeU3f31lPUbXMLpApmwVh//x1zXgU7aT5LWn4TzWOWIhTZKXC9CcnXXDFxoxdgAT4z4LoeTcJjARZgAeYOdrvd2N3d5Q6Wt7a2wOR0OjE9PY3Ozk4+YP0kHA4jEolgfHwck5OTMJlMfDx2OBwwGo0IhUJwuVwIBoM4OjpqvmNmQUdHB1KpFGKxGPx+f3WQqakpjI6OwmAwNJ4KSZJgNpsxNjaG/v5+FAoFeL1ezM/PIxqNNr+jZ9319vaiq6sL8XgciUQCHo8HfX19mJmZgdVqbe4dRJZlWCwWjIyMYHt7G9lstmbfTwSrqoru7m7YbDbk8/mq/0NDQ1W7GgIzIPN5YGAAxWIRiqJgeHgYbW1tjXnM/iIDDg4OQtM0JJPJ6gSyrpuK28TERPXIgMxXu93OZ4Gw/LJiwPb29uaXNPOSRainp0dssQRYgP8XmN0rJGGFAAvwmQHTZvsm6SL37xW0TX1CR/ZA3SAtBgKBBE+wXhrJR3pIA+zxBOvFPs0+Ii3TAAWeYL1yJDfpGQ2g8QTrxXxfZPNAA1R4xs1CukG6RQm63Koc19SxXCOsbiv+BWaTt0Ty1jt5J4FZxFZInkbj9ieYdbX2a4HkeLxLc1/SDLxJWiDgJ947enGjF2ABPjPgYwEGADjLS9znSGAHAAAAAElFTkSuQmCC");
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 11px 54px;
}

.finder-item-generic-folder.active {
  background-position: 100% 0;
}

.finder-item-generic-folder.past-active {
  background-position: 100% 100%;
}

.finder-item-generic-folder::after {
  display: none;
}

.finder-item-generic-folder .finder-item-button {
  background:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAACCgAwAEAAAAAQAAACAAAAAAnwlWxAAAAAlwSFlzAAALEwAACxMBAJqcGAAABOtJREFUWAntVr2rHUUUn9mdu/fGl0c0UTt7O5GQMigIAS0s09pa2Il/ga0IWlhKWrUQBAuJTWIZDEiQFCJWavH8yPO9vN27Ox/+fufM2bsvFkIklTmX3Tlzvr9m9jr3GP7vFfAPFuDjr+4859pmP6xycSO43WmJ0oR05tfnf7x61afTnIfbhaXa+1/cfimuwucup7Np8oU8P+HxuzhDF/IfT975CKy3l7oPizdLxabxV3y7eqoUx/y74n2Xne9SKR33GfVIuWywvrrU+y/4nNq7n916+eze+hNXyrOuZCzOFfw8fgTipCFIblLM+Tqwe+YcQYEub5ewFAinnAXPwFlObF1YrdLJSX/tvTcuf00VD0H/6c27lw/6+CGyf2Hoe4eMxQCylpWCD0JYYTh8I4GJdQiIk6qLSsEhHuy5egTeopXUy2N/9/yZ9s23XnvxG3/t5vevnHti73qLVHNKtd81cyZPqwAaIsibRoEwS+ZcsCGdjpg1jMyBU82CoAzHqW0DaeXw+ORKgOaFpmn9uB0kSpQEYhAEQxSAc61kssQ4aTRMOgOxPfkMhFrkSYBALAFajjG60K1RlOZ8SFM5GCeeNwAzYdYA7T0yoi3Z0ySdiWk1zo3RgFsgJkenUkQVE30qchsjjleJByHGdIgnN54NBQsaGgPFFONbMqlZsb8yi5CXZCUIzXgOAuo0R3ey0hyAdggJPqF7GMqUj1LKIy6fDXvJHvGhYXOiKjRmwF7TgWZDBwRtiTrkXvjgWRBimwzkCvfjtI1HYVqX+9gMvmk2UrJqjMJ6GtQxqyCs6m3OvGbIqhDMKYunmWv/eZnpbPAoC20oq3g/TPeGIT29HjwMsAL/APFMuo0lMmX2+HFO6NAGzFZzzIipOe8F1yrjIhlyW/rwy3C03Yv7vW9hCJYpPJeqRkMjwuCCh5lQRltQA5DpZVjWCiAAyhBYgRkHacql//3PkzH81V8YUb4+YtwzGyswF7zudam2NCtWDIboUoJWTGmgWzXMgMenxfQxAoio9PTNPPwHX353q1t3F9OEo0EeqOwGw5AXcK7WQ8vGZJbO1IkFZ7a0XTTHkEPo3BTHb995/eIlfA19ien24FEBHEcR4X2v2al/IdaXllHnQWWsAirAoBSYAaO2PRGmhGCgOGEGuJHP8ZTSwHNlk8yBJEiGUgbZykudyhTCFGVUVk2rnOAgo6lwuTMg+1peXAMMwEkAw5S2PmRUQMOlDO2qrJYPeYoxc8hK2P8Eo6n702+1JdFIAUQPAz+lvJ0DgONxhPOIj5FAdU4Ncyylr4HtXEAQYLOhrdOWkE7nBErt6oBvAUqLoHcBTLiVWhDRF5VUuzXD2mNaAN06ScOEKiolSziKVUwdgikdAnFHR+XQ7ikmmXhpAf5cTCgJy7IQVAfmxEyz3PhuiEVrk8hIJGyLZYubj21aBKk8WEKyuGUXAcSSwnIIq+9ldtZvsuSKrjJc6ISQ8Y8In9iaLpu34822WEMEEOGTOlIBiI5+tXaNRGzmoMxs8LKBI4c0A62Azon1whxRR/kqTVx4QBrcAzkfy38ACeDnn3644XK8NBwf7jc4peaEZddbC0agLQGBjwSc/pvlRDT1qBPnQM4FmQOgc5mdmstm79yRa90Nyls+K+DP4NngkUCxPkrgHfAbHr16H6Wnx7b/rQJ/A1XJjWpi2bUuAAAAAElFTkSuQmCC")
      no-repeat 6px center;
  background-size: 16px auto;
}

.finder-item-file-doc .finder-item-button {
  background:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1lJREFUeNrsV0tPWkEUPjxF8AWCNkZtNakLVoQFm0a3pjG22tiiCe78A24btzTprqv+AWMb2oVtTPAPNMaNbrqXBQbfUUDlIULPN3HIcHnkYtFuepIJzJ3H+c53vjN3rqFUKpHD4aD+/n6CpdNpOj09JWl9fX1PV1dXP9vtdtPV1VWWdNrAwMCTtbW19Y9stcbhF2ZQARQKBbJYLALEycmJmDA4OPhid3f3V1dXF6VSKV3ODQYDFYtFcjqdFIlE1hcXF9/UA2CWHThHu729pY6ODsrn85RMJtHPwDHmAFi9jbQAstksxeNxCoVCs2az+dvCwsK7WmAFgJubGzo7O6vYjBeJX44kj+eyac1kMtUcs1qt5ZTOz8+/ZWY35+bmXlaBxcLx8fFX4XD40/HxcaII7u6i4LEcL3R7vV4fAIEdbaR4BmdGo5HulgrDczwbHR0V82DRaPTn1NTUTFUKWDDPJyYmRpiJEdUJokN/f39fpAcbqmPX19eC6s7OTrLZbGU21PRAS5lMhi4vL2lycvI1NBEMBmcrUsATCkgDcqZGoaVaNYCBTgCwvb1d6KW7u7vMBFeNcL69vS1SDKAbGxs0PT09s7S09J63+FAGALCgSTY9BieIGq23t1c4QL4BAmABDswEAgHRx74AyWVNXFHPKhiQ+WwGgJwLACjjsbExOjw8FFSjjzE4BjvSUMoAy3oqVgBQnTcDQOb8/Pxc6AEMIN8QLKIHK6qm5P+SIhSzmlNVZHoAwAkEurW1JYDwSSlADA0Nkd/vJ7fbLVJRa20VAyoTeg2VASc9PT1lNi4uLujo6IgODg7I4/GIoLRnRBUAlYVmra2trZxnbOxyuYTQEomEEKouAPKBttT0mlq6uVxOlB0c62GzioFax20zJh3jt94x3TINNCrPRns11EArGFBbUwy0EoBMw6OnQDr/nwK9bJprKbhVVdA0A/c9iLT3BrR7HUT//Bx4rBQ8ylGM74t6QakvvQc7ihu9WXnc9GApgGPcC5eXl3/wJXRzeHjYo7rgV7crFotFV1ZWHgaAtL29ve/8jflF/c6sqwGD4rUVpQhjDdh1MXZHm4VabLynVZdmoHq+Qvl9Pl+QbzMp7hf/UoRGjt6xs7Pzle+Hv+vNk9X2R4ABAH8Sx2vEtnebAAAAAElFTkSuQmCC")
      no-repeat 6px center;
  background-size: 16px auto;
}

.finder-item-file-link .finder-item-button {
  background:
    url("data:image/png;base64,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")
      no-repeat 6px center;
  background-size: 16px auto;
}

.finder-preview {
  flex: 1;
  min-width: 200px;
  padding: 16px 20px;
  border-left: 1px solid #e0e0e0;
  overflow-y: auto;
  background: #fff;
}

.preview-kicker {
  margin: 0 0 4px;
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.preview-title {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

.preview-meta {
  margin: 0 0 10px;
  font-size: 10px;
  color: #666;
}

.preview-copy {
  margin: 0 0 14px;
  font-size: 11px;
  line-height: 1.5;
  color: #333;
}

.preview-action {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: linear-gradient(180deg, #fff, #e8e8e8);
  font-size: 11px;
  color: #333;
  cursor: pointer;
}

.preview-action:hover {
  background: linear-gradient(180deg, #f0f0f0, #ddd);
}

.window-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  height: 27px;
  background: linear-gradient(180deg, #d0d0d0, #a7a7a7);
  border: 1px solid #515151;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: #111 1px 8px 15px;
  text-shadow: #ebebeb 0 1px 0;
  z-index: 3;
}

.footer-text {
  margin: 0;
  color: #000;
  font-size: 12px;
  text-align: center;
}

@keyframes drift {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(16px, -12px, 0) scale(1.06);
  }
}

/* ── itunes mini-player (2013 style) ── */

.mini-player {
  position: absolute;
  bottom: 36px;
  right: 36px;
  width: 352px;
  z-index: 10;
  border-radius: 5px;
  user-select: none;
  touch-action: none;
  color: #f5f5f5;
}

.mini-player.is-hidden {
  display: none;
}

.mini-player.is-minimized {
  width: 376px;
}

.mini-player.is-minimized .mp-windowbar,
.mini-player.is-minimized .mp-art-wrap,
.mini-player.is-minimized .mp-bottom {
  display: none;
}

.mini-player:not(.is-minimized) {
  overflow: visible;
}

.mini-player:not(.is-minimized) .mp-windowbar,
.mini-player:not(.is-minimized) .mp-bottom {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.mini-player:not(.is-minimized):hover .mp-windowbar,
.mini-player:not(.is-minimized):hover .mp-bottom,
.mini-player:not(.is-minimized).is-hover-locked .mp-windowbar,
.mini-player:not(.is-minimized).is-hover-locked .mp-bottom {
  opacity: 1;
  pointer-events: auto;
}

.mp-windowbar,
.mp-art-wrap,
.mp-bottom,
.mp-minibar {
  border-radius: 5px;
}

.mp-windowbar,
.mp-bottom {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

.mp-windowbar {
  top: 0;
  height: 42px;
  padding: 0 12px 0 10px;
  display: grid;
  grid-template-columns: 34px 1fr 24px;
  align-items: center;
  gap: 10px;
  background: linear-gradient(180deg, rgba(88, 88, 98, 0.7) 0%, rgba(52, 52, 58, 0.66) 56%, rgba(28, 28, 33, 0.72) 100%);
  border: 1px solid rgba(18, 18, 22, 0.72);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.mp-art-wrap {
  position: relative;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(18, 18, 22, 0.86);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.mp-artwork {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #101010;
}

.mp-topbar-btns {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
}

.mp-win-btn {
  width: 11px;
  height: 11px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  position: relative;
  opacity: 0.98;
}

.mp-win-mini {
  background: transparent;
}

.mp-win-close::before,
.mp-win-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1.75px;
  background: #e5e4e4;
  border-radius: 2px;
}

.mp-win-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.mp-win-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mp-win-close:hover {
  opacity: 1;
}

.mp-win-mini::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 8px;
  border: 1.55px solid #e5e4e4;
  background: transparent;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 2px;
}

.mp-win-mini:hover {
  opacity: 1;
}

.mp-topbar-info {
  min-width: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.mp-title {
  max-width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: rgba(255, 255, 255, 0.98);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}

.mp-artist {
  max-width: 100%;
  font-size: 11px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.86);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}

.mp-bar-action {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  border-radius: 999px;
  border: 1px solid rgba(95, 95, 102, 0.9);
  background: linear-gradient(180deg, #9f9fa4 0%, #77777d 56%, #5d5d63 100%);
  color: #d7d7d8;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 -1px 0 rgba(0, 0, 0, 0.35) inset;
}

.mp-bar-action svg {
  width: 10px;
  height: 10px;
  stroke-width: 3;
  margin-left: 1px;
}

.mp-bar-action:hover {
  filter: brightness(1.1);
}

.mp-bottom {
  bottom: 0;
  padding: 8px 12px 8px 10px;
  background: linear-gradient(180deg, rgba(74, 74, 80, 0.74) 0%, rgba(36, 36, 41, 0.8) 100%);
  display: grid;
  grid-template-columns: 24px 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 4px;
  border: 1px solid rgba(18, 18, 22, 0.72);
  border-top: 1px solid rgba(126, 126, 136, 0.32);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.mp-bottom-row {
  grid-column: 2 / 4;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
}

.mp-thumb {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 24px;
  height: 24px;
  align-self: center;
  border-radius: 1px;
  object-fit: cover;
  background: #333;
  border: 1px solid rgba(206, 181, 142, 0.8);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.mp-transport {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

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

.mp-btn {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #dedede;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s ease;
  text-decoration: none;
  opacity: 0.92;
}

.mp-btn:hover {
  opacity: 1;
}

.mp-btn svg {
  width: 20px;
  height: 20px;
  display: block;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.7));
}

.mp-btn-play {
  transform: none;
}

.mp-btn-play svg {
  width: 27px;
  height: 27px;
  margin-left: 0;
}

.mp-btn-vol,
.mp-btn-list {
  opacity: 0.88;
}

.mp-icon-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #dedede;
  opacity: 0.92;
  cursor: pointer;
  padding: 0;
}

.mp-btn-vol svg,
.mp-btn-list svg {
  width: 18px;
  height: 18px;
}

.mp-btn-vol:hover,
.mp-btn-list:hover {
  opacity: 1;
}

.mp-progress-row {
  grid-column: 2 / 4;
  grid-row: 2;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mp-progress {
  flex: 1;
  height: 3px;
  background: #323030;
  border-radius: 999px;
  cursor: pointer;
  touch-action: none;
  position: relative;
  min-width: 0;
}

.mp-progress-fill {
  height: 100%;
  background: #605f5f;
  border-radius: 999px;
  width: 0%;
  pointer-events: none;
}

.mp-progress-knob {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 5px;
  height: 10px;
  background: linear-gradient(180deg, #d6d6d6 0%, #bfbfbf 55%, #a8a8a8 100%);
  border-radius: 999px;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) inset, 0 1px 1px rgba(0, 0, 0, 0.56);
  pointer-events: none;
}

.mp-time {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.96);
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 28px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.82);
}

.mp-minibar {
  display: none;
  height: 40px;
  padding: 0 8px 0 6px;
  align-items: center;
  gap: 8px;
  background: linear-gradient(180deg, #ededed 0%, #d0d0d0 50%, #b8b8b8 100%);
  border: 1px solid rgba(108, 108, 112, 0.95);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.78) inset,
    0 0 0 1px rgba(255, 255, 255, 0.14) inset;
}

.mini-player.is-minimized .mp-minibar {
  display: flex;
}

.mp-minibar-left,
.mp-minibar-right {
  display: flex;
  align-items: center;
}

.mp-minibar-left {
  gap: 6px;
}

.mp-mini-windowbtns {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mp-minibar-main {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.mp-minibar-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mp-mini-btn {
  width: 11px;
  height: 11px;
  border: 0;
  background: transparent;
  padding: 0;
  position: relative;
  cursor: pointer;
  opacity: 0.9;
}

.mp-mini-expand {
  background: transparent;
}

.mp-mini-close::before,
.mp-mini-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1.45px;
  background: #646364;
  border-radius: 2px;
}

.mp-mini-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.mp-mini-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mp-mini-expand::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 6px;
  border: 1.35px solid #646364;
  background: transparent;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 1.5px;
}

.mp-mini-thumb {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 1px;
  border: 1px solid rgba(201, 183, 154, 0.92);
}

.mp-mini-control,
.mp-mini-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #646364;
  padding: 0;
  text-decoration: none;
  opacity: 0.92;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.mp-mini-control {
  cursor: pointer;
}

.mp-mini-icon {
  cursor: pointer;
}

.mp-mini-control svg,
.mp-mini-icon svg {
  width: 18px;
  height: 18px;
}

.mp-mini-control-play svg {
  width: 26px;
  height: 26px;
}

.mp-mini-progress-wrap {
  flex: 1;
  min-width: 0;
}

.mp-mini-progress {
  position: relative;
  height: 3px;
  background: #323030;
  border-radius: 999px;
  cursor: pointer;
  touch-action: none;
}

.mp-mini-progress-fill {
  height: 100%;
  width: 0%;
  background: #605f5f;
  border-radius: 999px;
}

.mp-mini-progress-knob {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 5px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #d6d6d6 0%, #bfbfbf 55%, #a8a8a8 100%);
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset, 0 0 1px rgba(0, 0, 0, 0.45);
}

.mp-minibar-right {
  gap: 7px;
}

.mp-mini-time {
  min-width: 30px;
  text-align: right;
  color: #4c4c4c;
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.mp-mini-btn:hover,
.mp-mini-control:hover,
.mp-mini-icon:hover {
  opacity: 1;
}

@media (max-width: 980px) {
  html,
  body {
    overflow: hidden;
    overscroll-behavior: none;
  }

  body {
    overflow: hidden;
  }

  .desktop-shell {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
    padding: max(10px, calc(env(safe-area-inset-top, 0px) + 8px)) 12px
      max(12px, calc(env(safe-area-inset-bottom, 0px) + 8px));
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
  }

  .finder-window,
  .finder-window.is-maximized {
    position: relative;
    width: 100%;
    max-width: 760px;
    height: min(78vh, 680px);
    height: min(78dvh, 680px);
    min-height: 520px;
    margin: 4px 0;
  }

  .window-body {
    grid-template-columns: 160px 1fr;
  }

  .finder-column {
    width: 190px;
  }

  .mini-player {
    position: fixed;
    left: 50%;
    right: auto;
    top: auto;
    bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 56px));
    transform: translateX(-50%);
    width: min(94vw, 376px);
    max-width: calc(100vw - 12px);
    touch-action: auto;
  }

  .mini-player.is-minimized {
    width: min(94vw, 376px);
  }

  .mini-player:not(.is-minimized) {
    width: min(92vw, 352px);
  }
}

@media (max-width: 640px) {
  .desktop-shell {
    padding: max(8px, calc(env(safe-area-inset-top, 0px) + 6px)) 8px
      max(10px, calc(env(safe-area-inset-bottom, 0px) + 8px));
  }

  .finder-window,
  .finder-window.is-maximized {
    height: min(72vh, 620px);
    height: min(72dvh, 620px);
    min-height: 500px;
  }

  .titlebar {
    grid-template-columns: 96px 1fr;
  }

  .titlebar-search {
    display: none;
  }

  .window-body {
    grid-template-columns: 150px 1fr;
  }

  .finder-column {
    width: 176px;
  }

  .mini-player {
    bottom: max(10px, calc(env(safe-area-inset-bottom, 0px) + 64px));
    width: min(96vw, 368px);
    max-width: calc(100vw - 8px);
  }

  .mini-player.is-minimized {
    width: min(96vw, 368px);
  }

  .mini-player:not(.is-minimized) {
    width: min(94vw, 344px);
  }
}