/* dark theme — generated by tools/make_dark_css.py from public/css/musicshake.min.css, public/css/ui.min.css, public/css/payment.min.css, then dark-extra.css. Do not edit by hand. */
html.dark { color-scheme: dark; }
/* ---- from public/css/musicshake.min.css (196 rules) ---- */
:where(html.dark) body { color: #c9c9c9; background-color: #1c1c1c; }
:where(html.dark) h1, :where(html.dark) h2, :where(html.dark) h3, :where(html.dark) h4, :where(html.dark) h5, :where(html.dark) h6 { color: #c9c9c9; }
:where(html.dark) a { color: #90bde9; }
:where(html.dark) h1 a, :where(html.dark) h2 a, :where(html.dark) h3 a, :where(html.dark) h4 a, :where(html.dark) h5 a, :where(html.dark) h6 a { color: #9e9e9e; }
:where(html.dark) h1 span, :where(html.dark) h2 span { color: #9e9e9e; }
:where(html.dark) h3 span, :where(html.dark) h4 span, :where(html.dark) h5 span, :where(html.dark) h6 span { color: #9e9e9e; }
:where(html.dark) select { border: solid 2px #4a4a4a; }
:where(html.dark) textarea { border: solid 1px #4a4a4a; }
:where(html.dark) hr { background-color: #404040; }
:where(html.dark) input[type="text"], :where(html.dark) input[type="password"] { border: 2px solid #4a4a4a; color: #c9c9c9; }
:where(html.dark) input[type="submit"], :where(html.dark) input[type="reset"], :where(html.dark) input[type="button"], :where(html.dark) button, :where(html.dark) a.button { border: solid 2px #4a4a4a; color: #c9c9c9; background-color: #202020; }
:where(html.dark) input[type="submit"]:hover, :where(html.dark) input[type="reset"]:hover, :where(html.dark) input[type="button"]:hover, :where(html.dark) button:hover, :where(html.dark) a.button:hover { background-color: #888; color: #fff; }
:where(html.dark) input[type="submit"]:active, :where(html.dark) input[type="reset"]:active, :where(html.dark) input[type="button"]:active, :where(html.dark) button:active, :where(html.dark) a.button:active { box-shadow: 0 0 3px #000; }
:where(html.dark) input[type="submit"][disabled], :where(html.dark) input[type="reset"][disabled], :where(html.dark) input[type="button"][disabled], :where(html.dark) button[disabled], :where(html.dark) a.button[disabled] { color: #aaaaaa; background-color: #404040; }
:where(html.dark) a.button.selected { background-color: #1a2d44; }
:where(html.dark) a.button:hover.selected { color: #c9c9c9; }
:where(html.dark) #content .main { border: solid 1px #4a4a4a; background-color: #1c1c1c; }
:where(html.dark) #footer { border-top: solid 1px #4a4a4a; color: #9e9e9e; }
:where(html.dark) #problem { background-color: #44441a; }
:where(html.dark) #confirm { background-color: #1c1c1c; border: 1px solid #333; }
:where(html.dark) #confirm .title { background-color: #333; color: #fff; }
:where(html.dark) .title { color: #c9c9c9; }
:where(html.dark) .title a { color: #c9c9c9; }
:where(html.dark) .title span { color: #9e9e9e; }
:where(html.dark) .title span a { color: #90bde9; }
:where(html.dark) .header span { color: #9e9e9e; }
:where(html.dark) .label { color: #9e9e9e; }
:where(html.dark) .label a { color: #9e9e9e; }
:where(html.dark) .datetime { color: #9e9e9e; }
:where(html.dark) .checkmark { color: #afd78e; }
:where(html.dark) .result, :where(html.dark) .message { color: #c6e184; }
:where(html.dark) .error, :where(html.dark) .message.error, :where(html.dark) .result.error { color: #fc9169; }
:where(html.dark) .highlight { color: #90bde9; }
:where(html.dark) .highlight2 { color: #ffd8b0; }
:where(html.dark) .highlight3 { color: #fc9169; }
:where(html.dark) .greyout { color: #9e9e9e; }
:where(html.dark) span.divider { color: #ccc; }
:where(html.dark) .nav a { color: #b8b8b8; }
:where(html.dark) .nav a.selected { background-color: #444446; color: #fff; }
:where(html.dark) .ad.leaderboard .t { border-top: dashed 1px #4a4a4a; }
:where(html.dark) .loading { color: #fff; background-color: #444; }
:where(html.dark) .loading .text { color: #efefef; }
:where(html.dark) .loading.small { color: #fff; }
:where(html.dark) .loading.small .icon { background: url("/img/loading/loading2.gif") 0 0 no-repeat #1c1c1c; }
:where(html.dark) #dock .paginator { border: solid 1px #4a4a4a; background-color: #1c1c1c; }
:where(html.dark) .cdimg .play, :where(html.dark) .cdimg .add { border: solid 1px #666; }
:where(html.dark) .cdimg .play .bg, :where(html.dark) .cdimg .add .bg { background-color: #000; }
:where(html.dark) .cdimg .play:hover .icon { color: #fff; }
:where(html.dark) .ul { border-bottom: solid 1px #4a4a4a; }
:where(html.dark) .list .item { border-bottom: solid 1px #444444; }
:where(html.dark) .list .item:hover { background-color: #002245; }
:where(html.dark) .list .item2 .user { color: #9e9e9e; }
:where(html.dark) .list .item2 .user a { color: #9e9e9e; }
:where(html.dark) .list .sitem { border: solid 1px #4a4a4a; }
:where(html.dark) .list .sitem:hover { border: solid 1px #aaa; box-shadow: 0 0 5px #4a4a4a; }
:where(html.dark) .list .smenu { background-color: #292929; }
:where(html.dark) .list .smenu .image { background-color: #1c1c1c; border: solid 1px #4a4a4a; }
:where(html.dark) .list .smenu .smenu-bottom a { background-color: #444; color: #fff; }
:where(html.dark) .list .smenu .smenu-bottom button:hover, :where(html.dark) .list .smenu .smenu-bottom a:hover { background-color: #478cc1; }
:where(html.dark) .list .smenu .smenu-bottom button:active, :where(html.dark) .list .smenu .smenu-bottom a:active { background-color: #54a9ea; }
:where(html.dark) .list .smenu .abtn { background-color: #27b; color: #fff; }
:where(html.dark) .list .smenu .abtn:hover { background-color: #478cc1; }
:where(html.dark) .list .smenu .abtn:active { background-color: #54a9ea; }
:where(html.dark) .collage .item a { color: #c9c9c9; }
:where(html.dark) .calendar .item { background-color: #6f9b35; color: #fff; }
:where(html.dark) .calendar .item:hover { background-color: #352335; color: #c9c9c9; }
:where(html.dark) .calendar .item.red { background-color: #b5211e; }
:where(html.dark) .calendar .item.yellow { background-color: #f6a535; }
:where(html.dark) .calendar .item.green { background-color: #6f9b35; }
:where(html.dark) div.block.box { border: solid 2px #4a4a4a; }
:where(html.dark) .overlay .shadow { box-shadow: 1px 1px 3px #000; }
:where(html.dark) .overlay .title { color: #fff; background-color: #222; }
:where(html.dark) .overlay .content { background-color: #1c1c1c; }
:where(html.dark) .actions a { color: #fff; background-color: #4a4a4a; border: solid 1px #999; }
:where(html.dark) .actions a:hover { background-color: #666; }
:where(html.dark) .actions .fan { background-color: #4b78bc; }
:where(html.dark) .actions .fan:hover { background-color: #466da8; }
:where(html.dark) .rate-box { border: solid 1px #4a4a4a; box-shadow: 0 0 10px #4a4a4a; background-color: #1c1c1c; }
:where(html.dark) .rounded { background-color: #292929; }
:where(html.dark) .shadow { box-shadow: 0 0 3px #000; }
:where(html.dark) .bordered { border: solid 1px #4a4a4a; }
:where(html.dark) .sp table { background-color: #212121; }
:where(html.dark) .sp table td { border: solid 1px #4a4a4a; }
:where(html.dark) .xbtn { background: url("/img/sprite-0.png") no-repeat scroll -97px -129px #ac3204; }
:where(html.dark) .xbtn:hover { background: url("/img/sprite-0.png") no-repeat scroll -97px -129px #bc5a36; }
:where(html.dark) .xbtn:active { background: url("/img/sprite-0.png") no-repeat scroll -97px -129px #ed8863; }
:where(html.dark) .bgc0 { background-color: #292929!important; }
:where(html.dark) .bgc1 { background-color: #193542!important; }
:where(html.dark) .bgc2 { background-color: #27b!important; }
:where(html.dark) .bgc3 { background-color: #401818!important; }
:where(html.dark) .bgc4 { background-color: #334018!important; }
:where(html.dark) .bgc5 { background-color: #451e00!important; }
:where(html.dark) .bgc6 { background-color: #ffd8b0!important; }
:where(html.dark) .bgc7 { background-color: #1a2d44!important; }
:where(html.dark) .bgc8 { background-color: #001e45!important; }
:where(html.dark) .bgc9 { background-color: #222222!important; }
:where(html.dark) .bgc10 { background-color: #44441a!important; }
:where(html.dark) .bgc11 { background-color: #9dca31!important; }
:where(html.dark) #header { background-color: #2a2a2a; box-shadow: 0 0 5px 0 #000; }
:where(html.dark) #header-nav { color: #ccc; }
:where(html.dark) #header-nav li a { color: #a9a9a9; }
:where(html.dark) #header-nav li:hover a { background-color: #333; color: #ccc; }
:where(html.dark) #header-nav li.selected { background-color: #333; }
:where(html.dark) #header-nav .s { border-left: solid 1px #111; border-right: solid 1px #111; border-bottom: solid 1px #111; background-color: #333; box-shadow: 0 0 5px 0 #333; }
:where(html.dark) #header-nav .s a { color: #ccc; }
:where(html.dark) #header-nav .s a.bb { border-bottom: solid 1px #444; }
:where(html.dark) #header-nav .s a:hover { color: #fff; }
:where(html.dark) #header-nav .f .label { color: #ccc; }
:where(html.dark) #header-login { color: #efefef; }
:where(html.dark) #header-login a { color: #efefef; }
:where(html.dark) #header-login a:hover { color: #ccc; }
:where(html.dark) #header-login a.usermenu.on { color: #ccc; }
:where(html.dark) #header-login-usermenu { background-color: #1c1c1c; border: solid 1px #666; color: #c9c9c9; }
:where(html.dark) #header-login-usermenu a { color: #c9c9c9; }
:where(html.dark) #header-login-usermenu a:hover { color: #90bde9; }
:where(html.dark) .pagenav div.b a { border: solid 1px #4a4a4a; color: #b8b8b8; }
:where(html.dark) .pagenav div.b.f a { border-color: #ffcc02; background-color: #2a2a2a; }
:where(html.dark) .pagenav div.b.hover .slist { background-color: #2a2a2a; border: 1px solid #444444; box-shadow: 0 0 2px 0 #444444; }
:where(html.dark) .pagenav div.b.hover .slist a { color: #afafaf; }
:where(html.dark) .pagenav div.b.hover .slist a:hover { color: #b8b8b8; }
:where(html.dark) .pagenav form.search { color: #b8b8b8; }
:where(html.dark) .pagenav form.search input[type=text] { border: solid 1px #4a4a4a; }
:where(html.dark) #song .instrument:hover { color: #90bde9; }
:where(html.dark) #song .remix_button { background-color: #000; }
:where(html.dark) #song-dialog .album-box { border: solid 1px #4a4a4a; }
:where(html.dark) #song-dialog .album-box>.tooltip { background-color: #000; color: #fff; }
:where(html.dark) #user-fan-btn.unfan:hover { background-color: #ffd8b0; color: #c9c9c9; }
:where(html.dark) #charts div.block.w .rank { background-color: #444; color: #fff; }
:where(html.dark) #charts div.block.m .rank { background-color: #444; color: #fff; }
:where(html.dark) #charts div.block.w .weeks { background-color: #444; color: #fff; }
:where(html.dark) #charts div.block.w .diff { background-color: #444; color: #fff; }
:where(html.dark) #charts-listings .close { background: url("/img/sprite-2.png") no-repeat scroll -97px -129px #1c1c1c; }
:where(html.dark) #charts-listings .close:hover { background: url("/img/sprite-0.png") no-repeat scroll -97px -129px #ac3204; }
:where(html.dark) #charts-listings .item { box-shadow: 4px 4px 4px #666; }
:where(html.dark) #charts-listings .cdimg img { box-shadow: 4px 4px 4px #666; }
:where(html.dark) #cart-mini { border: solid 1px #444; box-shadow: 1px 1px 5px 0 #444; }
:where(html.dark) #cart-mini .header { background-color: #000; color: #fff; }
:where(html.dark) #cart-mini .summary { color: #c9c9c9; background-color: #1c1c1c; }
:where(html.dark) #cart-mini .summary .item { border-bottom: dashed 1px #4a4a4a; }
:where(html.dark) #cart-mini .buttons { background-color: #1c1c1c; }
:where(html.dark) #cart-mini .buttons button:hover { background-color: #888; }
:where(html.dark) #cart-checkout .header { border-bottom: solid 1px #4a4a4a; }
:where(html.dark) #cart-checkout .item { border-bottom: dashed 1px #4a4a4a; }
:where(html.dark) #cart-mini .item:hover, :where(html.dark) #cart-checkout .item:hover { background-color: #001e45; }
:where(html.dark) #cart-checkout .ads { border-top: solid 1px #4a4a4a; }
:where(html.dark) #cartp, :where(html.dark) #cartc { background-color: #1c1c1c; border: solid 10px #252525; }
:where(html.dark) .cart { color: #ebebeb; }
:where(html.dark) .cart .content .bought h4 { background-color: #292929; }
:where(html.dark) .cart .cart_item:hover { background-color: #202020; }
:where(html.dark) .cart .total { border-top: 1px solid #434343; }
:where(html.dark) #forums .ul { border-bottom: dashed 1px #4a4a4a; }
:where(html.dark) #forums .menu { background-color: #1c1c1c; border-bottom: 2px dashed #264873; }
:where(html.dark) #forums .info { color: #b8b8b8; }
:where(html.dark) #forums .block .divider { color: #ccc; }
:where(html.dark) #forums .postinfo .posttime { color: #9e9e9e; }
:where(html.dark) #forums fieldset { border: solid 1px #4a4a4a; }
:where(html.dark) #forums blockquote { border: solid 1px #4a4a4a; }
:where(html.dark) #forums textarea { border: solid 2px #4a4a4a; }
:where(html.dark) #forums .inbox th { background-color: #666; color: #fff; }
:where(html.dark) #forums .inbox tr { border-bottom: solid 1px #4a4a4a; }
:where(html.dark) #forums tr.inew { border-bottom: solid 1px #4a4a4a; }
:where(html.dark) #my-topmenu-song .divider { background-color: #404040; }
:where(html.dark) #my-topmenu-song .divider .label { background-color: #1c1c1c; }
:where(html.dark) #my .item .expand { color: #81bef9; background-color: #1c1c1c; }
:where(html.dark) #my .item .expand:hover { color: #fff; background-color: #248ef4; }
:where(html.dark) #youtube .block.item { border: solid 1px #4a4a4a; }
:where(html.dark) #youtube .list .block.youtube { border-bottom: solid 1px #4a4a4a; }
:where(html.dark) #signup .instruction { background-color: #334018; border: solid 1px #e4ffaf; }
:where(html.dark) #store .header { color: #9e9e9e; }
:where(html.dark) #store button.x { background-color: #292929; border: solid 1px #4a4a4a; color: #b8b8b8; box-shadow: 1px 1px 1px #4a4a4a; background-image: linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -o-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -moz-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -webkit-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -ms-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28,#202020),color-stop(0.64,#2a2a2a)); }
:where(html.dark) #store button.x:hover { background-color: #3b3b3b; color: #b8b8b8; box-shadow: 1px 1px 1px #888; background-image: linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -o-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -moz-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -webkit-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -ms-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28,#202020),color-stop(0.64,#202020)); }
:where(html.dark) #store button.plain { color: #90bde9; }
:where(html.dark) #store button.plain:hover { color: #90bde9; }
:where(html.dark) #imgedit { background-color: #1c1c1c; box-shadow: 0 0 5px 0 #000; }
:where(html.dark) #imgedit .title { color: #c9c9c9; }
:where(html.dark) #imgedit .item { border: solid 1px #4a4a4a; }
:where(html.dark) #imgedit .item.selectable .del { background: url("/img/sprite-imgedit.png") no-repeat scroll 3px -77px #000; }
:where(html.dark) #imgedit .item.selectable .edit { background: url("/img/sprite-imgedit.png") no-repeat scroll 3px 3px #000; }
:where(html.dark) #imgedit .item.selectable:hover, :where(html.dark) #imgedit-uploader:hover { box-shadow: 0 0 2px 0 #000; }
:where(html.dark) #imgedit-uploader .tooltip { border: solid 1px #4a4a4a; background-color: #000; color: #fff; }
:where(html.dark) #imgedit-preview-h0 { border: solid 1px #000; box-shadow: 0 0 2px 0 #000; background-color: #1c1c1c; }
:where(html.dark) #imgedit-preview-box { box-shadow: 0 0 0 2px #f00; }
:where(html.dark) #imgedit-preview .box { background-color: #1c1c1c; }
:where(html.dark) div#pop-up { background: #2a2a2a; color: #ebebeb; border: 1px solid #1a1a1a; }
:where(html.dark) a#trigger { color: #fb6ab4; }
:where(html.dark) #comment-form .mask p { color: #eee; background-color: #3f8cd9; box-shadow: 1px 1px 10px #3f8cd9; }
:where(html.dark) #comment-form .mask a { color: #eee; }
:where(html.dark) .comment-list .comment-item:hover { background-color: #001e45; }
:where(html.dark) .comment-item .buttons a:hover { border: solid 2px #4a4a4a; background-color: #888; }
:where(html.dark) .comment-item .reply_form textarea { border: solid 1px #4a4a4a; }
:where(html.dark) .comment-item .reply_item { border-top: 1px dashed #4a4a4a; }
:where(html.dark) .comment-list p.flagged_deleted { color: #ccc; }
:where(html.dark) #download .xbtn { background-color: #292929; border: solid 1px #4a4a4a; color: #b8b8b8; box-shadow: 1px 1px 1px #4a4a4a; background-image: linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -o-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -moz-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -webkit-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -ms-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28,#202020),color-stop(0.64,#2a2a2a)); }
:where(html.dark) #download .xbtn:hover { background-color: #3b3b3b; color: #b8b8b8; box-shadow: 1px 1px 1px #888; background-image: linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -o-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -moz-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -webkit-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -ms-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28,#202020),color-stop(0.64,#202020)); }
:where(html.dark) #system_alert { border: solid 1px #dbdb9b; background-color: #44441a; }
:where(html.dark) #edit_profile-picture .userimg { background: #1c1c1c; }
/* ---- from public/css/ui.min.css (468 rules) ---- */
:where(html.dark) #header-login { background: #2a2a2a; box-shadow: -12px 0 12px -6px #2a2a2a; }
:where(html.dark) #charts-nav .cw-button { background: #444; color: #fff; }
:where(html.dark) #charts-nav .cw-button:hover { background: #555; }
:where(html.dark) #charts-nav .cw-panel { background: #1c1c1c; border: 1px solid #4a4a4a; box-shadow: 0 4px 16px rgba(0,0,0,.2); }
:where(html.dark) #charts-nav .cw-panel label { color: #b8b8b8; }
:where(html.dark) #recent-search input[type=search] { border: 1px solid #bbb; }
:where(html.dark) #recent-search select { border: 1px solid #bbb; background: #1c1c1c; }
:where(html.dark) #recent-search button { background: #444; color: #fff; }
:where(html.dark) #recent-search button:hover { background: #555; }
:where(html.dark) #index-hero { background: linear-gradient(120deg, #1a0f33, #4a1270, #0f2f55, #2b0b46, #1a0f33); color: #fff; }
:where(html.dark) #index-hero .hero-eq i { background: linear-gradient(to top, #ff3d7f, #ffb300 60%, #ffe066); }
:where(html.dark) #index-hero .hero-notes b { color: rgba(255,255,255,.55); }
:where(html.dark) #index-hero h2 { color: #ffea7a; }
:where(html.dark) #index-hero.hero-v2 { background: linear-gradient(120deg, #06283d, #1b1464, #0b3d5c, #2a0f5c, #06283d); }
:where(html.dark) #index-hero .hero-wave.w1 { fill: rgba(122, 241, 255, 0.22); }
:where(html.dark) #index-hero .hero-wave.w2 { fill: rgba(124, 77, 255, .28); }
:where(html.dark) #index-hero .hero-wave.w3 { fill: rgba(255, 64, 129, .22); }
:where(html.dark) #index-hero .hero-rings span { border: 2px solid rgba(0, 229, 255, .45); }
:where(html.dark) #index-hero .hero-rings span:nth-child(2) { border-color: rgba(124, 77, 255, .45); }
:where(html.dark) #index-hero .hero-rings span:nth-child(3) { border-color: rgba(255, 64, 129, .40); }
:where(html.dark) #index-hero.hero-v3 { background: #0b0d12; box-shadow: inset 0 0 0 1px rgba(56, 56, 56, 0.06); }
:where(html.dark) #index-hero .hero-grid { background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
	                  linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); }
:where(html.dark) #index-hero .hero-glow span { background: radial-gradient(circle, rgba(64, 120, 255, .55), transparent 65%); }
:where(html.dark) #index-hero .hero-glow span:nth-child(2) { background: radial-gradient(circle, rgba(0, 0, 0, 0.35), transparent 65%); }
:where(html.dark) #index-hero .hero-spectrum i { background: linear-gradient(to bottom, transparent, #1a2244 30%, #1c1c1c 50%, #1a2244 70%, transparent); }
:where(html.dark) #index-hero.hero-v3 h2 { color: #ffffff; }
:where(html.dark) #index-hero.hero-v3 h2::after { background: #d4af37; }
:where(html.dark) #index-hero.hero-v3 p { color: #aab2c0; }
:where(html.dark) .cdimg .play, :where(html.dark) .cdimg .add { background: rgba(0, 0, 0, .58); box-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
:where(html.dark) .cdimg .play:hover, :where(html.dark) .cdimg .add:hover { background: rgba(0, 0, 0, .82); }
:where(html.dark) .actions a { border: 1px solid #3c4350; background: #1c1c1c; color: #d1d1d1; }
:where(html.dark) .actions a:hover { background: #1d242d; border-color: #424954; color: #e2e2e2; }
:where(html.dark) .actions a.personal { background: #1a73e8; border-color: #1a73e8; color: #fff; }
:where(html.dark) .actions a.personal:hover { background: #1765cc; border-color: #1765cc; color: #fff; }
:where(html.dark) .overlay { background: #1c1c1c; box-shadow: 0 16px 48px rgba(0, 0, 0, .35); }
:where(html.dark) .overlay .title { background: #16181d; }
:where(html.dark) .overlay .close:hover { background-color: rgba(0, 0, 0, 0.12); }
:where(html.dark) #feedback .label { color: #bdc1c7; }
:where(html.dark) #feedback input[type=text], :where(html.dark) #feedback select, :where(html.dark) #feedback textarea { border: 1px solid #3c4350; background: #1c1c1c; color: #dadada; }
:where(html.dark) #feedback input[type=text]:focus, :where(html.dark) #feedback select:focus, :where(html.dark) #feedback textarea:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #feedback p { color: #a9adb7; }
:where(html.dark) #feedback .error { color: #e9837c; }
:where(html.dark) #feedback .buttons button { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) #feedback .buttons button:hover { background: #1765cc; }
:where(html.dark) .list > .block.item, :where(html.dark) #charts .item.chart.w { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) #charts div.block.w .rank { background: rgba(0, 0, 0, .58); box-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
:where(html.dark) .song-row .title .comment-count { color: #9e9e9e; }
:where(html.dark) .song-row .stats { color: #c9c9c9; }
:where(html.dark) .song-row .stats .label { color: #9e9e9e; }
:where(html.dark) .song-row .fav-count svg { fill: #ef8baa; }
:where(html.dark) .actions a.favorite svg { stroke: #ef8baa; }
:where(html.dark) .actions a.favorite:hover { background: #440012; border-color: #f3b5c8; }
:where(html.dark) .actions a.favorite:hover svg { fill: #ef8baa; }
:where(html.dark) #recent-search input[type=search], :where(html.dark) #recent-search select { border: 1px solid #3c4350; background-color: #1c1c1c; color: #dadada; }
:where(html.dark) #recent-search select { background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center / 18px; }
:where(html.dark) #recent-search input[type=search]:focus, :where(html.dark) #recent-search select:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #recent-search button { background: #1a73e8; color: #fff; }
:where(html.dark) #recent-search button:hover { background: #1765cc; }
:where(html.dark) #people-nav .label { color: #bdc1c7; }
:where(html.dark) #people-nav div.b > a { border: 1px solid #3c4350; background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center / 18px; color: #dadada; }
:where(html.dark) #people-nav div.b.hover > a { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #people-nav .slist { border: 1px solid #39404a; background: #1c1c1c; box-shadow: 0 8px 24px rgba(0, 0, 0, .15); }
:where(html.dark) #people-nav .slist a { color: #dadada; }
:where(html.dark) #people-nav .slist a:hover { background: #1d242d; }
:where(html.dark) #people-nav .search-simple input[type=text] { border: 1px solid #3c4350; background: #1c1c1c; color: #dadada; }
:where(html.dark) #people-nav .search-simple input[type=text]:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #charts-nav .cw-button { border: 1px solid #3c4350; background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center / 18px; color: #dadada; }
:where(html.dark) #charts-nav .cw-button:hover { background-color: #1b2029; }
:where(html.dark) #charts-nav.open .cw-button { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #charts-nav .cw-panel { border: 1px solid #39404a; box-shadow: 0 8px 24px rgba(0, 0, 0, .15); }
:where(html.dark) #charts-nav .cw-panel label { color: #bdc1c7; }
:where(html.dark) #charts-nav .cw-panel select { border: 1px solid #3c4350; background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 6px center / 18px; color: #dadada; }
:where(html.dark) #charts-nav .cw-panel button { background: #1a73e8; color: #fff; }
:where(html.dark) #song .detail > .content { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) #song .song-stats { color: #dadada; }
:where(html.dark) #song .song-stats .label { color: #9e9e9e; }
:where(html.dark) #song .song-stats .fav-count svg { fill: #ef8baa; }
:where(html.dark) #song .song-tags .tag { background: #1d242d; color: #dadada; }
:where(html.dark) #song .song-tags .tag .label { color: #a9adb7; }
:where(html.dark) #song .detail > .content > p { background: #1a1f29; color: #d1d1d1; }
:where(html.dark) #song .header .small a.more, :where(html.dark) #user .header .small a.more { background: #1d242d; color: #87b5f3; }
:where(html.dark) #song .header .small a.more:hover, :where(html.dark) #user .header .small a.more:hover { background: #112443; }
:where(html.dark) .block.addcomment { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .block.addcomment .label, :where(html.dark) .block.addcomment .header { color: #bdc1c7; }
:where(html.dark) .block.addcomment textarea { border: 1px solid #3c4350; color: #dadada; background: #1c1c1c; }
:where(html.dark) .block.addcomment textarea:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) .block.addcomment .buttons button { background: #1a73e8; color: #fff; }
:where(html.dark) .block.addcomment .buttons button:hover { background: #1765cc; }
:where(html.dark) .collage.calendar .item.red:hover { background-color: #B5211E; color: #fff; }
:where(html.dark) .collage.calendar .item.yellow:hover { background-color: #F6A535; color: #fff; }
:where(html.dark) .collage.calendar .item.green:hover { background-color: #6F9B35; color: #fff; }
:where(html.dark) #store .store-section { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) #store .store-section h2 { color: #dadada; }
:where(html.dark) #store .store-lead { color: #c0c0c0; }
:where(html.dark) #store .store-lead b { color: #dadada; }
:where(html.dark) #store .store-card { border: 1px solid #39404a; background: #171f27; color: #dadada; }
:where(html.dark) #store .store-card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .08); border-color: #2b456e; }
:where(html.dark) #store .store-card.featured { border: 2px solid #1a73e8; background: #001a40; }
:where(html.dark) #store .store-badge { background: #1a73e8; color: #fff; }
:where(html.dark) #store .store-name { color: #d1d1d1; }
:where(html.dark) #store .store-name small { color: #afafaf; }
:where(html.dark) #store .store-price { color: #e2e2e2; }
:where(html.dark) #store .store-price span { color: #afafaf; }
:where(html.dark) #store .store-buy { background: #1a73e8; color: #fff; }
:where(html.dark) #store .store-buy:hover { background: #1765cc; }
:where(html.dark) #store .store-alt { border: 1px solid #3c4350; background: #1c1c1c; color: #87b5f3; }
:where(html.dark) #store .store-alt:hover { background: #091a3c; }
:where(html.dark) #store button.cash-card .store-price { color: #87b5f3; }
:where(html.dark) #store .store-card { border: 1px solid #434c58; background: #1c1c1c; }
:where(html.dark) #store .store-card:hover { border-color: #1a73e8; }
:where(html.dark) #store .store-card.featured { border: 2px solid #1a73e8; }
:where(html.dark) #store .store-alt { border: 1.5px solid #1a73e8; }
:where(html.dark) .cdimg .play, :where(html.dark) .cdimg .add { background: rgba(0, 0, 0, .55); }
:where(html.dark) .cdimg .add { box-shadow: inset -1px 0 0 rgba(56, 56, 56, 0.22); }
:where(html.dark) .cdimg .play:hover, :where(html.dark) .cdimg .add:hover { background: rgba(0, 0, 0, .8); }
:where(html.dark) #charts div.block.w .rank { background: rgba(0, 0, 0, .55); }
:where(html.dark) #user-fan-btn { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .25); }
:where(html.dark) #user-fan-btn:hover { background: #1765cc; }
:where(html.dark) #user .detail { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) #user .detail > .content .label { color: #9e9e9e; }
:where(html.dark) #user .detail > .content p { color: #d1d1d1; }
:where(html.dark) #user .detail .profile-intro { background: #1a1f29; }
:where(html.dark) #user .profile-tags .tag { background: #1d242d; color: #dadada; }
:where(html.dark) #my-topmenu .nav a { border: 1px solid #3c4350; background: #1c1c1c; color: #d1d1d1; }
:where(html.dark) #my-topmenu .nav a:hover { background: #1d242d; }
:where(html.dark) #my-topmenu .nav a.selected { background: #1a73e8; border-color: #1a73e8; color: #fff; }
:where(html.dark) #my-topmenu .nav + .nav a.selected { background: #222; border-color: #222; }
:where(html.dark) .my-shakecash .cash-balance { color: #fff; background: linear-gradient(135deg, #1a73e8 0%, #6a3de8 100%); box-shadow: 0 6px 18px rgba(26, 115, 232, .25); }
:where(html.dark) .my-shakecash .cash-buy { background: #1c1c1c; color: #87b5f3; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
:where(html.dark) .my-shakecash .cash-buy:hover { background: #091a3c; }
:where(html.dark) .my-shakecash .cash-section { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .my-shakecash .cash-section-head { color: #dadada; }
:where(html.dark) .my-shakecash .cash-count { background: #1d242d; color: #c0c0c0; }
:where(html.dark) .my-shakecash .cash-row { border-top: 1px solid #333846; }
:where(html.dark) .my-shakecash .cash-row-title { color: #dadada; }
:where(html.dark) .my-shakecash .cash-row-date { color: #9e9e9e; }
:where(html.dark) .my-shakecash .cash-row-amount.plus { color: #7ee79e; }
:where(html.dark) .my-shakecash .cash-row-amount.minus { color: #e9837c; }
:where(html.dark) .my-shakecash .cash-row.cancelled .cash-row-amount { color: #9e9e9e; }
:where(html.dark) .my-shakecash .cash-badge.pending { background: #3f3118; color: #ffb966; }
:where(html.dark) .my-shakecash .cash-badge.refunded { background: #47060c; color: #ea7d7b; }
:where(html.dark) .my-shakecash .cash-empty { border-top: 1px solid #333846; color: #9e9e9e; }
:where(html.dark) .my-subs .subs-status.active { color: #fff; background: linear-gradient(135deg, #188038 0%, #1a73e8 100%); box-shadow: 0 6px 18px rgba(24, 128, 56, .22); }
:where(html.dark) .my-subs .subs-status.none { color: #dadada; background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .my-subs .subs-status.none .subs-status-sub, :where(html.dark) .my-subs .subs-status.none .subs-status-label { color: #a9adb7; }
:where(html.dark) .my-subs .subs-button { background: #1c1c1c; color: #7ee79e; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
:where(html.dark) .my-subs .subs-status.none .subs-button { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .my-subs .subs-status.active .subs-chip.active { background: rgba(0, 0, 0, 0.22); color: #fff; }
:where(html.dark) .my-subs .subs-history { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .my-subs .subs-history-head { color: #dadada; }
:where(html.dark) .my-subs .subs-count { background: #1d242d; color: #c0c0c0; }
:where(html.dark) .my-subs .subs-row { border-top: 1px solid #333846; }
:where(html.dark) .my-subs .subs-row-title { color: #dadada; }
:where(html.dark) .my-subs .subs-row-period { color: #c9c9c9; }
:where(html.dark) .my-subs .subs-row-note { color: #9e9e9e; }
:where(html.dark) .my-subs .subs-row-created { color: #9e9e9e; }
:where(html.dark) .my-subs .subs-row.refunded .subs-row-period { color: #9e9e9e; }
:where(html.dark) .my-subs .subs-chip.active { background: #1a3b23; color: #7ee79e; }
:where(html.dark) .my-subs .subs-chip.upcoming { background: #031c48; color: #87b5f3; }
:where(html.dark) .my-subs .subs-chip.ended { background: #1d242d; color: #a9adb7; }
:where(html.dark) .my-subs .subs-chip.refunded { background: #47060c; color: #ea7d7b; }
:where(html.dark) .my-subs .subs-empty { border-top: 1px solid #333846; color: #9e9e9e; }
:where(html.dark) #my-topmenu-song.song-filters { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) #my-topmenu-song .song-filter .label { color: #bdc1c7; }
:where(html.dark) #my-topmenu-song select, :where(html.dark) #my-topmenu-song-search input[type=text] { border: 1px solid #3c4350; background-color: #1c1c1c; color: #dadada; }
:where(html.dark) #my-topmenu-song select { background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 6px center / 18px; }
:where(html.dark) #my-topmenu-song select:focus, :where(html.dark) #my-topmenu-song-search input[type=text]:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #my-topmenu-song .song-filter-or { color: #9e9e9e; }
:where(html.dark) #my-topmenu-song-summary a { background: #1d242d; color: #87b5f3; }
:where(html.dark) #my-songs .list .sitem { background: #1d242d; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
:where(html.dark) #my-songs .list .sitem:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, .15); }
:where(html.dark) #my-songs .list .item2 .title .length { color: #9e9e9e; }
:where(html.dark) #my-songs .list .smenu { color: #fff; background: rgba(18, 20, 24, .78); }
:where(html.dark) #my-songs .list .smenu .smenu-top .abtn, :where(html.dark) #my-songs .list .smenu .smenu-top .abtn.r1, :where(html.dark) #my-songs .list .smenu .smenu-top .abtn.r2 { background: #1c1c1c; color: #87b5f3; }
:where(html.dark) #my-songs .list .smenu .smenu-top .abtn:hover { background: #031c48; }
:where(html.dark) #my-songs .list .smenu .xbtn { background: rgba(0, 0, 0, 0.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.3 5.7 12 12l6.3 6.3-1.4 1.4-6.3-6.3-6.3 6.3-1.4-1.4L10.6 12 4.3 5.7l1.4-1.4 6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E") no-repeat center / 16px; }
:where(html.dark) #my-songs .list .smenu .xbtn:hover { background-color: rgba(217, 48, 37, .9); }
:where(html.dark) #my-songs .list .smenu .bold { color: #fff; }
:where(html.dark) #my-songs .list .smenu .label { color: rgba(255, 255, 255, .75); }
:where(html.dark) #my-songs .list .smenu .smenu-bottom a.player-button { background: rgba(0, 0, 0, 0.16); }
:where(html.dark) #my-songs .list .smenu .smenu-bottom a.player-button.add { box-shadow: inset -1px 0 0 rgba(56, 56, 56, 0.22); }
:where(html.dark) #my-songs .list .smenu .smenu-bottom a.player-button:hover { background: rgba(0, 0, 0, 0.3); }
:where(html.dark) #my-songs .list .smenu .smenu-bottom a.launchbtn { background: #1c1c1c; color: #dadada; }
:where(html.dark) #my-songs .list .smenu .smenu-bottom a.launchbtn:hover { background: #031c48; }
:where(html.dark) #my-songs > .label { color: #9e9e9e; }
:where(html.dark) #confirm { background: #1c1c1c; box-shadow: 0 16px 48px rgba(0, 0, 0, .35); }
:where(html.dark) #confirm .title { background: #16181d; color: #fff; }
:where(html.dark) #confirm .content p { color: #d1d1d1; }
:where(html.dark) #confirm .buttons button { border: 1px solid #3c4350; background: #1c1c1c; color: #d1d1d1; }
:where(html.dark) #confirm .buttons button:first-child { background: #1a73e8; color: #fff; }
:where(html.dark) #confirm.danger .buttons button:first-child { background: #d93025; }
:where(html.dark) #song-dialog .label, :where(html.dark) #song-dialog .label.big { color: #bdc1c7; }
:where(html.dark) #song-dialog input[name=title] { border: 1px solid #3c4350; color: #dadada; background: #1c1c1c; }
:where(html.dark) #song-dialog select { border: 1px solid #3c4350; background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 6px center / 18px; color: #dadada; }
:where(html.dark) #song-dialog .album-box { box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
:where(html.dark) #song-dialog textarea { border: 1px solid #3c4350; color: #dadada; }
:where(html.dark) #song-dialog input[name=title]:focus, :where(html.dark) #song-dialog select:focus, :where(html.dark) #song-dialog textarea:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) #song-dialog .buttons label { color: #d1d1d1; }
:where(html.dark) #song-dialog .buttons input[type=submit] { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) #song-dialog .buttons input[type=submit]:hover { background: #1765cc; }
:where(html.dark) .my-people .people-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .my-people .people-card > .header.title { color: #dadada; }
:where(html.dark) .my-people .people-card > .header.title span { background: #1d242d; color: #c0c0c0; }
:where(html.dark) .my-people .mini .item .label a { color: #9e9e9e; }
:where(html.dark) .my-people .people-empty { color: #9e9e9e; }
:where(html.dark) .my-people .people-find { background: #1a73e8; color: #fff; }
:where(html.dark) .my-people .people-find:hover { background: #1765cc; }
:where(html.dark) #my-people-iamfanof .item .xbtn { background: rgba(0, 0, 0, .55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.3 5.7 12 12l6.3 6.3-1.4 1.4-6.3-6.3-6.3 6.3-1.4-1.4L10.6 12 4.3 5.7l1.4-1.4 6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E") no-repeat center / 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3); }
:where(html.dark) #my-people-iamfanof .item .xbtn:hover { background-color: rgba(217, 48, 37, .92); }
:where(html.dark) .my-people .people-note { color: #a9adb7; }
:where(html.dark) #my-banned .item .xbtn { background: rgba(0, 0, 0, .55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.3 5.7 12 12l6.3 6.3-1.4 1.4-6.3-6.3-6.3 6.3-1.4-1.4L10.6 12 4.3 5.7l1.4-1.4 6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E") no-repeat center / 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3); }
:where(html.dark) #my-banned .item .xbtn:hover { background-color: rgba(26, 115, 232, .92); }
:where(html.dark) .my-notifs .notif-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .my-notifs .notif-row { border-top: 1px solid #333846; }
:where(html.dark) .my-notifs .notif-row.new { background: #001b42; }
:where(html.dark) .my-notifs .notif-badge { border: 2px solid #383838; background: #1a73e8 no-repeat center / 12px; }
:where(html.dark) .my-notifs .notif-badge.comment { background-color: #1a73e8; }
:where(html.dark) .my-notifs .notif-badge.heart { background-color: #e0245e; }
:where(html.dark) .my-notifs .notif-badge.star { background-color: #f29900; }
:where(html.dark) .my-notifs .notif-badge.battle { background-color: #7c4dff; }
:where(html.dark) .my-notifs .notif-badge.trophy { background-color: #f29900; }
:where(html.dark) .my-notifs .notif-badge.chart { background-color: #188038; }
:where(html.dark) .my-notifs .notif-badge.cash { background-color: #0b8043; }
:where(html.dark) .my-notifs .notif-msg { color: #d1d1d1; }
:where(html.dark) .my-notifs .notif-time { color: #9e9e9e; }
:where(html.dark) .my-notifs .notif-dot { background: #1a73e8; }
:where(html.dark) .my-notifs .notif-empty { color: #9e9e9e; }
:where(html.dark) .paginator a { border: 1px solid #3c4350; background: #1c1c1c; color: #d1d1d1; }
:where(html.dark) .paginator a:hover { background: #1d242d; }
:where(html.dark) .paginator a.selected, :where(html.dark) .paginator a.on, :where(html.dark) .paginator a.current { background: #1a73e8; border-color: #1a73e8; color: #fff; }
:where(html.dark) .ep .ep-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .ep .ep-head { color: #dadada; }
:where(html.dark) .ep .ep-label { color: #bdc1c7; }
:where(html.dark) .ep .ep-input, :where(html.dark) .ep .ep-textarea { border: 1px solid #3c4350; background: #1c1c1c; color: #dadada; }
:where(html.dark) .ep .ep-input:focus, :where(html.dark) .ep .ep-textarea:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) .ep .ep-picture .userimg.large { box-shadow: 0 1px 4px rgba(0, 0, 0, .12); }
:where(html.dark) .ep .ep-picture:hover .userimg.large { box-shadow: 0 0 0 3px rgba(26, 115, 232, .35); }
:where(html.dark) .ep .ep-hint { color: #a9adb7; }
:where(html.dark) .ep .ep-chip span { border: 1px solid #3c4350; background: #1c1c1c; color: #d1d1d1; }
:where(html.dark) .ep .ep-chip:hover span { background: #1d242d; }
:where(html.dark) .ep .ep-chip input:checked + span { background: #1a73e8; border-color: #1a73e8; color: #fff; }
:where(html.dark) .ep .ep-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(26, 115, 232, .3); }
:where(html.dark) .ep .ep-current { color: #c0c0c0; }
:where(html.dark) .ep .ep-current b { color: #dadada; }
:where(html.dark) .ep .ep-button { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .25); }
:where(html.dark) .ep .ep-button:hover { background: #1765cc; }
:where(html.dark) .ep .ep-button.secondary { background: #1c1c1c; color: #87b5f3; border: 1.5px solid #1a73e8; }
:where(html.dark) .ep .ep-button.secondary:hover { background: #091a3c; }
:where(html.dark) .st .st-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .st .st-head { color: #dadada; }
:where(html.dark) .st .st-sub { color: #a9adb7; }
:where(html.dark) .st .st-group { color: #9e9e9e; }
:where(html.dark) .st label.st-row { border-top: 1px solid #333846; }
:where(html.dark) .st .st-text { color: #dadada; }
:where(html.dark) .st .st-switch { background: #333a45; }
:where(html.dark) .st .st-switch::after { background: #1c1c1c; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
:where(html.dark) .st .st-row input:checked + .st-switch { background: #1a73e8; }
:where(html.dark) .st .st-row input:focus-visible + .st-switch { box-shadow: 0 0 0 3px rgba(26, 115, 232, .3); }
:where(html.dark) .st .st-toast { background: #222; color: #fff; }
:where(html.dark) .user-head { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .user-head .user-head-name { color: #dadada; }
:where(html.dark) .user-head .user-head-sub { color: #a9adb7; }
:where(html.dark) .user-head .user-head-button { border: 1.5px solid #1a73e8; color: #87b5f3; background: #1c1c1c; }
:where(html.dark) .user-head .user-head-button:hover { background: #091a3c; }
:where(html.dark) .comment-list { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .comment-list .comment-item { border-top: 1px solid #333846; }
:where(html.dark) .comment-list .comment-item .content .title { color: #dadada; }
:where(html.dark) .comment-list .comment-item .content .title a { color: #dadada; }
:where(html.dark) .comment-list .datetime { color: #9e9e9e; }
:where(html.dark) .comment-list .comment-item p { color: #d1d1d1; }
:where(html.dark) .comment-list p.flagged_deleted { color: #9e9e9e; }
:where(html.dark) .comment-list .replies { border-left: 2px solid #373d49; }
:where(html.dark) .comment-list .reply_item + .reply_item { border-top: 1px solid #323845; }
:where(html.dark) .comment-list .reply_item > div:first-of-type a { color: #dadada; }
:where(html.dark) .comment-list .buttons a.button { border: 1px solid #39404a; background: #1c1c1c; color: #c0c0c0; }
:where(html.dark) .comment-list .buttons a.button:hover { background: #1d242d; color: #dadada; }
:where(html.dark) .comment-list .buttons a.button.reply { color: #87b5f3; border-color: #264073; }
:where(html.dark) .comment-list .buttons a.button.delete:hover, :where(html.dark) .comment-list .buttons a.button.ban:hover, :where(html.dark) .comment-list .buttons a.button.flag:hover { color: #e9837c; border-color: #f3b8b3; background: #440d06; }
:where(html.dark) .comment-list .reply_form textarea { border: 1px solid #3c4350; }
:where(html.dark) .comment-list .reply_form textarea:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) .comment-list .reply_form .reply_button { color: #9e9e9e; }
:where(html.dark) .comment-list .reply_form .reply_button a { color: #c0c0c0; }
:where(html.dark) .comment-list .reply_form .reply_button button { background: #1a73e8; color: #fff; }
:where(html.dark) .block.addcomment .mask { background: rgba(28, 28, 28, 0.8); }
:where(html.dark) .block.addcomment .mask p { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .block.addcomment .mask p a { color: #fff; }
:where(html.dark) #comment-form .mask { background: rgba(28, 28, 28, 0.82); }
:where(html.dark) #comment-form .mask p { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .chart-history .chart-count { background: #1d242d; color: #c0c0c0; }
:where(html.dark) .chart-history .chart-summary { color: #c0c0c0; }
:where(html.dark) .chart-history .chart-summary b { color: #dadada; }
:where(html.dark) .chart-history .chart-more { border: 1px solid #3c4350; background: #1c1c1c; color: #87b5f3; }
:where(html.dark) .chart-history .chart-more:hover { background: #091a3c; }
:where(html.dark) .chart-history .chart-legend { color: #b8b8b8; }
:where(html.dark) .chart-history .chart-legend .red::before { background: #B5211E; }
:where(html.dark) .chart-history .chart-legend .yellow::before { background: #F6A535; }
:where(html.dark) .chart-history .chart-legend .green::before { background: #6F9B35; }
:where(html.dark) .pay .pay-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .pay .pay-kicker { color: #87b5f3; }
:where(html.dark) .pay .pay-item { color: #dadada; }
:where(html.dark) .pay .pay-desc { color: #c0c0c0; }
:where(html.dark) .pay .pay-price { color: #e2e2e2; }
:where(html.dark) .pay .pay-price span { color: #afafaf; }
:where(html.dark) .pay .pay-change { color: #87b5f3; }
:where(html.dark) .pay .pay-head { color: #dadada; }
:where(html.dark) .pay .pay-paypal { background: #ffc439; color: #e2e2e2; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
:where(html.dark) .pay .pay-note { color: #a9adb7; }
:where(html.dark) .pay .pay-row { border-top: 1px solid #333846; }
:where(html.dark) .pay .pay-row span { color: #a9adb7; }
:where(html.dark) .pay .pay-row b { color: #dadada; }
:where(html.dark) .pay .pay-row.total { border-top: 2px solid #373d49; }
:where(html.dark) .pay .pay-primary { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .pay .pay-primary:hover { background: #1765cc; }
:where(html.dark) .pay .pay-secondary { border: 1.5px solid #1a73e8; background: #1c1c1c; color: #87b5f3; }
:where(html.dark) .pay .pay-secondary:hover { background: #091a3c; }
:where(html.dark) .pay .pay-cancel { color: #c0c0c0; }
:where(html.dark) .pay .pay-icon { background: #188038 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 11-11-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / 32px; }
:where(html.dark) .pay .pay-done.pending .pay-icon { background: #f29900 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm-1 2v6l5 3 1-1.6-4-2.4V7z'/%3E%3C/svg%3E") no-repeat center / 30px; }
:where(html.dark) .pay .pay-error .pay-icon { background: #d93025 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11 5h2v9h-2zm0 11h2v2h-2z'/%3E%3C/svg%3E") no-repeat center / 30px; }
:where(html.dark) .pay .pay-title { color: #dadada; }
:where(html.dark) .pay .pay-status { color: #7ee79e; }
:where(html.dark) .pay .pay-done.pending .pay-status { color: #ffb966; }
:where(html.dark) .pay .pay-help { color: #9e9e9e; }
:where(html.dark) .pay-body #footer { color: #9e9e9e; }
:where(html.dark) #payment-method a.pay-paypal { background: #ffc439; color: #e2e2e2; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); }
:where(html.dark) #payment-method a.pay-paypal:hover { background: #f5b82e; }
:where(html.dark) .auth .auth-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 4px 18px rgba(0, 0, 0, .06); }
:where(html.dark) .auth .auth-title { color: #dadada; }
:where(html.dark) .auth .auth-sub { color: #a9adb7; }
:where(html.dark) .auth .auth-message { background: #3f3118; color: #ffc366; }
:where(html.dark) .auth .auth-label { color: #bdc1c7; }
:where(html.dark) .auth input.auth-input, :where(html.dark) #login input.auth-input, :where(html.dark) #signup input.auth-input { border: 1px solid #3c4350; background: #1c1c1c; color: #dadada; }
:where(html.dark) .auth input.auth-input:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) .auth .auth-help { color: #9e9e9e; }
:where(html.dark) .auth .error { color: #e9837c; }
:where(html.dark) .auth .auth-check { color: #c9c9c9; }
:where(html.dark) .auth input.auth-button { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .auth input.auth-button:hover { background: #1765cc; }
:where(html.dark) .auth input.auth-button[disabled] { background: #a8c4f0; }
:where(html.dark) .auth .auth-terms { color: #a9adb7; }
:where(html.dark) .auth .auth-link { color: #87b5f3; }
:where(html.dark) .auth .auth-foot { border-top: 1px solid #333846; color: #c0c0c0; }
:where(html.dark) .auth .auth-msg a { color: #87b5f3; }
:where(html.dark) .auth a.auth-button-link { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .auth a.auth-button-link:hover { background: #1765cc; }
:where(html.dark) .auth .auth-icon { background: #1a73e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3 6h18v12H3zm2 2v.5l7 4.5 7-4.5V8l-7 4.5z'/%3E%3C/svg%3E") no-repeat center / 28px; }
:where(html.dark) .auth .auth-icon.ok { background: #188038 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 11-11-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center / 32px; }
:where(html.dark) .auth .auth-icon.fail { background: #d93025 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11 5h2v9h-2zm0 11h2v2h-2z'/%3E%3C/svg%3E") no-repeat center / 30px; }
:where(html.dark) .auth .auth-facts { background: #1a1f29; }
:where(html.dark) .auth .auth-facts span { color: #a9adb7; }
:where(html.dark) .auth .auth-facts b { color: #dadada; }
:where(html.dark) .auth .auth-small-button { background: #1a73e8; color: #fff; }
:where(html.dark) .auth .auth-small-button:hover { background: #1765cc; }
:where(html.dark) .auth .auth-small-button.secondary { background: #1c1c1c; color: #87b5f3; border: 1.5px solid #1a73e8; }
:where(html.dark) .auth .auth-small-button.secondary:hover { background: #091a3c; }
:where(html.dark) .auth .auth-divider { color: #9e9e9e; }
:where(html.dark) .auth .auth-divider::before, :where(html.dark) .auth .auth-divider::after { background: #272c34; }
:where(html.dark) .about-hero { color: #fff; background: radial-gradient(ellipse at 50% 120%, rgba(26, 115, 232, .55), transparent 60%), linear-gradient(135deg, #0f1115 0%, #1b1f2a 100%); box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
:where(html.dark) .about-hero h1 { color: #fff; }
:where(html.dark) .about-hero p { color: rgba(255, 255, 255, .85); }
:where(html.dark) .about-feature { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .about-feature b { color: #dadada; }
:where(html.dark) .about-feature span { color: #c0c0c0; }
:where(html.dark) .about-ic { background: #1a73e8 no-repeat center / 22px; }
:where(html.dark) .about-feature.create .about-ic { background-color: #1a73e8; }
:where(html.dark) .about-feature.listen .about-ic { background-color: #7c4dff; }
:where(html.dark) .about-feature.discover .about-ic { background-color: #188038; }
:where(html.dark) .about-feature.share .about-ic { background-color: #e0245e; }
:where(html.dark) .about-facts div { background: #1a1f29; }
:where(html.dark) .about-facts b { color: #e2e2e2; }
:where(html.dark) .about-facts span { color: #a9adb7; }
:where(html.dark) .about-text { background: #1c1c1c; border: 1px solid #373d49; }
:where(html.dark) .about-text h2 { color: #dadada; }
:where(html.dark) .about-text p { color: #c9c9c9; }
:where(html.dark) .about-primary { background: #1a73e8; color: #fff; box-shadow: 0 2px 8px rgba(26, 115, 232, .3); }
:where(html.dark) .about-primary:hover { background: #1765cc; color: #fff; }
:where(html.dark) .about-secondary { border: 1.5px solid #1a73e8; color: #87b5f3; background: #1c1c1c; }
:where(html.dark) .about-secondary:hover { background: #091a3c; }
:where(html.dark) .faq-search input { border: 1px solid #3c4350; background: #1c1c1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M10 4a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm4.6 9.2 5 5-1.4 1.4-5-5z'/%3E%3C/svg%3E") no-repeat 14px center / 20px; }
:where(html.dark) .faq-search input:focus { border-color: #1a73e8; box-shadow: 0 0 0 3px rgba(26, 115, 232, .18); }
:where(html.dark) .faq-chips a { border: 1px solid #3c4350; background: #1c1c1c; color: #d1d1d1; }
:where(html.dark) .faq-chips a:hover { background: #1d242d; }
:where(html.dark) .faq-section { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .faq-section h2 { color: #dadada; }
:where(html.dark) .faq-count { background: #1d242d; color: #c0c0c0; }
:where(html.dark) .faq-tag { background: #3f3118; color: #ffb966; }
:where(html.dark) details.faq-q { border-top: 1px solid #333846; }
:where(html.dark) details.faq-q summary { color: #dadada; }
:where(html.dark) details.faq-q summary:hover { color: #87b5f3; }
:where(html.dark) details.faq-q[open] summary { color: #87b5f3; }
:where(html.dark) .faq-a { color: #c9c9c9; }
:where(html.dark) .faq-a td, :where(html.dark) .faq-a th { border: 1px solid #373d49; }
:where(html.dark) .faq-more { color: #c0c0c0; }
:where(html.dark) .faq-more a { color: #87b5f3; }
:where(html.dark) .legal-card { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .legal-card p, :where(html.dark) .legal-card li { color: #d1d1d1; }
:where(html.dark) .legal-card h3 { border-top: 1px solid #333846; color: #dadada; }
:where(html.dark) .legal-card ul.legal-toc { background: #1a1f29; }
:where(html.dark) .legal-card .legal-toc a { color: #87b5f3; }
:where(html.dark) .legal-card address { background: #1a1f29; color: #c9c9c9; }
:where(html.dark) .legal-card a { color: #87b5f3; }
:where(html.dark) .legal-card .legal-toc-title { color: #9e9e9e; }
:where(html.dark) .apps-hero { color: #fff; background: radial-gradient(ellipse at 20% 120%, rgba(217, 48, 37, .55), transparent 60%), linear-gradient(135deg, #0f1115 0%, #1b1f2a 100%); box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
:where(html.dark) .apps-icon { box-shadow: 0 6px 18px rgba(0, 0, 0, .4); }
:where(html.dark) .apps-kicker { color: #ff8a80; }
:where(html.dark) .apps-hero h1 { color: #fff; }
:where(html.dark) .apps-hero p { color: rgba(255, 255, 255, .85); }
:where(html.dark) .apps-meta { color: rgba(255, 255, 255, .6); }
:where(html.dark) .apps-shots img { border: 1px solid #373d49; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); background: #1d242d; }
:where(html.dark) .apps-features div { background: #1c1c1c; border: 1px solid #373d49; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .apps-features b { color: #dadada; }
:where(html.dark) .apps-features span { color: #c0c0c0; }
:where(html.dark) .apps-old { background: #1a1f29; }
:where(html.dark) .apps-old-title { color: #9e9e9e; }
:where(html.dark) .apps-old p { color: #b8b8b8; }
:where(html.dark) .biz-hero { color: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); background: radial-gradient(ellipse at 80% 120%, rgba(26, 115, 232, .55), transparent 60%), linear-gradient(135deg, #0f1115 0%, #1b1f2a 100%); }
:where(html.dark) .biz-hero h1 { color: #fff; }
:where(html.dark) .biz-hero p { color: rgba(255, 255, 255, .85); }
:where(html.dark) .biz-primary { background: #1a73e8; color: #fff; }
:where(html.dark) .biz-primary:hover { background: #1765cc; color: #fff; }
:where(html.dark) .biz-secondary { border: 1.5px solid rgba(56, 56, 56, 0.6); color: #fff; }
:where(html.dark) .biz-secondary:hover { background: rgba(0, 0, 0, 0.1); color: #fff; }
:where(html.dark) .biz-offer { background: #1c1c1c; border: 1px solid #373d49; border-top: 4px solid #1a73e8; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }
:where(html.dark) .biz-offer.red { border-top-color: #d93025; }
:where(html.dark) .biz-kicker { color: #87b5f3; }
:where(html.dark) .biz-offer.red .biz-kicker { color: #e9837c; }
:where(html.dark) .biz-price { color: #e2e2e2; }
:where(html.dark) .biz-price span { color: #afafaf; }
:where(html.dark) .biz-offer p { color: #c9c9c9; }
:where(html.dark) .biz-steps { color: #d1d1d1; }
:where(html.dark) .biz-link { color: #87b5f3; }
:where(html.dark) .biz-offer.red .biz-link { color: #e9837c; }
:where(html.dark) .biz-uses { background: #1c1c1c; border: 1px solid #373d49; }
:where(html.dark) .biz-uses h2 { color: #dadada; }
:where(html.dark) .biz-grid span { background: #1d242d; color: #d1d1d1; }
:where(html.dark) .biz-faq { color: #c0c0c0; }
:where(html.dark) .biz-faq a { color: #87b5f3; }
:where(html.dark) #store .store-hero { color: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); background: radial-gradient(ellipse at 50% 130%, rgba(26, 115, 232, .55), transparent 60%), linear-gradient(135deg, #0f1115 0%, #1b1f2a 100%); }
:where(html.dark) #store .store-hero h1 { color: #fff; }
:where(html.dark) #store .store-hero p { color: rgba(255, 255, 255, .85); }
:where(html.dark) #store .store-account span { background: rgba(0, 0, 0, 0.12); color: #fff; }
:where(html.dark) #store .store-account b { color: #fff; }
:where(html.dark) #store .store-per { color: #a9adb7; }
:where(html.dark) #store .store-card.featured .store-per { color: #87b5f3; }
:where(html.dark) #store #store-logos span { color: #a9adb7; }
:where(html.dark) #index-hero.hero-v4 { background: radial-gradient(120% 90% at 50% 120%, #120828 0%, #07070e 50%, #030306 100%); box-shadow: inset 0 0 0 1px rgba(56, 56, 56, 0.07); }
:where(html.dark) #index-hero.hero-v4 .hero-bg::after { background: radial-gradient(ellipse 60% 55% at 50% 45%, rgba(3,3,6,.7) 0%, rgba(3,3,6,.3) 55%, transparent 80%), radial-gradient(ellipse 100% 100% at 50% 50%, transparent 35%, rgba(0,0,0,.5) 68%, rgba(0,0,0,.92) 100%); box-shadow: inset 0 0 90px 20px rgba(0,0,0,.75); }
:where(html.dark) #index-hero .hero-aurora span { background: radial-gradient(closest-side, rgba(0, 212, 255, .75), transparent); }
:where(html.dark) #index-hero .hero-aurora span:nth-child(2) { background: radial-gradient(closest-side, rgba(140, 60, 255, .85), transparent); }
:where(html.dark) #index-hero .hero-aurora span:nth-child(3) { background: radial-gradient(closest-side, rgba(255, 45, 149, .7), transparent); }
:where(html.dark) #index-hero .hero-beams span { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(120, 220, 255, 0) 72%); }
:where(html.dark) #index-hero .hero-beams span:nth-child(2) { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28), rgba(170, 120, 255, 0) 72%); }
:where(html.dark) #index-hero .hero-beams span:nth-child(3) { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(220, 230, 255, 0) 65%); }
:where(html.dark) #index-hero .hero-beams span:nth-child(4) { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.26), rgba(255, 110, 200, 0) 72%); }
:where(html.dark) #index-hero .hero-beams span:nth-child(5) { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28), rgba(90, 200, 255, 0) 72%); }
:where(html.dark) #index-hero .hero-sparks b { background: #1c1c1c; box-shadow: 0 0 6px 2px rgba(170, 220, 255, .9), 0 0 14px 4px rgba(140, 60, 255, .45); }
:where(html.dark) #index-hero.hero-v4 .hero-spectrum i { background: linear-gradient(to top, #00d4ff, #8c3cff 55%, #ff2d95); box-shadow: 0 0 10px rgba(140, 60, 255, .55); }
:where(html.dark) #index-hero.hero-v4 h2 { color: #f2fdff; }
:where(html.dark) #index-hero.hero-v4 h2::after { background: linear-gradient(90deg, #00d4ff, #8c3cff, #ff2d95); box-shadow: 0 0 12px rgba(140, 60, 255, .8); }
:where(html.dark) #index-hero.hero-v4 p { color: #d3dcea; }
:where(html.dark) .st .st-theme { background: #1d242d; border: 1px solid #373d49; }
:where(html.dark) .st .st-theme button { color: #c9c9c9; }
:where(html.dark) .st .st-theme button:hover { color: #e2e2e2; }
:where(html.dark) .st .st-theme button.on { background: #1a73e8; color: #fff; }
:where(html.dark) .loading .icon, :where(html.dark) .loading0 .icon, :where(html.dark) .big:has(> .icon) .icon { border: 3px solid rgba(26, 115, 232, .18); border-top-color: #1a73e8; }
:where(html.dark) .loading:not(.big):not(.small) { background: rgba(32, 33, 36, .92); color: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, .2); }
:where(html.dark) .loading:not(.big):not(.small) .icon { border-color: rgba(56, 56, 56, 0.25); border-top-color: #8ab4f8; }
:where(html.dark) .loading:not(.big):not(.small) .text { color: #fff; }
/* ---- from public/css/payment.min.css (71 rules) ---- */
body:where(.pay-body):where(html.dark *) { color: #c9c9c9; background-color: #1c1c1c; }
:where(html.dark body.pay-body) h1 { color: #b8b8b8; }
:where(html.dark body.pay-body) h2 { color: #b8b8b8; }
:where(html.dark body.pay-body) h3 { color: #b8b8b8; }
:where(html.dark body.pay-body) h4 { color: #c9c9c9; }
:where(html.dark body.pay-body) h5 { color: #c9c9c9; }
:where(html.dark body.pay-body) h6 { color: #c9c9c9; }
:where(html.dark body.pay-body) h3 span { color: #aaaaaa; }
:where(html.dark body.pay-body) a { color: #90bde9; }
:where(html.dark body.pay-body) .label { color: #9e9e9e; }
:where(html.dark body.pay-body) .datetime { color: #bbbbbb; }
:where(html.dark body.pay-body) .checkmark { color: #afd78e; }
:where(html.dark body.pay-body) .red { color: #f4717d; }
:where(html.dark body.pay-body) .grey { color: #aaaaaa; }
:where(html.dark body.pay-body) .highlight { color: #afd78e; }
:where(html.dark body.pay-body) .result { color: #cfe298; }
:where(html.dark body.pay-body) .message { color: #cfe298; }
:where(html.dark body.pay-body) .error, :where(html.dark body.pay-body) .message.error, :where(html.dark body.pay-body) .result.error { color: #e085a1; }
:where(html.dark body.pay-body) table { background-color: #212121; }
:where(html.dark body.pay-body) table th { color: #c9c9c9; }
:where(html.dark body.pay-body) table th span { color: #95cae4; }
:where(html.dark body.pay-body) table tr { border-bottom: 1px solid #4a4a4a; }
:where(html.dark body.pay-body) .overlay .title { color: #fff; background-color: #222; }
:where(html.dark body.pay-body) .overlay .content { background-color: #1c1c1c; }
:where(html.dark body.pay-body) .rounded { background-color: #292929; }
:where(html.dark body.pay-body) #footer { border-top: solid 1px #4a4a4a; }
:where(html.dark body.pay-body) #footer-copy { color: #9e9e9e; }
:where(html.dark body.pay-body) #content { background-color: #1c1c1c; }
:where(html.dark body.pay-body) .bgc0 { background-color: #292929!important; }
:where(html.dark body.pay-body) .bgc1 { background-color: #193542!important; }
:where(html.dark body.pay-body) .bgc2 { background-color: #27b!important; }
:where(html.dark body.pay-body) .bgc3 { background-color: #401818!important; }
:where(html.dark body.pay-body) .bgc4 { background-color: #334018!important; }
:where(html.dark body.pay-body) .bgc5 { background-color: #451e00!important; }
:where(html.dark body.pay-body) .bgc6 { background-color: #ffd8b0!important; }
:where(html.dark body.pay-body) .bgc7 { background-color: #1a2d44!important; }
:where(html.dark body.pay-body) .bgc8 { background-color: #001e45!important; }
:where(html.dark body.pay-body) .bgc9 { background-color: #222222!important; }
:where(html.dark body.pay-body) .bgc10 { background-color: #44441a!important; }
:where(html.dark body.pay-body) .bgc11 { background-color: #9dca31!important; }
:where(html.dark body.pay-body) #header { background-color: #2a2a2a; box-shadow: 0 0 5px 0 #000; }
:where(html.dark body.pay-body) #header-nav { color: #ccc; }
:where(html.dark body.pay-body) #header-nav li a { color: #a9a9a9; }
:where(html.dark body.pay-body) #header-nav li:hover a { background-color: #333; color: #ccc; }
:where(html.dark body.pay-body) #header-nav li.selected { background-color: #333; }
:where(html.dark body.pay-body) #header-nav .s { border-left: solid 1px #111; border-right: solid 1px #111; border-bottom: solid 1px #111; background-color: #333; box-shadow: 0 0 5px 0 #333; }
:where(html.dark body.pay-body) #header-nav .s a { color: #ccc; }
:where(html.dark body.pay-body) #header-nav .s a.bb { border-bottom: solid 1px #444; }
:where(html.dark body.pay-body) #header-nav .s a:hover { color: #fff; }
:where(html.dark body.pay-body) #header-nav .f .label { color: #ccc; }
:where(html.dark body.pay-body) #header-login { color: #efefef; }
:where(html.dark body.pay-body) #header-login a { color: #efefef; }
:where(html.dark body.pay-body) #header-login a:hover { color: #ccc; }
:where(html.dark body.pay-body) #header-login a.usermenu.on { color: #ccc; }
:where(html.dark body.pay-body) #header-login-usermenu { background-color: #1c1c1c; border: solid 1px #666; color: #c9c9c9; }
:where(html.dark body.pay-body) #header-login-usermenu a { color: #c9c9c9; }
:where(html.dark body.pay-body) #header-login-usermenu a:hover { color: #90bde9; }
:where(html.dark body.pay-body) #content { background-color: #1c1c1c; }
:where(html.dark body.pay-body) #footer { border-top: solid 1px #4a4a4a; }
:where(html.dark body.pay-body) #footer-copy { color: #9e9e9e; }
:where(html.dark body.pay-body) #payment-method a { background-color: #2a2a2a; border: solid 1px #4a4a4a; color: #b8b8b8; box-shadow: 1px 1px 1px #4a4a4a; background-image: linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -o-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -moz-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -webkit-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -ms-linear-gradient(bottom,#202020 28%,#2a2a2a 64%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28,#202020),color-stop(0.64,#2a2a2a)); }
:where(html.dark body.pay-body) #payment-method a:hover { background-image: linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -o-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -moz-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -webkit-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -ms-linear-gradient(bottom,#202020 28%,#202020 64%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.28,#202020),color-stop(0.64,#202020)); }
:where(html.dark body.pay-body) #payment-method a:active { box-shadow: 1px 1px 1px #888; }
:where(html.dark body.pay-body) #payment-method a .desc { color: #9e9e9e; }
:where(html.dark body.pay-body) #payment-summary-0 { background-color: #292929; }
:where(html.dark body.pay-body) #payment-summary .line0 { color: #b8b8b8; }
:where(html.dark body.pay-body) #payment-summary .line1 { color: #9e9e9e; }
:where(html.dark body.pay-body) #payment-summary .line2 { color: #9e9e9e; }
:where(html.dark body.pay-body) #payment-karma_koin-form .form { border: solid 1px #4a4a4a; background-color: #212121; }
:where(html.dark body.pay-body) #payment-karma_koin-form input[type=text] { border: solid 1px #aaa; }
:where(html.dark body.pay-body) #payment-karma_koin-form input[type=text]:focus { border-color: #888; }
/* ---- dark-extra.css ---- */
/* hand-written dark-theme fixes (appended by tools/make_dark_css.py) */
/* the plain light-grey "no cover" disc: dim it (the colourful default-* covers stay) */
html.dark img[src*="/noimage/"]:not([src*="default-"]) { filter: brightness(.6); }
/* switch knobs stay light on the dark track */
html.dark .st .st-switch::after { background: #f1f3f4; }
/* PayPal's yellow button keeps its dark label */
html.dark .pay .pay-paypal, html.dark #payment-method a.pay-paypal { color: #111 !important; }
/* loading ring on dark pages */
html.dark .loading .icon, html.dark .loading0 .icon, html.dark .big:has(> .icon) .icon { border-color: rgba(255, 255, 255, .14); border-top-color: #8ab4f8; }
html.dark .loading:not(.big):not(.small) { background: rgba(48, 49, 52, .95); }