:root{color-scheme:light}
.wrapped footer{flex-wrap:wrap;row-gap:20px}
.wrapped footer .rights-note{flex-basis:100%;font:400 11px/1.6 Onest,Arial,sans-serif;color:#c8c2b5}
.wrapped .header-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.wrapped .theme-switch{display:flex;border:1px solid #8c877e;border-radius:99px;padding:4px;gap:4px}
.wrapped .theme-choice{display:flex;align-items:center;gap:8px;padding:7px 12px;border:0;border-radius:99px;font:600 10px/1.2 Onest,Arial,sans-serif;letter-spacing:.04em;color:#262626;background:transparent;cursor:pointer}
.wrapped .theme-choice svg{width:26px;height:26px;flex-shrink:0;fill:#f2f0e6;stroke:#262626;stroke-width:1.5}
.wrapped .theme-choice .bear-eye{stroke:#262626;fill:#262626}
.wrapped .theme-choice.despair svg{fill:#262626;stroke:#f2f0e6}
.wrapped .theme-choice.despair .bear-eye{stroke:#ff4b67;fill:#ff4b67}
.wrapped .theme-choice[aria-pressed=true]{background:#262626;color:#f2f0e6}
.wrapped .theme-choice:focus-visible{outline:3px solid #65519f;outline-offset:3px}
html[data-theme=despair]{color-scheme:dark}
.wrapped[data-theme=despair] body,.wrapped[data-theme=despair] .guide,.wrapped[data-theme=despair] .trends,.wrapped[data-theme=despair] .community-overview,.wrapped[data-theme=despair] .promo,.wrapped[data-theme=despair] .channel-community{background:#252525;color:#f2f0e6}
.wrapped[data-theme=despair] body::before{mix-blend-mode:screen;opacity:.035}
.wrapped[data-theme=despair] .top,.wrapped[data-theme=despair] footer{color:#f2f0e6}
.wrapped[data-theme=despair] .guide-number,.wrapped[data-theme=despair] .row-month,.wrapped[data-theme=despair] .trends strong{color:#f2f0e6}
.wrapped[data-theme=despair] .community-date,.wrapped[data-theme=despair] .promo-snapshot{color:#c8c2b5}
.wrapped[data-theme=despair] .channel-community .community-date{color:#c8c2b5}
.wrapped[data-theme=despair] .number-loop{filter:brightness(1.8);opacity:.55}
.wrapped[data-theme=despair] .video{background:#433c61;color:#f2f0e6}
.wrapped[data-theme=despair] .segments{border-color:#c4b8ee}
.wrapped[data-theme=despair] .segments button{color:#f2f0e6}
.wrapped[data-theme=despair] .segments button[aria-pressed=true]{background:#f2f0e6;color:#262626}
.wrapped[data-theme=despair] .video-kpis article{border-color:#9b8db8}
.wrapped[data-theme=despair] select{background:#252525;color:#f2f0e6;border-color:#9d9688}
.wrapped[data-theme=despair] .releases{color:#f2f0e6;background:#252525}
.wrapped[data-theme=despair] .releases::before{background:#191919a8}
.wrapped[data-theme=despair] .releases .section-head{background:#252525f2;color:#f2f0e6}
.wrapped[data-theme=despair] .channel-community,.wrapped[data-theme=despair] .trends{border-top:1px solid #77766d}
.wrapped[data-theme=despair] .releases .empty{color:#f2f0e6}
.wrapped[data-theme=despair] .row-track{background:#49463f}
.wrapped[data-theme=despair] .month-row{color:#f2f0e6}
.wrapped[data-theme=despair] .row-ink{background:#c8bbff}
.wrapped[data-theme=despair] .month-row.current .row-ink{background:#eee6ff}
.wrapped[data-theme=despair] .month-control{color:#c8c2b5}
.wrapped[data-theme=despair] .discord-heading img{filter:invert(1)}
.wrapped[data-theme=despair] .theme-choice{color:#f2f0e6}
.wrapped[data-theme=despair] .theme-choice[aria-pressed=true]{background:#f2f0e6;color:#262626}
.wrapped[data-theme=despair] .theme-choice:focus-visible{outline-color:#c8bbff}
@media(max-width:560px){.wrapped .top{flex-wrap:wrap}.wrapped .header-controls{width:100%;justify-content:space-between;gap:12px}.wrapped .theme-choice{padding:6px 8px;gap:5px}.wrapped .theme-choice svg{width:23px;height:23px}.wrapped .month-control{font-size:0}.wrapped .month-control select{font-size:12px}}
.wrapped .theme-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;isolation:isolate}
.wrapped .theme-switch::before{content:'';position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:99px;background:#e0d8ff;box-shadow:0 2px 5px #26262618;transform:translateX(0);transition:transform 380ms cubic-bezier(.22,1,.36,1),background-color 240ms;z-index:-1}
.wrapped[data-theme=despair] .theme-switch::before{transform:translateX(100%);background:#efece3}
.wrapped .theme-switch .theme-choice{position:relative;justify-content:center;min-width:110px;gap:8px;padding:0 12px;height:52px;background:transparent;color:#59574e}
.wrapped .theme-switch .theme-choice[aria-pressed=true]{background:transparent;color:#262626}
.wrapped[data-theme=despair] .theme-switch .theme-choice{color:#c8c2b5}
.wrapped[data-theme=despair] .theme-switch .theme-choice[aria-pressed=true]{background:transparent;color:#262626}
.wrapped .theme-word{font:900 10px/1 Unbounded,Arial,sans-serif;font-style:italic;letter-spacing:.035em;transition:transform 240ms}
.wrapped .theme-sprite{display:block;width:40px;height:52px;object-fit:contain;object-position:center;filter:drop-shadow(0 1px 1px #0005);transform-origin:50% 85%;transition:transform 220ms}
.wrapped .theme-choice:hover .theme-sprite{transform:translateY(-3px) rotate(-5deg)}
.wrapped .theme-choice[aria-pressed=true] .theme-sprite{animation:theme-greet 440ms cubic-bezier(.22,1,.36,1) both}
.wrapped body,.wrapped .guide,.wrapped .video,.wrapped .trends,.wrapped .channel-community,.wrapped .community-overview,.wrapped .promo{transition:background-color 260ms,color 260ms}
@keyframes theme-greet{0%{transform:translateY(2px) rotate(0)}40%{transform:translateY(-4px) rotate(-7deg)}75%{transform:translateY(-1px) rotate(3deg)}100%{transform:translateY(0) rotate(0)}}
@media(max-width:560px){.wrapped .theme-switch .theme-choice{min-width:88px;padding:0 7px;gap:5px;height:46px}.wrapped .theme-sprite{width:32px;height:46px}.wrapped .theme-word{font-size:8px}}
@media(prefers-reduced-motion:reduce){.wrapped .theme-switch::before,.wrapped .theme-word,.wrapped .theme-sprite,.wrapped body,.wrapped .guide,.wrapped .video,.wrapped .trends,.wrapped .channel-community,.wrapped .community-overview,.wrapped .promo{animation:none!important;transition:none!important}.wrapped .theme-choice:hover .theme-sprite{transform:none}.wrapped .theme-choice[aria-pressed=true] .theme-sprite{animation:none!important}}
