/* Independent glass study. */
:root { --glass-ink:#414141; --glass-edge:rgba(255,255,255,.85); }
html,html[data-theme="light"],body,html[data-theme="light"] body {
  background:radial-gradient(ellipse at 12% 15%,#eaeaea,transparent 53%),radial-gradient(ellipse at 85% 75%,#cecece,transparent 60%),linear-gradient(125deg,#efefef,#dadada)!important;
  color:var(--glass-ink); font-family:'Pretendard',sans-serif!important;
}
.archive-frame { background:transparent!important; }
.main-wrap,.playlist-window,.desktop-document,.dday-window,.banner-window,
html body > .arch-messenger-root > .msg-panel {
  border:1px solid var(--glass-edge)!important; border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(231,231,231,.36))!important;
  box-shadow:inset 0 1px 0 #ffffff,inset 0 -1px 0 #ffffff65,0 12px 32px #51515126!important;
  backdrop-filter:blur(22px) saturate(135%); -webkit-backdrop-filter:blur(22px) saturate(135%);
  padding:7px!important; overflow:hidden;
}
.main-wrap { padding:12px!important; }
.playlist-window { width:310px!important; }
.playlist-window::before,.playlist-window::after { display:none!important; }
.main-windowbar,.player-windowbar,.desktop-document__bar,.dday-window__bar,.banner-window__bar,.msg-windowbar {
  height:30px!important; min-height:30px!important; flex-basis:30px!important;
  padding:0 9px!important; background:transparent!important; border:0!important; box-shadow:none!important;
  color:#565656!important; font:500 10px/1 'Pretendard',sans-serif!important; letter-spacing:.04em;
}
html .archive-window-control { border:1px solid #ffffffa0!important; border-radius:50%!important; background:#ffffff66!important; color:#676767!important; box-shadow:0 1px 3px #59595916!important; }
.main-toolbar { background:#ffffff42!important; border:0!important; border-radius:10px; color:#696969!important; }
.main-address { background:transparent!important; border:0!important; box-shadow:none!important; }
.category-card,.explorer-sidebar { background:transparent!important; border:0!important; box-shadow:none!important; }
.explorer-label { color:#898989!important; font-family:'Pretendard',sans-serif!important; }
.explorer-sidebar a { border-radius:8px!important; color:#585858!important; font-family:'Pretendard',sans-serif!important; }
.explorer-sidebar a.active,.explorer-sidebar a:hover { background:#ffffff85!important; color:#636363!important; }
.desktop-document__tabs { background:transparent!important; border:0!important; padding:4px; gap:4px; }
.desktop-document__tab { border:0!important; border-radius:8px!important; background:#ffffff55!important; color:#676767!important; font-family:'Pretendard',sans-serif!important; }
.desktop-document__tab.active { background:#ffffffba!important; }
.desktop-document__body,.banner-window__body,.msg-body,.msg-header,.msg-footer { border:0!important; border-radius:12px; background:#ffffffa6!important; color:#4c4c4c!important; }
.desktop-document__body p,.desktop-document__heading,.banner-window__copy { color:#595959!important; text-shadow:none!important; font-family:'Pretendard',sans-serif!important; }
.dday-window__image { border-radius:12px; overflow:hidden; }
.playlist-window .player-head { background:transparent!important; padding:2px!important; }
.playlist-window .lcd { border:1px solid #ffffffb3!important; border-radius:12px!important; background:linear-gradient(125deg,#fafafabd,#c4c4c46b)!important; box-shadow:inset 0 1px 5px #ffffff77!important; padding:5px 9px 0!important; }
.playlist-window .track-title { color:#575757!important; background:#ffffff38!important; border-color:#ffffff77!important; text-shadow:none!important; font-family:'Pretendard',sans-serif!important; }
.playlist-window .lcd .time { color:#5a5a5a!important; text-shadow:none!important; }
.playlist-window .control,.playlist-window .player-tabs button { border:1px solid #ffffff!important; background:linear-gradient(#ffffffdb,#ffffff66)!important; color:#585858!important; box-shadow:0 2px 4px #59595920!important; border-radius:8px!important; }
.playlist-window .center-controls .control { border-radius:50%!important; }
.playlist-window .control.play { background:linear-gradient(#ebebeb,#c0c0c0)!important; }
.playlist-window .queue,.playlist-window .lyrics-panel { border:1px solid #ffffffba!important; border-radius:10px!important; background:#fafafade!important; box-shadow:none!important; }
.playlist-window .queue-heading { background:transparent!important; border:0!important; color:#777777!important; font-family:'Pretendard',sans-serif!important; }
.playlist-window .queue-item { border-radius:6px!important; }
.playlist-window .queue-name { font-family:'Pretendard',sans-serif!important; }
.playlist-window .queue-item.active { background:#c5c5c5!important; color:#434343!important; }
.desktop-taskbar { left:12px!important; right:12px!important; bottom:9px!important; width:auto!important; border:1px solid #ffffff99!important; border-radius:15px!important; background:#ffffff88!important; backdrop-filter:blur(20px); box-shadow:0 4px 16px #5d5d5d21!important; padding:4px!important; }
.task-button,.start-button { border:0!important; border-radius:10px!important; background:transparent!important; box-shadow:none!important; color:#5e5e5e!important; }
.task-button.is-active { background:#ffffff99!important; }
.start-menu { border:1px solid #ffffff!important; border-radius:15px!important; background:#f0f0f0e8!important; backdrop-filter:blur(20px); }
.start-menu__rail { background:#c1c1c188!important; border-radius:9px; }
.start-menu__item { color:#4f4f4f!important; border-radius:8px; }
@media (prefers-reduced-transparency:reduce) { .main-wrap,.playlist-window,.desktop-document,.dday-window,.banner-window,html body > .arch-messenger-root > .msg-panel { background:#efefef!important; backdrop-filter:none; } }
html[data-theme] .main-wrap { border:1px solid #ffffffb3!important; background:linear-gradient(135deg,#ffffff8f,#ebebeb4d)!important; box-shadow:inset 0 1px #ffffff,0 12px 32px #51515126!important; }
html[data-theme] .main-windowbar,html[data-theme] .main-toolbar { background:#ffffff40!important; border:0!important; box-shadow:none!important; color:#565656!important; }
html[data-theme] .archive-content-slot,html[data-theme] .home-content { background:transparent!important; }
html[data-theme] .desktop-taskbar { background:#ffffff88!important; border:1px solid #ffffff99!important; border-radius:15px!important; }
/* Milk-glass refinement */
html,html[data-theme="light"],body,html[data-theme="light"] body { background:radial-gradient(ellipse at 15% 10%,#efefef,transparent 55%),radial-gradient(ellipse at 85% 80%,#dedede,transparent 60%),#f0f0f0!important; }
html[data-theme] .main-wrap,.playlist-window,.desktop-document,.dday-window,.banner-window,html body > .arch-messenger-root > .msg-panel { background:linear-gradient(140deg,#ffffffc2,#f7f7f780)!important; border:1px solid #ffffffd9!important; box-shadow:inset 0 1px 0 #ffffff,0 8px 28px #33333318!important; backdrop-filter:blur(28px) saturate(125%); }
html[data-theme] .main-windowbar,html[data-theme] .main-toolbar,.player-windowbar,.desktop-document__bar,.dday-window__bar,.banner-window__bar,.msg-windowbar { background:transparent!important; color:#575757!important; letter-spacing:0!important; font:500 11px/1.2 -apple-system,BlinkMacSystemFont,'Pretendard',sans-serif!important; }
html[data-theme] .main-toolbar { border-bottom:1px solid #4848480c!important; }
html .archive-window-control { width:12px!important; min-width:12px!important; max-width:12px!important; height:12px!important; min-height:12px!important; max-height:12px!important; flex:0 0 12px!important; border:1px solid #0000000e!important; box-shadow:none!important; color:#494949!important; background:#c2c2c2!important; }
html .archive-window-control:nth-child(2) { background:#949494!important; }
html .archive-window-control:nth-child(3) { background:#818181!important; }
html .archive-window-control::before,html .archive-window-control::after { opacity:0; }
html .archive-window-control:hover::before,html .archive-window-control:hover::after,html .archive-window-control:focus-visible::before,html .archive-window-control:focus-visible::after { opacity:.65; }
.player-window-controls,.desktop-document__controls,.dday-window__controls,.banner-window__controls,.msg-window-controls,.main-window-controls { gap:7px!important; }
.playlist-window .lcd { background:linear-gradient(135deg,#ffffffa6,#f0f0f066)!important; border-color:#ffffffb0!important; box-shadow:none!important; }
.playlist-window .track-title { background:transparent!important; border:0!important; color:#363636!important; font:500 10px/1.3 'Pretendard',sans-serif!important; }
.playlist-window .lcd .time { color:#3e3e3e!important; font-family:'Pretendard',sans-serif!important; letter-spacing:-1px!important; font-weight:300!important; }
.playlist-window .lcd-brand,.playlist-window .lcd-status,.playlist-window .queue-name,.playlist-window .queue-heading,.explorer-sidebar *, .desktop-document__body * { font-family:-apple-system,BlinkMacSystemFont,'Pretendard',sans-serif!important; }
.playlist-window .lcd-brand { color:#838383!important; letter-spacing:.02em!important; }
.playlist-window .control,.playlist-window .player-tabs button { background:#ffffff70!important; border:1px solid #ffffffa0!important; box-shadow:0 1px 3px #2828280a!important; color:#535353!important; }
.playlist-window .control.play { background:#dbdbdb!important; color:#616161!important; }
.playlist-window .control:hover,.playlist-window .player-tabs button:hover { background:#ffffff!important; }
.playlist-window .control.loop.active,.playlist-window .player-tabs button[aria-expanded="true"] { background:#dbdbdb!important; color:#616161!important; }
.playlist-window .queue,.playlist-window .lyrics-panel,.desktop-document__body,.banner-window__body,.msg-body,.msg-header,.msg-footer { background:#ffffffc2!important; border-color:#ffffff!important; color:#464646!important; }
.playlist-window .queue-item.active { background:#dfdfdf!important; color:#555555!important; }
.playlist-window .queue-item { color:#4f4f4f!important; }
.playlist-window .queue-heading { font-weight:600!important; letter-spacing:.05em!important; color:#8c8c8c!important; }
.desktop-document__tab { border-radius:7px!important; color:#747474!important; background:transparent!important; }
.desktop-document__tab.active { color:#3b3b3b!important; background:#ffffff!important; box-shadow:0 1px 4px #3333330e!important; }
.explorer-sidebar a { color:#5c5c5c!important; }
.explorer-sidebar a.active { color:#5d5d5d!important; background:#ffffffa8!important; }
html[data-theme] .desktop-taskbar { background:#ffffff8c!important; box-shadow:0 5px 22px #2c2c2c15!important; }
.task-button,.start-button { font-family:'Pretendard',sans-serif!important; font-size:11px!important; color:#5b5b5b!important; }
/* Quiet window controls and clock tray. */
html .archive-window-control,html .archive-window-control:nth-child(2),html .archive-window-control:nth-child(3) { background:#ffffff8c!important; border-color:#cbcbcb4d!important; color:#777777!important; }
html .archive-window-control::before,html .archive-window-control::after { opacity:.75; }
html .archive-window-control:hover { background:#e0e0e0!important; }
html[data-theme] .taskbar-tray { background:#ffffff59!important; border:1px solid #ffffffa6!important; border-radius:10px!important; box-shadow:none!important; color:#666666!important; font:500 11px/1 'Pretendard',sans-serif!important; }
html[data-theme] .taskbar-tray__status { color:#9d9d9d!important; }
/* Clearer glass with unframed window controls. */
html .archive-window-control,html .archive-window-control:nth-child(2),html .archive-window-control:nth-child(3) {
  width:20px!important; min-width:20px!important; max-width:20px!important;
  height:20px!important; min-height:20px!important; max-height:20px!important; flex:0 0 20px!important;
  border:0!important; border-radius:5px!important; background:transparent!important; box-shadow:none!important; color:#676767!important;
}
html .archive-window-control:hover,html .archive-window-control:focus-visible { background:#ffffff5c!important; }
html[data-theme] .main-wrap,.playlist-window,.desktop-document,.dday-window,.banner-window,html body > .arch-messenger-root > .msg-panel {
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(233,233,233,.16))!important;
  border-color:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px) saturate(145%); -webkit-backdrop-filter:blur(12px) saturate(145%);
  box-shadow:inset 0 1px 0 #ffffffba,inset 0 -1px 0 #ffffff29,0 8px 28px #33333318!important;
}
.playlist-window .lcd { background:linear-gradient(135deg,#ffffff4d,#e3e3e326)!important; border-color:#ffffff70!important; }
.desktop-document__body,.banner-window__body,.msg-header,.msg-footer { background:#ffffff6b!important; }
.playlist-window .queue,.playlist-window .lyrics-panel,.msg-body { background:#ffffffa6!important; }
html[data-theme] .desktop-taskbar { background:#ffffff47!important; backdrop-filter:blur(12px) saturate(140%); }
@media (prefers-reduced-transparency:reduce) {
  html[data-theme] .main-wrap,.playlist-window,.desktop-document,.dday-window,.banner-window,html body > .arch-messenger-root > .msg-panel { background:#efefef!important; backdrop-filter:none; -webkit-backdrop-filter:none; }
}
/* One continuous main glass surface. */
html[data-theme] .mini-home {
  background:transparent!important; border:0!important; border-radius:14px;
  overflow:hidden; gap:0;
}
html[data-theme] .sidebar-stack {
  background:linear-gradient(90deg,#ffffff24,#ffffff08)!important;
  border:0!important; border-right:1px solid #ffffff70!important;
}
html[data-theme] .category-card,html[data-theme] .side-card,
html[data-theme] .home-content,html[data-theme] .archive-content-slot {
  background:transparent!important; border:0!important; box-shadow:none!important;
}
html[data-theme] .home-content { padding:18px; gap:18px; }
html[data-theme] .main-toolbar { border-bottom:1px solid #ffffff5c!important; border-radius:0; padding:5px 12px; }
html[data-theme] .main-address { background:transparent!important; border:0!important; color:#666666!important; font-family:'Pretendard',sans-serif!important; font-size:12px!important; line-height:18px!important; height:24px; padding:3px 9px; }
html[data-theme] .main-toolbar-nav { font-size:14px!important; }
html[data-theme] .room-media { border-radius:12px; overflow:hidden; }
html[data-theme] .recent-memory { border-radius:12px; }
html[data-theme] .home-board { border-bottom-color:#ffffff66; }
html[data-theme] .explorer-tree { border-left-color:#8484842e; }
html[data-theme] .board-title { color:#696969!important; }
html[data-theme] .explorer-sidebar.topnav { background:transparent!important; border:0!important; }
html[data-theme] .explorer-sidebar .explorer-tree a { font:400 11px/1.4 'Pretendard',sans-serif!important; color:#676767!important; }
html[data-theme] .explorer-sidebar .explorer-tree a.active { color:#676767!important; background:#ffffff70!important; }
/* Consistent compact floating windows. */
html[data-theme] .playlist-window,html[data-theme] .desktop-document,
html[data-theme] .dday-window,html[data-theme] .banner-window,
html body > .arch-messenger-root > .msg-panel {
  width:310px!important; padding:4px!important; border-radius:12px!important;
}
html[data-theme] .player-windowbar,html[data-theme] .desktop-document__bar,
html[data-theme] .dday-window__bar,html[data-theme] .banner-window__bar,
html .msg-windowbar {
  height:24px!important; min-height:24px!important; flex-basis:24px!important;
  padding:0 7px!important;
}
html[data-theme] .playlist-window.is-collapsed,
html[data-theme] .desktop-document.is-collapsed,
html[data-theme] .dday-window.is-collapsed,
html[data-theme] .banner-window.is-collapsed,
html body > .arch-messenger-root > .msg-panel:not(.open) {
  height:34px!important; min-height:34px!important; border-radius:9px!important;
}
html[data-theme] .dday-window__image { border-radius:8px; }
/* Muted strawberry-milk backdrop. */
html,html[data-theme="light"],body,html[data-theme="light"] body {
  background:radial-gradient(ellipse at 48% 38%,#eeeeee 0%,#dbdbdb 45%,#c7c7c7 78%,#b8b8b8 100%)!important;
}
/* Soft directional edge light. */
html[data-theme] .main-wrap,
html[data-theme] .playlist-window,html[data-theme] .desktop-document,
html[data-theme] .dday-window,html[data-theme] .banner-window,
html body > .arch-messenger-root > .msg-panel {
  border-color:rgba(255,255,255,.48) rgba(255,255,255,.19) rgba(255,255,255,.10) rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 8px 25px rgba(46,46,46,.09)!important;
}
html[data-theme] .desktop-taskbar {
  border-color:#ffffff70 #ffffff30 #ffffff18 #ffffff38!important;
  box-shadow:0 5px 20px #2e2e2e12!important;
}
.playlist-window .lcd,.playlist-window .queue,.playlist-window .lyrics-panel {
  border-color:#ffffff40 #ffffff20 #ffffff14 #ffffff26!important;
}
html[data-theme] .sidebar-stack { border-right-color:#ffffff26!important; }
html[data-theme] .main-toolbar { border-bottom-color:#ffffff26!important; }
/* Sidebar tint within the shared glass panel. */
html[data-theme] .sidebar-stack {
  background:linear-gradient(110deg,rgba(78,78,78,.13),rgba(96,96,96,.075))!important;
  border-right:1px solid rgba(78,78,78,.10)!important;
}
html[data-theme] .explorer-sidebar.topnav { background:transparent!important; }
html[data-theme] .explorer-sidebar .explorer-label { color:#787878!important; }
html[data-theme] .explorer-sidebar .explorer-branch-title,
html[data-theme] .explorer-sidebar .explorer-root,
html[data-theme] .explorer-sidebar .explorer-tree a { color:#5c5c5c!important; }
html[data-theme] .explorer-sidebar a.active,
html[data-theme] .explorer-sidebar .explorer-tree a.active {
  position:relative; background:transparent!important; color:#616161!important;
  border-radius:0!important; box-shadow:none!important; font-weight:700!important;
  transform:translateX(6px);
}
html[data-theme] .explorer-sidebar a.active::after {
  content:none!important;
}
/* Language-aware UI type. Poppins covers Latin; CJK uses the next faces. */
@font-face {
  font-family:'Archive Han';
  src:local('Meiryo'),local('Yu Gothic UI'),local('Microsoft YaHei');
  unicode-range:U+2E80-2FFF,U+3000-303F,U+3040-30FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF;
}
html body,html body button,html body input,html body select,html body textarea,
html[data-theme] .explorer-sidebar *,html[data-theme] .desktop-document__body *,
html[data-theme] .main-windowbar,html[data-theme] .main-toolbar,
html[data-theme] .main-address,html[data-theme] .player-windowbar,
html[data-theme] .desktop-document__bar,html[data-theme] .dday-window__bar,
html[data-theme] .banner-window__bar,html .msg-windowbar,
html[data-theme] .playlist-window .track-title,html[data-theme] .playlist-window .lcd-brand,
html[data-theme] .playlist-window .lcd-status,html[data-theme] .playlist-window .queue-name,
html[data-theme] .playlist-window .queue-heading,html[data-theme] .playlist-window .time,
html[data-theme] .taskbar-tray,html .task-button,html .start-button {
  font-family:'Poppins','Archive Han','Pretendard','Meiryo',sans-serif!important;
}
html[data-theme] .explorer-sidebar .explorer-tree a,
html[data-theme] .explorer-sidebar .explorer-root,
html[data-theme] .explorer-sidebar .explorer-branch-title { font-size:12px!important; line-height:1.5!important; }
html[data-theme] .explorer-sidebar .explorer-label { font-size:11px!important; }
html[data-theme] .player-windowbar,html[data-theme] .desktop-document__bar,
html[data-theme] .dday-window__bar,html[data-theme] .banner-window__bar,
html .msg-windowbar,html[data-theme] .main-windowbar { font-size:12px!important; }
html[data-theme] .main-windowbar > span:first-child { font-size:14px!important; font-weight:700!important; }
html[data-theme] .desktop-document__body p { font-size:12px!important; line-height:1.75!important; }
html[data-theme] .playlist-window .track-title,html[data-theme] .playlist-window .queue-name { font-size:11px!important; }
html[data-theme] .playlist-window .track-title { height:auto!important; min-height:18px!important; }
/* The glass player stays open as a media card. */
html[data-theme] .playlist-window > .player-windowbar { display:none!important; }
html[data-theme] .playlist-window { padding:8px!important; }
/* Reference media card: artwork, timeline, three primary controls. */
html[data-theme] .playlist-window { padding:15px!important; border-radius:20px!important; }
html[data-theme] .playlist-window > .player-head,
html[data-theme] .playlist-window > .player-bottom { display:none!important; }
.media-info { display:flex; align-items:center; gap:12px; cursor:grab; touch-action:none; }
.media-art { width:56px; height:56px; object-fit:cover; border-radius:10px; flex-shrink:0; }
.media-copy { flex:1; min-width:0; }
html[data-theme] .playlist-window .media-copy .track-title { margin:0!important; padding:0!important; height:auto!important; min-height:0!important; white-space:normal; text-align:left!important; font-size:14px!important; font-weight:600!important; line-height:1.4!important; color:#343434!important; }
.media-caption { font:11px/1.6 'Poppins','Pretendard',sans-serif; color:#828282; margin-top:3px; }
.media-timeline { display:grid; grid-template-columns:32px 1fr 32px; align-items:center; gap:7px; margin:14px 0 7px; }
html[data-theme] .playlist-window .media-timeline .time { font:10px/1.3 'Poppins',sans-serif!important; letter-spacing:0!important; text-shadow:none!important; color:#747474!important; }
.media-timeline .progress { height:5px; border-radius:10px; background:#73737330!important; }
.media-timeline .progress-fill { background:#878787!important; border-radius:10px; }
.media-transport { display:flex; align-items:center; justify-content:center; gap:30px; }
html[data-theme] .playlist-window .media-transport .control { width:38px!important; height:38px!important; border:0!important; background:transparent!important; box-shadow:none!important; color:#333333!important; }
html[data-theme] .playlist-window .media-transport .control svg { width:25px; height:25px; }
html[data-theme] .playlist-window .media-transport #play svg { width:32px; height:32px; }
.media-extras { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.media-extras .volume-control { margin:0; }
html[data-theme] .playlist-window .media-extras button { background:transparent!important; border:0!important; box-shadow:none!important; color:#737373!important; }
html[data-theme] .playlist-window .media-extras button:hover { background:#ffffff50!important; }
.media-extras .player-tabs { display:flex; margin:0; padding:0; border:0; }
.media-extras .player-tabs::before { display:none; }
/* Minimal media card: no secondary control row. */
html[data-theme] .playlist-window .media-extras,
html[data-theme] .playlist-window #player-queue,
html[data-theme] .playlist-window #player-lyrics { display:none!important; }
html[data-theme] .playlist-window .media-transport { margin-bottom:0; }
/* Playlist occupies the reference card's sharing position. */
.media-transport { position:relative; }
html[data-theme] .playlist-window .media-transport #queue-toggle {
  position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:28px; height:28px; padding:0; display:grid; place-items:center;
  border:0; border-radius:7px; background:transparent; color:#737373; cursor:pointer;
}
html[data-theme] .playlist-window .media-transport #queue-toggle:hover,
html[data-theme] .playlist-window .media-transport #queue-toggle[aria-expanded="true"] { background:#ffffff50; color:#616161; }
html[data-theme] .playlist-window #player-queue:not([hidden]) { display:block!important; }
/* Sidebar section and group headings. */
html[data-theme] .explorer-sidebar .explorer-label,
html[data-theme] .explorer-sidebar .explorer-branch-title,
html[data-theme] .explorer-sidebar .explorer-drive {
  font-weight:600!important;
}
/* Playlist shares the media card's glass surface. */
html[data-theme] .playlist-window #player-queue {
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(233,233,233,.08))!important;
  border:0!important; border-top:1px solid rgba(255,255,255,.28)!important;
  border-radius:0 0 10px 10px!important; box-shadow:none!important;
  margin:10px 0 0!important; padding:8px 2px 2px!important;
}
html[data-theme] .playlist-window #player-queue .queue-heading {
  background:transparent!important; color:#6b6b6b!important;
}
html[data-theme] .playlist-window #player-queue .queue-item {
  background:transparent!important; color:#444444!important; text-shadow:none!important;
}
html[data-theme] .playlist-window #player-queue .queue-item.active {
  background:rgba(255,255,255,.36)!important; color:#585858!important;
}
html[data-theme] .playlist-window #player-queue .queue-item:not(.active):hover {
  background:rgba(255,255,255,.20)!important;
}
html[data-theme] .playlist-window #player-queue::-webkit-scrollbar-track { background:transparent!important; }
html[data-theme] .playlist-window #player-queue::-webkit-scrollbar-thumb { background:rgba(93,93,93,.30)!important; border-radius:4px; }
/* Playlist overlays the docked windows without changing card height. */
html[data-theme] .playlist-window { overflow:visible!important; z-index:10001!important; }
html[data-theme] .playlist-window #player-queue {
  position:absolute; top:100%; left:0; right:0; z-index:2;
  margin:8px 0 0!important; max-height:220px;
  padding:9px 7px!important; border:1px solid rgba(255,255,255,.35)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(243,243,243,.74),rgba(226,226,226,.57))!important;
  backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 10px 25px rgba(43,43,43,.15)!important;
}
/* Open queue is opaque so the docked windows cannot show through. */
html[data-theme] .playlist-window #player-queue:not([hidden]) {
  background:linear-gradient(135deg,#eeeeee,#e1e1e1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Expanded SNS overlays the dock; collapsed footprint remains 34px. */
html body > .arch-messenger-root { height:34px!important; z-index:10000!important; }
html body > .arch-messenger-root > .msg-panel.open {
  position:absolute!important; inset:0 auto auto 0!important;
  background:linear-gradient(135deg,rgba(246,246,246,.76),rgba(225,225,225,.65))!important;
  backdrop-filter:blur(30px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(130%)!important;
}
html body > .arch-messenger-root .msg-header,
html body > .arch-messenger-root .msg-body,
html body > .arch-messenger-root .msg-footer {
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
}
html body > .arch-messenger-root .msg-footer { border-top:1px solid #ffffff30!important; }
html[data-theme] .playlist-window #player-queue:not([hidden]) {
  background:linear-gradient(135deg,rgba(246,246,246,.76),rgba(225,225,225,.65))!important;
  backdrop-filter:blur(30px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(130%)!important;
}
/* Independent backdrop sampling for the floating playlist. */
html[data-theme] .glass-queue-overlay {
  position:fixed!important; z-index:20002!important; box-sizing:border-box;
  height:auto; max-height:220px; margin:0!important; padding:10px 8px!important;
  overflow:auto; border:1px solid #ffffff45; border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.40),rgba(219,219,219,.26))!important;
  backdrop-filter:blur(26px) saturate(135%); -webkit-backdrop-filter:blur(26px) saturate(135%);
  box-shadow:inset 0 1px #ffffff40,0 10px 25px #2b2b2b20;
  scrollbar-width:auto; scrollbar-color:auto;
}
.glass-queue-overlay .queue-heading { background:transparent; color:#6a6a6a; text-align:left; font:600 9px/1.4 'Poppins',sans-serif; padding:3px 6px 8px; }
.glass-queue-overlay .queue-item { display:flex; align-items:center; gap:8px; width:100%; min-height:25px; padding:4px 6px; border:0; border-radius:5px; background:transparent; color:#444444; text-align:left; }
.glass-queue-overlay .queue-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:11px/1.5 'Poppins','Archive Han','Pretendard',sans-serif; }
.glass-queue-overlay .queue-duration { flex:0 0 34px; text-align:right; font:10px/1.5 'Poppins',sans-serif; }
.glass-queue-overlay .queue-item.active { background:#ffffff30; color:#585858; }
.glass-queue-overlay .queue-item:hover { background:#ffffff45; }
.glass-queue-overlay::-webkit-scrollbar { width:5px; }
.glass-queue-overlay::-webkit-scrollbar-button { width:0; height:0; display:none; }
.glass-queue-overlay::-webkit-scrollbar-track { background:transparent; margin-block:4px; }
.glass-queue-overlay::-webkit-scrollbar-thumb { background:#5d5d5d4d; border-radius:4px; }
/* One expanding glass card, with the dock anchored to the transport row. */
html[data-theme] .playlist-window { overflow:hidden!important; max-height:calc(100dvh - 76px); }
html[data-theme] .playlist-window #player-queue,
html[data-theme] .playlist-window #player-queue:not([hidden]) {
  position:relative!important; top:auto!important; left:auto!important; right:auto!important;
  width:auto!important; margin:10px 0 0!important; padding:8px 0 0!important;
  background:transparent!important; border:0!important; border-radius:0!important;
  box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
}
html[data-theme] .playlist-window:has(#queue-toggle[aria-expanded="true"]) {
  background:linear-gradient(135deg,rgba(248,248,248,.66),rgba(230,230,230,.50))!important;
  backdrop-filter:blur(28px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(110%)!important;
}
html[data-theme] .playlist-window #player-queue .queue-name { font-size:13px!important; font-weight:500!important; line-height:1.5!important; color:#343434!important; text-shadow:none!important; }
html[data-theme] .playlist-window #player-queue .queue-duration { font-size:11px!important; color:#585858!important; text-shadow:none!important; }
html[data-theme] .playlist-window #player-queue .queue-item { min-height:29px!important; }
/* Keep track times clear of the scrollbar. */
html[data-theme] .playlist-window #player-queue,
html[data-theme] .playlist-window #player-queue:not([hidden]) {
  padding-right:10px!important;
}
html .arch-messenger-root .msg-header .msg-close { display:none!important; }
/* Artwork sits directly inside the glass D-DAY frame. */
html[data-theme] .dday-window__image,
html[data-theme] .dday-window__image img {
  border:0!important; outline:0!important; box-shadow:none!important;
}
/* Document visibility switches. */
html[data-theme] .desktop-document__tabs { display:flex; gap:16px; padding:8px 12px; }
html[data-theme] .desktop-document__tab,
html[data-theme] .desktop-document__tab.active { position:relative; display:flex; align-items:center; justify-content:center; flex:1; height:28px; padding:0 8px 0 28px; border-radius:999px!important; background:rgba(109,109,109,.20)!important; box-shadow:none!important; color:#555555!important; font-size:11px; font-weight:600; cursor:pointer; transition:background .18s ease,color .18s ease,padding .18s ease; }
.document-switch { position:absolute; inset:0; pointer-events:none; }
.document-switch::after { content:''; position:absolute; top:3px; left:3px; width:22px; height:22px; background:#ffffff; border-radius:50%; box-shadow:0 1px 3px #00000022; transition:left .18s ease; }
html[data-theme] .desktop-document__tab[aria-checked="true"] { background:#898989!important; color:#ffffff!important; padding:0 28px 0 8px; }
[aria-checked="true"] > .document-switch::after { left:calc(100% - 25px); }
.desktop-document__tab:focus-visible { outline:2px solid #898989!important; outline-offset:4px; }

/* Pink leopard stays at the desktop layer in light mode. */
html[data-theme="light"]:has(body > .archive-frame),
html[data-theme="light"]:has(body > .archive-frame) > body {
  background-color:#d0d0d0!important;
  background-image:
    radial-gradient(ellipse at 14% 18%,rgba(226,226,226,.92) 0,rgba(226,226,226,0) 42%),
    radial-gradient(ellipse at 84% 12%,rgba(217,217,217,.88) 0,rgba(217,217,217,0) 40%),
    radial-gradient(ellipse at 70% 88%,rgba(191,191,191,.62) 0,rgba(191,191,191,0) 44%),
    linear-gradient(145deg,#dfdfdf 0%,#cacaca 52%,#c8c8c8 100%)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
html[data-theme="light"]:has(body > .archive-frame) > body {
  isolation:isolate;
}
html[data-theme="light"]:has(body > .archive-frame) > body::before {
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url('../img/entrance-bg.jpg') center/cover no-repeat;
  opacity:1;
}
html[data-theme="light"] .archive-frame {
  background:rgba(231,231,231,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="light"] .main-wrap,
html[data-theme="light"] .playlist-window,
html[data-theme="light"] .desktop-document,
html[data-theme="light"] .dday-window,
html[data-theme="light"] .banner-window,
html[data-theme="light"] body > .arch-messenger-root > .msg-panel {
  background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(227,227,227,.24))!important;
  backdrop-filter:blur(12px) saturate(100%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(100%)!important;
}
/* The archive frame softens the desktop print without painting a second background. */
html[data-theme="light"] body .main-wrap {
  background:linear-gradient(135deg,rgba(245,245,245,.68),rgba(221,221,221,.54))!important;
  backdrop-filter:blur(12px) saturate(100%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(100%)!important;
}
html[data-theme="light"].archive-content-document,
html[data-theme="light"].archive-content-document body {
  background:transparent!important;
}
html[data-theme="light"]:not(:has(body > .archive-frame)),
html[data-theme="light"]:not(:has(body > .archive-frame)) > body {
  background:transparent!important;
  background-image:none!important;
}
html[data-theme="light"] .archive-content-slot,
html[data-theme="light"] .archive-content-frame,
html[data-theme="light"] .agent-workspace,
html[data-theme="light"] .agent-window,
html[data-theme="light"] .wiki-wrap {
  background:transparent!important;
}

/* Let the banner window's existing glass surface show through its content. */
html[data-theme] body #banner-window .banner-window__body {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

html[data-theme] body #care-list-window {width:300px!important;left:40px;top:280px;}
html[data-theme] body #care-list-window[hidden] {display:none!important;}
html[data-theme] body #care-list-window .banner-window__body {min-height:160px;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
@media(max-width:700px){html[data-theme] body #care-list-window:not([hidden]){display:block!important;}}

#care-list-body .care-list-entry {font-size:12px;line-height:1.7;}
#care-list-body .care-list-entry strong {font-weight:700;}
#care-list-body .care-list-entry p {margin:0; padding-left:1em;}
#care-list-body .care-list-notice {margin:0 0 20px; font-size:12px; line-height:1.7; word-break:keep-all;}

/* Programmatic window focus must not highlight a title-bar control. */
#banner-window:focus, #care-list-window:focus {outline:none;}