:root{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}body{transition:background-color .2s ease,color .2s ease}.olis-theme-toggle{z-index:88;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #ead8eb;border-radius:50%;background:#fff;color:#49324f;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(80,47,89,.14);transition:transform .18s ease,background .18s ease}.olis-theme-toggle:hover{transform:translateY(-2px)}body>.olis-theme-toggle{position:fixed;top:16px;right:16px}.home-header-actions .olis-theme-toggle{position:relative;top:auto;right:auto}

/* B 奶茶配色：所有玩家前台的淺色模式共用。 */
html:not([data-theme="dark"]){--olis-b-cream:#f8f4ee;--olis-b-paper:#fffdf9;--olis-b-soft:#f4ede5;--olis-b-line:#e4d6ca;--olis-b-tea:#a98970;--olis-b-deep:#765f4f;--olis-b-cocoa:#493b34;--olis-b-muted:#806f64;--olis-b-rose:#c88984;--olis-b-sage:#91a188;--olis-b-shadow:0 14px 38px rgba(91,70,55,.08)}
html:not([data-theme="dark"]) body{background:radial-gradient(circle at 12% 0,#f5e8df 0,transparent 30%),radial-gradient(circle at 88% 16%,#e4e8dd 0,transparent 32%),linear-gradient(145deg,#fbf7f1,#f3ebe3)!important;color:var(--olis-b-cocoa)!important}
html:not([data-theme="dark"]) h1,html:not([data-theme="dark"]) h2,html:not([data-theme="dark"]) h3,html:not([data-theme="dark"]) strong{color:var(--olis-b-cocoa)}
html:not([data-theme="dark"]) p,html:not([data-theme="dark"]) .subtitle,html:not([data-theme="dark"]) .sub,html:not([data-theme="dark"]) .desc,html:not([data-theme="dark"]) .hint,html:not([data-theme="dark"]) .meta,html:not([data-theme="dark"]) .summary,html:not([data-theme="dark"]) .note,html:not([data-theme="dark"]) footer{color:var(--olis-b-muted)!important}
html:not([data-theme="dark"]) .card,html:not([data-theme="dark"]) .panel,html:not([data-theme="dark"]) .event,html:not([data-theme="dark"]) .account,html:not([data-theme="dark"]) .stat,html:not([data-theme="dark"]) .signin-row,html:not([data-theme="dark"]) .birthday-card,html:not([data-theme="dark"]) .stream-card,html:not([data-theme="dark"]) .thread,html:not([data-theme="dark"]) .message,html:not([data-theme="dark"]) .notice,html:not([data-theme="dark"]) .support-card,html:not([data-theme="dark"]) .donate,html:not([data-theme="dark"]) .prereq,html:not([data-theme="dark"]) .plans>*,html:not([data-theme="dark"]) .step,html:not([data-theme="dark"]) .choice,html:not([data-theme="dark"]) main.card,html:not([data-theme="dark"]) .box,html:not([data-theme="dark"]) .calendar,html:not([data-theme="dark"]) .product,html:not([data-theme="dark"]) details.item,html:not([data-theme="dark"]) .game,html:not([data-theme="dark"]) .song,html:not([data-theme="dark"]) .queue-item,html:not([data-theme="dark"]) .milestone,html:not([data-theme="dark"]) .growth-entry,html:not([data-theme="dark"]) .player-backpack-card,html:not([data-theme="dark"]) .player-earned-card,html:not([data-theme="dark"]) .achievement-card,html:not([data-theme="dark"]) .history,html:not([data-theme="dark"]) .odd,html:not([data-theme="dark"]) .entry,html:not([data-theme="dark"]) .story,html:not([data-theme="dark"]) .merch-card,html:not([data-theme="dark"]) .person,html:not([data-theme="dark"]) .day,html:not([data-theme="dark"]) .privacy,html:not([data-theme="dark"]) .signin-calendar-entry{background:linear-gradient(145deg,var(--olis-b-paper),#fbf6ef)!important;border-color:var(--olis-b-line)!important;color:var(--olis-b-cocoa)!important;box-shadow:var(--olis-b-shadow)!important}
html:not([data-theme="dark"]) input,html:not([data-theme="dark"]) textarea,html:not([data-theme="dark"]) select{background:var(--olis-b-paper)!important;border-color:#d9c8bb!important;color:var(--olis-b-cocoa)!important}
html:not([data-theme="dark"]) .tabs,html:not([data-theme="dark"]) .category-tabs,html:not([data-theme="dark"]) .nav{background:rgba(255,253,249,.72)!important;border-color:var(--olis-b-line)!important}
html:not([data-theme="dark"]) .shop-catalog .category-tabs{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html:not([data-theme="dark"]) button:not(.olis-theme-toggle):not(.olis-page-tool),html:not([data-theme="dark"]) .btn,html:not([data-theme="dark"]) .link{border-color:#d7c3b3;color:var(--olis-b-deep)}
html:not([data-theme="dark"]) button.active,html:not([data-theme="dark"]) .tab.active,html:not([data-theme="dark"]) .category.active,html:not([data-theme="dark"]) .btn:not(.secondary),html:not([data-theme="dark"]) .link{background:linear-gradient(90deg,#ad8b72,#92705a)!important;color:#fff!important}
html:not([data-theme="dark"]) .button,html:not([data-theme="dark"]) .primary,html:not([data-theme="dark"]) .claim,html:not([data-theme="dark"]) .announcement-download,html:not([data-theme="dark"]) .card>.button,html:not([data-theme="dark"]) .product button:not(.secondary):not(.danger),html:not([data-theme="dark"]) .actions>button:not(.secondary):not(.danger),html:not([data-theme="dark"]) form>button:not(.secondary):not(.danger),html:not([data-theme="dark"]) [data-open],html:not([data-theme="dark"]) [data-submit]{background:linear-gradient(90deg,#ad8b72,#92705a)!important;border-color:#92705a!important;color:#fff!important;box-shadow:0 10px 24px rgba(117,87,67,.16)!important}

/* Primary-action audit: remove legacy purple/pink actions while preserving outlined,
   secondary, destructive, YouTube and Twitch controls. */
html:not([data-theme="dark"]) :is(
  .referral-url-row button,.referral-share,.nickname-edit button,#streamNotificationToggle,
  .milestone-claim,.support-download,.achievement-dialog button:not(.achievement-close),
  .recommend,.song-login-button,.song-tag.active,button.action:not(.secondary):not(.danger),a.action:not(.secondary):not(.danger),
  .reward-again,.merch-button,.growth-entry.ready button,.birthday-enter,
  .queue-menu-button.primary,.pager button.primary,.support-card a,.birthday-form button,
  .form button:not(.secondary):not(.danger),.confirm,.request,.olis-confirm-accept:not(.danger),
  #action button,#action .login,.toolbar button,.shop-toolbar-row .support-cart-button,.inventory-use
){background:linear-gradient(90deg,#ad8b72,#92705a)!important;border-color:#92705a!important;color:#fff!important;box-shadow:0 10px 24px rgba(117,87,67,.16)!important}
html[data-theme="dark"] :is(
  .referral-url-row button,.referral-share,.nickname-edit button,#streamNotificationToggle,
  .milestone-claim,.support-download,.achievement-dialog button:not(.achievement-close),
  .recommend,.song-login-button,.song-tag.active,button.action:not(.secondary):not(.danger),a.action:not(.secondary):not(.danger),
  .reward-again,.merch-button,.growth-entry.ready button,.birthday-enter,
  .queue-menu-button.primary,.pager button.primary,.support-card a,.birthday-form button,
  .form button:not(.secondary):not(.danger),.confirm,.request,.olis-confirm-accept:not(.danger),
  #action button,#action .login,.toolbar button,.shop-toolbar-row .support-cart-button,.inventory-use
){background:linear-gradient(90deg,#624678,#7b4f86)!important;border-color:#87609a!important;color:#fff!important;box-shadow:0 10px 24px rgba(35,20,44,.28)!important}
html:not([data-theme="dark"]) .secondary,html:not([data-theme="dark"]) .btn.secondary{background:#eee4da!important;border-color:var(--olis-b-line)!important;color:var(--olis-b-deep)!important;box-shadow:none!important}
html:not([data-theme="dark"]) #historyPanel .toggle,html:not([data-theme="dark"]) .calendar-panel .nav button{background:#eee4da!important;border:1px solid var(--olis-b-line)!important;color:var(--olis-b-deep)!important;box-shadow:none!important}
html:not([data-theme="dark"]) .badge,html:not([data-theme="dark"]) .pill,html:not([data-theme="dark"]) .tag,html:not([data-theme="dark"]) .quantity{background:#eee3d9!important;color:var(--olis-b-deep)!important}
html:not([data-theme="dark"]) .achievement-equipped{background:#eee3d9!important;color:var(--olis-b-deep)!important;box-shadow:none!important}
html:not([data-theme="dark"]) a.back{color:#8e6c58!important}
html:not([data-theme="dark"]) .olis-theme-toggle,html:not([data-theme="dark"]) .olis-page-tool,html:not([data-theme="dark"]) .olis-page-tools [data-label]::after{background:var(--olis-b-paper)!important;border-color:var(--olis-b-line)!important;color:var(--olis-b-deep)!important;box-shadow:0 8px 22px rgba(91,70,55,.09)!important}
html[data-theme="dark"] body{background:#17111c!important;color:#f4edf6!important}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .event,html[data-theme="dark"] .account,html[data-theme="dark"] .stat,html[data-theme="dark"] .signin-row,html[data-theme="dark"] .birthday-card,html[data-theme="dark"] .stream-card,html[data-theme="dark"] .thread,html[data-theme="dark"] .message,html[data-theme="dark"] .notice,html[data-theme="dark"] .preview,html[data-theme="dark"] .profile,html[data-theme="dark"] .section,html[data-theme="dark"] .support-card,html[data-theme="dark"] .donate,html[data-theme="dark"] .prereq,html[data-theme="dark"] .plans>*,html[data-theme="dark"] .step,html[data-theme="dark"] .choice,html[data-theme="dark"] main.card{background:#271d2d!important;border-color:#4d3954!important;color:#f6edf7!important;box-shadow:0 12px 32px rgba(0,0,0,.2)!important}
html[data-theme="dark"] .home-notification-panel{background:#1f1724!important;color:#f6edf7!important}html[data-theme="dark"] .home-notification-item{background:#2a1e30!important;border-color:#503957!important}html[data-theme="dark"] .home-announcement-link,html[data-theme="dark"] .home-notification-trigger,html[data-theme="dark"] .home-login-button,html[data-theme="dark"] .olis-theme-toggle,html[data-theme="dark"] .status,html[data-theme="dark"] .footer-server-status{background:#2b2031!important;border-color:#523c5b!important;color:#f5eaf7!important}
html[data-theme="dark"] p,html[data-theme="dark"] .subtitle,html[data-theme="dark"] .desc,html[data-theme="dark"] .hint,html[data-theme="dark"] .meta,html[data-theme="dark"] .text,html[data-theme="dark"] .summary,html[data-theme="dark"] .content,html[data-theme="dark"] .detail,html[data-theme="dark"] .note,html[data-theme="dark"] footer{color:#cdbcd1!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#1b141f!important;border-color:#5b4263!important;color:#fff!important}html[data-theme="dark"] .tabs,html[data-theme="dark"] .category-tabs,html[data-theme="dark"] .nav{background:#251b2b!important;border-color:#4e3856!important}html[data-theme="dark"] .tab:not(.active),html[data-theme="dark"] .category:not(.active){color:#d3bfd8!important}html[data-theme="dark"] .day{background:#261c2c!important;border-color:#4e3955!important}html[data-theme="dark"] .day.other{opacity:.45}html[data-theme="dark"] .meta div,html[data-theme="dark"] .prize,html[data-theme="dark"] .row,html[data-theme="dark"] .odd,html[data-theme="dark"] .entry{background:#211827!important;border-color:#493450!important}html[data-theme="dark"] a.back{color:#d78cf2!important}
html[data-theme="dark"] .shop-catalog .category-tabs{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
@media(max-width:620px){body>.olis-theme-toggle{top:10px;right:10px}}

.olis-page-tools{position:fixed;z-index:88;top:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:9px}.olis-page-tools .olis-theme-toggle{position:static;top:auto;right:auto}.olis-page-tool{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #ead8eb;border-radius:50%;background:#fff;color:#49324f;font-family:inherit;font-size:23px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(80,47,89,.14);transition:transform .18s ease,background .18s ease,opacity .18s ease}.olis-page-tool:hover{transform:translateY(-2px)}.olis-page-tool:disabled{cursor:default;opacity:.45;transform:none}.olis-page-tools [data-label]{position:relative}.olis-page-tools [data-label]::after{content:attr(data-label);position:absolute;top:50%;right:calc(100% + 10px);padding:6px 9px;border:1px solid #ead8eb;border-radius:8px;background:#fff;color:#49324f;font-size:13px;font-weight:400;line-height:1.2;white-space:nowrap;box-shadow:0 7px 20px rgba(56,35,61,.16);opacity:0;visibility:hidden;transform:translate(5px,-50%);transition:.15s;pointer-events:none}.olis-page-tools [data-label]:hover::after,.olis-page-tools [data-label]:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}html[data-theme="dark"] .olis-page-tool,html[data-theme="dark"] .olis-page-tools [data-label]::after{background:#2b2031;border-color:#523c5b;color:#f5eaf7}@media(max-width:620px){.olis-page-tools{top:10px;right:10px;gap:7px}.olis-page-tool,.olis-page-tools .olis-theme-toggle{width:40px;height:40px}.olis-page-tools [data-label]::after{display:none}}
.olis-tool-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.olis-theme-toggle .olis-tool-icon{width:20px;height:20px}

/* olis-inner-page-subtitle-spacing */
header:has(>div:first-child + h1) > h1 + p,
header:has(>div:first-child + h1) > h1 + .sub{
  display:block;
  margin-top:14px;
}

/* Authenticated pages render several cards only after their API data arrives. */
html[data-theme="dark"] .player-center-v2 [data-player-panel="profile"],
html[data-theme="dark"] .player-backpack-card,
html[data-theme="dark"] .player-earned-card,
html[data-theme="dark"] .growth-entry,
html[data-theme="dark"] #playerItems .inventory-item,
html[data-theme="dark"] .earned-achievement,
html[data-theme="dark"] .support-history-item,
html[data-theme="dark"] .milestone-row,
html[data-theme="dark"] .stream-notification-card,
html[data-theme="dark"] .birthday-public-setting,
html[data-theme="dark"] .achievement-card,
html[data-theme="dark"] .achievement-dialog,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .achievement-equipped,
html[data-theme="dark"] .calendar,
html[data-theme="dark"] dialog,
html[data-theme="dark"] .state,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .feature,
html[data-theme="dark"] .milestones,
html[data-theme="dark"] .milestone,
html[data-theme="dark"] .reply,
html[data-theme="dark"] .privacy,
html[data-theme="dark"] .signin-calendar-entry{
  background:#271d2d!important;
  border-color:#4d3954!important;
  color:#f6edf7!important;
}
html[data-theme="dark"] #playerItems .inventory-item:hover,
html[data-theme="dark"] #playerItems .inventory-item:focus-within,
html[data-theme="dark"] .growth-entry.ready,
html[data-theme="dark"] .reply.admin{
  background:#312337!important;
  border-color:#684b70!important;
}
html[data-theme="dark"] .center-section-title,
html[data-theme="dark"] .growth-entry b,
html[data-theme="dark"] .earned-achievement-copy b,
html[data-theme="dark"] .support-history-copy b,
html[data-theme="dark"] .milestone-name,
html[data-theme="dark"] .stream-notification-state,
html[data-theme="dark"] .birthday-public-setting b,
html[data-theme="dark"] .achievement-card,
html[data-theme="dark"] .achievement-dialog,
html[data-theme="dark"] dialog{
  color:#f6edf7!important;
}
html[data-theme="dark"] #playerItems>.hint,
html[data-theme="dark"] #playerItems .inventory-empty,
html[data-theme="dark"] #birthdayContent,
html[data-theme="dark"] #playerAccountStatus,
html[data-theme="dark"] .growth-entry span,
html[data-theme="dark"] .earned-summary,
html[data-theme="dark"] .earned-achievement-copy small,
html[data-theme="dark"] .support-history-copy small,
html[data-theme="dark"] .milestone-reward,
html[data-theme="dark"] .stream-notification-copy p,
html[data-theme="dark"] .stream-notification-copy small,
html[data-theme="dark"] .birthday-public-setting small,
html[data-theme="dark"] .achievement-rarity,
html[data-theme="dark"] .achievement-progress{
  color:#d4c1d8!important;
}
html[data-theme="dark"] .center-preparing,
html[data-theme="dark"] .achievement-rarity,
html[data-theme="dark"] .support-history-state,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .milestone-state,
html[data-theme="dark"] .title-unequip,
html[data-theme="dark"] .achievement-equip{
  background:#3a2a41!important;
  color:#ead9ee!important;
}
html[data-theme="dark"] .earned-achievement-icon,
html[data-theme="dark"] .support-history-placeholder,
html[data-theme="dark"] .reward-image-placeholder{
  background:#35263c!important;
}

/* Keep every data-loaded foreground surface dark as well as the page canvas. */
html[data-theme="dark"] .song,
html[data-theme="dark"] .queue,
html[data-theme="dark"] .queue-menu #myQueue.queue,
html[data-theme="dark"] .song-login-user,
html[data-theme="dark"] .queue-item,
html[data-theme="dark"] .song-filter-bar,
html[data-theme="dark"] .search-toggle,
html[data-theme="dark"] .song-tag:not(.active),
html[data-theme="dark"] .queue-menu-button,
html[data-theme="dark"] .box,
html[data-theme="dark"] .history,
html[data-theme="dark"] .result,
html[data-theme="dark"] .reward,
html[data-theme="dark"] .reward-placeholder,
html[data-theme="dark"] .cart-row,
html[data-theme="dark"] .cart-summary,
html[data-theme="dark"] .cart-placeholder,
html[data-theme="dark"] .rule,
html[data-theme="dark"] .pool-meta>div,
html[data-theme="dark"] .prize-body,
html[data-theme="dark"] .prize-image,
html[data-theme="dark"] .quantity,
html[data-theme="dark"] .entry.rest,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .locked,
html[data-theme="dark"] .story,
html[data-theme="dark"] .merch-card,
html[data-theme="dark"] .condition,
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .person,
html[data-theme="dark"] .people-panel,
html[data-theme="dark"] .cake-panel,
html[data-theme="dark"] .cake-head,
html[data-theme="dark"] .home-mobile-favorite-item,
html[data-theme="dark"] .prize-claim-window{
  background:#271d2d!important;
  border-color:#4d3954!important;
  color:#f6edf7!important;
}

/* Introductory, ending and profile subtitle copy is typography, not a card. */
html[data-theme="dark"] .intro,
html[data-theme="dark"] .note,
html[data-theme="dark"] .tagline,
html[data-theme="dark"] .ending{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Personal growth is one dark card; its rows stay visually grouped without white islands. */
html[data-theme="dark"] .player-center-v2 [data-player-panel="live"],
html[data-theme="dark"] .player-center-v2 .signin-card.combined-signin,
html[data-theme="dark"] .player-center-v2 .annual-review-entry{
  background:#271d2d!important;
  border-color:#4d3954!important;
  color:#f6edf7!important;
}
html[data-theme="dark"] .player-center-v2 .signin-row{
  background:transparent!important;
  border-color:#4d3954!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .player-center-v2 .signin-subtitle,
html[data-theme="dark"] .player-center-v2 .annual-review-entry span,
html[data-theme="dark"] .player-center-v2 .signin-calendar-entry span{
  color:#d4c1d8!important;
}
html[data-theme="dark"] .player-center-v2 .signin-divider,
html[data-theme="dark"] .player-center-v2 .stream-progress{
  background:#4d3954!important;
}

/* Layout-only wrappers must stay invisible in dark mode. */
html[data-theme="dark"] .song-filter-bar,
html[data-theme="dark"] .wrap > .profile,
html[data-theme="dark"] main > section.panel:has(> .intro){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] main > nav.tabs[aria-label="說明分類"]{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .reward-dialog-prize{
  background:#35263c!important;
  color:#f6edf7!important;
}
html[data-theme="dark"] .reward-dialog-copy{
  color:#d4c1d8!important;
}
html[data-theme="dark"] .reward-close{
  background:#3a2a41!important;
  color:#ead9ee!important;
}
html[data-theme="dark"] .song h3,
html[data-theme="dark"] .queue h2,
html[data-theme="dark"] .queue-item,
html[data-theme="dark"] .box h2,
html[data-theme="dark"] .reward-copy,
html[data-theme="dark"] .cart-copy b,
html[data-theme="dark"] .pool-meta b,
html[data-theme="dark"] .cal-title,
html[data-theme="dark"] .entry h3,
html[data-theme="dark"] .merch-card h2,
html[data-theme="dark"] .plan h2,
html[data-theme="dark"] .person h2,
html[data-theme="dark"] .story h2,
html[data-theme="dark"] .story h3{
  color:#f6edf7!important;
}
html[data-theme="dark"] .song .meta,
html[data-theme="dark"] .box .meta,
html[data-theme="dark"] .stock,
html[data-theme="dark"] .cart-copy small,
html[data-theme="dark"] .prize-content,
html[data-theme="dark"] .entry label,
html[data-theme="dark"] .cost,
html[data-theme="dark"] .cal-meta,
html[data-theme="dark"] .date,
html[data-theme="dark"] .entry p,
html[data-theme="dark"] .merch-card p,
html[data-theme="dark"] .person .platform{
  color:#d4c1d8!important;
}
html[data-theme="dark"] #queueSummary,
html[data-theme="dark"] .bundle-badge,
html[data-theme="dark"] .quantity{
  background:#3a2a41!important;
  color:#ead9ee!important;
}

html[data-theme="dark"] .product,
html[data-theme="dark"] details.item{
  background:#271d2d!important;
  border-color:#4d3954!important;
  color:#f6edf7!important;
}
html[data-theme="dark"] .product h2,
html[data-theme="dark"] .product .price,
html[data-theme="dark"] details.item summary,
html[data-theme="dark"] details.item .content,
html[data-theme="dark"] details.item .content b{
  color:#f6edf7!important;
}
html[data-theme="dark"] .product .description,
html[data-theme="dark"] .product .rules{
  color:#d4c1d8!important;
}
html[data-theme="dark"] .product .category,
html[data-theme="dark"] details.item .tag{
  background:#3a2a41!important;
  color:#ead9ee!important;
}

/* Runtime contrast guard marks API-rendered surfaces that static selectors cannot know. */
html[data-theme="dark"] .olis-dark-surface-fix{
  background-color:#271d2d!important;
  background-image:none!important;
  border-color:#4d3954!important;
  color:#f6edf7!important;
}
html[data-theme="dark"] .olis-dark-text-fix{
  color:#f6edf7!important;
}
html[data-theme="dark"] #historyPanel .toggle,
html[data-theme="dark"] .calendar-panel .nav button{
  background:#382a40!important;
  border:1px solid #6c4c78!important;
  color:#f4eaf6!important;
  box-shadow:none!important;
}

/* Dark-mode controls use violet-grey surfaces; the milk-tea brown palette is light-only. */
html[data-theme="dark"] :is(
  .claim,.announcement-download,.wallet-stat-action,
  .pager button,.month-tools button,#playerLogoutButton,
  .olis-profile-page .tab.active
){
  background:#382a40!important;
  background-image:none!important;
  border-color:#6c4c78!important;
  color:#f4eaf6!important;
  box-shadow:none!important;
}
html[data-theme="dark"] :is(
  .claim:not(:disabled),.announcement-download,
  .olis-profile-page .tab.active
){
  background:linear-gradient(90deg,#624678,#7b4f86)!important;
  border-color:#87609a!important;
  color:#fff!important;
}
html[data-theme="dark"] :is(.pager button:disabled,.month-tools button:disabled,.claim:disabled),
html[data-theme="dark"] .product .action button:disabled{
  background:#302735!important;
  background-image:none!important;
  border-color:#4f4057!important;
  color:#a99bac!important;
  opacity:1!important;
}
html[data-theme="dark"] .nickname-choice:has(input:checked){
  background:#372a3c!important;
  border-color:#765486!important;
}