@layer dbc-mode-control {
 .dbc-mode-toggle{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 18px)!important;left:max(14px,env(safe-area-inset-left,0px))!important;z-index:100!important;width:48px!important;height:44px!important;padding:0!important;min-width:48px!important;min-height:44px!important;border:0!important;background:transparent!important;border-radius:24px!important;display:grid!important;place-items:center!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;view-transition-name:dbc-mode-switch}
 .dbc-mode-track{position:relative;display:block;width:44px;height:24px;border-radius:20px;background:#e1e1e1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:background .38s ease,box-shadow .38s ease}
 .dbc-mode-thumb{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;color:#242424;transform:translateX(0);transition:transform .42s cubic-bezier(.22,1,.36,1),background .38s ease;box-shadow:0 1px 3px #0001}
 .dbc-mode-thumb svg{position:absolute;width:12px;height:12px;inset:3px;transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1);color:#242424!important}
 .dbc-mode-moon{opacity:0;transform:rotate(-60deg) scale(.6)}
 html[data-dbc-mode="night"] .dbc-mode-track{background:linear-gradient(100deg,#25bfd0,#7dcdf5);box-shadow:0 0 12px rgba(69,202,236,.42),inset 0 0 0 1px rgba(255,255,255,.35)}
 html[data-dbc-mode="night"] .dbc-mode-thumb{transform:translateX(20px);background:#f2fcff}
 html[data-dbc-mode="night"] .dbc-mode-sun{opacity:0;transform:rotate(70deg) scale(.6)}
 html[data-dbc-mode="night"] .dbc-mode-moon{opacity:1;transform:rotate(0) scale(1)}
 .dbc-mode-toggle:focus-visible{outline:2px solid var(--dbc-ink,#242424)!important;outline-offset:2px!important}
 @media(max-width:749px){.dbc-mode-toggle{top:calc(env(safe-area-inset-top,0px) + 17px)!important;left:max(8px,env(safe-area-inset-left,0px))!important}}
 @media(prefers-reduced-motion:reduce){.dbc-mode-toggle *{transition:none!important}}
 @media print{.dbc-mode-toggle{display:none!important}}
}
::view-transition-group(root){animation-duration:.38s}
::view-transition-group(dbc-mode-switch){animation-duration:.38s}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important}}