body.dark-mode {
  background-color: #0d0017;
  background-image:
    linear-gradient(to right, #d403e159 1px, transparent 1px),
    linear-gradient(to bottom, #03ccff59 1px, transparent 1px);
  background-size: 22px 22px;
  color: #e9f7ff;
}

body.dark-mode a:link,
body.dark-mode a:visited,
body.dark-mode a:active {
  color: #48fdfe;
  text-decoration: underline;
}

body.dark-mode a:hover {
  color: #f20bf8;
}

body.dark-mode ::-webkit-scrollbar {
  width: 9px;
  height: 5px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #1a0f2e;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #d403e1, #03ccff, #09fbff);
  border: 2px solid #0d0017;
  border-radius: 999px;
}

body.dark-mode,
body.dark-mode.iframe-body {
  scrollbar-color: #03ccff #0d0017;
  scrollbar-width: thin;
}

  body.dark-mode .paint-container {
  background: radial-gradient(circle at top, #03ccff1f, transparent 60%), #1a0f2e;
  border-color: #460071;
  color: #e9f7ff;
    width: 100%;
    max-width: none;
    height: 100dvh;
    min-height: 100dvh;
    margin: 0;
    box-sizing: border-box;
  }
body.dark-mode .paint-titlebar,
body.dark-mode .winamp-titlebar{
  background: linear-gradient(
    90deg,
    #d403e1,
    #03ccff,
    #09fbff,
    #e0c7ff
  );
  border-bottom-color: #460071;
  color: #0d0017;
}
body.dark-mode .boxpbg,
body.dark-mode .boxpklace {
  background: #12001f !important;
  background-image: none !important;
  border-image: linear-gradient(
    135deg,
    #460071,
    #d403e1,
    #03ccff,
    #09fbff
  ) 8 stretch !important;
  color: #e9f7ff !important;
}

body.dark-mode .boxpbg .todo-box {
  background: #0d0017 !important;
  background-image: none !important;
  color: #b6fffe !important;
}
body.dark-mode .title-text {
  color: #0d0017;
}

body.dark-mode .win-buttons .win-btn {
  background: #0d0017e6;
  border-color: #f2f2ff;
  color: #09fbff;
}

body.dark-mode .paint-menu {
  background: linear-gradient(to right, #460071e6, #1a0f2ef2);
  border-bottom-color: #460071;
}

body.dark-mode .paint-menu .menu-item > span {
  color: #b6fffe;
}
body.dark-mode .paint-menu .submenu-item > span {
  color: #b6fffe;
}
body.dark-mode .paint-menu .menu-item:hover > span,
body.dark-mode .paint-menu .menu-item.open > span {
  color: #f20bf8;
}

body.dark-mode .paint-menu a,
body.dark-mode .menu-dropdown a,
body.dark-mode .menu-chat-link {
  color: #b6fffe;
}

body.dark-mode .menu-dropdown,
body.dark-mode .submenu-dropdown {
  background: #1a0f2ef2;
  border-color: #460071;
}

body.dark-mode .paint-menu a:hover {
  background: #d403e140;
  outline-color: #d403e1;
}

body.dark-mode .menu-dropdown a:hover,
body.dark-mode .menu-chat-link:hover,
body.dark-mode .paint-menu .submenu-item:hover > span,
body.dark-mode .paint-menu .submenu-item.open > span {
  background: #03ccff2e;
  outline-color: #03ccff;
}

body.dark-mode .toolbox-chat-window {
  background: #1a0f2e;
  border-color: #09fbff;
}

body.dark-mode .chat-frame-container {
  background: #0d0017;
  border-color: #03ccff;
}

body.dark-mode .paint-workspace {
  background: radial-gradient(circle at center, #48fdfe14, transparent 60%), #260a3d;
}

body.dark-mode .paint-toolbox {
  background: #0d0017e6;
  border-color: #460071;
}

body.dark-mode .tool-icon:hover::after {
  background: #1a0f2ef2;
  border-color: #03ccff;
}

body.dark-mode .paint-canvas-container {
  background: radial-gradient(circle at top, #d403e12e, transparent 60%), #150390;
}

body.dark-mode .paint-canvas-frame,
body.dark-mode .center-frame {
  background: #0d0017e6;
  border-color: #09fbff;
}
body.dark-mode .boxppink, 
body.dark-mode .boxblue,
body.dark-mode .boxpurp,
body.dark-mode .boxpurpimg,
body.dark-mode .boxwpurp,
body.dark-mode .boxtlace,
body.dark-mode .boxbrn,
body.dark-mode .boxmedi,
body.dark-mode .boxstitch,
body.dark-mode .boxdots,
body.dark-mode .boxlace,
body.dark-mode .boxhrt,
body.dark-mode .boxsmlace,
body.dark-mode .toybox,
body.dark-mode .frame-box,
body.dark-mode .fanlist-box,
body.dark-mode .main,
body.dark-mode .boxmain,
body.dark-mode .boxbhrt,
body.dark-mode .welcome-box,
body.dark-mode .museum-preview,
body.dark-mode .museum-sidebar {
  border: 8px solid transparent;
  border-image: linear-gradient(
    135deg,
    #460071,
    #d403e1,
    #03ccff,
    #09fbff
  ) 1;
}
body.dark-mode .boxpurpimg {
  background: #241b2b !important;
  background-image: none !important;
  border-color: #8f79a8 !important;
  color: #f4eaff;
}

body.dark-mode .boxpurpimg iframe {
  background: transparent !important;
}
body.dark-mode .boxwlace,
body.dark-mode .boxwimg,
body.dark-mode .boxpink {
  border: 8px solid transparent;
}
body.dark-mode .welcome-wrap  {
  background-image: linear-gradient(
    135deg,
    #460071,
    #d403e1,
    #03ccff,
    #09fbff
  );
  background-repeat: repeat;
}

body.dark-mode .boxpurple,
body.dark-mode .welcome-box {
  background: #12001f;
  border: 3px solid transparent;
  border-image: linear-gradient(
    135deg,
    #460071,
    #d403e1,
    #03ccff,
    #09fbff
  ) 1;
  color: #b6fffe;
}
body.dark-mode .update-box {
  background: #0d0017;
  border: 1px solid #460071;
  box-shadow: none;
}
body.dark-mode .todo-box {
  background: #0d0017;
  background-image: linear-gradient(
    #0d0017 0,
    #0d0017 24px,
    #150390 24px
  );
  border: 1px solid #460071;
  box-shadow: none;
  color: #b6fffe;
}
body.dark-mode .paint-palette-bar {
  background: linear-gradient(to right, #0d0017f2, #1a0f2ef2);
  border-top-color: #460071;
}

body.dark-mode .current-colors {
  background-color: #12001f !important;
  border-color: #03ccff !important;
}
body.dark-mode .swatch:nth-child(1) { background-color: #f20bf8 !important; }
body.dark-mode .swatch:nth-child(2) { background-color: #d403e1 !important; }
body.dark-mode .swatch:nth-child(3) { background-color: #03ccff !important; }
body.dark-mode .swatch:nth-child(4) { background-color: #09fbff !important; }
body.dark-mode .swatch:nth-child(5) { background-color: #b6fffe !important; }
body.dark-mode .swatch:nth-child(6) { background-color: #e0c7ff !important; }
body.dark-mode .swatch:nth-child(7) { background-color: #ffffff !important; }
body.dark-mode .swatch:nth-child(8) { background-color: #f0f0f0 !important; }
body.dark-mode .swatch:nth-child(9) { background-color: #c0c0c0 !important; }
body.dark-mode .swatch:nth-child(10) { background-color: #150390 !important; }
body.dark-mode .swatch:nth-child(11) { background-color: #460071 !important; }

body.dark-mode .swatch {
  border-color: #03ccff !important;
  box-shadow: inset 0 0 4px #03ccff66;
}
body.dark-mode .boxpink,
body.dark-mode .boxppink,
body.dark-mode .boxbrn,
body.dark-mode .boxblue,
body.dark-mode .boxpurp,
body.dark-mode .boxwlace,
body.dark-mode .boxmedi,
body.dark-mode .boxstitch,
body.dark-mode .boxdots,
body.dark-mode .boxlace,
body.dark-mode .boxhrt,
body.dark-mode .boxplace,
body.dark-mode .boxpplace,
body.dark-mode .toybox,
body.dark-mode .main,
body.dark-mode .boxmain,
body.dark-mode .section-title,
body.dark-mode .frame-box,
body.dark-mode .boxsmlace,
body.dark-mode .boxwimg,
body.dark-mode .boxtlace 
{
  background-color: #12001f !important;
  background-image: none !important;
  color: #e9f7ff !important;
}
body.dark-mode .boxplace,
body.dark-mode .boxpplace,
body.dark-mode .boxtlace  {
  background-color: #12001f !important;
  color: #e9f7ff !important;
  border: 8px solid transparent;
  border-image: linear-gradient(
    135deg,
    #460071,
    #d403e1,
    #03ccff,
    #09fbff
  ) 1;
}

body.dark-mode .shelf::after,
body.dark-mode .extra-shelf::after {
  background: linear-gradient(90deg, #03ccff66, #d403e166) !important;
  box-shadow: inset 0 2px 0 #460071cc !important;
}
body.dark-mode.iframe-body .boxblue > div[style*="background-color:#fff"] {
  background-color: #460071 !important;
  color: #b6fffe !important;
  border-color: #03ccff !important;
}
body.dark-mode.iframe-body
  .col-left div[style*="background"],
body.dark-mode.iframe-body
  .col-middle div[style*="background"],
body.dark-mode.iframe-body
  .col-right div[style*="background"] {
  background: #12001f !important;
  color: #e9f7ff !important;
  border-color: #03ccff !important;
}

body.dark-mode.iframe-body
  .col-left div[style*="background"] a,
body.dark-mode.iframe-body
  .col-middle div[style*="background"] a,
body.dark-mode.iframe-body
  .col-right div[style*="background"] a {
  color: #48fdfe !important;
}

body.dark-mode.iframe-body
  .col-left .link-header-inner,
body.dark-mode.iframe-body
  .col-middle .link-header-inner,
body.dark-mode.iframe-body
  .col-right .link-header-inner {
  background: #460071 !important;
  color: #b6fffe !important;
  border-color: #03ccff !important;
}

body.dark-mode.iframe-body .col-right textarea {
  background: #0d0017 !important;
  color: #b6fffe !important;
  border-color: #03ccff !important;
}
body.dark-mode.iframe-body .col-left .link-header-inner,
body.dark-mode.iframe-body .col-right .link-header-inner,
body.dark-mode.iframe-body .col-middle .link-header-inner {
  background: #460071 !important;
  border-color: #03ccff !important;
  color: #b6fffe !important;
}
body.dark-mode.iframe-body .flex-box-grid > div[style*="#FFB8DD"],
body.dark-mode.iframe-body .flex-box-grid > div[style*="#C8B4F2"] {
  background: #12001f !important;
  border-color: #03ccff !important;
  box-shadow:
    0 0 18px #09fbff59,
    0 0 24px #d403e159 !important;
  color: #e9f7ff !important;
}

body.dark-mode.iframe-body .flex-box-grid > div[style*="#FFB8DD"] .link-header-inner,
body.dark-mode.iframe-body .flex-box-grid > div[style*="#C8B4F2"] .link-header-inner {
  background: #460071 !important;
  border-color: #03ccff !important;
  color: #b6fffe !important;
}
body.dark-mode .winamp-player {
  background: #1a0f2e;
  border-color: #09fbff;
  color: #e9f7ff;
}

body.dark-mode .update-box {
  background: #0d0017;
  border-color: #460071;
}

body.dark-mode .update-header {
  background: #150390;
  border-bottom-color: #460071;
}

body.dark-mode .update-inner {
  background: #12001f;
}

body.dark-mode .update-sticker {
  background: #1a0f2e;
  border-color: #d403e1;
  color: #b6fffe;
}

body.dark-mode .update-content {
  background: #0d0017;
  border-color: #03ccff;
  color: #b6fffe;
}

body.dark-mode .update-meta {
  color: #48fdfe;
}

body.dark-mode .welcome-box {
  background: #12001f;
  border-color: #03ccff;
  color: #b6fffe;
}

body.dark-mode .todo-sticker {
  background: #1a0f2e;
  border-color: #d403e1;
  color: #b6fffe;
}

body.dark-mode .todo-box {
  background: #0d0017;
  background-image: linear-gradient(#0d0017 0, #0d0017 24px, #150390 24px);
  color: #b6fffe;
}

body.dark-mode .todo-check {
  border-color: #03ccff;
}

body.dark-mode .frame-inner {
  background: #0d0017e6;
  border-color: #b6fffe99;
  color: #e9f7ff;
}

body.dark-mode .museum-preview,
body.dark-mode .museum-sidebar {
  background-color: #0d0017 !important;
  color: #e9f7ff !important;
}

body.dark-mode .art-thumb {
  background: #0d0017e6;
  border-color: #03ccff99;
}

body.dark-mode .art-thumb img {
  filter: drop-shadow(0 0 8px #09fbff80);
}
body.dark-mode .switch-btn {
  background: #460071 !important;
  border-color: #03ccff !important;
  color: #b6fffe !important;
  box-shadow: 0 0 8px #03ccff66;
}

body.dark-mode .switch-btn:hover {
  background: #d403e1 !important;
  color: #ffffff !important;
}
body.dark-mode .modal {
  background: #00000099;
}
body.dark-mode .shelf-label {
  background: #1a0f2e;
  border-color: #03ccff;
  box-shadow:
    0 0 8px #09fbff66,
    0 0 12px #d403e159;
  color: #b6fffe;
}

body.dark-mode .shelf-label a {
  color: #48fdfe;
}

body.dark-mode .shelf-label a:hover {
  color: #f20bf8;
}
body.dark-mode .window {
  background: #0d0017f2;
  border-color: #09fbff;
}

body.dark-mode .window-title {
  background: linear-gradient(90deg, #d403e1, #03ccff, #09fbff);
  color: #0d0017;
}

body.dark-mode .window-btn {
  background: #0d0017e6;
  border-color: #f2f2ff;
  color: #09fbff;
}

body.dark-mode.iframe-body {
  background-color: #12001f !important;
  background-image: url(https://lydkb.neocities.org/images/stars3.gif) !important;
  background-size: 100px 100px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
  background-position: top left !important;
  color: #e9f7ff !important;
}

body.dark-mode .sidebar,
body.dark-mode .rightbar,
body.dark-mode .main,
body.dark-mode .boxmain,
body.dark-mode .fanlist-box {
  background-color: #12001f !important;
  color: #e9f7ff !important;
  border: 8px solid transparent;
  border-image: linear-gradient(
    135deg,
    #460071,
    #d403e1,
    #03ccff,
    #09fbff
  ) 1;
}

body.dark-mode .frame-inner {
  background: #0d0017 !important;
  outline: 1px solid #460071 !important;
  color: #e9f7ff !important;
}

body.dark-mode .section-title {
  color: #b6fffe !important;
}

body.dark-mode .sidebar-tag,
body.dark-mode .right-tag {
  background: #1a0f2e !important;
  border-color: #460071 !important;
  color: #09fbff !important;
  box-shadow: none !important;
}

body.dark-mode .sidebar-tag:hover,
body.dark-mode .right-tag:hover {
  background: #260a3d !important;
  border-color: #d403e1 !important;
}

body.dark-mode .main,
body.dark-mode .boxmain {
  background-color: #12001f !important;
  background-image: none !important;
}
body.dark-mode .blog-meta {
  background: #0d0017;
  border: 1px solid #460071;
}

body.dark-mode .blog-title {
  color: #03ccff;
}

body.dark-mode .blog-body {
  color: #b6fffe;
}

body.dark-mode .blog-tag,
body.dark-mode .sidebar-tag {
  background: #1a0f2e;
  border-color: #460071;
  color: #09fbff;
  box-shadow: 0 0 6px #03ccff88;
}