/*=========================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0;
	font-size:100%; font:inherit; vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; color:#eee; background:#0e0e0e}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0}
input:focus {outline:none}

/*=========================================================*/

* {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:transparent;
	max-height:5000em
}
html {
	height:100%;
	color:#eee;
	background:#0e0e0e;
	--side:212px;
	--poster:160px;
	--poster-h:240px;
	--sat:0px;
	--sab:0px;
	--sal:0px;
	--sar:0px;
	--sat:constant(safe-area-inset-top);
	--sab:constant(safe-area-inset-bottom);
	--sal:constant(safe-area-inset-left);
	--sar:constant(safe-area-inset-right);
	--sat:env(safe-area-inset-top, 0px);
	--sab:env(safe-area-inset-bottom, 0px);
	--sal:env(safe-area-inset-left, 0px);
	--sar:env(safe-area-inset-right, 0px);
}
html.pwa {min-height:100vh}
@media (display-mode: standalone) {
	html {min-height:100vh}
}
body {width:100%; height:100%; font:15px "Segoe UI", Arial, sans-serif; overflow:hidden; color:#e8e8e8; background:#0e0e0e}
a {color:#e8e8e8; text-decoration:none}
a.hovered {color:#fff}
h1 {font-size:32px; font-weight:600; letter-spacing:-0.02em}
h2 {font-size:20px; font-weight:600; letter-spacing:-0.01em}

/*=========================================================*/

#layout {height:100%}
#nav_scrim {display:none}
#nav {float:left; width:calc(var(--side) + var(--sal)); height:100%; max-height:100%; padding-left:var(--sal); background:#121212; border-right:1px solid #1f1f1f; position:relative; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden}
#nav a.logo {display:block; flex-shrink:0; padding:24px 0 18px; text-align:center; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; touch-action:manipulation}
#nav a.logo img {width:150px; height:32px; pointer-events:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none}
#nav .menu {flex:1 1 0%; min-height:0; overflow-x:hidden; overflow-y:auto; padding:6px 10px 10px; -webkit-overflow-scrolling:touch; touch-action:pan-y; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#2a2a2a #121212}
#nav .menu::-webkit-scrollbar {width:6px}
#nav .menu::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:4px}
#nav .menu::-webkit-scrollbar-track {background:transparent}
#nav .menu a {display:block; padding:11px 14px; margin:0 0 3px; color:#8a8a8a; border-radius:8px; font-size:14px; font-weight:500}
#nav .menu a.hovered {color:#eee; background:#1c1c1c}
#nav .menu a.current {color:#fff; background:#222; box-shadow:inset 3px 0 0 #ff3333}
#nav .menu a.off {color:#3a3a3a; cursor:default}
#nav .menu a.off.hovered {color:#3a3a3a; background:none}
#nav .menu a span.n {display:none; float:right; min-width:18px; padding:1px 6px; color:#fff; background:#ff3333; border-radius:10px; font-size:11px; text-align:center}
#nav .menu a span.n.on {display:inline-block}
#nav .menu a span.gear {display:none; float:right; width:16px; height:16px; margin:2px 0 0; padding:0; color:#777; background:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.14 12.94c.04-.31.06-.63.06-.94s-.02-.63-.06-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 0 0-.48-.41h-3.84a.48.48 0 0 0-.48.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.74 8.87a.48.48 0 0 0 .12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.48-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.49.49 0 0 0-.12-.61zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.14 12.94c.04-.31.06-.63.06-.94s-.02-.63-.06-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 0 0-.48-.41h-3.84a.48.48 0 0 0-.48.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.74 8.87a.48.48 0 0 0 .12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.48-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.49.49 0 0 0-.12-.61zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E")}
#nav .menu a.current span.gear {display:inline-block}
#nav .menu a.current span.gear.hovered {color:#ff3333}
#nav .user {flex-shrink:0; position:relative; left:auto; right:auto; bottom:auto; padding:16px 22px 24px; background:#121212; border-top:1px solid #1c1c1c; color:#666; font-size:13px; min-width:0; box-sizing:border-box}
#nav .user .who {display:flex; align-items:center; gap:8px; min-width:0; margin:0 0 10px}
#nav .user .who .name {flex:1 1 auto; min-width:0; margin:0; color:#bbb; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#nav .user .who a.sub_badge {flex:0 1 auto; max-width:48%; margin:0; padding:4px 8px; border-radius:8px; font-size:11px; font-weight:700; text-decoration:none; letter-spacing:0.02em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
#nav .user .who a.sub_badge.on {color:#fff; background:#ff3333}
#nav .user .who a.sub_badge.on.hovered {background:#ff4d4d}
#nav .user .who a.sub_badge.off {color:#aaa; background:#1a1a1a; border:1px solid #2a2a2a}
#nav .user .who a.sub_badge.off.hovered {color:#fff; background:#252525}
#nav .user .acts {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; min-width:0}
#nav .user .acts a.logout {flex:1 1 auto; min-width:0; margin:0; color:#555; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#nav .user .acts a.logout.hovered {color:#ff3333}
#nav .user .acts a.full {flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0 0 0 auto; color:#555; text-decoration:none; box-sizing:border-box}
#nav .user .acts a.full.hovered {color:#ff3333}
#nav .user .acts a.full svg {display:block; width:16px; height:16px}
#nav .user .acts a.full svg.i_exit {display:none}
#nav .user .acts a.full.on svg.i_enter {display:none}
#nav .user .acts a.full.on svg.i_exit {display:block}
html.noshell #nav .user .acts a.full {display:none}
#stage {margin-left:calc(var(--side) + var(--sal)); height:100%; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#stage::-webkit-scrollbar {width:10px; height:10px}
#stage::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#stage::-webkit-scrollbar-track {background:#0e0e0e}

#tabs {display:none}

/*=========================================================*/

#top_spacer {height:0; overflow:hidden; pointer-events:none}
#top {padding:calc(20px + var(--sat)) 32px 16px; text-align:center; background:#121212; border-bottom:1px solid #1f1f1f; position:sticky; top:0; z-index:10}
#top.off {visibility:hidden; height:0; max-height:0; margin:0; padding:0; border:0; overflow:hidden; pointer-events:none}
#top form {display:flex; max-width:920px; margin:0 auto; align-items:stretch}
#top form a.menu_btn {display:none; flex:0 0 42px; width:42px; margin:0 8px 0 0; padding:0; align-items:center; justify-content:center; flex-direction:column; gap:5px; color:#eee; background:#181818; border:1px solid #2a2a2a; border-radius:10px; box-sizing:border-box}
#top form a.menu_btn span {display:block; width:18px; height:2px; background:#ddd; border-radius:1px}
#top form a.menu_btn.hovered {color:#fff; background:#1c1c1c}
#top form a.menu_btn.hovered span {background:#fff}
#top form select[name=sec] {flex:0 0 auto; margin:0 8px 0 0; padding:11px 32px 11px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#top form select[name=sec]:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#top form select[name=where] {flex:0 0 auto; margin:0 8px 0 0; padding:11px 32px 11px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#top form select[name=where]:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#top form .q {flex:1 1 auto; min-width:0; position:relative}
#top form .q input[name=q] {display:block; width:100%; box-sizing:border-box; padding:11px 16px; color:#eee; background:#181818; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif}
#top form .q input[name=q]:focus {border-color:#ff3333; background:#1c1c1c; box-shadow:0 0 0 3px rgba(255,51,51,0.12)}
#top form.active .q input[name=q] {padding-right:96px; color:#ff3333; background:#1c1c1c}
#top form .q a.cancel {display:none; position:absolute; right:14px; top:50%; margin-top:-8px; color:#ff3333; font-size:13px; font-weight:600; line-height:16px}
#top form.active .q a.cancel {display:block}
#top form .q a.cancel.hovered {color:#ff5555}
#top form input[type=submit] {flex:0 0 auto; margin:0 0 0 8px; padding:11px 18px; color:#fff; background:#ff3333; border:0; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; font-weight:700; cursor:pointer}
#top form input[type=submit].hovered {background:#ff4d4d}
#top form a.up {display:none !important}
#sel_list {position:fixed; z-index:80; overflow:auto; max-height:280px; padding:6px 0; color:#eee; background:#181818; border:1px solid #2a2a2a; border-radius:10px; box-shadow:0 16px 40px rgba(0,0,0,0.55); font:14px "Segoe UI", Arial, sans-serif; scrollbar-width:thin; scrollbar-color:#2a2a2a #181818}
#sel_list::-webkit-scrollbar {width:8px}
#sel_list::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#sel_list::-webkit-scrollbar-track {background:#181818}
#sel_list a {display:block; padding:8px 16px 8px 14px; color:#ddd; text-align:left}
#sel_list a.hovered {color:#fff; background:#222}
#sel_list a.current {color:#fff; background:#1f1f1f; box-shadow:inset 3px 0 0 #ff3333}
#sel_list a.sep {cursor:default; color:#777; background:transparent; padding:4px 16px 4px 14px; text-align:center; font-size:12px; opacity:1}
#sel_list a.sep.hovered {color:#777; background:transparent}

/*=========================================================*/

#login {display:none; width:380px; margin:12% auto 0; padding:40px 32px 32px; text-align:center; background:#161616; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,0.45)}
#login h1 {margin:0 0 28px; font-size:22px; letter-spacing:0.08em; color:#fff}
#login form input[type=text],
#login form input[type=password],
#login form input[type=email] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:13px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#login form input[type=submit] {display:block; width:100%; margin:8px 0 0; padding:13px 14px; color:#fff; background:#ff3333; border:0; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; font-weight:700; cursor:pointer}
#login form input[type=submit].hovered {background:#ff4d4d}
#login form input[type=submit]:disabled {opacity:0.5; cursor:default}
#login form .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#login .links {margin:18px 0 0; font-size:13px}
#login .links a {color:#888; text-decoration:none; margin:0 10px}
#login .links a.hovered {color:#ccc}
#accounts {display:none; width:380px; margin:12% auto 0; padding:40px 32px 32px; text-align:center; background:#161616; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,0.45)}
#accounts h1 {margin:0 0 22px; font-size:22px; letter-spacing:0.08em; color:#fff}
#accounts .list {text-align:left; margin:0 0 18px}
#accounts .list .row {display:flex; align-items:center; gap:10px; margin:0 0 8px; padding:12px 12px; background:#181818; border:1px solid #2c2c2c; border-radius:8px}
#accounts .list .row.current {border-color:#ff3333}
#accounts .list .row.hovered {border-color:#ff3333}
#accounts .list .row a.name {flex:1; color:#eee; text-decoration:none; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#accounts .list .row a.name.hovered {color:#fff}
#accounts .list .row a.out {flex:0 0 auto; color:#888; text-decoration:none; font-size:13px}
#accounts .list .row a.out.hovered {color:#ff3333}
#accounts .actions a {display:block; margin:10px 0 0; color:#aaa; text-decoration:none; font-size:14px}
#accounts .actions a.hovered {color:#fff}
#accounts .actions a.out_all {color:#888; font-size:13px}
#register {display:none; width:380px; margin:12% auto 0; padding:40px 32px 32px; text-align:center; background:#161616; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,0.45)}
#register h1 {margin:0 0 28px; font-size:22px; letter-spacing:0.08em; color:#fff}
#register form input[type=text],
#register form input[type=password],
#register form input[type=email] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:13px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#register form input[type=submit] {display:block; width:100%; margin:8px 0 0; padding:13px 14px; color:#fff; background:#ff3333; border:0; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; font-weight:700; cursor:pointer}
#register form input[type=submit].hovered {background:#ff4d4d}
#register form input[type=submit]:disabled {opacity:0.5; cursor:default}
#register form .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#register form .hint {display:none; margin:0 0 12px; color:#888; font-size:13px}
#register .links {margin:18px 0 0; font-size:13px}
#register .links a {color:#888; text-decoration:none; margin:0 10px}
#register .links a.hovered {color:#ccc}
html.login #nav {display:none !important}
html.login #tabs {display:none !important}
html.login #top {display:none !important}
html.login #nav_scrim {display:none !important}
html.login #stage {margin:0; padding:0; width:100%; max-width:none}

/*=========================================================*/

#dbg {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:90; background:rgba(0,0,0,0.62)}
#dbg .box {position:absolute; left:8%; right:8%; top:8%; bottom:8%; padding:16px 18px; color:#ddd; background:#141414; border:1px solid #2a2a2a; border-radius:12px}
#dbg .box .head {margin:0 0 12px; color:#fff; font-size:14px; font-weight:600}
#dbg .box .head a.copy {margin:0 0 0 14px; color:#8a8a8a; font-size:13px; font-weight:500}
#dbg .box .head a.copy.hovered {color:#fff}
#dbg .box .head a.close {float:right; color:#8a8a8a; font-size:13px; font-weight:500}
#dbg .box .head a.close.hovered {color:#ff3333}
#dbg .box pre {height:calc(100% - 28px); overflow:auto; color:#c8c8c8; font:12px Consolas, "Courier New", monospace; white-space:pre-wrap; word-break:break-all; scrollbar-width:thin; scrollbar-color:#2a2a2a #141414}
#dbg .box pre::-webkit-scrollbar {width:10px; height:10px}
#dbg .box pre::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#dbg .box pre::-webkit-scrollbar-track {background:#141414}

/*=========================================================*/

#tt-mod {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:95; background:rgba(0,0,0,0.72)}
#tt-mod .box {position:absolute; left:50%; top:50%; width:360px; margin:-90px 0 0 -180px; padding:28px 26px 24px; color:#eee; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-sizing:border-box; text-align:center}
#tt-mod .box .title {margin:0 0 10px; color:#fff; font-size:18px; font-weight:600}
#tt-mod .box .text {margin:0 0 18px; color:#888; font-size:13px; line-height:1.4; word-break:break-all}
#tt-mod .box .bar {width:100%; height:8px; background:#1a1a1a; border-radius:6px; overflow:hidden}
#tt-mod .box .bar .fill {width:0; height:100%; background:#ff3333; border-radius:6px}

/*=========================================================*/

#drop {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:80; box-sizing:border-box; background:rgba(14,14,14,0.78); border:4px solid #ff3333}
#drop.on {display:block}
#drop .msg {position:absolute; left:24px; right:24px; top:50%; margin-top:-16px; color:#fff; font-size:22px; font-weight:600; text-align:center}

/*=========================================================*/

#note {position:fixed; right:24px; top:calc(20px + var(--sat)); z-index:80; padding:12px 18px; color:#fff; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.45); font-size:14px; font-weight:600}

#scroll_up {display:none; position:fixed; right:calc(20px + var(--sar)); bottom:calc(20px + var(--sab)); z-index:42; width:46px; height:46px; align-items:center; justify-content:center; color:#ddd; background:rgba(26,26,26,0.92); border:1px solid #333; border-radius:23px; font-size:20px; line-height:1; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,0.45); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease; box-sizing:border-box; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px)}
#scroll_up.on {display:flex}
#scroll_up.show {opacity:1; visibility:visible; transform:translateY(0)}
#scroll_up.hovered {color:#fff; background:rgba(34,34,34,0.96); border-color:#444}
html.player_open #scroll_up {display:none !important}
html.player_open {overflow:hidden}
html.player_open body {overflow:hidden}
html.reader_open #scroll_up {display:none !important}
html.books_reader_open #scroll_up {display:none !important}
html.comics_reader_open #scroll_up {display:none !important}
html.login #scroll_up {display:none !important}

/*=========================================================*/

#home {display:none; padding:16px 0 calc(56px + var(--sab))}
#home .row {margin:0 0 18px}
#home .row .head {margin:0 32px 14px; overflow:hidden}
#home .row .head h2 {float:left; margin:0; font-size:17px; color:#f2f2f2; font-weight:600; letter-spacing:0.01em}
#home .row .head h2 a.row_title {color:#f2f2f2}
#home .row .head h2 a.row_title.hovered {color:#fff}
#home .row .head a.row_all {float:left; margin:4px 0 0 16px; color:#777; font-size:13px; font-weight:600}
#home .row .head a.row_all.hovered {color:#ff3333}
#home .row .head .filter {float:right; padding:3px 0 0}
#home .row .head .filter a {display:inline-block; margin:0 0 0 16px; color:#777; font-size:13px; font-weight:600}
#home .row .head .filter a.hovered {color:#ddd}
#home .row .head .filter a.current {color:#fff}
#home .row .row_box {position:relative}
#home .row .row_box::before {content:''; position:absolute; left:0; top:0; z-index:1; width:72px; height:var(--poster-h); background:linear-gradient(to right, #0e0e0e, transparent); pointer-events:none; opacity:0}
#home .row .row_box::after {content:''; position:absolute; right:0; top:0; z-index:1; width:72px; height:var(--poster-h); background:linear-gradient(to left, #0e0e0e, transparent); pointer-events:none; opacity:0}
#home .row .row_box:not(.start)::before {opacity:1}
#home .row .row_box:not(.end)::after {opacity:1}
#home .row .row_box a.row_prev {position:absolute; left:12px; top:calc((var(--poster-h) - 44px) / 2); z-index:3; display:flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0 2px 1px 0; font-size:26px; color:#f0f0f0; background:rgba(18,18,18,0.78); border-radius:22px; box-shadow:0 6px 16px rgba(0,0,0,0.35); box-sizing:border-box}
#home .row .row_box a.row_next {position:absolute; right:12px; top:calc((var(--poster-h) - 44px) / 2); z-index:3; display:flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0 0 1px 2px; font-size:26px; color:#f0f0f0; background:rgba(18,18,18,0.78); border-radius:22px; box-shadow:0 6px 16px rgba(0,0,0,0.35); box-sizing:border-box}
#home .row .row_box a.row_prev.hovered {color:#fff; background:rgba(255,255,255,0.14)}
#home .row .row_box a.row_next.hovered {color:#fff; background:rgba(255,255,255,0.14)}
#home .row .row_box a.row_prev.off {visibility:hidden}
#home .row .row_box a.row_next.off {visibility:hidden}
#home .row .row_box .row_scroller {overflow-x:auto; overflow-y:hidden; white-space:nowrap; padding:4px 32px 18px; cursor:grab; scrollbar-width:none; -ms-overflow-style:none}
#home .row .row_box .row_scroller.drag {cursor:grabbing; -webkit-user-select:none; user-select:none}
#home .row .row_box .row_scroller a.poster {-webkit-user-drag:none; user-drag:none}
#home .row .row_box .row_scroller a.ncard {-webkit-user-drag:none; user-drag:none}
#home .row .row_box .row_scroller img {-webkit-user-drag:none; user-drag:none}
#home .row .row_box .row_scroller::-webkit-scrollbar {width:0; height:0; display:none; background:transparent}
#home .row .row_box .row_scroller a.poster {display:inline-block; width:var(--poster); margin:0 12px 0 0; vertical-align:top; white-space:normal; color:#c8c8c8}
#home .row .row_box .row_scroller a.poster.hovered {color:#fff}
#home .row .row_box .row_scroller a.poster .cover {width:var(--poster); height:var(--poster-h); margin:0 0 10px; background:#161616; border-radius:10px; overflow:hidden; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45)}
#home .row .row_box .row_scroller a.poster.hovered .cover {box-shadow:0 14px 34px rgba(0,0,0,0.65), 0 0 0 2px rgba(255,51,51,0.85)}
#home .row .row_box .row_scroller a.poster .cover img {display:block; width:var(--poster); height:var(--poster-h); object-fit:cover; opacity:0; transition:opacity 0.28s ease}
#home .row .row_box .row_scroller a.poster .cover img.on {opacity:1}
#home .row .row_box .row_scroller a.poster .cover .rate {position:absolute; left:8px; top:8px; z-index:1; padding:3px 7px; border-radius:4px; font-size:12px; font-weight:700; color:#fff}
#home .row .row_box .row_scroller a.poster .cover .rate.green {background:#2e7d32}
#home .row .row_box .row_scroller a.poster .cover .rate.grey {background:#4a4a4a; color:#ddd}
#home .row .row_box .row_scroller a.poster .cover .rate.red {background:#c62828}
#home .row .row_box .row_scroller a.poster .cover span.mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#home .row .row_box .row_scroller a.poster .cover span.mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#home .row .row_box .row_scroller a.poster .cover span.mark.favorite {background:#fd7e23}
#home .row .row_box .row_scroller a.poster .cover span.mark.good {background:#2e7d32}
#home .row .row_box .row_scroller a.poster .cover span.mark.normal {background:#666}
#home .row .row_box .row_scroller a.poster .cover span.mark.bad {background:#c62828}
#home .row .row_box .row_scroller a.poster .cover span.mark.want {background:#1c43eb}
#home .row .row_box .row_scroller a.poster .cover span.mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#home .row .row_box .row_scroller a.poster .cover span.q {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; line-height:1.2em; box-sizing:border-box}
#home .row .row_box .row_scroller a.poster .cover span.q.ts {background:#d4a017; color:#1a1400}
#home .row .row_box .row_scroller a.poster .cover span.q.tc {background:#c67a12; color:#1a1400}
#home .row .row_box .row_scroller a.poster .cover span.q.webdl {background:#1565c0}
#home .row .row_box .row_scroller a.poster .cover span.q.hdrip {background:#0288d1}
#home .row .row_box .row_scroller a.poster .cover span.q.hdtv {background:#546e7a}
#home .row .row_box .row_scroller a.poster .cover span.q.dvd {background:#5c6bc0}
#home .row .row_box .row_scroller a.poster .cover span.q.bdrip {background:#2e7d32}
#home .row .row_box .row_scroller a.poster .cover span.q.bd {background:#1b7a4e}
#home .row .row_box .row_scroller a.poster .cover span.q.q4k {background:#6a1b9a}
#home .row .row_box .row_scroller a.poster .cover span.q.license {background:#c9a45a; color:#1a1400}
#home .row .row_box .row_scroller a.poster .cover.empty {height:var(--poster-h); max-height:var(--poster-h); overflow:hidden; background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat; box-sizing:border-box}
#home .row .row_box .row_scroller a.poster .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:12px 10px; color:#eee; font-size:13px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#home .row .row_box .row_scroller a.poster.nocover .y {margin-top:0}
#home .row .row_box .row_scroller a.poster .cover .prog {position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255,255,255,0.15)}
#home .row .row_box .row_scroller a.poster .cover .prog span {display:block; height:3px; background:#ff3333}
#home .row .row_box .row_scroller a.poster .t {font-size:13px; line-height:1.35em; max-height:2.7em; overflow:hidden; font-weight:600}
#home .row .row_box .row_scroller a.poster .y {margin:5px 0 0; font-size:12px; color:#777}
#home .row .row_box .row_scroller a.poster.lib {width:220px}
#home .row .row_box .row_scroller a.poster.lib .cover {width:220px; height:124px}
#home .row .row_box .row_scroller a.poster.lib .cover img {width:220px; height:124px}
#home .row .row_box .row_scroller a.poster.soft {width:140px; padding:16px 12px 12px; background:#161616; border:1px solid #222; border-radius:16px; box-sizing:border-box; text-align:center}
#home .row .row_box .row_scroller a.poster.soft.hovered {background:#1a1a1a; border-color:#3a3a3a; box-shadow:0 0 0 2px rgba(255,51,51,0.85)}
#home .row .row_box .row_scroller a.poster.soft .cover {width:64px; height:64px; margin:0 auto 10px; background:none; border-radius:12px; box-shadow:none}
#home .row .row_box .row_scroller a.poster.soft .cover span.mark {left:auto; right:2px; bottom:2px; padding:3px 5px; font-size:10px; text-align:center; min-height:0}
#home .row .row_box .row_scroller a.poster.soft .cover span.mark.none {min-height:0; padding:3px 5px}
#home .row .row_box .row_scroller a.poster.soft .cover span.mark:before {left:-8px; right:-4px; top:-20px; bottom:-4px}
#home .row .row_box .row_scroller a.poster.soft.hovered .cover {box-shadow:none}
#home .row .row_box .row_scroller a.poster.soft .cover.empty {height:64px; max-height:64px}
#home .row .row_box .row_scroller a.poster.soft .cover img {width:64px; height:64px; object-fit:cover; object-position:center 20%}
#home .row .row_box .row_scroller a.poster.soft.mac .cover {background:none; box-shadow:none}
#home .row .row_box .row_scroller a.poster.soft.mac.hovered .cover {box-shadow:none}
#home .row .row_box .row_scroller a.poster.soft.mac .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); box-shadow:none}
#home .row .row_box .row_scroller a.poster.soft.mac .cover img {object-fit:contain; object-position:center center}
#home .row .row_box .row_scroller a.poster.soft .cover .srcmark {position:absolute; left:0; top:0; z-index:1; padding:2px 5px; border-radius:4px; font-size:10px; font-weight:700; color:#eee; background:#333}
#home .row .row_box .row_scroller a.poster.soft .t {height:2.7em; max-height:2.7em}
#home .row .row_box .row_scroller a.poster.soft .y {height:1.35em; overflow:hidden}
#home .row .row_box .row_scroller a.poster.retro .cover .srcmark {position:absolute; left:8px; top:8px; z-index:1; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#eee; background:#333}
#home .row .row_box .row_scroller a.poster.lib .t {text-align:center}
#home .row.news .row_box::before {height:220px}
#home .row.news .row_box::after {height:220px}
#home .row.news .row_box a.row_prev {top:51px}
#home .row.news .row_box a.row_next {top:51px}
#home .row.news .row_box .row_scroller a.ncard {display:inline-block; width:260px; margin:0 12px 0 0; vertical-align:top; white-space:normal; color:#c8c8c8; text-decoration:none}
#home .row.news .row_box .row_scroller a.ncard.hovered {color:#fff}
#home .row.news .row_box .row_scroller a.ncard.viewed {opacity:0.72}
#home .row.news .row_box .row_scroller a.ncard.viewed.hovered {opacity:1}
#home .row.news .row_box .row_scroller a.ncard .cover {display:block; width:260px; height:146px; margin:0 0 10px; background:#161616 center center / cover no-repeat; border-radius:10px; overflow:hidden; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45)}
#home .row.news .row_box .row_scroller a.ncard.hovered .cover {box-shadow:0 14px 34px rgba(0,0,0,0.65), 0 0 0 2px rgba(255,51,51,0.85)}
#home .row.news .row_box .row_scroller a.ncard .cover.empty {background:#1a1a1a}
#home .row.news .row_box .row_scroller a.ncard .cover .srcmark {position:absolute; left:8px; top:8px; z-index:1; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#eee; background:#333}
#home .row.news .row_box .row_scroller a.ncard .cover .srcmark.dtf {background:#F5FCFF; color:#222}
#home .row.news .row_box .row_scroller a.ncard .cover .srcmark.playground {background:#b31919; color:#fff}
#home .row.news .row_box .row_scroller a.ncard .cover .srcmark.kg {background:#26b88e; color:#222}
#home .row.news .row_box .row_scroller a.ncard .cover .srcmark.mirf {background:#7a1f3d; color:#fff}
#home .row.news .row_box .row_scroller a.ncard .cover .srcmark.s3dnews {background:#1a5f9e; color:#fff}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark.favorite {background:#fd7e23}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark.good {background:#2e7d32}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark.normal {background:#666}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark.bad {background:#c62828}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark.want {background:#1c43eb}
#home .row.news .row_box .row_scroller a.ncard .cover span.mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#home .row.news .row_box .row_scroller a.ncard .t {display:-webkit-box; font-size:14px; line-height:1.35em; max-height:2.7em; overflow:hidden; font-weight:600; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#home .row.news .row_box .row_scroller a.ncard .y {display:block; margin:6px 0 0; font-size:12px; color:#777}
#home .empty {padding:80px 32px; color:#666; font-size:16px}
#home .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
@keyframes tt-spin {
	to {transform:rotate(360deg)}
}

/*=========================================================*/

.filters .extra_box {display:contents}
.filters .filters_head {display:contents}
.filters .filters_head .filters_main {display:contents}
.filters a.more_btn {display:none}
.filters a.more_btn svg {display:block; width:18px; height:18px}
.filters.has_more {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end}
.filters.has_more .filters_head {display:flex; flex-wrap:nowrap; align-items:flex-end; width:100%; box-sizing:border-box}
.filters.has_more .filters_head .filters_main {display:flex; flex-wrap:nowrap; flex:1 1 auto; min-width:0}
.filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#catalog .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#torrents .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#news .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#trailers .filters.has_more, #clips .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#porno .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#books .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#comics .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#soft .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#games .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#releases .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#retro .filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
.filters.has_more .filters_head .filters_main .field select {display:block; width:100%; min-width:0; max-width:none; height:40px; box-sizing:border-box}
#catalog .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#torrents .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#news .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#trailers .filters.has_more, #clips .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#porno .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#books .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#comics .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#soft .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#games .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#releases .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#soft .filters.has_more .filters_head .filters_main .field select[name=os] {min-width:0; width:100%; max-width:none}
#soft .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
#games .filters.has_more .filters_head .filters_main .field select[name=store] {min-width:0; width:100%; max-width:none}
#games .filters.has_more .filters_head .filters_main .field select[name=status] {min-width:0; width:100%; max-width:none}
#games .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
#retro .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#retro .filters.has_more .filters_head .filters_main .field select[name=system] {min-width:0; width:100%; max-width:none}
#retro .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
.filters.has_more.has_overflow .filters_head a.more_btn {display:flex; align-items:center; justify-content:center; flex:none; align-self:flex-end; width:40px; min-width:40px; max-width:40px; height:40px; margin:0 4px 12px; padding:0; color:#ddd; background:#181818; border:1px solid #2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
.filters.has_more.has_overflow .filters_head a.more_btn.hovered {color:#fff; background-color:#222; border-color:#444}
.filters.has_more.has_overflow.open .filters_head a.more_btn {color:#fff; border-color:#ff3333}
.filters.has_more .extra_box {display:none; width:100%}
.filters.has_more.open .extra_box {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end}
.filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#catalog .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#torrents .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#news .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#trailers .filters.has_more, #clips .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#porno .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#books .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#comics .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#soft .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#games .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#releases .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
#retro .filters.has_more .extra_box .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
.filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#catalog .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#torrents .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#news .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#trailers .filters.has_more, #clips .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#porno .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#books .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#comics .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#soft .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#games .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#releases .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
#retro .filters.has_more .extra_box.cols-2 .field {flex:1 1 calc(50% - 8px); max-width:calc(50% - 8px)}
.filters.has_more .extra_box .field select {display:block; width:100%; min-width:0; max-width:none; height:40px; box-sizing:border-box}
#catalog .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#torrents .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#news .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#trailers .filters.has_more, #clips .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#porno .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#books .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#comics .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#soft .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#games .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#releases .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
#retro .filters.has_more .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}

#catalog {display:none; padding:20px 32px 56px}
#catalog .filters {margin:0 0 6px; text-align:center}
#catalog .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#catalog .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#catalog .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#catalog .filters .field select[name=filter] {min-width:168px}
#catalog .filters .field select[name=rate] {min-width:168px}
#catalog .filters .field select[name=genre] {min-width:168px}
#catalog .filters .field select[name=sort] {min-width:132px}

#catalog .filters.kodi .field {margin:0 4px 14px}
#catalog .filters.kodi .field select {min-width:132px}
#catalog .filters.kodi .field select[name=genre] {min-width:132px}
#catalog .filters.kodi .field select[name=country] {min-width:132px}
#catalog .filters.kodi .field select[name=sortDir] {min-width:132px}
#catalog .filters.jellyfin .field {margin:0 4px 14px}
#catalog .filters.jellyfin .field select {min-width:132px}
#catalog .filters.jellyfin .field select[name=genre] {min-width:132px}
#catalog .filters.jellyfin .field select[name=sortDir] {min-width:132px}
#catalog .filters .field select:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#catalog .filters .field select option {color:#eee; background:#181818}
#catalog .grid {padding:4px 0 0; text-align:center}
#catalog .grid a.poster {display:inline-block; width:var(--poster); margin:0 7px 24px; vertical-align:top; color:#c8c8c8}
#catalog .grid a.poster.hovered {color:#fff}
#catalog .grid a.poster .cover {width:var(--poster); height:var(--poster-h); margin:0 0 10px; background:#161616; border-radius:10px; overflow:hidden; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45)}
#catalog .grid a.poster.hovered .cover {box-shadow:0 14px 34px rgba(0,0,0,0.65), 0 0 0 2px rgba(255,51,51,0.85)}
#catalog .grid a.poster .cover img {display:block; width:var(--poster); height:var(--poster-h); object-fit:cover; opacity:0; transition:opacity 0.28s ease}
#catalog .grid a.poster .cover img.on {opacity:1}
#catalog .grid a.poster .cover .rate {position:absolute; left:8px; top:8px; z-index:1; padding:3px 7px; border-radius:4px; font-size:12px; font-weight:700; color:#fff}
#catalog .grid a.poster .cover .rate.green {background:#2e7d32}
#catalog .grid a.poster .cover .rate.grey {background:#4a4a4a; color:#ddd}
#catalog .grid a.poster .cover .rate.red {background:#c62828}
#catalog .grid a.poster .cover span.mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#catalog .grid a.poster .cover span.mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#catalog .grid a.poster .cover span.mark.favorite {background:#fd7e23}
#catalog .grid a.poster .cover span.mark.good {background:#2e7d32}
#catalog .grid a.poster .cover span.mark.normal {background:#666}
#catalog .grid a.poster .cover span.mark.bad {background:#c62828}
#catalog .grid a.poster .cover span.mark.want {background:#1c43eb}
#catalog .grid a.poster .cover span.mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#catalog .grid a.poster .cover .prog {position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255,255,255,0.15)}
#catalog .grid a.poster .cover .prog span {display:block; height:3px; background:#ff3333}
#catalog .grid a.poster .t {font-size:13px; line-height:1.35em; max-height:2.7em; overflow:hidden; font-weight:600}
#catalog .grid a.poster .y {margin:5px 0 0; font-size:12px; color:#777}
#catalog .grid.libs a.poster.lib {width:220px}
#catalog .grid.libs a.poster.lib .cover {width:220px; height:124px}
#catalog .grid.libs a.poster.lib .cover img {width:220px; height:124px}
#catalog .grid.libs a.poster.lib .t {text-align:center}
#catalog .pages {padding:0; text-align:center}
#catalog .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600}
#catalog .pages a.more.hovered {color:#fff; background:#2c2c2c}
#catalog .pages .nav {display:inline-block; vertical-align:middle}
#catalog .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px}
#catalog .pages .nav a.hovered {color:#fff; background:#222}
#catalog .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px}
#catalog .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#catalog .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#catalog .grid .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#catalog .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

/*=========================================================*/

#torrents {display:none; padding:20px 32px 56px}
#torrents .filters {margin:0 0 10px; text-align:center}
#torrents .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#torrents .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#torrents .filters .field select {display:block; min-width:168px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#torrents .filters .field select[name=tracker] {min-width:180px}
#torrents .filters .field select[name=cat] {min-width:220px}
#torrents .filters .field select[name=sort] {min-width:168px}
#torrents .filters .field select:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#torrents .filters .field select option {color:#eee; background:#181818}
#torrents .items {max-width:1100px; margin:0 auto; padding:4px 0 0}
#torrents .items .item {margin:0 0 12px; padding:16px 18px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box; transition:border-color 0.15s ease, background 0.15s ease}
#torrents .items .item.hovered {border-color:#3a3a3a; background:#1a1a1a}
#torrents .items .item .tt {line-height:1.45em; color:#eee; cursor:pointer; font-size:15px; font-weight:600}
#torrents .items .item .tt.hovered {color:#fff}
#torrents .items .item .tt .tq {display:inline-flex; align-items:center; justify-content:center; margin:0 8px 6px 0; padding:0.35em 0.65em; height:auto; color:#ddd; background:#2a2a2a; border-radius:6px; font-size:11px; vertical-align:middle; font-weight:700; line-height:1; letter-spacing:0.02em}
#torrents .items .item .tt .tag {display:inline-flex; align-items:center; justify-content:center; margin:0 8px 6px 0; padding:0.35em 0.65em; height:auto; color:#bbb; background:#222; border-radius:6px; font-size:11px; vertical-align:middle; font-weight:600; line-height:1}
#torrents .items .item .tm {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; margin:8px 0 14px; color:#777; font-size:13px; line-height:1.4em}
#torrents .items .item .tm .meta {flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#torrents .items .item .tm .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:5px 11px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:14px; font-weight:700; letter-spacing:0.02em}
#torrents .items .item .tm .peers .s {color:#5dce6a}
#torrents .items .item .tm .peers .l {color:#ffb04a}
#torrents .items .item .tm .peers .sep {color:#555; font-weight:600}
#torrents .items .item .ta {display:flex; flex-wrap:wrap; gap:8px; align-items:center}
#torrents .items .item .ta a {display:inline-flex; align-items:center; justify-content:center; padding:0.55em 1em; height:auto; color:#fff; background:#2a2a2a; border-radius:8px; font-size:13px; font-weight:700; line-height:1; text-decoration:none}
#torrents .items .item .ta a.hovered {background:#3a3a3a}
#torrents .items .item .ta a.play {background:#ff3333}
#torrents .items .item .ta a.play.hovered {background:#ff4d4d}
#torrents .items .item .ta a.vlc {color:#ddd; background:#1a1a1a}
#torrents .items .item .ta a.vlc.hovered {color:#fff; background:#252525}
#torrents .items .item .ta a.save {color:#ddd; background:#1a1a1a}
#torrents .items .item .ta a.save.hovered {color:#fff; background:#252525}
#torrents .items .item .ta a.info {color:#888; background:transparent; padding-left:6px; padding-right:6px}
#torrents .items .item .ta a.info.hovered {color:#fff; background:transparent}
#torrents .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#torrents .empty {padding:48px 0; color:#666; font-size:16px; text-align:center}
#torrents .pages {padding:12px 0 0; text-align:center}
#torrents .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#torrents .pages a.more.hovered {color:#fff; background:#2c2c2c}
#torrents .pages .nav {display:inline-block; vertical-align:middle}
#torrents .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#torrents .pages .nav a.hovered {color:#fff; background:#222}
#torrents .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#torrents .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#torrents .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

/*=========================================================*/

#news {display:none; padding:20px 32px 56px}
#news .filters {margin:0 0 6px; text-align:center}
#news .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#news .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#news .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#news .filters .field select[name=source] {min-width:168px}
#news .filters .field select[name=cat] {min-width:148px}
#news .filters .field select[name=rate] {min-width:168px}
#news .filters .field select:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#news .filters .field select option {color:#eee; background:#181818}
#news .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 -10px}
#news .items .item {display:flex; flex-direction:column; flex:1 1 280px; width:auto; max-width:380px; margin:0 10px 24px; padding:0 0 14px; overflow:hidden; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
#news .items .item.hovered {border-color:#3a3a3a}
#news .items .item.viewed {opacity:0.72}
#news .items .item.viewed.hovered {opacity:1}
#news .items .item .cover {display:block; width:100%; height:168px; text-decoration:none; background:#111 center center / cover no-repeat}
#news .items .item .cover.empty {background:#1a1a1a; position:relative}
#news .items .item .cover.empty .src {display:block; width:100%; position:absolute; top:46%; left:0; text-align:center; text-transform:uppercase; font-size:12px; color:#555; letter-spacing:0.04em}
#news .items .item .body {display:flex; flex-direction:column; flex:1; padding:14px 14px 0}
#news .items .item .body .meta {margin:0 0 8px; font-size:12px; color:#777}
#news .items .item .body .meta .source {display:inline-block; margin:0 8px 0 0; padding:1px 7px; color:#eee; background:#333; border-radius:3px; font-weight:600; text-decoration:none}
#news .items .item .body .meta .source.hovered {color:#fff}
#news .items .item .body .meta .source.dtf {background:#F5FCFF; color:#222}
#news .items .item .body .meta .source.playground {background:#b31919}
#news .items .item .body .meta .source.kg {background:#26b88e; color:#222}
#news .items .item .body .meta .source.mirf {background:#7a1f3d}
#news .items .item .body .meta .source.s3dnews {background:#1a5f9e}
#news .items .item .body .meta .cat {margin:0 8px 0 0; color:#888; text-decoration:none}
#news .items .item .body .meta .cat.hovered {color:#fff}
#news .items .item .body .meta .time {color:#666}
#news .items .item .body h3 {margin:0 0 8px; font-size:16px; font-weight:600; line-height:1.35em}
#news .items .item .body h3 a {display:-webkit-box; color:#eee; text-decoration:none; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
#news .items .item .body h3 a.hovered {color:#fff}
#news .items .item.viewed .body h3 a {color:#888}
#news .items .item.viewed .body h3 a.hovered {color:#bbb}
#news .items .item .body a.descr {display:-webkit-box; margin:0 0 12px; color:#8a8a8a; font-size:13px; line-height:1.45em; text-decoration:none; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
#news .items .item .body a.descr.hovered {color:#bbb}
#news .items .item .body .actions {margin:auto 0 0; padding:10px 0 0; text-align:right}
#news .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; margin:0 0 0 8px; padding:4px 12px 7px; height:auto; color:#aaa; border:1px solid #333; border-radius:8px; font-size:12px; font-weight:600; line-height:1.15; text-decoration:none; text-transform:lowercase; vertical-align:middle; box-sizing:border-box}
#news .items .item .body .actions a.hovered {color:#fff; border-color:#555}
#news .items .item .body .actions a.save.current {color:#fd7e23; border-color:#fd7e23}
#news .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#news .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#news .pages {padding:8px 0 0; text-align:center}
#news .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#news .pages a.more.hovered {color:#fff; background:#2c2c2c}
#news .pages .nav {display:inline-block; vertical-align:middle}
#news .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#news .pages .nav a.hovered {color:#fff; background:#222}
#news .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#news .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#news .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

/*=========================================================================================================================*/

#clips {display:none; padding:16px 0 calc(56px + var(--sab))}
#clips .row {margin:0 0 18px}
#clips .row .head {margin:0 32px 14px; overflow:hidden}
#clips .row .head h2 {float:left; margin:0; font-size:17px; color:#f2f2f2; font-weight:600; letter-spacing:0.01em}
#clips .row .head h2 a.row_title {color:#f2f2f2}
#clips .row .head h2 a.row_title.hovered {color:#fff}
#clips .row .head a.row_all {float:left; margin:4px 0 0 16px; color:#777; font-size:13px; font-weight:600}
#clips .row .head a.row_all.hovered {color:#ff3333}
#clips .row .head .filter {float:right; padding:3px 0 0}
#clips .row .head .filter a {display:inline-block; margin:0 0 0 16px; color:#777; font-size:13px; font-weight:600}
#clips .row .head .filter a.hovered {color:#ddd}
#clips .row .head .filter a.current {color:#fff}
#clips .row .row_box {position:relative}
#clips .row .row_box::before {content:''; position:absolute; left:0; top:0; z-index:1; width:72px; height:124px; background:linear-gradient(to right, #0e0e0e, transparent); pointer-events:none; opacity:0}
#clips .row .row_box::after {content:''; position:absolute; right:0; top:0; z-index:1; width:72px; height:124px; background:linear-gradient(to left, #0e0e0e, transparent); pointer-events:none; opacity:0}
#clips .row .row_box:not(.start)::before {opacity:1}
#clips .row .row_box:not(.end)::after {opacity:1}
#clips .row .row_box a.row_prev {position:absolute; left:12px; top:40px; z-index:3; display:flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0 2px 1px 0; font-size:26px; color:#f0f0f0; background:rgba(18,18,18,0.78); border-radius:22px; box-shadow:0 6px 16px rgba(0,0,0,0.35); box-sizing:border-box}
#clips .row .row_box a.row_next {position:absolute; right:12px; top:40px; z-index:3; display:flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0 0 1px 2px; font-size:26px; color:#f0f0f0; background:rgba(18,18,18,0.78); border-radius:22px; box-shadow:0 6px 16px rgba(0,0,0,0.35); box-sizing:border-box}
#clips .row .row_box a.row_prev.hovered {color:#fff; background:rgba(255,255,255,0.14)}
#clips .row .row_box a.row_next.hovered {color:#fff; background:rgba(255,255,255,0.14)}
#clips .row .row_box a.row_prev.off {visibility:hidden}
#clips .row .row_box a.row_next.off {visibility:hidden}
#clips .row .row_box .row_scroller {overflow-x:auto; overflow-y:hidden; white-space:nowrap; padding:4px 32px 18px; cursor:grab; scrollbar-width:none; -ms-overflow-style:none}
#clips .row .row_box .row_scroller.drag {cursor:grabbing; -webkit-user-select:none; user-select:none}
#clips .row .row_box .row_scroller::-webkit-scrollbar {width:0; height:0; display:none; background:transparent}
#clips .row .row_box .row_scroller a.ccard {display:inline-block; width:220px; margin:0 12px 0 0; vertical-align:top; white-space:normal; color:#c8c8c8; text-decoration:none}
#clips .row .row_box .row_scroller a.ccard.hovered {color:#fff}
#clips .row .row_box .row_scroller a.ccard .cover {display:block; width:220px; height:124px; margin:0 0 8px; background:#161616 center center / cover no-repeat; border-radius:10px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,0.45); position:relative}
#clips .row .row_box .row_scroller a.ccard.hovered .cover {box-shadow:0 14px 34px rgba(0,0,0,0.65), 0 0 0 2px rgba(255,51,51,0.85)}
#clips .row .row_box .row_scroller a.ccard .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px}
#clips .row .row_box .row_scroller a.ccard .cover span.mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#clips .row .row_box .row_scroller a.ccard .cover span.mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#clips .row .row_box .row_scroller a.ccard .cover span.mark.favorite {background:#fd7e23}
#clips .row .row_box .row_scroller a.ccard .cover span.mark.good {background:#2e7d32}
#clips .row .row_box .row_scroller a.ccard .cover span.mark.normal {background:#666}
#clips .row .row_box .row_scroller a.ccard .cover span.mark.bad {background:#c62828}
#clips .row .row_box .row_scroller a.ccard .cover span.mark.want {background:#1c43eb}
#clips .row .row_box .row_scroller a.ccard .cover span.mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#clips .row .row_box .row_scroller a.ccard .m {display:block; margin:0 0 2px; color:#888; font-size:12px; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#clips .row .row_box .row_scroller a.ccard .t {display:block; margin:0; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#clips .row.artists .row_box::before {height:108px}
#clips .row.artists .row_box::after {height:108px}
#clips .row.artists .row_box a.row_prev {top:32px}
#clips .row.artists .row_box a.row_next {top:32px}
#clips .row .row_box .row_scroller a.acard {display:inline-block; width:96px; margin:0 14px 0 0; vertical-align:top; white-space:normal; color:#c8c8c8; text-decoration:none; text-align:center}
#clips .row .row_box .row_scroller a.acard.hovered {color:#fff}
#clips .row .row_box .row_scroller a.acard .photo {display:block; width:84px; height:84px; margin:0 auto 8px; background:#161616 center center / cover no-repeat; border-radius:50%; box-shadow:0 8px 20px rgba(0,0,0,0.4); position:relative; flex-shrink:0; box-sizing:border-box}
#clips .row .row_box .row_scroller a.acard.hovered .photo {box-shadow:0 10px 24px rgba(0,0,0,0.55), 0 0 0 2px rgba(255,51,51,0.85)}
#clips .row .row_box .row_scroller a.acard .photo.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#clips .row .row_box .row_scroller a.acard .photo .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:10px 8px; color:#eee; font-size:12px; font-weight:600; line-height:1.25em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#clips .row .row_box .row_scroller a.acard .t {display:block; font-size:13px; font-weight:600; line-height:1.25em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#clips .clips_top {margin:0 32px 6px}
#clips .clips_top .clips_back {display:inline-block; margin:0 0 10px; color:#777; font-size:13px; font-weight:600; text-decoration:none}
#clips .clips_top .clips_back.hovered {color:#ff3333}
#clips .clips_top h1 {margin:0 0 12px; font-size:22px; color:#f2f2f2; font-weight:600}
#clips .filters {margin:0 32px 6px; text-align:center}
#clips .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#clips .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#clips .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#clips .filters .field select[name=genre] {min-width:168px}
#clips .filters .field select[name=country] {min-width:168px}
#clips .filters .field select[name=sort] {min-width:148px}
#clips .filters .field select[name=year] {min-width:148px}
#clips .filters .field select[name=rate] {min-width:168px}
#clips .filters .field select:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#clips .filters .field select option {color:#eee; background:#181818}
#clips .clips_items, #clcard .clips_items {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 22px; padding:0 0 24px}
#clcard .clips_items {margin:0}
#clips .clips_items .item, #clcard .clips_items .item {display:flex; flex-direction:column; flex:1 1 280px; width:auto; max-width:380px; margin:0 10px 24px; padding:0 0 14px; overflow:hidden; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box; cursor:pointer}
#clips .clips_items .item.hovered, #clcard .clips_items .item.hovered {border-color:#3a3a3a}
#clips .clips_items .item .cover, #clcard .clips_items .item .cover {display:block; width:100%; height:168px; text-decoration:none; background:#111 center center / cover no-repeat; position:relative}
#clips .clips_items .item .cover .duration, #clcard .clips_items .item .cover .duration {position:absolute; right:8px; bottom:8px; z-index:1; padding:3px 7px; color:#eee; background:rgba(0,0,0,0.72); border-radius:4px; font-size:11px; font-weight:700; line-height:1.2em}
#clips .clips_items .item .cover.empty, #clcard .clips_items .item .cover.empty {background:#1a1a1a}
#clips .clips_items .item .cover.empty .src, #clcard .clips_items .item .cover.empty .src {display:block; width:100%; position:absolute; top:46%; left:0; text-align:center; text-transform:uppercase; font-size:12px; color:#555; letter-spacing:0.04em}
#clips .clips_items .item .body, #clcard .clips_items .item .body {display:flex; flex-direction:column; flex:1; padding:14px 14px 0}
#clips .clips_items .item .body .meta, #clcard .clips_items .item .body .meta {margin:0 0 8px; font-size:12px; color:#777}
#clips .clips_items .item .body .meta .artist, #clcard .clips_items .item .body .meta .artist {margin:0 8px 0 0; color:#888; text-decoration:none}
#clips .clips_items .item .body .meta .artist.hovered, #clcard .clips_items .item .body .meta .artist.hovered {color:#fff}
#clips .clips_items .item .body .meta .genre, #clcard .clips_items .item .body .meta .genre {margin:0 8px 0 0; color:#888; text-decoration:none}
#clips .clips_items .item .body .meta .genre.hovered, #clcard .clips_items .item .body .meta .genre.hovered {color:#fff}
#clips .clips_items .item .body .meta .year, #clcard .clips_items .item .body .meta .year {color:#666}
#clips .clips_items .item .body h3, #clcard .clips_items .item .body h3 {margin:0 0 8px; font-size:16px; font-weight:600; line-height:1.35em; color:#eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#clips .clips_items .item .body .actions, #clcard .clips_items .item .body .actions {margin:auto 0 0; padding:10px 0 0; text-align:right}
#clips .clips_items .item .body .actions span.mark, #clcard .clips_items .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#aaa; background:transparent; border:1px solid #333; border-radius:8px; box-sizing:border-box; cursor:pointer}
#clips .clips_items .item .body .actions span.mark:before, #clcard .clips_items .item .body .actions span.mark:before {display:none}
#clips .clips_items .item .body .actions span.mark.none, #clcard .clips_items .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:8px; background:transparent; color:#aaa}
#clips .clips_items .item .body .actions span.mark.favorite, #clcard .clips_items .item .body .actions span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#clips .clips_items .item .body .actions span.mark.good, #clcard .clips_items .item .body .actions span.mark.good {color:#81c784; border-color:#2e7d32}
#clips .clips_items .item .body .actions span.mark.normal, #clcard .clips_items .item .body .actions span.mark.normal {color:#ddd; border-color:#666}
#clips .clips_items .item .body .actions span.mark.bad, #clcard .clips_items .item .body .actions span.mark.bad {color:#ef9a9a; border-color:#c62828}
#clips .clips_items .item .body .actions span.mark.want, #clcard .clips_items .item .body .actions span.mark.want {color:#90caf9; border-color:#1c43eb}
#clips .clips_items .item .body .actions span.mark.hovered, #clcard .clips_items .item .body .actions span.mark.hovered {color:#fff; border-color:#555}
#clips .clips_items .preload, #clcard .clips_items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#clips .clips_grid {display:flex; flex-wrap:wrap; margin:0 24px; padding:0 0 24px}
#clips .clips_grid a.acard.grid {display:flex; flex-direction:column; flex:0 0 108px; width:108px; margin:0 8px 20px; text-decoration:none; color:#c8c8c8; text-align:center}
#clips .clips_grid a.acard.grid.hovered {color:#fff}
#clips .clips_grid a.acard.grid .photo {display:block; width:84px; height:84px; margin:0 auto 8px; background:#161616 center center / cover no-repeat; border-radius:50%; position:relative; flex-shrink:0; box-sizing:border-box}
#clips .clips_grid a.acard.grid .photo.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#clips .clips_grid a.acard.grid .photo .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:10px 8px; color:#eee; font-size:12px; font-weight:600; line-height:1.25em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#clips .clips_grid a.acard.grid .t {display:block; font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#clips .clips_artist_head {margin:0 24px 28px; padding:24px 28px; background:linear-gradient(135deg, #1a1a1a 0%, #141414 100%); border:1px solid #2a2a2a; border-radius:16px; overflow:hidden}
#clips .clips_artist_head .clips_artist_wrap {display:flex; align-items:flex-start; gap:28px; max-width:920px; margin:0 auto}
#clips .clips_artist_head .clips_artist_photo {flex:0 0 168px; width:168px}
#clips .clips_artist_head .clips_artist_photo .photo {display:block; width:168px; height:168px; background:#222 center center / cover no-repeat; border-radius:50%; box-shadow:0 12px 32px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.06); position:relative; flex-shrink:0; box-sizing:border-box}
#clips .clips_artist_head .clips_artist_photo .photo.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#clips .clips_artist_head .clips_artist_photo .photo .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:18px 16px; color:#eee; font-size:22px; font-weight:700; line-height:1.2em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#clips .clips_artist_head .clips_artist_info {display:flex; flex-direction:column; flex:1 1 auto; min-width:0; min-height:168px; padding:4px 0 0}
#clips .clips_artist_head .clips_artist_info h1 {margin:0 0 12px; font-size:32px; font-weight:700; line-height:1.15em; color:#fff}
#clips .clips_artist_head .clips_artist_info .chips {margin:0 0 14px}
#clips .clips_artist_head .clips_artist_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:6px 12px; color:#ccc; background:rgba(0,0,0,0.35); border:1px solid #333; border-radius:8px; font-size:12px; font-weight:600; text-decoration:none}
#clips .clips_artist_head .clips_artist_info .chips a.hovered {color:#fff; background:rgba(0,0,0,0.55); border-color:#444}
#clips .clips_artist_head .clips_artist_info .chips .country {display:inline-block; margin:0 8px 8px 0; padding:6px 12px; color:#888; background:rgba(0,0,0,0.2); border:1px solid #2a2a2a; border-radius:8px; font-size:12px; font-weight:600}
#clips .clips_artist_head .clips_artist_info .bio {margin:0; color:#aaa; font-size:14px; line-height:1.6em}
#clips .clips_artist_head .clips_artist_info .bio .bio_text {display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
#clips .clips_artist_head .clips_artist_info.open .bio .bio_text {display:block; -webkit-line-clamp:none; overflow:visible}
#clips .clips_artist_head .clips_artist_info .bio a.bio_more {display:inline-block; margin:10px 0 0; padding:0; color:#888; font-size:13px; font-weight:600; text-decoration:none; border-bottom:1px dashed #555}
#clips .clips_artist_head .clips_artist_info .bio a.bio_more.hovered {color:#ddd; border-color:#888}
#clips .clips_artist_head .clips_artist_info .bio a.bio_less {display:none; margin:10px 0 0; padding:0; color:#888; font-size:13px; font-weight:600; text-decoration:none; border-bottom:1px dashed #555}
#clips .clips_artist_head .clips_artist_info .bio a.bio_less.hovered {color:#ddd; border-color:#888}
#clips .clips_artist_head .clips_artist_info.open .bio a.bio_more {display:none}
#clips .clips_artist_head .clips_artist_info.open .bio a.bio_less {display:inline-block}
#clips .clips_artist_head .clips_artist_info .actions {margin:auto 0 0; padding:10px 0 0; text-align:right}
#clips .clips_artist_head .clips_artist_info .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#aaa; background:transparent; border:1px solid #333; border-radius:8px; box-sizing:border-box; cursor:pointer}
#clips .clips_artist_head .clips_artist_info .actions span.mark:before {display:none}
#clips .clips_artist_head .clips_artist_info .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:8px; background:transparent; color:#aaa}
#clips .clips_artist_head .clips_artist_info .actions span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#clips .clips_artist_head .clips_artist_info .actions span.mark.good {color:#81c784; border-color:#2e7d32}
#clips .clips_artist_head .clips_artist_info .actions span.mark.normal {color:#ddd; border-color:#666}
#clips .clips_artist_head .clips_artist_info .actions span.mark.bad {color:#ef9a9a; border-color:#c62828}
#clips .clips_artist_head .clips_artist_info .actions span.mark.want {color:#90caf9; border-color:#1c43eb}
#clips .clips_artist_head .clips_artist_info .actions span.mark.hovered {color:#fff; border-color:#555}
#clips .clips_artist_head + .filters {margin-top:0}
#clips .pages, #clcard .pages {padding:8px 0 0; text-align:center}
#clips .pages .preload, #clcard .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#clips .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#clips .empty, #clcard .empty {padding:40px 32px; color:#666; font-size:16px; text-align:center}
#clcard .empty {padding:24px 0}

#clcard {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#clcard::-webkit-scrollbar {width:10px}
#clcard::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#clcard .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box; max-width:1140px; margin:0 auto}
#clcard .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#clcard .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#clcard .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#clcard .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#clcard .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#clcard .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#clcard .card_body .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#clcard .clcard_head {display:flex; align-items:flex-start; gap:28px; margin:0 0 28px; padding:24px 28px; background:linear-gradient(135deg, #1a1a1a 0%, #141414 100%); border:1px solid #2a2a2a; border-radius:16px}
#clcard .clcard_photo {flex:0 0 120px; width:120px}
#clcard .clcard_photo .photo {display:block; width:120px; height:120px; background:#222 center center / cover no-repeat; border-radius:50%; box-shadow:0 12px 32px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.06); position:relative; box-sizing:border-box}
#clcard .clcard_photo .photo.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#clcard .clcard_photo .photo .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:16px; font-weight:700; line-height:1.2em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#clcard .clcard_meta {flex:1 1 auto; min-width:0; padding:4px 0 0}
#clcard .clcard_meta a.artist {display:block; margin:0 0 10px; color:#888; font-size:15px; font-weight:600; text-decoration:none}
#clcard .clcard_meta a.artist.hovered {color:#fff}
#clcard .clcard_meta .artist {display:block; margin:0 0 10px; color:#888; font-size:15px; font-weight:600}
#clcard .clcard_meta h1 {margin:0 0 16px; font-size:36px; font-weight:700; line-height:1.12em; color:#fff}
#clcard .clcard_meta .scores {display:flex; flex-wrap:wrap; gap:10px}
#clcard .clcard_meta .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#clcard .clcard_meta .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#clcard .clcard_meta .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#clcard .clcard_meta .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#clcard .clcard_meta .scores span.mark.normal {color:#ddd; border-color:#666}
#clcard .clcard_meta .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#clcard .clcard_meta .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#clcard .clcard_meta .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#clcard .clcard_player {position:relative; width:100%; margin:0 0 36px; border-radius:12px; overflow:hidden; background:#000}
#clcard .clcard_more {margin:0 0 24px}
#clcard .clcard_more h2 {margin:0 0 20px; font-size:20px; color:#f2f2f2; font-weight:600}

#trailers {display:none; padding:20px 32px 56px}
#porno {display:none; padding:20px 32px 56px}
#porno.pin_lock .filters {filter:blur(10px); pointer-events:none; user-select:none}
#porno.pin_lock .items {filter:blur(22px); pointer-events:none; user-select:none}
#porno.pin_lock .pages {filter:blur(22px); pointer-events:none; user-select:none}
#porno.pin_lock .empty {filter:blur(22px); pointer-events:none; user-select:none}
#trailers .filters {margin:0 0 6px; text-align:center}
#porno .filters {margin:0 0 6px; text-align:center}
#trailers .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#porno .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#trailers .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#porno .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#trailers .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#porno .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#trailers .filters .field select[name=sort] {min-width:148px}
#porno .filters .field select[name=sort] {min-width:148px}
#trailers .filters .field select[name=cat] {min-width:148px}
#porno .filters .field select[name=source] {min-width:148px}
#porno .filters .field select[name=genre] {min-width:148px}
#trailers .filters .field select[name=rate] {min-width:168px}
#porno .filters .field select[name=rate] {min-width:168px}
#trailers .filters .field select:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#porno .filters .field select:focus {border-color:#444; background:#1c1c1c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center}
#trailers .filters .field select option {color:#eee; background:#181818}
#porno .filters .field select option {color:#eee; background:#181818}
#trailers .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 -10px}
#porno .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:0 -10px}
#trailers .items .item {display:flex; flex-direction:column; flex:1 1 280px; width:auto; max-width:380px; margin:0 10px 24px; padding:0 0 14px; overflow:hidden; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
#porno .items .item {display:flex; flex-direction:column; flex:1 1 280px; width:auto; max-width:380px; margin:0 10px 24px; padding:0 0 14px; overflow:hidden; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
#trailers .items .item.hovered {border-color:#3a3a3a}
#porno .items .item.hovered {border-color:#3a3a3a}
#trailers .items .item .cover {display:block; width:100%; height:168px; text-decoration:none; background:#111 center center / cover no-repeat}
#porno .items .item .cover {display:block; width:100%; height:0; padding-bottom:56.25%; text-decoration:none; background:#111 center center / cover no-repeat; position:relative}
#porno .items .item .cover .duration {position:absolute; right:8px; bottom:8px; z-index:1; padding:3px 7px; color:#eee; background:rgba(0,0,0,0.72); border-radius:4px; font-size:11px; font-weight:700; line-height:1.2em}
#porno .items .item .body .meta .source {margin:0 8px 0 0; color:#888}
#porno .items .item .body .meta .genre {margin:0 8px 0 0; color:#888; text-decoration:none}
#porno .items .item .body .meta .genre.hovered {color:#fff}
#trailers .items .item .cover.empty {background:#1a1a1a; position:relative}
#porno .items .item .cover.empty {background:#1a1a1a; position:relative}
#trailers .items .item .cover.empty .src {display:block; width:100%; position:absolute; top:46%; left:0; text-align:center; text-transform:uppercase; font-size:12px; color:#555; letter-spacing:0.04em}
#porno .items .item .cover.empty .src {display:block; width:100%; position:absolute; top:46%; left:0; text-align:center; text-transform:uppercase; font-size:12px; color:#555; letter-spacing:0.04em}
#trailers .items .item .body {display:flex; flex-direction:column; flex:1; padding:14px 14px 0}
#porno .items .item .body {display:block; padding:12px 14px 0}
#trailers .items .item .body .meta {margin:0 0 8px; font-size:12px; color:#777}
#porno .items .item .body .meta {margin:0 0 8px; font-size:12px; color:#777}
#trailers .items .item .body .meta .cat {margin:0 8px 0 0; color:#888; text-decoration:none}
#porno .items .item .body .meta .cat {margin:0 8px 0 0; color:#888; text-decoration:none}
#trailers .items .item .body .meta .cat.hovered {color:#fff}
#porno .items .item .body .meta .cat.hovered {color:#fff}
#trailers .items .item .body .meta .time {color:#666}
#porno .items .item .body .meta .time {color:#666}
#trailers .items .item .body h3 {margin:0 0 8px; font-size:16px; font-weight:600; line-height:1.35em; color:#eee}
#porno .items .item .body h3 {margin:0 0 8px; max-height:2.7em; overflow:hidden; font-size:15px; font-weight:600; line-height:1.35em; color:#eee}
#trailers .items .item .body h3 a.title {color:#eee; border-bottom:1px dashed #eee}
#porno .items .item .body h3 a.title {color:#eee; border-bottom:1px dashed #eee}
#trailers .items .item .body h3 a.title.hovered {color:#fff; border-color:#fff}
#porno .items .item .body h3 a.title.hovered {color:#fff; border-color:#fff}
#trailers .items .item .body .actions {margin:auto 0 0; padding:10px 0 0; text-align:right}
#porno .items .item .body .actions {margin:0; padding:0 0 12px; text-align:right}
#trailers .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; margin:0 0 0 8px; padding:4px 12px 7px; height:auto; color:#aaa; border:1px solid #333; border-radius:8px; font-size:12px; font-weight:600; line-height:1.15; text-decoration:none; text-transform:lowercase; vertical-align:middle; box-sizing:border-box}
#porno .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; margin:0 0 0 8px; padding:4px 12px 7px; height:auto; color:#aaa; border:1px solid #333; border-radius:8px; font-size:12px; font-weight:600; line-height:1.15; text-decoration:none; text-transform:lowercase; vertical-align:middle; box-sizing:border-box}
#trailers .items .item .body .actions a.hovered {color:#fff; border-color:#555}
#porno .items .item .body .actions a.hovered {color:#fff; border-color:#555}
#trailers .items .item .body .actions a.rate.current {color:#fd7e23; border-color:#fd7e23}
#porno .items .item .body .actions a.rate.current {color:#fd7e23; border-color:#fd7e23}
#trailers .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#porno .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#trailers .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#porno .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#trailers .pages {padding:8px 0 0; text-align:center}
#porno .pages {padding:8px 0 0; text-align:center}
#trailers .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#porno .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#trailers .pages a.more.hovered {color:#fff; background:#2c2c2c}
#porno .pages a.more.hovered {color:#fff; background:#2c2c2c}
#trailers .pages .nav {display:inline-block; vertical-align:middle}
#porno .pages .nav {display:inline-block; vertical-align:middle}
#trailers .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#porno .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#trailers .pages .nav a.hovered {color:#fff; background:#222}
#porno .pages .nav a.hovered {color:#fff; background:#222}
#trailers .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#porno .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#trailers .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#porno .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#trailers .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#porno .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#trmenu {position:fixed; z-index:40; min-width:160px; padding:6px 0; background:#1a1a1a; border:1px solid #333; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.55)}
#trmenu a {display:block; padding:8px 14px; color:#ddd; text-decoration:none; font-size:13px}
#trmenu a.hovered {color:#fff; background:#242424}
#trmenu a.remove {color:#888; border-top:1px solid #2a2a2a; margin-top:4px}

/*=========================================================================================================================*/

#books {display:none; padding:20px 32px 56px}
#books .filters {margin:0 0 6px; text-align:center}
#books .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#books .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#books .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#books .filters .field select[name=genre] {min-width:168px}
#books .filters .field select[name=lang] {min-width:128px}
#books .filters .field select[name=rate] {min-width:168px}
#books .filters .field select[name=sort] {min-width:168px}
#books .filters .field select:focus {border-color:#444}
#books .filters .field select option {color:#eee; background:#181818}
#books .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:0 -7px}
#books .items .item {width:var(--poster); margin:0 7px 24px; vertical-align:top; flex:0 0 auto}
#books .items .item.gone {opacity:0.45}
#books .items .item .cover {display:block; width:var(--poster); height:var(--poster-h); max-height:var(--poster-h); overflow:hidden; text-decoration:none; background-color:#161616; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:10px; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45); box-sizing:border-box}
#books .items .item .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#books .items .item .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#books .items .item.nocover .body {padding-top:8px}
#books .items .item .cover .mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#books .items .item .cover .mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#books .items .item .cover .mark.favorite {background:#fd7e23}
#books .items .item .cover .mark.good {background:#2e7d32}
#books .items .item .cover .mark.normal {background:#666}
#books .items .item .cover .mark.bad {background:#c62828}
#books .items .item .cover .mark.want {background:#1c43eb}
#books .items .item .cover .mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#books .items .item .body {padding:10px 2px 0}
#books .items .item .body a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
#books .items .item .body h3 {margin:0 0 4px; font-size:13px; font-weight:600; line-height:1.35em}
#books .items .item .body a.open h3 {display:-webkit-box; color:#eee; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
#books .items .item .body a.open.hovered h3 {color:#fff}
#books .items .item .body .meta {margin:0 0 2px; color:#8a8a8a; font-size:12px; line-height:1.35em; max-height:2.7em; overflow:hidden}
#books .items .item .body .text {display:none}
#books .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#books .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#books .pages {padding:8px 0 0; text-align:center}
#books .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#books .pages a.more.hovered {color:#fff; background:#2c2c2c}
#books .pages .nav {display:inline-block; vertical-align:middle}
#books .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#books .pages .nav a.hovered {color:#fff; background:#222}
#books .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#books .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#books .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#brmenu {position:fixed; z-index:40; min-width:160px; padding:6px 0; background:#1a1a1a; border:1px solid #333; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.55)}
#brmenu a {display:block; padding:8px 14px; color:#ddd; text-decoration:none; font-size:13px}
#brmenu a.hovered {color:#fff; background:#242424}
#brmenu a.remove {color:#888; border-top:1px solid #2a2a2a; margin-top:4px}
#clmenu {position:fixed; z-index:40; min-width:160px; padding:6px 0; background:#1a1a1a; border:1px solid #333; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.55)}
#clmenu a {display:block; padding:8px 14px; color:#ddd; text-decoration:none; font-size:13px}
#clmenu a.hovered {color:#fff; background:#242424}
#clmenu a.remove {color:#888; border-top:1px solid #2a2a2a; margin-top:4px}

#bcard {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#bcard::-webkit-scrollbar {width:10px}
#bcard::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#bcard .card_art_box {position:absolute; left:0; right:0; top:0; width:1140px; max-width:100%; margin:0 auto; height:520px; overflow:hidden}
#bcard .card_art_box .card_art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center top no-repeat; background-size:cover; opacity:0; transition:opacity 0.45s ease}
#bcard .card_art_box.from_cover .card_art {left:-20%; right:-20%; top:-20%; bottom:-20%; background-position:center center; -webkit-filter:blur(44px); filter:blur(44px)}
#bcard .card_art_box .card_art.ready {opacity:0.15}
#bcard .card_art_box.from_cover .card_art.ready {opacity:0.15}
#bcard .card_art_box .card_art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #0e0e0e 0%, transparent 22%, transparent 78%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 70%)}
#bcard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to right, #0e0e0e 0%, transparent 24%, transparent 76%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 68%)}
#bcard .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box}
#bcard .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#bcard .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#bcard .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#bcard .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#bcard .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#bcard .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#bcard .card_body a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0 0 28px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#bcard .card_body a.back.hovered {color:#fff; background:#3a3a3a}
#bcard .card_body .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#bcard .card_body .card_wrap {display:table; width:100%; max-width:1140px; margin:0 auto}
#bcard .card_body .card_wrap .card_poster {display:table-cell; width:300px; vertical-align:top}
#bcard .card_body .card_wrap .card_poster .cover {width:300px; height:auto; background:#161616; border-radius:12px; overflow:hidden; position:relative; box-shadow:0 18px 50px rgba(0,0,0,0.55)}
#bcard .card_body .card_wrap .card_poster .cover img {display:block; width:300px; height:auto}
#bcard .card_body .card_wrap .card_poster .cover.empty {aspect-ratio:2 / 3; background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat; overflow:hidden}
#bcard .card_body .card_wrap .card_poster .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:18px 14px; color:#eee; font-size:16px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#bcard .card_body .card_wrap .card_info .scores {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:10px; max-width:680px; margin:20px auto 0}
#bcard .card_body .card_wrap .card_info .scores a.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.2em}
#bcard .card_body .card_wrap .card_info .scores a.score.hovered {background:rgba(0,0,0,0.75)}
#bcard .card_body .card_wrap .card_info .scores a.score.green {color:#81c784; border-color:#2e7d32}
#bcard .card_body .card_wrap .card_info .scores a.score.grey {color:#ddd; border-color:#666}
#bcard .card_body .card_wrap .card_info .scores a.score.red {color:#ef9a9a; border-color:#c62828}
#bcard .card_body .card_wrap .card_info .scores span.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em}
#bcard .card_body .card_wrap .card_info .scores span.score.green {color:#81c784; border-color:#2e7d32}
#bcard .card_body .card_wrap .card_info .scores span.score.grey {color:#ddd; border-color:#666}
#bcard .card_body .card_wrap .card_info .scores span.score.red {color:#ef9a9a; border-color:#c62828}
#bcard .card_body .card_wrap .card_info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#bcard .card_body .card_wrap .card_info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#bcard .card_body .card_wrap .card_info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#bcard .card_body .card_wrap .card_info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#bcard .card_body .card_wrap .card_info .scores span.mark.normal {color:#ddd; border-color:#666}
#bcard .card_body .card_wrap .card_info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#bcard .card_body .card_wrap .card_info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#bcard .card_body .card_wrap .card_info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#bcard .card_body .card_wrap .card_info {display:table-cell; padding:8px 0 0 40px; vertical-align:top}
#bcard .card_body .card_wrap .card_info h1 {margin:0 0 8px; font-size:32px; line-height:1.15em; color:#fff}
#bcard .card_body .card_wrap .card_info h1 .year {color:#8a8a8a; font-weight:500; font-size:0.7em}
#bcard .card_body .card_wrap .card_info .people {max-width:680px; margin:16px 0 0; color:#7a7a7a; font-size:13px; line-height:1.5em}
#bcard .card_body .card_wrap .card_info .people div {margin:0 0 6px}
#bcard .card_body .card_wrap .card_info .people a {color:#bbb}
#bcard .card_body .card_wrap .card_info .people a.hovered {color:#fff}
#bcard .card_body .card_wrap .card_info .chips {margin:0 0 16px}
#bcard .card_body .card_wrap .card_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#ccc; background:#1a1a1a; border-radius:6px; font-size:12px; text-decoration:none}
#bcard .card_body .card_wrap .card_info .chips a.hovered {color:#fff; background:#222}
#bcard .card_body .card_wrap .card_info .text {display:none; max-width:680px; margin:16px 0 0; line-height:1.6em; color:#c6c6c6}
#bcard .card_body .card_wrap .card_info.open .text {display:block}
#bcard .card_body .card_wrap .card_info .text a {color:#bbb}
#bcard .card_body .card_wrap .card_info .text a.hovered {color:#fff}
#bcard .card_body .card_wrap .card_info a.full {display:table; margin:16px auto 0; padding:6px 14px; color:#888; background:transparent; border:1px dashed #555; border-radius:6px; font-size:12px; font-weight:500; text-align:center; text-decoration:none}
#bcard .card_body .card_wrap .card_info a.full.hovered {color:#ddd; background:transparent; border-color:#888; border-style:dashed}
#bcard .card_body .card_wrap .card_info .buttons {margin:24px 0 8px; text-align:center}
#bcard .card_body .card_wrap .card_info .buttons a {display:inline-block; margin:0 4px 8px; padding:12px 18px; color:#eee; background:#1a1a1a; border-radius:10px; font-weight:700; text-decoration:none; box-shadow:inset 0 0 0 1px #2a2a2a}
#bcard .card_body .card_wrap .card_info .buttons a.hovered {color:#fff; background:#222}
#bcard .card_body .card_wrap .card_info .buttons a.tab.current {box-shadow:inset 0 0 0 1px #ff3333}
#bcard .card_body .card_wrap .card_info .panel {max-width:none; margin:0 0 12px}
#bcard .card_body .card_wrap .card_info .panel .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#bcard .card_body .card_wrap .card_info .panel .empty {padding:24px 0; color:#666; text-align:center}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .empty_t {padding:22px 0; margin:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist {margin:0; text-align:left}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow {display:flex; align-items:center; gap:16px; margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .body {flex:1 1 auto; min-width:0}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tm {margin:6px 0 0; color:#777; font-size:12px}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta {flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; justify-content:flex-end}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.hovered {background:#3a3a3a}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.read {background:#ff3333}
#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.read.hovered {background:#ff4d4d}
#bcard .card_body .card_wrap .card_info .panel.torrents .tbar {margin:0 0 14px; text-align:center}
#bcard .card_body .card_wrap .card_info .panel.torrents .tbar a {display:inline-block; margin:0 4px 8px; padding:7px 12px; color:#999; background:#161616; border-radius:8px; font-size:13px; text-decoration:none}
#bcard .card_body .card_wrap .card_info .panel.torrents .tbar a.hovered {color:#fff; background:#222}
#bcard .card_body .card_wrap .card_info .panel.torrents .tbar a.current {color:#fff; background:#222; box-shadow:inset 0 0 0 1px #ff3333}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist {margin:0; text-align:left}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow {margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; margin:7px 0 12px; color:#777; font-size:12px}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .meta {flex:1 1 auto; min-width:0}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 10px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:13px; font-weight:700; letter-spacing:0.02em; white-space:nowrap}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .s {color:#5dce6a}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .l {color:#ffb04a}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .sep {color:#555; font-weight:600}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0 10px 0 0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.hovered {background:#3a3a3a}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play {background:#ff3333}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play.hovered {background:#ff4d4d}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info {background:transparent; color:#888; padding-left:0}
#bcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info.hovered {color:#fff; background:transparent}


#books_reader {position:fixed; left:0; top:0; right:0; bottom:0; background:#0a0a0a; z-index:80; overflow:hidden}
html.books_reader_open {overflow:hidden}
html.books_reader_open body {overflow:hidden}
html.books_reader_open #top {visibility:hidden; height:0; max-height:0; margin:0; padding:0; border:0; overflow:hidden; pointer-events:none}
html.books_reader_open #top_spacer {height:0}
#books_reader .bar {display:flex; height:calc(56px + var(--sat)); padding:var(--sat) 20px 0; align-items:center; background:rgba(14,14,14,0.96); color:#eee; position:absolute; left:0; right:0; top:0; z-index:3; border-bottom:1px solid #1c1c1c; box-sizing:border-box}
#books_reader .bar .info {flex:1 1 auto; min-width:0; display:flex; align-items:center; padding:0 16px 0 0}
#books_reader .bar .info .ttl {display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:600; color:#ddd}
#books_reader .bar .info .counter {flex-shrink:0; margin:0 0 0 14px; color:#777; font-size:13px; font-weight:600}
#books_reader .bar a.close {flex-shrink:0; display:block; width:36px; height:36px; position:relative; background:#2a2a2a; border-radius:10px; text-decoration:none}
#books_reader .bar a.close:before {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(45deg)}
#books_reader .bar a.close:after {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(-45deg)}
#books_reader .bar a.close.hovered {background:#3a3a3a}
#books_reader .bar a.close.hovered:before {background:#fff}
#books_reader .bar a.close.hovered:after {background:#fff}
#books_reader .stage {position:absolute; left:0; right:0; top:calc(56px + var(--sat)); bottom:calc(84px + var(--sab)); text-align:center; overflow:hidden; background:#0a0a0a}
#books_reader .stage a.nav {display:block; width:12%; position:absolute; top:0; bottom:0; z-index:2; text-decoration:none; background:transparent}
#books_reader .stage a.nav.prev {left:0}
#books_reader .stage a.nav.next {right:0}
#books_reader .stage a.nav.hovered {background:rgba(255,51,51,0.06)}
#books_reader .stage a.nav.prev.hovered:before {content:'‹'; position:absolute; left:18px; top:50%; margin:-28px 0 0; font-size:56px; line-height:1; color:rgba(255,255,255,0.35)}
#books_reader .stage a.nav.next.hovered:after {content:'›'; position:absolute; right:18px; top:50%; margin:-28px 0 0; font-size:56px; line-height:1; color:rgba(255,255,255,0.35)}
#books_reader .stage a.nav.off {visibility:hidden}
#books_reader .stage .sheet {display:block; width:980px; max-width:calc(100% - 48px); height:calc(100% - 28px); margin:14px auto 0; position:relative; overflow:hidden; text-align:left; background:#1e1e1e; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55)}
#books_reader .stage .sheet .viewport {position:absolute; left:44px; right:44px; top:36px; bottom:36px; overflow:hidden}
#books_reader .stage .sheet .viewport .flow {display:block; box-sizing:border-box; padding:0; margin:0; line-height:1.75; color:#e4e4e4; text-align:justify; -webkit-column-fill:auto; -moz-column-fill:auto; column-fill:auto; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; will-change:transform}
#books_reader .stage .sheet .viewport > .preload {width:auto; height:auto; min-height:0; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; background:transparent}
#books_reader .stage .sheet .viewport > .preload div {width:100%; height:100%}
#books_reader .stage .sheet .viewport .flow .error {padding:40px; color:#aaa; text-align:center}
#books_reader .stage .sheet .viewport .flow p {margin:0 0 0.85em; text-indent:1.4em}
#books_reader .stage .sheet .viewport .flow p.fb2-empty {margin:0 0 0.4em; text-indent:0}
#books_reader .stage .sheet .viewport .flow p.fb2-verse {margin:0 0 0.15em; text-indent:0; text-align:left}
#books_reader .stage .sheet .viewport .flow p.fb2-text-author {margin:0.4em 0 0.8em; text-indent:0; text-align:right; font-style:italic; opacity:0.9}
#books_reader .stage .sheet .viewport .flow p.fb2-cite {margin:0 0 0.85em; text-indent:0; padding:0 0 0 14px; border-left:2px solid #555; opacity:0.9}
#books_reader .stage .sheet .viewport .flow h2 {margin:0 0 0.8em; color:inherit; font-size:1.25em; text-align:center; text-indent:0}
#books_reader .stage .sheet .viewport .flow h3 {margin:1em 0 0.7em; color:inherit; font-size:1.08em; text-align:center; font-weight:bold; text-indent:0}
#books_reader .stage .sheet .viewport .flow h3.fb2-subtitle {margin:0.9em 0 0.8em; font-size:1.05em}
#books_reader .stage .sheet .viewport .flow .fb2-title {margin:0 0 1.2em; text-align:center; text-indent:0}
#books_reader .stage .sheet .viewport .flow .fb2-title .fb2-title-line {margin:0 0 0.35em; font-size:1.35em; font-weight:bold; line-height:1.35}
#books_reader .stage .sheet .viewport .flow .fb2-title .fb2-title-line + .fb2-title-line {font-size:1.55em}
#books_reader .stage .sheet .viewport .flow .fb2-epigraph {margin:0 12% 1.4em; text-align:center; text-indent:0; font-style:italic; opacity:0.9}
#books_reader .stage .sheet .viewport .flow .fb2-epigraph p {margin:0 0 0.35em; text-indent:0; text-align:center}
#books_reader .stage .sheet .viewport .flow blockquote {margin:0 0 1em; padding:0 0 0 14px; border-left:2px solid #555; color:inherit; opacity:0.85; text-indent:0}
#books_reader .stage .sheet .viewport .flow p.ill {margin:1em 0 1.4em; text-align:center; text-indent:0}
#books_reader .stage .sheet .viewport .flow p.ill.cover {margin:0 0 1em}
#books_reader .stage .sheet .viewport .flow p.ill.cover img {max-height:70vh; width:auto; max-width:100%}
#books_reader .stage .sheet .viewport .flow img {display:block; max-width:100%; height:auto; margin:0.6em auto}
#books_reader .stage .sheet .viewport .flow.cover_only {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center}
#books_reader .stage .sheet .viewport .flow.cover_only p.ill {margin:0}
#books_reader .stage .sheet .viewport .flow.cover_only img {max-width:100%; max-height:100%; width:auto; height:auto; margin:0}
#books_reader .controls {height:calc(84px + var(--sab)); padding:0 20px var(--sab); display:flex; align-items:center; justify-content:center; background:rgba(14,14,14,0.96); position:absolute; left:0; right:0; bottom:0; z-index:4; border-top:1px solid #1c1c1c; box-sizing:border-box}
#books_reader .controls .dock {display:flex; align-items:center; justify-content:center; gap:18px; max-width:980px; width:100%}
#books_reader .controls .dock .acts {display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center}
#books_reader .controls .dock .acts a {display:inline-flex; height:44px; padding:0 14px; align-items:center; justify-content:center; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; box-sizing:border-box}
#books_reader .controls .dock .acts a.hovered {color:#fff; background:#252525}
#books_reader .controls .dock .acts a.off {color:#555; background:#161616; pointer-events:none}
#books_reader .controls .dock .acts select.chapters_list {display:inline-block; max-width:220px; height:44px; margin:0; padding:0 10px; color:#eee; background:#1a1a1a; border:0; border-radius:10px; font:13px "Segoe UI", Arial, sans-serif; box-sizing:border-box}
#books_reader .controls .dock .tools {display:flex; align-items:center; gap:8px; margin:0 0 0 auto}
#books_reader .controls .dock .tools a {display:inline-flex; min-width:44px; height:44px; padding:0 14px; align-items:center; justify-content:center; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:14px; font-weight:700; text-decoration:none; box-sizing:border-box}
#books_reader .controls .dock .tools a.hovered {color:#fff; background:#252525}
#books_reader .controls .dock .tools a.font_dec {font-size:13px}
#books_reader .controls .dock .tools a.font_inc {font-size:16px}
#books_reader .controls .dock .tools a.settings_btn.on {color:#fff; background:#ff3333}
#books_reader .controls .dock .tools a.bm_btn.on {color:#fff; background:#ff3333}
#books_reader .controls .settings {display:none; width:340px; padding:16px 18px 18px; text-align:left; position:absolute; right:20px; bottom:92px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55); z-index:5; box-sizing:border-box}
#books_reader .controls .settings.open {display:block}
#books_reader .controls .settings .group {margin:0 0 14px}
#books_reader .controls .settings .group:last-child {margin:0}
#books_reader .controls .settings .group .label {display:block; margin:0 0 8px; color:#666; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase}
#books_reader .controls .settings .group .swatches {white-space:normal}
#books_reader .controls .settings .group .swatches a {display:inline-block; vertical-align:middle; width:28px; height:28px; margin:0 8px 8px 0; padding:0; border:2px solid #333; border-radius:8px; text-decoration:none; box-sizing:border-box}
#books_reader .controls .settings .group .swatches a.hovered {border-color:#888}
#books_reader .controls .settings .group .swatches a.current {border-color:#ff3333}
#books_reader .controls .settings .group .swatches a.reset {width:auto; height:auto; padding:8px 12px; color:#ccc; background:#1a1a1a; border:0; font-size:13px; font-weight:600}
#books_reader .controls .settings .group .swatches a.reset.hovered {color:#fff; background:#252525}
#books_reader .controls .settings .group .swatches a.reset.current {color:#fff; background:#ff3333}
#books_reader .controls .settings .group.themes .swatches a {width:auto; height:auto; padding:8px 12px; color:#ccc; background:#1a1a1a; border:0; font-size:13px; font-weight:600}
#books_reader .controls .settings .group.themes .swatches a.hovered {color:#fff; background:#252525}
#books_reader .controls .settings .group.themes .swatches a.current {color:#fff; background:#ff3333}
#books_reader .controls .bookmarks {display:none; width:360px; max-height:280px; padding:16px 18px 18px; text-align:left; position:absolute; right:20px; bottom:92px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55); z-index:5; overflow:auto; box-sizing:border-box}
#books_reader .controls .bookmarks.open {display:block}
#books_reader .controls .bookmarks .bm_head {margin:0 0 10px; overflow:hidden}
#books_reader .controls .bookmarks .bm_head .label {float:left; color:#666; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; line-height:32px}
#books_reader .controls .bookmarks .bm_head a.bm_add {float:right; padding:8px 12px; color:#ddd; text-decoration:none; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700}
#books_reader .controls .bookmarks .bm_head a.bm_add.hovered {color:#fff; background:#252525}
#books_reader .controls .bookmarks .bm_empty {padding:12px 0; color:#777; font-size:0.9em}
#books_reader .controls .bookmarks .bm_item {margin:0 0 6px; padding:0 30px 6px 0; border-bottom:1px solid #2a2a2a; position:relative}
#books_reader .controls .bookmarks .bm_item a.bm_go {display:block; color:#ddd; text-decoration:none; font-size:0.95em; line-height:1.35}
#books_reader .controls .bookmarks .bm_item a.bm_go.hovered {color:#ff3333}
#books_reader .controls .bookmarks .bm_item a.bm_del {width:22px; height:22px; padding:0; line-height:20px; text-align:center; text-decoration:none; font-size:15px; color:#888; background:#2a2a2a; border-radius:6px; position:absolute; top:0; right:0; box-sizing:border-box}
#books_reader .controls .bookmarks .bm_item a.bm_del.hovered {color:#fff; background:#ff3333}


#comics {display:none; padding:20px 32px 56px}
#comics .filters {margin:0 0 6px; text-align:center}
#comics .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#comics .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#comics .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#comics .filters .field select[name=genre] {min-width:148px}
#comics .filters .field select[name=source] {min-width:148px}
#comics .filters .field select[name=kind] {min-width:128px}
#comics .filters .field select[name=studio] {min-width:148px}
#comics .filters .field select[name=rate] {min-width:168px}
#comics .filters .field select[name=sort] {min-width:168px}
#comics .filters .field select:focus {border-color:#444}
#comics .filters .field select option {color:#eee; background:#181818}
#comics .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:0 -7px}
#comics .items .item {width:var(--poster); margin:0 7px 24px; vertical-align:top; flex:0 0 auto}
#comics .items .item.gone {opacity:0.45}
#comics .items .item .cover {display:block; width:var(--poster); height:var(--poster-h); max-height:var(--poster-h); overflow:hidden; text-decoration:none; background-color:#161616; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:10px; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45); box-sizing:border-box}
#comics .items .item .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#comics .items .item .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#comics .items .item.nocover .body {padding-top:8px}
#comics .items .item .cover .mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#comics .items .item .cover .mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#comics .items .item .cover .mark.favorite {background:#fd7e23}
#comics .items .item .cover .mark.good {background:#2e7d32}
#comics .items .item .cover .mark.normal {background:#666}
#comics .items .item .cover .mark.bad {background:#c62828}
#comics .items .item .cover .mark.want {background:#1c43eb}
#comics .items .item .cover .mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#comics .items .item .body {padding:10px 2px 0}
#comics .items .item .body a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
#comics .items .item .body h3 {margin:0 0 4px; font-size:13px; font-weight:600; line-height:1.35em}
#comics .items .item .body a.open h3 {display:-webkit-box; color:#eee; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
#comics .items .item .body a.open.hovered h3 {color:#fff}
#comics .items .item .body .meta {margin:0 0 2px; color:#8a8a8a; font-size:12px; line-height:1.35em; max-height:2.7em; overflow:hidden}
#comics .items .item .body .text {display:none}
#comics .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#comics .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#comics .pages {padding:8px 0 0; text-align:center}
#comics .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#comics .pages a.more.hovered {color:#fff; background:#2c2c2c}
#comics .pages .nav {display:inline-block; vertical-align:middle}
#comics .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#comics .pages .nav a.hovered {color:#fff; background:#222}
#comics .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#comics .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#comics .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#crmenu {position:fixed; z-index:40; min-width:160px; padding:6px 0; background:#1a1a1a; border:1px solid #333; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.55)}
#crmenu a {display:block; padding:8px 14px; color:#ddd; text-decoration:none; font-size:13px}
#crmenu a.hovered {color:#fff; background:#242424}
#crmenu a.remove {color:#888; border-top:1px solid #2a2a2a; margin-top:4px}

#ccard {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#ccard::-webkit-scrollbar {width:10px}
#ccard::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#ccard .card_art_box {position:absolute; left:0; right:0; top:0; width:1140px; max-width:100%; margin:0 auto; height:520px; overflow:hidden}
#ccard .card_art_box .card_art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center top no-repeat; background-size:cover; opacity:0; transition:opacity 0.45s ease}
#ccard .card_art_box.from_cover .card_art {left:-20%; right:-20%; top:-20%; bottom:-20%; background-position:center center; -webkit-filter:blur(44px); filter:blur(44px)}
#ccard .card_art_box .card_art.ready {opacity:0.15}
#ccard .card_art_box.from_cover .card_art.ready {opacity:0.15}
#ccard .card_art_box .card_art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #0e0e0e 0%, transparent 22%, transparent 78%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 70%)}
#ccard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to right, #0e0e0e 0%, transparent 24%, transparent 76%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 68%)}
#ccard .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box}
#ccard .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#ccard .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#ccard .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#ccard .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#ccard .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#ccard .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#ccard .card_body a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0 0 28px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#ccard .card_body a.back.hovered {color:#fff; background:#3a3a3a}
#ccard .card_body .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#ccard .card_body .card_wrap {display:table; width:100%; max-width:1140px; margin:0 auto}
#ccard .card_body .card_wrap .card_poster {display:table-cell; width:300px; vertical-align:top}
#ccard .card_body .card_wrap .card_poster .cover {width:300px; height:auto; background:#161616; border-radius:12px; overflow:hidden; position:relative; box-shadow:0 18px 50px rgba(0,0,0,0.55)}
#ccard .card_body .card_wrap .card_poster .cover img {display:block; width:300px; height:auto}
#ccard .card_body .card_wrap .card_poster .cover.empty {aspect-ratio:2 / 3; background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat; overflow:hidden}
#ccard .card_body .card_wrap .card_poster .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:18px 14px; color:#eee; font-size:16px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#ccard .card_body .card_wrap .card_info .scores {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:10px; max-width:680px; margin:20px auto 0}
#ccard .card_body .card_wrap .card_info .scores a.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.2em}
#ccard .card_body .card_wrap .card_info .scores a.score.hovered {background:rgba(0,0,0,0.75)}
#ccard .card_body .card_wrap .card_info .scores a.score.green {color:#81c784; border-color:#2e7d32}
#ccard .card_body .card_wrap .card_info .scores a.score.grey {color:#ddd; border-color:#666}
#ccard .card_body .card_wrap .card_info .scores a.score.red {color:#ef9a9a; border-color:#c62828}
#ccard .card_body .card_wrap .card_info .scores span.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em}
#ccard .card_body .card_wrap .card_info .scores span.score.green {color:#81c784; border-color:#2e7d32}
#ccard .card_body .card_wrap .card_info .scores span.score.grey {color:#ddd; border-color:#666}
#ccard .card_body .card_wrap .card_info .scores span.score.red {color:#ef9a9a; border-color:#c62828}
#ccard .card_body .card_wrap .card_info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#ccard .card_body .card_wrap .card_info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#ccard .card_body .card_wrap .card_info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#ccard .card_body .card_wrap .card_info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#ccard .card_body .card_wrap .card_info .scores span.mark.normal {color:#ddd; border-color:#666}
#ccard .card_body .card_wrap .card_info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#ccard .card_body .card_wrap .card_info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#ccard .card_body .card_wrap .card_info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#ccard .card_body .card_wrap .card_info {display:table-cell; padding:8px 0 0 40px; vertical-align:top}
#ccard .card_body .card_wrap .card_info h1 {margin:0 0 8px; font-size:32px; line-height:1.15em; color:#fff}
#ccard .card_body .card_wrap .card_info h1 .year {color:#8a8a8a; font-weight:500; font-size:0.7em}
#ccard .card_body .card_wrap .card_info .orig {margin:0 0 14px; color:#8a8a8a; font-size:16px}
#ccard .card_body .card_wrap .card_info .people {max-width:680px; margin:16px 0 0; color:#7a7a7a; font-size:13px; line-height:1.5em}
#ccard .card_body .card_wrap .card_info .people div {margin:0 0 6px}
#ccard .card_body .card_wrap .card_info .people a {color:#bbb}
#ccard .card_body .card_wrap .card_info .people a.hovered {color:#fff}
#ccard .card_body .card_wrap .card_info .people .rest {display:none}
#ccard .card_body .card_wrap .card_info.open .people .rest {display:block}
#ccard .card_body .card_wrap .card_info .people .actors {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
#ccard .card_body .card_wrap .card_info.open .people .actors {display:block; -webkit-line-clamp:none; overflow:visible}
#ccard .card_body .card_wrap .card_info .chips {margin:0 0 16px}
#ccard .card_body .card_wrap .card_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#ccc; background:#1a1a1a; border-radius:6px; font-size:12px; text-decoration:none}
#ccard .card_body .card_wrap .card_info .chips a.hovered {color:#fff; background:#222}
#ccard .card_body .card_wrap .card_info .text {display:none; max-width:680px; margin:16px 0 0; line-height:1.6em; color:#c6c6c6}
#ccard .card_body .card_wrap .card_info.open .text {display:block}
#ccard .card_body .card_wrap .card_info .text a {color:#bbb}
#ccard .card_body .card_wrap .card_info .text a.hovered {color:#fff}
#ccard .card_body .card_wrap .card_info a.full {display:table; margin:16px auto 0; padding:6px 14px; color:#888; background:transparent; border:1px dashed #555; border-radius:6px; font-size:12px; font-weight:500; text-align:center; text-decoration:none}
#ccard .card_body .card_wrap .card_info a.full.hovered {color:#ddd; background:transparent; border-color:#888; border-style:dashed}
#ccard .card_body .card_wrap .card_info .buttons {margin:24px 0 8px; text-align:center}
#ccard .card_body .card_wrap .card_info .buttons a {display:inline-block; margin:0 4px 8px; padding:12px 18px; color:#eee; background:#1a1a1a; border-radius:10px; font-weight:700; text-decoration:none; box-shadow:inset 0 0 0 1px #2a2a2a}
#ccard .card_body .card_wrap .card_info .buttons a.hovered {color:#fff; background:#222}
#ccard .card_body .card_wrap .card_info .buttons a.tab.current {box-shadow:inset 0 0 0 1px #ff3333}
#ccard .card_body .card_wrap .card_info .panel {max-width:none; margin:0 0 12px}
#ccard .card_body .card_wrap .card_info .panel .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#ccard .card_body .card_wrap .card_info .panel .empty {padding:24px 0; color:#666; text-align:center}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .empty_t {padding:22px 0; margin:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist {margin:0; text-align:left}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow {display:flex; align-items:center; gap:16px; margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .body {flex:1 1 auto; min-width:0}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tm {margin:6px 0 0; color:#777; font-size:12px}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta {flex-shrink:0; display:flex; align-items:center; gap:8px}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.hovered {background:#3a3a3a}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.read {background:#ff3333}
#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.read.hovered {background:#ff4d4d}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist {margin:0; text-align:left}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow {display:flex; flex-wrap:nowrap; align-items:flex-start; gap:12px; margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow.complete {opacity:0.72}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow.locked {opacity:0.45}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .body {flex:1 1 auto; min-width:0}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600; word-wrap:break-word; overflow-wrap:anywhere}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .tm {margin:6px 0 0; color:#777; font-size:12px}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta {flex:0 0 auto; display:flex; align-items:center; gap:8px; margin:2px 0 0}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none; white-space:nowrap}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta a.hovered {background:#3a3a3a}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta a.dl.busy {color:#aaa; pointer-events:none}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta a.read {background:#ff3333}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta a.read.hovered {background:#ff4d4d}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st {flex:0 0 auto; margin:2px 0 0}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st a.time {display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; color:#888; background:#1a1a1a; border:1px solid #3a3a3a; border-radius:8px; font-size:14px; line-height:1; text-decoration:none}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st a.time.hovered {color:#eee; border-color:#666}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st a.time.incomplete {color:#ffb04a; border-color:#ffb04a}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st a.time.incomplete.hovered {color:#ffc870; border-color:#ffc870}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st a.time.complete {color:#92cd00; border-color:#92cd00}
#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .st a.time.complete.hovered {color:#b6e85a; border-color:#b6e85a}
#ccard .card_body .card_wrap .card_info .panel.torrents .tbar {margin:0 0 14px; text-align:center}
#ccard .card_body .card_wrap .card_info .panel.torrents .tbar a {display:inline-block; margin:0 4px 8px; padding:7px 12px; color:#999; background:#161616; border-radius:8px; font-size:13px; text-decoration:none}
#ccard .card_body .card_wrap .card_info .panel.torrents .tbar a.hovered {color:#fff; background:#222}
#ccard .card_body .card_wrap .card_info .panel.torrents .tbar a.current {color:#fff; background:#222; box-shadow:inset 0 0 0 1px #ff3333}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist {margin:0; text-align:left}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow {margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; margin:7px 0 12px; color:#777; font-size:12px}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .meta {flex:1 1 auto; min-width:0}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 10px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:13px; font-weight:700; letter-spacing:0.02em; white-space:nowrap}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .s {color:#5dce6a}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .l {color:#ffb04a}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .sep {color:#555; font-weight:600}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0 10px 0 0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.hovered {background:#3a3a3a}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play {background:#ff3333}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play.hovered {background:#ff4d4d}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info {background:transparent; color:#888; padding-left:0}
#ccard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info.hovered {color:#fff; background:transparent}


#soft {display:none; padding:20px 32px 56px}
#soft .filters {margin:0 0 6px; text-align:center}
#soft .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#soft .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#soft .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#soft .filters .field select[name=genre] {min-width:148px}
#soft .filters .field select[name=os] {min-width:128px}
#soft .filters .field select[name=rate] {min-width:168px}
#soft .filters .field select[name=sort] {min-width:168px}
#soft .filters .field select:focus {border-color:#444}
#soft .filters .field select option {color:#eee; background:#181818}
#soft .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:0 -7px}
#soft .items .item {display:block; width:var(--poster); margin:0 7px 24px; padding:18px 12px 14px; vertical-align:top; flex:0 0 var(--poster); min-width:var(--poster); max-width:var(--poster); background:#161616; border:1px solid #222; border-radius:16px; box-sizing:border-box}
#soft .items .item.gone {opacity:0.45}
#soft .items .item .cover {display:block; width:64px; height:64px; max-height:64px; margin:0 auto; overflow:hidden; text-decoration:none; background:none; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:12px; position:relative; box-shadow:none; box-sizing:border-box}
#soft .items .item .cover img {display:block; width:64px; height:64px; object-fit:cover; object-position:center 20%}
#soft .items .item.mac .cover {background:none; box-shadow:none}
#soft .items .item.mac .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); box-shadow:0 10px 28px rgba(0,0,0,0.45)}
#soft .items .item.mac .cover img {object-fit:contain; object-position:center center}
#soft .items .item .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#soft .items .item .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#soft .items .item.nocover .body {padding-top:8px}
#soft .items .item .cover .mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#soft .items .item .cover .mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#soft .items .item .cover .mark.favorite {background:#fd7e23}
#soft .items .item .cover .mark.good {background:#2e7d32}
#soft .items .item .cover .mark.normal {background:#666}
#soft .items .item .cover .mark.bad {background:#c62828}
#soft .items .item .cover .mark.want {background:#1c43eb}
#soft .items .item .cover .mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#soft .items .item .body {padding:10px 2px 0; text-align:center}
#soft .items .item .body a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
#soft .items .item .body h3 {margin:0 0 4px; font-size:13px; font-weight:600; line-height:1.35em; height:2.7em; overflow:hidden}
#soft .items .item .body a.open h3 {display:-webkit-box; color:#eee; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
#soft .items .item .body a.open.hovered h3 {color:#fff}
#soft .items .item .body .authors {margin:0 0 2px; color:#8a8a8a; font-size:12px; line-height:1.35em; height:1.35em; overflow:hidden}
#soft .items .item .body .year {color:#666; font-size:12px}
#soft .items .item .body .meta {display:none}
#soft .items .item .body .text {display:none}
#soft .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#soft .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#soft .pages {padding:8px 0 0; text-align:center}
#soft .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#soft .pages a.more.hovered {color:#fff; background:#2c2c2c}
#soft .pages .nav {display:inline-block; vertical-align:middle}
#soft .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#soft .pages .nav a.hovered {color:#fff; background:#222}
#soft .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#soft .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#soft .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#games {display:none; padding:20px 32px 56px}
#games .filters {margin:0 0 6px; text-align:center}
#games .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#games .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#games .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#games .filters .field select[name=store] {min-width:168px}
#games .filters .field select[name=status] {min-width:148px}
#games .filters .field select[name=rate] {min-width:168px}
#games .filters .field select[name=genre] {min-width:148px}
#games .filters .field select[name=sort] {min-width:168px}
#games .filters .field select[name=modes] {min-width:148px}
#games .filters .field select[name=platform] {min-width:148px}
#games .filters .field select[name=types] {min-width:128px}
#games .filters .field select[name=cat] {min-width:128px}
#games .filters .field select[name=vr] {min-width:148px}
#games .filters .field select:focus {border-color:#444}
#games .filters .field select option {color:#eee; background:#181818}
#games .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 -10px}
#games .items .item {display:flex; flex-direction:column; flex:1 1 280px; width:auto; max-width:380px; margin:0 10px 24px; padding:0 0 14px; overflow:hidden; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
#games .items .item.hovered {border-color:#3a3a3a}
#games .items .item .cover {display:block; width:100%; height:168px; overflow:hidden; text-decoration:none; background:#111 center center / cover no-repeat; position:relative}
#games .items .item .cover img {display:block; width:100%; height:168px; object-fit:cover; object-position:center center}
#games .items .item .cover.empty {background:#1a1a1a}
#games .items .item .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#games .items .item .cover .mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#games .items .item .cover .mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#games .items .item .cover .mark.favorite {background:#fd7e23}
#games .items .item .cover .mark.good {background:#2e7d32}
#games .items .item .cover .mark.normal {background:#666}
#games .items .item .cover .mark.bad {background:#c62828}
#games .items .item .cover .mark.want {background:#1c43eb}
#games .items .item .cover .mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#games .items .item .body {display:flex; flex-direction:column; flex:1; padding:14px 14px 0}
#games .items .item .body a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
#games .items .item .body h3 {margin:0 0 6px; font-size:16px; font-weight:600; line-height:1.35em; color:#eee}
#games .items .item .body a.open h3 {color:#eee}
#games .items .item .body a.open.hovered h3 {color:#fff}
#games .items .item .body .authors {margin:0 0 4px; color:#8a8a8a; font-size:12px; line-height:1.35em}
#games .items .item .body .meta {margin:0; font-size:12px; line-height:1.35em; color:#777}
#games .items .item.cracked .body .meta {color:#5dce6a}
#games .items .item.unreleased .body .meta {color:#fd7e23}
#games .items .item.discounted .body .meta {color:#92cd00}
#games .items .item.free .body .meta {color:#fd7e23}
#games .items .item .body .store_links {display:flex; flex-wrap:nowrap; justify-content:flex-end; margin:10px 0 0}
#games .items .item .body .store_links a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:0.45em 0.9em; height:auto; line-height:1.25; text-decoration:none; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
#games .items .item .body .store_links a.hovered {color:#222; background:#ccc; border-color:#ccc}
#games .items.egs .item {flex:1 1 220px; max-width:280px}
#games .items.egs .item .cover {height:260px}
#games .items.egs .item .cover img {height:260px}
#games .items.sony .item {flex:1 1 200px; max-width:280px}
#games .items.sony .item .cover {height:240px}
#games .items.sony .item .cover img {height:240px}
#games .items.nintendo .item {flex:1 1 200px; max-width:280px}
#games .items.nintendo .item .cover {height:240px}
#games .items.nintendo .item .cover img {height:240px}
#games .items.gabestore .item {flex:1 1 220px; max-width:280px}
#games .items.gabestore .item .cover {height:260px}
#games .items.gabestore .item .cover img {height:260px}
#games .items.steam .item .cover {height:140px}
#games .items.steam .item .cover img {height:140px}
#games .items.gog .item .cover {height:140px}
#games .items.gog .item .cover img {height:140px}
#games .items.steampay .item .cover {height:140px}
#games .items.steampay .item .cover img {height:140px}
#games .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#games .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#games .pages {padding:8px 0 0; text-align:center}
#games .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#games .pages a.more.hovered {color:#fff; background:#2c2c2c}
#games .pages .nav {display:inline-block; vertical-align:middle}
#games .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#games .pages .nav a.hovered {color:#fff; background:#222}
#games .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#games .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#games .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#releases {display:none; padding:20px 32px 56px}
#releases .filters {margin:0 0 6px; text-align:center}
#releases .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#releases .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#releases .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#releases .filters .field select[name=type] {min-width:128px}
#releases .filters .field select[name=source] {min-width:148px}
#releases .filters .field select[name=filter] {min-width:148px}
#releases .filters .field select:focus {border-color:#444}
#releases .filters .field select option {color:#eee; background:#181818}
#releases .grid {padding:4px 0 0; text-align:center}
#releases .grid a.poster {display:inline-block; width:var(--poster); margin:0 7px 24px; vertical-align:top; color:#c8c8c8}
#releases .grid a.poster.hovered {color:#fff}
#releases .grid a.poster .cover {width:var(--poster); height:var(--poster-h); margin:0 0 10px; background:#161616; border-radius:10px; overflow:hidden; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45)}
#releases .grid a.poster.hovered .cover {box-shadow:0 14px 34px rgba(0,0,0,0.65), 0 0 0 2px rgba(255,51,51,0.85)}
#releases .grid a.poster .cover img {display:block; width:var(--poster); height:var(--poster-h); object-fit:cover; opacity:0; transition:opacity 0.28s ease}
#releases .grid a.poster .cover img.on {opacity:1}
#releases .grid a.poster .cover .rate {position:absolute; left:8px; top:8px; z-index:1; padding:3px 7px; border-radius:4px; font-size:12px; font-weight:700; color:#fff}
#releases .grid a.poster .cover .rate.green {background:#2e7d32}
#releases .grid a.poster .cover .rate.grey {background:#4a4a4a; color:#ddd}
#releases .grid a.poster .cover .rate.red {background:#c62828}
#releases .grid a.poster .cover span.q {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; line-height:1.2em; box-sizing:border-box}
#releases .grid a.poster .cover span.q.ts {background:#d4a017; color:#1a1400}
#releases .grid a.poster .cover span.q.tc {background:#c67a12; color:#1a1400}
#releases .grid a.poster .cover span.q.webdl {background:#1565c0}
#releases .grid a.poster .cover span.q.hdrip {background:#0288d1}
#releases .grid a.poster .cover span.q.hdtv {background:#546e7a}
#releases .grid a.poster .cover span.q.dvd {background:#5c6bc0}
#releases .grid a.poster .cover span.q.bdrip {background:#2e7d32}
#releases .grid a.poster .cover span.q.bd {background:#1b7a4e}
#releases .grid a.poster .cover span.q.q4k {background:#6a1b9a}
#releases .grid a.poster .cover span.q.license {background:#c9a45a; color:#1a1400}
#releases .grid a.poster .t {font-size:13px; line-height:1.35em; max-height:2.7em; overflow:hidden; font-weight:600}
#releases .grid a.poster .y {margin:5px 0 0; font-size:12px; color:#777}
#releases .grid .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#releases .items.games {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; margin:0 -10px}
#releases .items.games .item {display:flex; flex-direction:column; flex:1 1 280px; width:auto; max-width:380px; margin:0 10px 24px; padding:0 0 14px; overflow:hidden; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
#releases .items.games .item.hovered {border-color:#3a3a3a}
#releases .items.games .item .cover {display:block; width:100%; height:168px; overflow:hidden; text-decoration:none; background:#111 center center / cover no-repeat; position:relative}
#releases .items.games .item .cover img {display:block; width:100%; height:168px; object-fit:cover; object-position:center center}
#releases .items.games .item .cover.empty {background:#1a1a1a}
#releases .items.games .item .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#releases .items.games .item .cover .mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#releases .items.games .item .cover .mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#releases .items.games .item .cover .mark.favorite {background:#fd7e23}
#releases .items.games .item .cover .mark.good {background:#2e7d32}
#releases .items.games .item .cover .mark.normal {background:#666}
#releases .items.games .item .cover .mark.bad {background:#c62828}
#releases .items.games .item .cover .mark.want {background:#1c43eb}
#releases .items.games .item .cover .mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#releases .items.games .item .body {display:flex; flex-direction:column; flex:1; padding:14px 14px 0}
#releases .items.games .item .body a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
#releases .items.games .item .body h3 {margin:0 0 6px; font-size:16px; font-weight:600; line-height:1.35em; color:#eee}
#releases .items.games .item .body a.open h3 {color:#eee}
#releases .items.games .item .body a.open.hovered h3 {color:#fff}
#releases .items.games .item .body .meta {margin:0; font-size:12px; line-height:1.35em; color:#777}
#releases .items.games .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#releases .items.list .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#releases .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#releases .pages {padding:8px 0 0; text-align:center}
#releases .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#releases .pages a.more.hovered {color:#fff; background:#2c2c2c}
#releases .pages .nav {display:inline-block; vertical-align:middle}
#releases .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#releases .pages .nav a.hovered {color:#fff; background:#222}
#releases .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#releases .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#releases .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#scard {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#scard::-webkit-scrollbar {width:10px}
#scard::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#scard .card_art_box {position:absolute; left:0; right:0; top:0; width:1140px; max-width:100%; margin:0 auto; height:520px; overflow:hidden}
#scard .card_art_box .card_art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center top no-repeat; background-size:cover; opacity:0; transition:opacity 0.45s ease}
#scard .card_art_box.from_cover .card_art {left:-20%; right:-20%; top:-20%; bottom:-20%; background-position:center center; -webkit-filter:blur(44px); filter:blur(44px)}
#scard .card_art_box .card_art.ready {opacity:0.15}
#scard .card_art_box.from_cover .card_art.ready {opacity:0.15}
#scard .card_art_box .card_art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #0e0e0e 0%, transparent 22%, transparent 78%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 70%)}
#scard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to right, #0e0e0e 0%, transparent 24%, transparent 76%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 68%)}
#scard .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box}
#scard .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#scard .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#scard .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#scard .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#scard .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#scard .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#scard .card_body a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0 0 28px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#scard .card_body a.back.hovered {color:#fff; background:#3a3a3a}
#scard .card_body .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#scard .card_body .card_wrap {display:table; width:100%; max-width:1140px; margin:0 auto}
#scard .card_body .card_wrap .card_poster {display:table-cell; width:200px; vertical-align:top}
#scard .card_body .card_wrap .card_poster .cover {width:200px; height:200px; background:#161616 center center / cover no-repeat; border-radius:18px; box-shadow:0 18px 50px rgba(0,0,0,0.55); position:relative; overflow:hidden}
#scard .card_body .card_wrap .card_poster .cover img {display:block; width:200px; height:200px; object-fit:cover; object-position:center 20%}
#scard .card_body .card_wrap .card_poster.mac .cover {background-size:contain}
#scard .card_body .card_wrap .card_poster.mac .cover img {object-fit:contain; object-position:center center}
#scard .card_body .card_wrap .card_poster .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat; overflow:hidden}
#scard .card_body .card_wrap .card_poster .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:18px 14px; color:#eee; font-size:16px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#scard .card_body .card_wrap .card_info .scores {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:10px; max-width:680px; margin:20px auto 0}
#scard .card_body .card_wrap .card_info .scores a.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.2em}
#scard .card_body .card_wrap .card_info .scores a.score.hovered {background:rgba(0,0,0,0.75)}
#scard .card_body .card_wrap .card_info .scores a.score.green {color:#81c784; border-color:#2e7d32}
#scard .card_body .card_wrap .card_info .scores a.score.grey {color:#ddd; border-color:#666}
#scard .card_body .card_wrap .card_info .scores a.score.red {color:#ef9a9a; border-color:#c62828}
#scard .card_body .card_wrap .card_info .scores span.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em}
#scard .card_body .card_wrap .card_info .scores span.score.green {color:#81c784; border-color:#2e7d32}
#scard .card_body .card_wrap .card_info .scores span.score.grey {color:#ddd; border-color:#666}
#scard .card_body .card_wrap .card_info .scores span.score.red {color:#ef9a9a; border-color:#c62828}
#scard .card_body .card_wrap .card_info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#scard .card_body .card_wrap .card_info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#scard .card_body .card_wrap .card_info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#scard .card_body .card_wrap .card_info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#scard .card_body .card_wrap .card_info .scores span.mark.normal {color:#ddd; border-color:#666}
#scard .card_body .card_wrap .card_info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#scard .card_body .card_wrap .card_info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#scard .card_body .card_wrap .card_info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#scard .card_body .card_wrap .card_info {display:table-cell; padding:8px 0 0 40px; vertical-align:top}
#scard .card_body .card_wrap .card_info h1 {margin:0 0 8px; font-size:32px; line-height:1.15em; color:#fff}
#scard .card_body .card_wrap .card_info h1 .year {color:#8a8a8a; font-weight:500; font-size:0.7em}
#scard .card_body .card_wrap .card_info .orig {margin:0 0 14px; color:#8a8a8a; font-size:16px}
#scard .card_body .card_wrap .card_info .people {max-width:680px; margin:16px 0 0; color:#7a7a7a; font-size:13px; line-height:1.5em}
#scard .card_body .card_wrap .card_info .people div {margin:0 0 6px}
#scard .card_body .card_wrap .card_info .people a {color:#bbb}
#scard .card_body .card_wrap .card_info .people a.hovered {color:#fff}
#scard .card_body .card_wrap .card_info .people .rest {display:none}
#scard .card_body .card_wrap .card_info.open .people .rest {display:block}
#scard .card_body .card_wrap .card_info .chips {margin:0 0 16px}
#scard .card_body .card_wrap .card_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#ccc; background:#1a1a1a; border-radius:6px; font-size:12px; text-decoration:none}
#scard .card_body .card_wrap .card_info .chips a.hovered {color:#fff; background:#222}
#scard .card_body .card_wrap .card_info .text {display:none; max-width:680px; margin:16px 0 0; line-height:1.6em; color:#c6c6c6}
#scard .card_body .card_wrap .card_info.open .text {display:block}
#scard .card_body .card_wrap .card_info .text a {color:#bbb}
#scard .card_body .card_wrap .card_info .text a.hovered {color:#fff}
#scard .card_body .card_wrap .card_info .screens {display:none; margin:16px 0 0; flex-wrap:wrap; gap:10px}
#scard .card_body .card_wrap .card_info.open .screens {display:flex}
#scard .card_body .card_wrap .card_info .screens a.screen {display:block; width:160px; height:100px; overflow:hidden; border-radius:8px; background:#161616}
#scard .card_body .card_wrap .card_info .screens a.screen img {display:block; width:100%; height:100%; object-fit:cover}
#scard .card_body .card_wrap .card_info a.full {display:table; margin:16px auto 0; padding:6px 14px; color:#888; background:transparent; border:1px dashed #555; border-radius:6px; font-size:12px; font-weight:500; text-align:center; text-decoration:none}
#scard .card_body .card_wrap .card_info a.full.hovered {color:#ddd; background:transparent; border-color:#888; border-style:dashed}
#scard .card_body .card_wrap .card_info .buttons {margin:24px 0 8px; text-align:center}
#scard .card_body .card_wrap .card_info .buttons a {display:inline-block; margin:0 4px 8px; padding:12px 18px; color:#eee; background:#1a1a1a; border-radius:10px; font-weight:700; text-decoration:none; box-shadow:inset 0 0 0 1px #2a2a2a}
#scard .card_body .card_wrap .card_info .buttons a.hovered {color:#fff; background:#222}
#scard .card_body .card_wrap .card_info .buttons a.tab.current {box-shadow:inset 0 0 0 1px #ff3333}
#scard .card_body .card_wrap .card_info .panel {max-width:none; margin:0 0 12px}
#scard .card_body .card_wrap .card_info .panel .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#scard .card_body .card_wrap .card_info .panel .empty {padding:24px 0; color:#666; text-align:center}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .empty_t {padding:22px 0; margin:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist {margin:0; text-align:left}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow {display:flex; align-items:center; gap:16px; margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .body {flex:1 1 auto; min-width:0}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tm {margin:6px 0 0; color:#777; font-size:12px}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .tm .tq {display:block; margin:0; padding:0; color:#777; background:none; border-radius:0; font-size:12px; font-weight:400; line-height:1.35em; word-break:break-all}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta {flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; justify-content:flex-end}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.hovered {background:#3a3a3a}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.read {background:#ff3333}
#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a.read.hovered {background:#ff4d4d}
#scard .card_body .card_wrap .card_info .panel.torrents .tbar {margin:0 0 14px; text-align:center}
#scard .card_body .card_wrap .card_info .panel.torrents .tbar a {display:inline-block; margin:0 4px 8px; padding:7px 12px; color:#999; background:#161616; border-radius:8px; font-size:13px; text-decoration:none}
#scard .card_body .card_wrap .card_info .panel.torrents .tbar a.hovered {color:#fff; background:#222}
#scard .card_body .card_wrap .card_info .panel.torrents .tbar a.current {color:#fff; background:#222; box-shadow:inset 0 0 0 1px #ff3333}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist {margin:0; text-align:left}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow {margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; margin:7px 0 12px; color:#777; font-size:12px}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .meta {flex:1 1 auto; min-width:0}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 10px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:13px; font-weight:700; letter-spacing:0.02em; white-space:nowrap}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .s {color:#5dce6a}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .l {color:#ffb04a}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .sep {color:#555; font-weight:600}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0 10px 0 0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.hovered {background:#3a3a3a}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play {background:#ff3333}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play.hovered {background:#ff4d4d}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info {background:transparent; color:#888; padding-left:0}
#scard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info.hovered {color:#fff; background:transparent}


#scard .card_body .card_wrap .card_info .chips span.chip.static {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#aaa; background:#141414; border-radius:6px; font-size:12px}
#scard .card_body .card_wrap .card_info .panel.downloads .note {margin:0 0 14px; padding:12px 14px; color:#bbb; background:#161616; border-radius:10px; white-space:pre-wrap; line-height:1.45em; font-size:13px}

#gcard {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#gcard::-webkit-scrollbar {width:10px}
#gcard::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#gcard .card_art_box {position:absolute; left:0; right:0; top:0; width:1140px; max-width:100%; margin:0 auto; height:520px; overflow:hidden}
#gcard .card_art_box .card_art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center top no-repeat; background-size:cover; opacity:0; transition:opacity 0.45s ease}
#gcard .card_art_box.from_cover .card_art {left:-20%; right:-20%; top:-20%; bottom:-20%; background-position:center center; -webkit-filter:blur(44px); filter:blur(44px)}
#gcard .card_art_box .card_art.ready {opacity:0.15}
#gcard .card_art_box.from_cover .card_art.ready {opacity:0.15}
#gcard .card_art_box .card_art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #0e0e0e 0%, transparent 22%, transparent 78%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 70%)}
#gcard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to right, #0e0e0e 0%, transparent 24%, transparent 76%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 68%)}
#gcard .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box}
#gcard .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#gcard .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#gcard .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#gcard .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#gcard .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#gcard .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#gcard .card_body a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0 0 28px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#gcard .card_body a.back.hovered {color:#fff; background:#3a3a3a}
#gcard .card_body .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#gcard .card_body .card_wrap {display:table; width:100%; max-width:1140px; margin:0 auto}
#gcard .card_body .card_wrap .card_poster {display:table-cell; width:280px; vertical-align:top}
#gcard .card_body .card_wrap .card_poster .cover {width:280px; height:154px; background:#161616 center center / cover no-repeat; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55); position:relative; overflow:hidden}
#gcard .card_body .card_wrap .card_poster .cover img {display:block; width:280px; height:154px; object-fit:cover; object-position:center center}
#gcard .card_body .card_wrap .card_poster .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat; overflow:hidden}
#gcard .card_body .card_wrap .card_poster .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:18px 14px; color:#eee; font-size:16px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#gcard .card_body .card_wrap .card_info .scores {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:10px; max-width:680px; margin:20px auto 0}
#gcard .card_body .card_wrap .card_info .scores a.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.2em}
#gcard .card_body .card_wrap .card_info .scores a.score.hovered {background:rgba(0,0,0,0.75)}
#gcard .card_body .card_wrap .card_info .scores a.score.green {color:#81c784; border-color:#2e7d32}
#gcard .card_body .card_wrap .card_info .scores a.score.grey {color:#ddd; border-color:#666}
#gcard .card_body .card_wrap .card_info .scores a.score.red {color:#ef9a9a; border-color:#c62828}
#gcard .card_body .card_wrap .card_info .scores span.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em}
#gcard .card_body .card_wrap .card_info .scores span.score.green {color:#81c784; border-color:#2e7d32}
#gcard .card_body .card_wrap .card_info .scores span.score.grey {color:#ddd; border-color:#666}
#gcard .card_body .card_wrap .card_info .scores span.score.red {color:#ef9a9a; border-color:#c62828}
#gcard .card_body .card_wrap .card_info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#gcard .card_body .card_wrap .card_info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#gcard .card_body .card_wrap .card_info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#gcard .card_body .card_wrap .card_info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#gcard .card_body .card_wrap .card_info .scores span.mark.normal {color:#ddd; border-color:#666}
#gcard .card_body .card_wrap .card_info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#gcard .card_body .card_wrap .card_info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#gcard .card_body .card_wrap .card_info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#gcard .card_body .card_wrap .card_info {display:table-cell; padding:8px 0 0 40px; vertical-align:top}
#gcard .card_body .card_wrap .card_info h1 {margin:0 0 8px; font-size:32px; line-height:1.15em; color:#fff}
#gcard .card_body .card_wrap .card_info h1 .year {color:#8a8a8a; font-weight:500; font-size:0.7em}
#gcard .card_body .card_wrap .card_info .people {max-width:680px; margin:16px 0 0; color:#7a7a7a; font-size:13px; line-height:1.5em}
#gcard .card_body .card_wrap .card_info .people div {margin:0 0 6px}
#gcard .card_body .card_wrap .card_info .people a {color:#bbb}
#gcard .card_body .card_wrap .card_info .people a.hovered {color:#fff}
#gcard .card_body .card_wrap .card_info .people .rest {display:none}
#gcard .card_body .card_wrap .card_info.open .people .rest {display:block}
#gcard .card_body .card_wrap .card_info .chips {margin:0 0 16px}
#gcard .card_body .card_wrap .card_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#ccc; background:#1a1a1a; border-radius:6px; font-size:12px; text-decoration:none}
#gcard .card_body .card_wrap .card_info .chips a.hovered {color:#fff; background:#222}
#gcard .card_body .card_wrap .card_info .chips span.chip.static {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#aaa; background:#141414; border-radius:6px; font-size:12px}
#gcard .card_body .card_wrap .card_info .chips span.chip.static.cracked {color:#5dce6a}
#gcard .card_body .card_wrap .card_info .chips span.chip.static.unreleased {color:#fd7e23}
#gcard .card_body .card_wrap .card_info .text {display:none; max-width:680px; margin:16px 0 0; line-height:1.6em; color:#c6c6c6}
#gcard .card_body .card_wrap .card_info.open .text {display:block}
#gcard .card_body .card_wrap .card_info .text a {color:#bbb}
#gcard .card_body .card_wrap .card_info .text a.hovered {color:#fff}
#gcard .card_body .card_wrap .card_info a.full {display:table; margin:16px auto 0; padding:6px 14px; color:#888; background:transparent; border:1px dashed #555; border-radius:6px; font-size:12px; font-weight:500; text-align:center; text-decoration:none}
#gcard .card_body .card_wrap .card_info a.full.hovered {color:#ddd; background:transparent; border-color:#888; border-style:dashed}
#gcard .card_body .card_wrap .card_info .buttons {margin:24px 0 8px; text-align:center}
#gcard .card_body .card_wrap .card_info .buttons a {display:inline-block; margin:0 4px 8px; padding:12px 18px; color:#eee; background:#1a1a1a; border-radius:10px; font-weight:700; text-decoration:none; box-shadow:inset 0 0 0 1px #2a2a2a}
#gcard .card_body .card_wrap .card_info .buttons a.hovered {color:#fff; background:#222}
#gcard .card_body .card_wrap .card_info .buttons a.tab.current {box-shadow:inset 0 0 0 1px #ff3333}
#gcard .card_body .card_wrap .card_info .panel {max-width:none; margin:0 0 12px}
#gcard .card_body .card_wrap .card_info .panel .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#gcard .card_body .card_wrap .card_info .panel .empty {padding:24px 0; color:#666; text-align:center}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .empty_t {padding:22px 0; margin:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
#gcard .card_body .card_wrap .card_info .panel.torrents .tbar {margin:0 0 14px; text-align:center}
#gcard .card_body .card_wrap .card_info .panel.torrents .tbar a {display:inline-block; margin:0 4px 8px; padding:7px 12px; color:#999; background:#161616; border-radius:8px; font-size:13px; text-decoration:none}
#gcard .card_body .card_wrap .card_info .panel.torrents .tbar a.hovered {color:#fff; background:#222}
#gcard .card_body .card_wrap .card_info .panel.torrents .tbar a.current {color:#fff; background:#222; box-shadow:inset 0 0 0 1px #ff3333}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist {margin:0; text-align:left}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow {margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; margin:7px 0 12px; color:#777; font-size:12px}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .meta {flex:1 1 auto; min-width:0}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 10px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:13px; font-weight:700; letter-spacing:0.02em; white-space:nowrap}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .s {color:#5dce6a}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .l {color:#ffb04a}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .tm .peers .sep {color:#555; font-weight:600}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0 10px 0 0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.hovered {background:#3a3a3a}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play {background:#ff3333}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.play.hovered {background:#ff4d4d}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info {background:transparent; color:#888; padding-left:0}
#gcard .card_body .card_wrap .card_info .panel.torrents .tlist .trow .ta a.info.hovered {color:#fff; background:transparent}
#gcard .card_body .card_wrap .card_info .panel.buy .tbar {margin:0 0 14px; text-align:center}
#gcard .card_body .card_wrap .card_info .panel.buy .tbar a {display:inline-block; margin:0 4px 8px; padding:7px 12px; color:#999; background:#161616; border-radius:8px; font-size:13px; text-decoration:none}
#gcard .card_body .card_wrap .card_info .panel.buy .tbar a.hovered {color:#fff; background:#222}
#gcard .card_body .card_wrap .card_info .panel.buy .tbar a.current {color:#fff; background:#222; box-shadow:inset 0 0 0 1px #ff3333}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist {margin:0; text-align:left}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow {display:flex; align-items:center; gap:16px; margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .body {flex:1 1 auto; min-width:0}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .tm {margin:6px 0 0; color:#777; font-size:12px}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .tm .meta {display:block}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta {flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; justify-content:flex-end}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none; white-space:nowrap}
#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta a.hovered {background:#3a3a3a}

#srmenu {position:fixed; z-index:40; min-width:160px; padding:6px 0; background:#1a1a1a; border:1px solid #333; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.55)}
#srmenu a {display:block; padding:8px 14px; color:#ddd; text-decoration:none; font-size:13px}
#srmenu a.hovered {color:#fff; background:#242424}
#srmenu a.remove {color:#888; border-top:1px solid #2a2a2a; margin-top:4px}

#retro {display:none; padding:20px 32px 56px}
#retro .filters {margin:0 0 6px; text-align:center}
#retro .filters .field {display:inline-block; margin:0 6px 14px; vertical-align:top}
#retro .filters .field .l {display:block; margin:0 0 7px; color:#666; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase}
#retro .filters .field select {display:block; min-width:148px; padding:10px 32px 10px 12px; color:#eee; background:#181818 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 .5h10L5 6z'/%3E%3C/svg%3E") no-repeat right 12px center; border:1px solid #2a2a2a; border-radius:10px; font:14px "Segoe UI", Arial, sans-serif; cursor:pointer; -webkit-appearance:none}
#retro .filters .field select[name=system] {min-width:168px}
#retro .filters .field select[name=rate] {min-width:168px}
#retro .filters .field select[name=sort] {min-width:168px}
#retro .filters .field select:focus {border-color:#444}
#retro .filters .field select option {color:#eee; background:#181818}
#retro .items {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:0 -7px}
#retro .items .item {width:var(--poster); margin:0 7px 24px; vertical-align:top; flex:0 0 auto}
#retro .items .item.gone {opacity:0.45}
#retro .items .item .cover {display:block; width:var(--poster); height:var(--poster-h); max-height:var(--poster-h); overflow:hidden; text-decoration:none; background-color:#161616; background-position:center center; background-size:cover; background-repeat:no-repeat; border-radius:10px; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45); box-sizing:border-box}
#retro .items .item .cover.empty {background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat}
#retro .items .item .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:14px 12px; color:#eee; font-size:14px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#retro .items .item.nocover .body {padding-top:8px}
#retro .items .item .cover .mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#retro .items .item .cover .mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#retro .items .item .cover .mark.favorite {background:#fd7e23}
#retro .items .item .cover .mark.good {background:#2e7d32}
#retro .items .item .cover .mark.normal {background:#666}
#retro .items .item .cover .mark.bad {background:#c62828}
#retro .items .item .cover .mark.want {background:#1c43eb}
#retro .items .item .cover .mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#retro .items .item .body {padding:10px 2px 0}
#retro .items .item .body a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
#retro .items .item .body h3 {margin:0 0 4px; font-size:13px; font-weight:600; line-height:1.35em}
#retro .items .item .body a.open h3 {display:-webkit-box; color:#eee; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
#retro .items .item .body a.open.hovered h3 {color:#fff}
#retro .items .item .body .meta {margin:0 0 2px; color:#8a8a8a; font-size:12px; line-height:1.35em; max-height:2.7em; overflow:hidden}
#retro .items .item .body .text {display:none}
#retro .items .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#retro .empty {padding:40px 0; color:#666; font-size:16px; text-align:center}
#retro .pages {padding:8px 0 0; text-align:center}
#retro .pages a.more {display:inline-block; margin:0 8px 12px; padding:10px 16px; color:#eee; background:#222; border-radius:8px; font-weight:600; text-decoration:none}
#retro .pages a.more.hovered {color:#fff; background:#2c2c2c}
#retro .pages .nav {display:inline-block; vertical-align:middle}
#retro .pages .nav a {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#aaa; background:#1a1a1a; border-radius:6px; text-decoration:none}
#retro .pages .nav a.hovered {color:#fff; background:#222}
#retro .pages .nav b.current {display:inline-block; margin:0 4px 8px; padding:8px 12px; color:#fff; background:#ff3333; border-radius:6px; font-weight:normal}
#retro .pages .nav span {display:inline-block; margin:0 4px 8px; color:#555}
#retro .pages .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

#rrmenu {position:fixed; z-index:40; min-width:160px; padding:6px 0; background:#1a1a1a; border:1px solid #333; border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,0.55)}
#rrmenu a {display:block; padding:8px 14px; color:#ddd; text-decoration:none; font-size:13px}
#rrmenu a.hovered {color:#fff; background:#242424}
#rrmenu a.remove {color:#888; border-top:1px solid #2a2a2a; margin-top:4px}

#rcard {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#rcard::-webkit-scrollbar {width:10px}
#rcard::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#rcard .card_art_box {position:absolute; left:0; right:0; top:0; width:1140px; max-width:100%; margin:0 auto; height:520px; overflow:hidden}
#rcard .card_art_box .card_art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center top no-repeat; background-size:cover; opacity:0; transition:opacity 0.45s ease}
#rcard .card_art_box.from_cover .card_art {left:-20%; right:-20%; top:-20%; bottom:-20%; background-position:center center; -webkit-filter:blur(44px); filter:blur(44px)}
#rcard .card_art_box .card_art.ready {opacity:0.15}
#rcard .card_art_box.from_cover .card_art.ready {opacity:0.15}
#rcard .card_art_box .card_art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #0e0e0e 0%, transparent 22%, transparent 78%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 70%)}
#rcard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to right, #0e0e0e 0%, transparent 24%, transparent 76%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 68%)}
#rcard .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box}
#rcard .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#rcard .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#rcard .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#rcard .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#rcard .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#rcard .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#rcard .card_body a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0 0 28px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#rcard .card_body a.back.hovered {color:#fff; background:#3a3a3a}
#rcard .card_body .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#rcard .card_body .card_wrap {display:table; width:100%; max-width:1140px; margin:0 auto}
#rcard .card_body .card_wrap .card_poster {display:table-cell; width:300px; vertical-align:top}
#rcard .card_body .card_wrap .card_poster .cover {width:300px; height:auto; background:#161616; border-radius:12px; overflow:hidden; position:relative; box-shadow:0 18px 50px rgba(0,0,0,0.55)}
#rcard .card_body .card_wrap .card_poster .cover img {display:block; width:300px; height:auto}
#rcard .card_body .card_wrap .card_poster .cover.empty {aspect-ratio:2 / 3; background-color:#353535; background-image:linear-gradient(135deg, #3a3a3a 25%, transparent 25%, transparent 50%, #3a3a3a 50%, #3a3a3a 75%, transparent 75%, transparent); background-size:16px 16px; background-repeat:repeat; overflow:hidden}
#rcard .card_body .card_wrap .card_poster .cover .nt {display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; padding:18px 14px; color:#eee; font-size:16px; font-weight:600; line-height:1.3em; text-align:center; box-sizing:border-box; overflow:hidden; word-wrap:break-word; pointer-events:none}
#rcard .card_body .card_wrap .card_info .scores {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:10px; max-width:680px; margin:20px auto 0}
#rcard .card_body .card_wrap .card_info .scores a.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.2em}
#rcard .card_body .card_wrap .card_info .scores a.score.hovered {background:rgba(0,0,0,0.75)}
#rcard .card_body .card_wrap .card_info .scores a.score.green {color:#81c784; border-color:#2e7d32}
#rcard .card_body .card_wrap .card_info .scores a.score.grey {color:#ddd; border-color:#666}
#rcard .card_body .card_wrap .card_info .scores a.score.red {color:#ef9a9a; border-color:#c62828}
#rcard .card_body .card_wrap .card_info .scores span.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em}
#rcard .card_body .card_wrap .card_info .scores span.score.green {color:#81c784; border-color:#2e7d32}
#rcard .card_body .card_wrap .card_info .scores span.score.grey {color:#ddd; border-color:#666}
#rcard .card_body .card_wrap .card_info .scores span.score.red {color:#ef9a9a; border-color:#c62828}
#rcard .card_body .card_wrap .card_info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#rcard .card_body .card_wrap .card_info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#rcard .card_body .card_wrap .card_info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#rcard .card_body .card_wrap .card_info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#rcard .card_body .card_wrap .card_info .scores span.mark.normal {color:#ddd; border-color:#666}
#rcard .card_body .card_wrap .card_info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#rcard .card_body .card_wrap .card_info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#rcard .card_body .card_wrap .card_info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#rcard .card_body .card_wrap .card_info {display:table-cell; padding:8px 0 0 40px; vertical-align:top}
#rcard .card_body .card_wrap .card_info h1 {margin:0 0 8px; font-size:32px; line-height:1.15em; color:#fff}
#rcard .card_body .card_wrap .card_info h1 .year {color:#8a8a8a; font-weight:500; font-size:0.7em}
#rcard .card_body .card_wrap .card_info .people {max-width:680px; margin:16px 0 0; color:#7a7a7a; font-size:13px; line-height:1.5em}
#rcard .card_body .card_wrap .card_info .people div {margin:0 0 6px}
#rcard .card_body .card_wrap .card_info .people a {color:#bbb}
#rcard .card_body .card_wrap .card_info .people a.hovered {color:#fff}
#rcard .card_body .card_wrap .card_info .chips {margin:0 0 16px}
#rcard .card_body .card_wrap .card_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#ccc; background:#1a1a1a; border-radius:6px; font-size:12px; text-decoration:none}
#rcard .card_body .card_wrap .card_info .chips a.hovered {color:#fff; background:#222}
#rcard .card_body .card_wrap .card_info .text {display:none; max-width:680px; margin:16px 0 0; line-height:1.6em; color:#c6c6c6}
#rcard .card_body .card_wrap .card_info.open .text {display:block}
#rcard .card_body .card_wrap .card_info .text a {color:#bbb}
#rcard .card_body .card_wrap .card_info .text a.hovered {color:#fff}
#rcard .card_body .card_wrap .card_info a.full {display:table; margin:16px auto 0; padding:6px 14px; color:#888; background:transparent; border:1px dashed #555; border-radius:6px; font-size:12px; font-weight:500; text-align:center; text-decoration:none}
#rcard .card_body .card_wrap .card_info a.full.hovered {color:#ddd; background:transparent; border-color:#888; border-style:dashed}
#rcard .card_body .card_wrap .card_info .panel {max-width:none; margin:24px 0 12px}
#rcard .card_body .card_wrap .card_info .panel .empty {padding:24px 0; color:#666; text-align:center}
#rcard .card_body .card_wrap .card_info .panel .tlist {margin:0; text-align:left}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow {display:flex; align-items:center; gap:16px; margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .body {flex:1 1 auto; min-width:0}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .tt {line-height:1.4em; color:#eee; font-weight:600; overflow-wrap:break-word}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .tm {margin:6px 0 0; color:#777; font-size:12px}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta {flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; justify-content:flex-end}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1; text-decoration:none}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta a.hovered {background:#3a3a3a}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta a.play {background:#ff3333}
#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta a.play.hovered {background:#ff4d4d}
#rcard .card_body .card_wrap .card_info .panel .media {max-width:300px; margin:22px 0 0}
#rcard .card_body .card_wrap .card_info .panel .media video {display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; background:#111; border-radius:10px}

#ejs {position:fixed; left:0; top:0; right:0; bottom:0; background:#0a0a0a; z-index:80; overflow:hidden}
#ejs .bar {display:flex; height:calc(56px + var(--sat)); padding:var(--sat) calc(20px + var(--sar)) 0 calc(20px + var(--sal)); align-items:center; background:rgba(14,14,14,0.96); color:#eee; position:absolute; left:0; right:0; top:0; z-index:3; border-bottom:1px solid #1c1c1c; box-sizing:border-box}
#ejs .bar .info {flex:1 1 auto; min-width:0; display:flex; align-items:center; padding:0 16px 0 0}
#ejs .bar .info .ttl {display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:600; color:#ddd}
#ejs .bar a.close {flex-shrink:0; display:block; width:36px; height:36px; position:relative; background:#2a2a2a; border-radius:10px; text-decoration:none}
#ejs .bar a.close:before {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(45deg)}
#ejs .bar a.close:after {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(-45deg)}
#ejs .bar a.close.hovered {background:#3a3a3a}
#ejs .bar a.close.hovered:before {background:#fff}
#ejs .bar a.close.hovered:after {background:#fff}
#ejs .stage {position:absolute; left:var(--sal); right:var(--sar); top:calc(56px + var(--sat)); bottom:var(--sab); overflow:hidden; background:#0a0a0a}
#ejs .stage iframe {display:block; width:100%; height:100%; border:0; background:#0a0a0a}

#comics_reader {position:fixed; left:0; top:0; right:0; bottom:0; background:#0a0a0a; z-index:80; overflow:hidden}
html.comics_reader_open {overflow:hidden}
html.comics_reader_open body {overflow:hidden}
#comics_reader .bar {display:flex; height:calc(56px + var(--sat)); padding:var(--sat) 20px 0; align-items:center; background:rgba(14,14,14,0.96); color:#eee; position:absolute; left:0; right:0; top:0; z-index:3; border-bottom:1px solid #1c1c1c; box-sizing:border-box}
#comics_reader .bar .info {flex:1 1 auto; min-width:0; display:flex; align-items:center; padding:0 16px 0 0}
#comics_reader .bar .info .ttl {display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:600; color:#ddd}
#comics_reader .bar .info .counter {flex-shrink:0; margin:0 0 0 14px; color:#777; font-size:13px; font-weight:600}
#comics_reader .bar a.close {flex-shrink:0; display:block; width:36px; height:36px; position:relative; background:#2a2a2a; border-radius:10px; text-decoration:none}
#comics_reader .bar a.close:before {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(45deg)}
#comics_reader .bar a.close:after {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(-45deg)}
#comics_reader .bar a.close.hovered {background:#3a3a3a}
#comics_reader .bar a.close.hovered:before {background:#fff}
#comics_reader .bar a.close.hovered:after {background:#fff}
#comics_reader .stage {position:absolute; left:0; right:0; top:calc(56px + var(--sat)); bottom:calc(84px + var(--sab)); text-align:center; overflow:auto; background:#0a0a0a; scrollbar-width:thin; scrollbar-color:#2a2a2a #151515}
#comics_reader .stage::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#comics_reader .stage::-webkit-scrollbar-track {background:#151515}
#comics_reader .stage::-webkit-scrollbar {width:10px}
#comics_reader .stage .page {display:block; width:100%; min-height:100%; padding:16px 0 24px; box-sizing:border-box}
#comics_reader .stage .page .wrap {display:block; text-align:center; position:relative; min-height:200px; touch-action:pan-x pan-y}
#comics_reader .stage .page .wrap img {display:inline-block; max-width:960px; width:100%; height:auto; vertical-align:top; box-shadow:0 18px 50px rgba(0,0,0,0.55); transform-origin:top center}
#comics_reader .stage .page .wrap.zoomed img {max-width:none}
#comics_reader .stage .page .wrap .preload {position:absolute; left:0; top:0; right:0; bottom:0; z-index:1}
#comics_reader .stage .page .wrap .preload div {width:40px; height:40px; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px}
#comics_reader .stage .page .wrap .error {padding:40px; color:#aaa}
#comics_reader .stage a.nav {display:block; width:12%; position:fixed; top:56px; bottom:84px; z-index:2; text-decoration:none; background:transparent}
#comics_reader .stage a.nav.prev {left:0}
#comics_reader .stage a.nav.next {right:0}
#comics_reader .stage a.nav.hovered {background:rgba(255,51,51,0.06)}
#comics_reader .stage a.nav.prev.hovered:before {content:'‹'; position:absolute; left:18px; top:50%; margin:-28px 0 0; font-size:56px; line-height:1; color:rgba(255,255,255,0.35)}
#comics_reader .stage a.nav.next.hovered:after {content:'›'; position:absolute; right:18px; top:50%; margin:-28px 0 0; font-size:56px; line-height:1; color:rgba(255,255,255,0.35)}
#comics_reader .stage a.nav.off {visibility:hidden}
#comics_reader .controls {height:calc(84px + var(--sab)); padding:0 20px var(--sab); display:flex; align-items:center; justify-content:center; background:rgba(14,14,14,0.96); position:absolute; left:0; right:0; bottom:0; z-index:4; border-top:1px solid #1c1c1c; box-sizing:border-box}
#comics_reader .controls .dock {display:flex; align-items:center; justify-content:center; gap:18px; max-width:980px; width:100%}
#comics_reader .controls .dock .acts {display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center}
#comics_reader .controls .dock .acts a {display:inline-flex; height:40px; padding:0 14px; align-items:center; justify-content:center; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; box-sizing:border-box}
#comics_reader .controls .dock .acts a.hovered {color:#fff; background:#252525}
#comics_reader .controls .dock .acts a.off {color:#555; background:#161616; pointer-events:none}
#comics_reader .controls .dock .acts select.chapters_list {display:inline-block; max-width:220px; height:40px; margin:0; padding:0 10px; color:#eee; background:#1a1a1a; border:0; border-radius:10px; font:13px "Segoe UI", Arial, sans-serif; box-sizing:border-box}
#comics_reader .controls .dock .tools {display:flex; align-items:center; gap:8px; margin:0 0 0 auto}
#comics_reader .controls .dock .tools a {display:inline-flex; min-width:40px; height:40px; padding:0 12px; align-items:center; justify-content:center; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:14px; font-weight:700; text-decoration:none; box-sizing:border-box}
#comics_reader .controls .dock .tools a.hovered {color:#fff; background:#252525}
#comics_reader .controls .dock .tools a.zoom_out {font-size:18px; line-height:1}
#comics_reader .controls .dock .tools a.zoom_val {min-width:52px; font-size:12px}
#comics_reader .controls .dock .tools a.zoom_in {font-size:18px; line-height:1}
#comics_reader .controls .dock .tools a.settings_btn.on {color:#fff; background:#ff3333}
#comics_reader .controls .dock .tools a.bm_btn.on {color:#fff; background:#ff3333}
#comics_reader .controls .settings {display:none; width:340px; padding:16px 18px 18px; text-align:left; position:absolute; right:20px; bottom:92px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55); z-index:5; box-sizing:border-box}
#comics_reader .controls .settings.open {display:block}
#comics_reader .controls .settings .group {margin:0 0 14px}
#comics_reader .controls .settings .group:last-child {margin:0}
#comics_reader .controls .settings .group .label {display:block; margin:0 0 8px; color:#666; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase}
#comics_reader .controls .settings .group .swatches {white-space:normal}
#comics_reader .controls .settings .group .swatches a {display:inline-block; vertical-align:middle; width:28px; height:28px; margin:0 8px 8px 0; padding:0; border:2px solid #333; border-radius:8px; text-decoration:none; box-sizing:border-box}
#comics_reader .controls .settings .group .swatches a.hovered {border-color:#888}
#comics_reader .controls .settings .group .swatches a.current {border-color:#ff3333}
#comics_reader .controls .settings .group .swatches a.reset {width:auto; height:auto; padding:8px 12px; color:#ccc; background:#1a1a1a; border:0; font-size:13px; font-weight:600}
#comics_reader .controls .settings .group .swatches a.reset.hovered {color:#fff; background:#252525}
#comics_reader .controls .settings .group .swatches a.reset.current {color:#fff; background:#ff3333}
#comics_reader .controls .settings .group.themes .swatches a {width:auto; height:auto; padding:8px 12px; color:#ccc; background:#1a1a1a; border:0; font-size:13px; font-weight:600}
#comics_reader .controls .settings .group.themes .swatches a.hovered {color:#fff; background:#252525}
#comics_reader .controls .settings .group.themes .swatches a.current {color:#fff; background:#ff3333}
#comics_reader .controls .bookmarks {display:none; width:360px; max-height:280px; padding:16px 18px 18px; text-align:left; position:absolute; right:20px; bottom:92px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55); z-index:5; overflow:auto; box-sizing:border-box}
#comics_reader .controls .bookmarks.open {display:block}
#comics_reader .controls .bookmarks .bm_head {margin:0 0 10px; overflow:hidden}
#comics_reader .controls .bookmarks .bm_head .label {float:left; color:#666; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; line-height:32px}
#comics_reader .controls .bookmarks .bm_head a.bm_add {float:right; padding:8px 12px; color:#ddd; text-decoration:none; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700}
#comics_reader .controls .bookmarks .bm_head a.bm_add.hovered {color:#fff; background:#252525}
#comics_reader .controls .bookmarks .bm_empty {padding:12px 0; color:#777; font-size:0.9em}
#comics_reader .controls .bookmarks .bm_item {margin:0 0 6px; padding:0 30px 6px 0; border-bottom:1px solid #2a2a2a; position:relative}
#comics_reader .controls .bookmarks .bm_item a.bm_go {display:block; color:#ddd; text-decoration:none; font-size:0.95em; line-height:1.35}
#comics_reader .controls .bookmarks .bm_item a.bm_go.hovered {color:#ff3333}
#comics_reader .controls .bookmarks .bm_item a.bm_del {width:22px; height:22px; padding:0; line-height:20px; text-align:center; text-decoration:none; font-size:15px; color:#888; background:#2a2a2a; border-radius:6px; position:absolute; top:0; right:0; box-sizing:border-box}
#comics_reader .controls .bookmarks .bm_item a.bm_del.hovered {color:#fff; background:#ff3333}




/*=========================================================*/

#card {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:20; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#card::-webkit-scrollbar {width:10px}
#card::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#card .card_art_box {position:absolute; left:0; right:0; top:0; width:1140px; max-width:100%; margin:0 auto; height:520px; overflow:hidden}
#card .card_art_box .card_art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center top no-repeat; background-size:cover; opacity:0; transition:opacity 0.45s ease}
#card .card_art_box.from_cover .card_art {left:-20%; right:-20%; top:-20%; bottom:-20%; background-position:center center; -webkit-filter:blur(44px); filter:blur(44px)}
#card .card_art_box .card_art.ready {opacity:0.15}
#card .card_art_box.from_cover .card_art.ready {opacity:0.15}
#card .card_art_box .card_art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #0e0e0e 0%, transparent 22%, transparent 78%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 70%)}
#card .card_art_box.from_cover .card_art_fade {background:linear-gradient(to right, #0e0e0e 0%, transparent 24%, transparent 76%, #0e0e0e 100%), linear-gradient(to top, #0e0e0e 0%, transparent 68%)}
#card .card_body {position:relative; padding:calc(28px + var(--sat)) 48px calc(80px + var(--sab)); min-height:100%; box-sizing:border-box}
#card .card_body .card_top {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 28px}
#card .card_body .card_top a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#card .card_body .card_top a.back.hovered {color:#fff; background:#3a3a3a}
#card .card_body .card_top a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#card .card_body .card_top a.share svg {display:block; width:16px; height:16px}
#card .card_body .card_top a.share.hovered {color:#fff; background:#3a3a3a}
#card .card_body a.back {display:inline-flex; align-items:center; justify-content:center; height:36px; margin:0 0 28px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box}
#card .card_body a.back.hovered {color:#fff; background:#3a3a3a}
#card .card_body .card_wrap {display:table; width:100%; max-width:1140px; margin:0 auto}
#card .card_body .card_wrap .card_poster {display:table-cell; width:300px; vertical-align:top}
#card .card_body .card_wrap .card_poster .cover {width:300px; height:auto; background:#161616; border-radius:12px; overflow:hidden; position:relative; box-shadow:0 18px 50px rgba(0,0,0,0.55)}
#card .card_body .card_wrap .card_poster .cover img {display:block; width:300px; height:auto}
#card .card_body .card_wrap .card_info {display:table-cell; padding:8px 0 0 40px; vertical-align:top}
#card .card_body .card_wrap .card_info h1 {margin:0 0 8px; font-size:36px; line-height:1.15em; color:#fff}
#card .card_body .card_wrap .card_info .eng {margin:0 0 14px; color:#8a8a8a; font-size:16px}
#card .card_body .card_wrap .card_info .chips {margin:0 0 16px}
#card .card_body .card_wrap .card_info .chips a {display:inline-block; margin:0 8px 8px 0; padding:5px 10px; color:#ccc; background:#1a1a1a; border-radius:6px; font-size:12px}
#card .card_body .card_wrap .card_info .chips a.hovered {color:#fff; background:#222}
#card .card_body .card_wrap .card_info .text {display:none; max-width:680px; margin:16px 0 0; line-height:1.6em; color:#c6c6c6}
#card .card_body .card_wrap .card_info.open .text {display:block}
#card .card_body .card_wrap .card_info .text a {color:#bbb}
#card .card_body .card_wrap .card_info .text a.hovered {color:#fff}
#card .card_body .card_wrap .card_info .people {max-width:680px; margin:16px 0 0; color:#7a7a7a; font-size:13px; line-height:1.5em}
#card .card_body .card_wrap .card_info .people div {margin:0 0 6px}
#card .card_body .card_wrap .card_info .people a {color:#bbb}
#card .card_body .card_wrap .card_info .people a.hovered {color:#fff}
#card .card_body .card_wrap .card_info .people .rest {display:none}
#card .card_body .card_wrap .card_info.open .people .rest {display:block}
#card .card_body .card_wrap .card_info .people .actors {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
#card .card_body .card_wrap .card_info.open .people .actors {display:block; -webkit-line-clamp:none; overflow:visible}
#card .card_body .card_wrap .card_info .scores {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:10px; max-width:680px; margin:20px auto 0}
#card .card_body .card_wrap .card_info .scores a.score {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; text-decoration:none; line-height:1.2em}
#card .card_body .card_wrap .card_info .scores a.score.hovered {background:rgba(0,0,0,0.75)}
#card .card_body .card_wrap .card_info .scores a.score.green {color:#81c784; border-color:#2e7d32}
#card .card_body .card_wrap .card_info .scores a.score.grey {color:#ddd; border-color:#666}
#card .card_body .card_wrap .card_info .scores a.score.red {color:#ef9a9a; border-color:#c62828}
#card .card_body .card_wrap .card_info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 22px; color:#ccc; background:rgba(0,0,0,0.3); border:1px solid #3a3a3a; border-radius:10px; font-size:13px; font-weight:600; text-align:center; line-height:1.2em; cursor:pointer}
#card .card_body .card_wrap .card_info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#card .card_body .card_wrap .card_info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#card .card_body .card_wrap .card_info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#card .card_body .card_wrap .card_info .scores span.mark.normal {color:#ddd; border-color:#666}
#card .card_body .card_wrap .card_info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#card .card_body .card_wrap .card_info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#card .card_body .card_wrap .card_info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#card .card_body .card_wrap .card_info a.full {display:table; margin:16px auto 0; padding:6px 14px; color:#888; background:transparent; border:1px dashed #555; border-radius:6px; font-size:12px; font-weight:500; text-align:center; text-decoration:none}
#card .card_body .card_wrap .card_info a.full.hovered {color:#ddd; background:transparent; border-color:#888; border-style:dashed}
#card .card_body .card_related {max-width:1140px; margin:44px auto 0}
#card .krel {margin:18px 0 0; max-width:1140px}
#card .krel .krel_head {margin:0 0 10px; color:#666; font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase}
#card .krel .row_scroller {overflow-x:auto; overflow-y:hidden; white-space:nowrap; padding:4px 32px 18px 0; width:100%; box-sizing:border-box; max-width:1140px; cursor:grab; scrollbar-width:none; -ms-overflow-style:none}
#card .krel .row_scroller.drag {cursor:grabbing; -webkit-user-select:none; user-select:none}
#card .krel .row_scroller a.poster {-webkit-user-drag:none; user-drag:none}
#card .krel .row_scroller img {-webkit-user-drag:none; user-drag:none}
#card .krel .row_scroller::-webkit-scrollbar {width:0; height:0; display:none; background:transparent}
#card .krel .krel_box {position:relative}
#card .krel .krel_box::before {content:''; position:absolute; left:0; top:0; z-index:1; width:72px; height:var(--poster-h); background:linear-gradient(to right, #0e0e0e, transparent); pointer-events:none; opacity:0}
#card .krel .krel_box::after {content:''; position:absolute; right:0; top:0; z-index:1; width:72px; height:var(--poster-h); background:linear-gradient(to left, #0e0e0e, transparent); pointer-events:none; opacity:0}
#card .krel .krel_box:not(.start)::before {opacity:1}
#card .krel .krel_box:not(.end)::after {opacity:1}
#card .krel .krel_box a.krel_prev {position:absolute; left:12px; top:calc((var(--poster-h) - 44px) / 2); z-index:3; display:flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0 2px 1px 0; font-size:26px; color:#f0f0f0; background:rgba(18,18,18,0.78); border-radius:22px; box-shadow:0 6px 16px rgba(0,0,0,0.35); box-sizing:border-box}
#card .krel .krel_box a.krel_next {position:absolute; right:12px; top:calc((var(--poster-h) - 44px) / 2); z-index:3; display:flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0 0 1px 2px; font-size:26px; color:#f0f0f0; background:rgba(18,18,18,0.78); border-radius:22px; box-shadow:0 6px 16px rgba(0,0,0,0.35); box-sizing:border-box}
#card .krel .krel_box a.krel_prev.hovered {color:#fff; background:rgba(255,255,255,0.14)}
#card .krel .krel_box a.krel_next.hovered {color:#fff; background:rgba(255,255,255,0.14)}
#card .krel .krel_box a.krel_prev.off {visibility:hidden}
#card .krel .krel_box a.krel_next.off {visibility:hidden}
#card .krel .row_scroller a.poster {display:inline-block; width:var(--poster); margin:0 12px 0 0; vertical-align:top; white-space:normal; color:#c8c8c8}
#card .krel .row_scroller a.poster.hovered {color:#fff}
#card .krel .row_scroller a.poster .cover {width:var(--poster); height:var(--poster-h); margin:0 0 10px; background:#161616; border-radius:10px; overflow:hidden; position:relative; box-shadow:0 10px 28px rgba(0,0,0,0.45)}
#card .krel .row_scroller a.poster .cover img {display:block; width:var(--poster); height:var(--poster-h); object-fit:cover; opacity:0; transition:opacity 0.28s ease}
#card .krel .row_scroller a.poster .cover img.on {opacity:1}
#card .krel .row_scroller a.poster .cover .rate {position:absolute; left:8px; top:8px; z-index:1; padding:3px 7px; border-radius:4px; font-size:12px; font-weight:700; color:#fff}
#card .krel .row_scroller a.poster .cover span.mark {position:absolute; right:6px; bottom:8px; z-index:2; padding:3px 7px; border-radius:4px; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; cursor:pointer; line-height:1.2em; box-sizing:border-box}
#card .krel .row_scroller a.poster .cover span.mark:before {content:''; position:absolute; left:-10px; right:-8px; top:-10px; bottom:-8px}
#card .krel .row_scroller a.poster .cover span.mark.favorite {background:#fd7e23}
#card .krel .row_scroller a.poster .cover span.mark.good {background:#2e7d32}
#card .krel .row_scroller a.poster .cover span.mark.normal {background:#666}
#card .krel .row_scroller a.poster .cover span.mark.bad {background:#c62828}
#card .krel .row_scroller a.poster .cover span.mark.want {background:#1c43eb}
#card .krel .row_scroller a.poster .cover span.mark.none {background:rgba(0,0,0,0.55); color:#eee; font-size:11px; width:auto; height:auto; padding:3px 7px; line-height:1.2em; text-align:center; border-radius:4px}
#card .krel .row_scroller a.poster .t {font-size:13px; line-height:1.35em; max-height:2.7em; overflow:hidden; font-weight:600}
#card .krel .row_scroller a.poster .y {margin:5px 0 0; font-size:12px; color:#777}
#card .card_body .card_wrap .card_info .watch {margin:48px 0 0; text-align:center}
#card .card_body .card_wrap .card_info .watch a.go {display:inline-block; width:210px; margin:0 8px; padding:10px 15px; vertical-align:top; color:#eee; background:#1a1a1a; border-radius:12px; box-shadow:inset 0 0 0 1px #2a2a2a; text-align:center}
#card .card_body .card_wrap .card_info .watch a.go.hovered {color:#fff; background:#222}
#card .card_body .card_wrap .card_info .watch a.go.current {color:#fff; background:#1f1f1f; box-shadow:inset 0 0 0 1px #ff3333}
#card .card_body .card_wrap .card_info .watch a.go .t {display:block; font-size:18px; font-weight:700}
#card .card_body .card_wrap .card_info .watch a.go .d {display:block; color:#7a7a7a; font-size:12px}
#card .card_body .card_wrap .card_info .watch_list {max-width:960px; margin:22px auto 0; text-align:center}
#card .card_body .card_wrap .card_info .watch_list:has(> .src) {display:flex; flex-wrap:nowrap; align-items:flex-start; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .src {flex:1 1 0; display:block; width:auto; min-width:0; margin:0; padding:0 8px; vertical-align:top; text-align:center; box-sizing:border-box; border-right:1px solid #2a2a2a}
#card .card_body .card_wrap .card_info .watch_list .src:last-child {border-right:0}
#card .card_body .card_wrap .card_info .watch_list .src_name {margin:0 0 8px; color:#777; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; font-weight:700; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .src .src_name {margin:0 0 12px; padding:0 0 10px; font-size:13px; border-bottom:1px solid #2a2a2a}
#card .card_body .card_wrap .card_info .watch_list .src_st {display:block; color:#666; font-size:13px; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .src_st.empty_t {margin:28px 0; padding:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .empty_t + .manual {margin-top:0}
#card .card_body .card_wrap .card_info .watch_list a.tr {display:block; width:100%; margin:0 0 8px; padding:10px 12px; color:#ddd; background:#161616; border-radius:10px; text-align:center; box-sizing:border-box}
#card .card_body .card_wrap .card_info .watch_list a.tr.hovered {color:#fff; background:#1e1e1e}
#card .card_body .card_wrap .card_info .watch_list a.tr .n {display:block; font-weight:600}
#card .card_body .card_wrap .card_info .watch_list a.tr .m {display:block; margin:4px 0 0; color:#777; font-size:12px}
#card .card_body .card_wrap .card_info .watch_list a.tr .m.seen {color:#ffb04a}
#card .card_body .card_wrap .card_info .watch_list .eps {margin:0 0 8px; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .eps a.ep {display:inline-block; min-width:40px; margin:0 3px 6px; padding:10px 8px; text-align:center; color:#eee; background:#1a1a1a; border-radius:8px; font-weight:600}
#card .card_body .card_wrap .card_info .watch_list .eps a.ep.hovered {color:#fff; background:#252525}
#card .card_body .card_wrap .card_info .watch_list .eps a.ep.mid {color:orange}
#card .card_body .card_wrap .card_info .watch_list .eps a.ep.mid.hovered {color:#ffc04d}
#card .card_body .card_wrap .card_info .watch_list .eps a.ep.done {color:#92cd00}
#card .card_body .card_wrap .card_info .watch_list .eps a.ep.done.hovered {color:#b6e24a}
#card .card_body .card_wrap .card_info .watch_list .eplist {display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:6px; margin:0 0 8px; text-align:left}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell {display:flex; flex-direction:column; align-items:stretch; min-height:58px; background:#181818; border:1px solid #2a2a2a; border-radius:8px; overflow:hidden; box-sizing:border-box}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.ep {flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-height:32px; padding:6px 4px 1px; color:#eee; font-size:16px; font-weight:700; line-height:1; text-decoration:none}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.ep.hovered {color:#fff; background:#202020}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.time {flex-shrink:0; display:block; padding:0 4px 6px; color:#666; background:transparent; font-size:10px; line-height:1.1; font-weight:600; font-variant-numeric:tabular-nums; text-decoration:none; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.time.hovered {color:#bbb}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.time.incomplete {color:#ffb04a}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.time.incomplete.hovered {color:#ffc870}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.time.complete {color:#7eb832}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.time.complete.hovered {color:#9fd04a}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell.mid {border-color:#a87220; background:#1a1610}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell.mid a.ep {color:#ffb04a}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell.mid a.ep.hovered {color:#ffc870; background:#221c14}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell.done {border-color:#5a8420; background:#141612}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell.done a.ep {color:#92cd00}
#card .card_body .card_wrap .card_info .watch_list .eplist .epcell.done a.ep.hovered {color:#b6e85a; background:#181c14}
#card .card_body .card_wrap .card_info .watch_list .tbar {margin:0 0 8px; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .tbar a {display:inline-block; margin:0 4px 8px; padding:7px 12px; color:#999; background:#161616; border-radius:8px; font-size:13px; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .tbar a.hovered {color:#fff; background:#222}
#card .card_body .card_wrap .card_info .watch_list .tbar a.current {color:#fff; background:#222; box-shadow:inset 0 0 0 1px #ff3333}
#card .card_body .card_wrap .card_info .watch_list .tsort {margin:0 0 14px; text-align:center}
#card .card_body .card_wrap .card_info .watch_list .tsort a {display:inline-block; margin:0 6px; color:#666; font-size:12px}
#card .card_body .card_wrap .card_info .watch_list .tsort a.hovered {color:#fff}
#card .card_body .card_wrap .card_info .watch_list .tsort a.current {color:#fff}
#card .card_body .card_wrap .card_info .watch_list .tlist {margin:0; text-align:left}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow {margin:0 0 10px; padding:14px 16px; background:#161616; border-radius:10px}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tt {line-height:1.4em; color:#eee; cursor:pointer; font-weight:600}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tt.hovered {color:#fff}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tt .tq {display:inline-block; margin:0 8px 0 0; padding:2px 7px; color:#ddd; background:#2a2a2a; border-radius:4px; font-size:11px; vertical-align:middle; font-weight:700}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tm {display:flex; flex-wrap:nowrap; align-items:center; gap:8px 12px; margin:7px 0 12px; color:#777; font-size:12px}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tm .meta {flex:1 1 auto; min-width:0}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tm .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 10px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:13px; font-weight:700; letter-spacing:0.02em; white-space:nowrap}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tm .peers .s {color:#5dce6a}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tm .peers .l {color:#ffb04a}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .tm .peers .sep {color:#555; font-weight:600}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a {display:inline-flex; align-items:center; justify-content:center; margin:0 10px 0 0; padding:0.55em 0.95em; height:auto; color:#fff; background:#2a2a2a; border-radius:7px; font-size:13px; font-weight:600; line-height:1}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a.hovered {background:#3a3a3a}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a.play {background:#ff3333}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a.play.hovered {background:#ff4d4d}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a.info {background:transparent; color:#888; padding-left:0}
#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a.info.hovered {color:#fff; background:transparent}
#card .card_body .card_wrap .card_info .watch_list a.back_src {display:block; margin:12px 0 0; color:#888; text-align:center}
#card .card_body .card_wrap .card_info .watch_list a.back_src.hovered {color:#fff}
#card .card_body .card_wrap .card_info .watch_list .manual {width:fit-content; max-width:100%; margin:32px auto 8px; padding:18px 14px 12px; text-align:center; border:1px dashed #444; border-radius:10px; position:relative; box-sizing:border-box}
#card .card_body .card_wrap .card_info .watch_list .manual .ht {display:inline-block; margin:0 0 0 -70px; padding:0 10px; color:#888; background:#0e0e0e; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; position:absolute; left:50%; top:-8px; white-space:nowrap}
#card .card_body .card_wrap .card_info .watch_list .manual .list {display:flex; flex-wrap:wrap; justify-content:center; gap:8px}
#card .card_body .card_wrap .card_info .watch_list .manual .list a {display:inline-block; padding:8px 12px; color:#bbb; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none; text-transform:lowercase}
#card .card_body .card_wrap .card_info .watch_list .manual .list a.hovered {color:#fff; background:#252525}

#card .card_body .card_wrap .card_info .watch_list .acts {margin:0 0 8px}
#card .card_body .card_wrap .card_info .watch_list .acts a.inwin {display:inline-block; margin:0 8px 0 0; padding:9px 18px; color:#fff; background:#ff3333; border-radius:8px; font-weight:600}
#card .card_body .card_wrap .card_info .watch_list .acts a.inwin.hovered {background:#ff4d4d}
#card .card_body .card_wrap .card_info .watch_list .acts a.vlcgo {display:inline-block; margin:0 8px 0 0; padding:9px 18px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#card .card_body .card_wrap .card_info .watch_list .acts a.vlcgo.hovered {color:#fff}

#kodiHow {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#kodiHow .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:520px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#kodiHow .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#kodiHow .acts {display:flex; justify-content:center; gap:14px; align-items:center}
#kodiHow .acts a.inwin {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#kodiHow .acts a.inwin.hovered {background:#ff4d4d}
#kodiHow .acts a.vlcgo {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#kodiHow .acts a.vlcgo.hovered {color:#fff; background:#252525}
#kodiHow .acts a .t {display:block; font-size:14px; line-height:1.25em}
#kodiHow .acts a .d {display:block; margin-top:4px; font-size:12px; line-height:1.25em; font-weight:600; color:rgba(255,255,255,0.85)}
#kodiHow .acts a.vlcgo .d {color:#888}
#kodiPick {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#kodiPick .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:520px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#kodiPick .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#kodiPick .acts {display:flex; flex-direction:column; gap:10px; align-items:stretch}
#kodiPick .acts a.pick {display:block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700; text-align:center}
#kodiPick .acts a.pick.hovered {color:#fff; background:#252525}
#kodiPick .acts a.pick .t {display:block; font-size:14px; line-height:1.25em}
#home .jf_login {width:420px; max-width:92%; margin:8% auto 0; padding:40px 32px 32px; text-align:center; background:#161616; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,0.45); box-sizing:border-box; display:block}
#home .jf_login h1 {margin:0 0 28px; font-size:22px; letter-spacing:0.08em; color:#fff}
#home .jf_login form input[type=text] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:13px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#home .jf_login form input[type=password] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:13px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#home .jf_login form input[type=submit] {display:block; width:100%; margin:8px 0 0; padding:13px 14px; color:#fff; background:#ff3333; border:0; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; font-weight:700; cursor:pointer}
#home .jf_login form input[type=submit].hovered {background:#ff4d4d}
#home .jf_login form input[type=submit]:disabled {opacity:0.5; cursor:default}
#home .jf_login form .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#home .jf_login form .hint {margin:0 0 14px; color:#777; font-size:12px; line-height:1.4em; text-align:left}
#jellyfinCfg {position:fixed; left:0; right:0; top:0; bottom:0; z-index:80; background:rgba(0,0,0,0.62)}
#jellyfinCfg .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:420px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box}
#jellyfinCfg .box .head {position:relative; margin:0 0 18px; padding:0 28px 0 0; color:#fff; font-size:18px; font-weight:700}
#jellyfinCfg .box .head a.close {position:absolute; right:0; top:-4px; color:#777; font-size:24px; line-height:1em; font-weight:400}
#jellyfinCfg .box .head a.close.hovered {color:#fff}
#jellyfinCfg form input[type=text] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:13px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#jellyfinCfg form input[type=password] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:13px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#jellyfinCfg form .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#jellyfinCfg form .acts {display:flex; gap:12px; align-items:center; margin:8px 0 0}
#jellyfinCfg form .acts input[type=submit] {flex:1; margin:0; padding:13px 14px; color:#fff; background:#ff3333; border:0; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; font-weight:700; cursor:pointer}
#jellyfinCfg form .acts input[type=submit].hovered {background:#ff4d4d}
#jellyfinCfg form .acts input[type=submit]:disabled {opacity:0.5; cursor:default}
#jellyfinCfg form .acts a.out {padding:12px 14px; color:#888; font-size:14px; font-weight:600}
#jellyfinCfg form .acts a.out.hovered {color:#ff3333}
#home .jf_bar {margin:8px 32px 24px; text-align:right}
#home .jf_bar a.jf_out {color:#777; font-size:13px; font-weight:600}
#home .jf_bar a.jf_out.hovered {color:#ff3333}

#dlHow {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#dlHow .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:520px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#dlHow .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#dlHow .acts {display:flex; justify-content:center; gap:14px; align-items:center}
#dlHow .acts a.inwin {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#dlHow .acts a.inwin.hovered {background:#ff4d4d}
#dlHow .acts a.vlcgo {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#dlHow .acts a.vlcgo.hovered {color:#fff; background:#252525}
#dlHow .acts a .t {display:block; font-size:14px; line-height:1.25em}
#dlHow .acts a .d {display:block; margin-top:4px; font-size:12px; line-height:1.25em; font-weight:600; color:rgba(255,255,255,0.85)}
#dlHow .acts a.vlcgo .d {color:#888}
#dlHow .box a.cancel {display:inline-block; margin:16px 0 0; padding:8px 14px; color:#888; font-size:13px; font-weight:600}
#dlHow .box a.cancel.hovered {color:#fff}

#dlPick {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#dlPick .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:560px; max-width:92%; max-height:72vh; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center; overflow:auto}
#dlPick .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 14px}
#dlPick .box .list {text-align:left; margin:0 0 12px}
#dlPick .box .list a.row {display:block; padding:10px 12px; margin:0 0 6px; color:#eee; background:#1a1a1a; border-radius:8px; font-size:14px; font-weight:600}
#dlPick .box .list a.row.hovered {color:#fff; background:#252525}
#dlPick .box .list a.row .m {display:block; margin-top:4px; color:#888; font-size:12px; font-weight:600}
#dlPick .box a.cancel {display:inline-block; margin:8px 0 0; padding:8px 14px; color:#888; font-size:13px; font-weight:600}
#dlPick .box a.cancel.hovered {color:#fff}

#onlineQual {position:fixed; left:0; right:0; top:0; bottom:0; z-index:76; background:rgba(0,0,0,0.62)}
#onlineQual .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:440px; max-width:92%; max-height:72vh; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center; overflow:auto}
#onlineQual .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#onlineQual .box .list {display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 0 16px}
#onlineQual .box .list a.row {display:inline-block; margin:0; padding:8px 14px; color:#ddd; background:#2a2a2a; border-radius:6px; font-size:14px; font-weight:600; text-align:center; box-sizing:border-box}
#onlineQual .box .list a.row.hovered {color:#fff; background:#ff3333}
#onlineQual .box a.cancel {display:inline-block; margin:0; padding:8px 14px; color:#888; font-size:13px; font-weight:600}
#onlineQual .box a.cancel.hovered {color:#fff}

#reader {position:fixed; left:0; top:0; right:0; bottom:0; background:#0a0a0a; z-index:80; overflow:hidden}
html.reader_open {overflow:hidden}
html.reader_open body {overflow:hidden}
#reader .bar {display:flex; height:calc(56px + var(--sat)); padding:var(--sat) 20px 0; align-items:center; background:rgba(14,14,14,0.96); color:#eee; position:absolute; left:0; right:0; top:0; z-index:3; border-bottom:1px solid #1c1c1c; box-sizing:border-box}
#reader .bar .info {flex:1 1 auto; min-width:0; display:flex; align-items:center; padding:0 16px 0 0}
#reader .bar .info .src {display:inline-block; flex-shrink:0; margin:0 12px 0 0; padding:4px 10px; border-radius:6px; font-size:12px; font-weight:700; color:#eee; background:#252525}
#reader .bar .info .src.dtf {background:#F5FCFF; color:#222}
#reader .bar .info .src.playground {background:#b31919; color:#fff}
#reader .bar .info .src.kg {background:#26b88e; color:#222}
#reader .bar .info .src.mirf {background:#7a1f3d; color:#fff}
#reader .bar .info .src.s3dnews {background:#1a5f9e; color:#fff}
#reader .bar .info .cat {display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:600; color:#ddd}
#reader .bar a.close {flex-shrink:0; display:block; width:36px; height:36px; position:relative; background:#2a2a2a; border-radius:10px; text-decoration:none}
#reader .bar a.close:before {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(45deg)}
#reader .bar a.close:after {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#eee; border-radius:1px; transform:rotate(-45deg)}
#reader .bar a.close.hovered {background:#3a3a3a}
#reader .bar a.close.hovered:before {background:#fff}
#reader .bar a.close.hovered:after {background:#fff}
#reader .bar a.share {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0 8px 0 0; position:relative; color:#eee; background:#2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
#reader .bar a.share svg {display:block; width:16px; height:16px}
#reader .bar a.share.hovered {color:#fff; background:#3a3a3a}
#reader .stage {position:absolute; left:0; right:0; top:calc(56px + var(--sat)); bottom:calc(84px + var(--sab)); text-align:center; overflow:auto; background:#0a0a0a; scrollbar-width:thin; scrollbar-color:#2a2a2a #151515}
#reader .stage::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#reader .stage::-webkit-scrollbar-track {background:#151515}
#reader .stage::-webkit-scrollbar {width:10px}
#reader .stage .sheet {display:block; width:820px; max-width:calc(100% - 48px); margin:18px auto 28px; padding:0; text-align:left; background:#1e1e1e; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55)}
#reader .stage .sheet .viewport {padding:36px 44px 44px}
#reader .stage .sheet .viewport .flow {display:block; line-height:1.7; color:#e4e4e4; text-align:left}
#reader .stage .sheet .viewport .flow .preload {min-height:120px; position:relative}
#reader .stage .sheet .viewport .flow .preload div {width:40px; height:40px; margin:40px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#reader.loading .stage {overflow:hidden}
#reader.loading .stage .sheet {width:auto; max-width:none; height:100%; margin:0; background:transparent; border:none; border-radius:0; box-shadow:none}
#reader.loading .stage .sheet .viewport {height:100%; padding:0; position:relative}
#reader.loading .stage .sheet .viewport .flow {height:100%}
#reader.loading .stage .sheet .viewport .flow .preload {width:100%; height:100%; min-height:0; margin:0; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; background:transparent}
#reader.loading .stage .sheet .viewport .flow .preload div {position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px}
#reader .stage .sheet .viewport .flow .error {padding:40px; color:#aaa; text-align:center}
#reader .stage .sheet .viewport .flow p {margin:0 0 0.9em}
#reader .stage .sheet .viewport .flow p.ill {margin:1em 0 1.2em; text-align:center}
#reader .stage .sheet .viewport .flow p.ill.cover {margin:-36px -44px 1.4em; text-align:center}
#reader .stage .sheet .viewport .flow p.ill.cover img {width:100%; max-width:100%; margin:0; border-radius:14px 14px 0 0}
#reader .stage .sheet .viewport .flow h1 {margin:0 0 0.75em; font-size:1.2em; font-weight:700; line-height:1.25em; color:inherit; text-align:left}
#reader .stage .sheet .viewport .flow h2 {margin:1.2em 0 0.7em; font-size:1.25em; font-weight:bold; text-align:left}
#reader .stage .sheet .viewport .flow h3 {margin:1em 0 0.6em; font-size:1.1em; font-weight:bold}
#reader .stage .sheet .viewport .flow h4 {margin:0.9em 0 0.5em; font-size:1.05em; font-weight:bold}
#reader .stage .sheet .viewport .flow ul {margin:0 0 0.9em; padding:0 0 0 1.4em; list-style:disc}
#reader .stage .sheet .viewport .flow ol {margin:0 0 0.9em; padding:0 0 0 1.4em; list-style:decimal}
#reader .stage .sheet .viewport .flow li {margin:0 0 0.35em}
#reader .stage .sheet .viewport .flow blockquote {margin:0 0 1em; padding:0 0 0 14px; border-left:2px solid #555; opacity:0.9}
#reader .stage .sheet .viewport .flow a {color:#6eb6ff}
#reader .stage .sheet .viewport .flow a.hovered {color:#9fd0ff}
#reader .stage .sheet .viewport .flow img {display:block; max-width:100%; height:auto; margin:0.6em auto; border-radius:8px}
#reader .stage .sheet .viewport .flow video {display:block; max-width:100%; width:100%; height:auto; margin:0.8em auto; background:#000; border-radius:8px}
#reader .stage .sheet .viewport .flow figure.video {margin:1em 0; text-align:center}
#reader .stage .sheet .viewport .flow figure.video iframe {display:block; width:100%; max-width:100%; aspect-ratio:16/9; height:auto; min-height:240px; margin:0 auto; border:0; background:#000; border-radius:8px}
#reader .stage .sheet .viewport .flow iframe {display:block; width:100%; max-width:100%; aspect-ratio:16/9; height:auto; min-height:240px; margin:0.8em auto; border:0; background:#000; border-radius:8px}
#reader .stage .sheet .viewport .flow figure {margin:1em 0; text-align:center}
#reader .stage .sheet .viewport .flow figcaption {margin:0.4em 0 0; font-size:0.9em; color:#888}
#reader .controls {height:calc(84px + var(--sab)); padding:0 20px var(--sab); display:flex; align-items:center; justify-content:center; background:rgba(14,14,14,0.96); position:absolute; left:0; right:0; bottom:0; z-index:4; border-top:1px solid #1c1c1c; box-sizing:border-box}
#reader .controls .dock {display:flex; align-items:center; justify-content:center; gap:18px; max-width:920px; width:100%}
#reader .controls .dock .acts {display:flex; align-items:center; gap:10px}
#reader .controls .dock .acts a {display:inline-flex; height:44px; padding:0 18px; align-items:center; justify-content:center; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; box-sizing:border-box}
#reader .controls .dock .acts a.hovered {color:#fff; background:#252525}
#reader .controls .dock .acts a.save.current {color:#fff; background:#fd7e23}
#reader .controls .dock .acts a.save.current.hovered {background:#ff8f3d}
#reader .controls .dock .tools {display:flex; align-items:center; gap:8px; margin:0 0 0 auto}
#reader .controls .dock .tools a {display:inline-flex; min-width:44px; height:44px; padding:0 14px; align-items:center; justify-content:center; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; box-sizing:border-box}
#reader .controls .dock .tools a.hovered {color:#fff; background:#252525}
#reader .controls .dock .tools a.settings_btn.on {color:#fff; background:#ff3333}
#reader .controls .settings {display:none; width:340px; padding:16px 18px 18px; text-align:left; position:absolute; right:20px; bottom:92px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.55); z-index:5; box-sizing:border-box}
#reader .controls .settings.open {display:block}
#reader .controls .settings .group {margin:0 0 14px}
#reader .controls .settings .group:last-child {margin:0}
#reader .controls .settings .group .label {display:block; margin:0 0 8px; color:#666; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase}
#reader .controls .settings .group .swatches a {display:inline-block; vertical-align:middle; margin:0 8px 8px 0; padding:8px 12px; color:#ccc; text-decoration:none; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:600}
#reader .controls .settings .group .swatches a.hovered {color:#fff; background:#252525}
#reader .controls .settings .group .swatches a.current {color:#fff; background:#ff3333}

#onlineHow {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#onlineHow .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:620px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#onlineHow .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#onlineHow .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#onlineHow .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#onlineHow .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#onlineHow .acts {display:flex; justify-content:center; gap:14px; align-items:center; flex-wrap:wrap}
#onlineHow .acts a.inwin {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#onlineHow .acts a.inwin.hovered {background:#ff4d4d}
#onlineHow .acts a.vlcgo {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#onlineHow .acts a.vlcgo.hovered {color:#fff; background:#252525}
#onlineHow .acts a.dlsave {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#onlineHow .acts a.dlsave.hovered {color:#fff; background:#252525}
#onlineHow .acts a .t {display:block; font-size:14px; line-height:1.25em}
#onlineHow .acts a .d {display:block; margin-top:4px; font-size:12px; line-height:1.25em; font-weight:600; color:rgba(255,255,255,0.85)}
#onlineHow .acts a.vlcgo .d {color:#888}
#onlineHow .acts a.dlsave .d {color:#888}

#linkHow {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#linkHow .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:620px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#linkHow .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#linkHow .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#linkHow .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#linkHow .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#linkHow .acts {display:flex; justify-content:center; gap:14px; align-items:center; flex-wrap:wrap}
#linkHow .acts a.here {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#linkHow .acts a.here.hovered {background:#ff4d4d}
#linkHow .acts a.remote {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#linkHow .acts a.remote.hovered {color:#fff; background:#252525}
#linkHow .acts a.remote.off {color:#555; background:#121212}
#linkHow .acts a.remote.off.hovered {color:#555; background:#121212}
#linkHow .acts a.remote.off .d {color:#555}
#linkHow .acts a .t {display:block; font-size:14px; line-height:1.25em}
#linkHow .acts a .d {display:block; margin-top:4px; font-size:12px; line-height:1.25em; font-weight:600; color:rgba(255,255,255,0.85)}
#linkHow .acts a.remote .d {color:#888}
#linkHow .acts.disks {flex-direction:column; align-items:stretch; max-height:50vh; overflow:auto}
#linkHow .acts.disks a.disk {display:block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700; text-align:left}
#linkHow .acts.disks a.disk.hovered {color:#fff; background:#252525}
#linkHow .acts.disks a.disk.last {border:1px solid #ff3333}
#linkHow .acts.disks a.disk .t {display:block; font-size:14px; line-height:1.25em}
#linkHow .acts.disks a.disk .d {display:block; margin-top:4px; font-size:12px; line-height:1.25em; font-weight:600; color:#888}
#saveHow {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#saveHow .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:620px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#saveHow .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#saveHow .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#saveHow .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#saveHow .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 18px}
#saveHow .acts {display:flex; justify-content:center; gap:14px; align-items:center; flex-wrap:wrap}
#saveHow .acts a.here {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#saveHow .acts a.here.hovered {background:#ff4d4d}
#saveHow .acts a.file {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#saveHow .acts a.file.hovered {color:#fff; background:#252525}
#saveHow .acts a.remote {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#saveHow .acts a.remote.hovered {color:#fff; background:#252525}
#saveHow .acts a .t {display:block; font-size:14px; line-height:1.25em}
#saveHow .acts a .d {display:block; margin-top:4px; font-size:12px; line-height:1.25em; font-weight:600; color:rgba(255,255,255,0.85)}
#saveHow .acts a.file .d {color:#888}
#saveHow .acts a.remote .d {color:#888}

#pad {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:80; background:#0e0e0e}
#pad.on {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 20px calc(24px + var(--sab))}
#pad .ptitle {margin:0 0 8px; color:#fff; font-size:20px; font-weight:700; text-align:center; max-width:420px}
#pad .ptime {margin:0 0 12px; color:#777; font-size:14px; font-weight:600}
#pad .seekrow {width:100%; max-width:420px; margin:0 0 24px}
#pad .pseek {display:block; width:100%; height:36px; margin:0; padding:0; --fill:0%; background:transparent; border:0; outline:none; cursor:pointer; -webkit-appearance:none; appearance:none; box-sizing:border-box}
#pad .pseek::-webkit-slider-runnable-track {width:100%; height:4px; background:linear-gradient(to right, #ff3333 0%, #ff3333 var(--fill), #3a3a3a var(--fill), #3a3a3a 100%); border:0; border-radius:2px}
#pad .pseek::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; width:18px; height:18px; margin-top:-7px; background:#ff3333; border:0; border-radius:50%}
#pad .pseek::-moz-range-track {width:100%; height:4px; background:#3a3a3a; border:0; border-radius:2px}
#pad .pseek::-moz-range-progress {height:4px; background:#ff3333; border:0; border-radius:2px}
#pad .pseek::-moz-range-thumb {width:18px; height:18px; background:#ff3333; border:0; border-radius:50%}
#pad .pseek:disabled {opacity:0.35}
#pad .row {display:flex; justify-content:center; align-items:center; gap:16px; margin:0 0 16px}
#pad a.btn {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:72px; height:72px; min-width:72px; min-height:72px; color:#eee; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:50%; font-size:22px; font-weight:700; text-decoration:none; box-sizing:border-box; overflow:hidden}
#pad a.btn.hovered {color:#fff; background:#252525; border-color:#3a3a3a}
#pad a.btn.play {width:96px; height:96px; min-width:96px; min-height:96px; color:#fff; background:#ff3333; border-color:#ff3333; font-size:0; line-height:0}
#pad a.btn.play:before {content:''; display:block; width:0; height:0; border-style:solid; border-width:16px 0 16px 26px; border-color:transparent transparent transparent currentColor; margin-left:6px}
#pad a.btn.play span {display:none}
#pad a.btn.play.hovered {background:#ff4d4d; border-color:#ff4d4d}
#pad a.btn.play.pause {background:#2a2a2a; border-color:#2a2a2a}
#pad a.btn.play.pause:before {width:8px; height:28px; margin:0 6px 0 0; border:0; background:currentColor; border-radius:2px}
#pad a.btn.play.pause:after {content:''; display:block; width:8px; height:28px; background:currentColor; border-radius:2px}
#pad a.btn.play.pause.hovered {background:#3a3a3a; border-color:#3a3a3a}
#pad a.btn.wide {width:auto; min-width:72px; padding:0 18px; border-radius:36px; font-size:15px}
#pad a.btn.close {margin-top:12px; color:#ff3333; background:none; border-color:#3a1a1a}
#pad a.btn.close.hovered {color:#fff; background:#2a1010}
#pad a.btn.min {margin-top:20px}
#pad .resrow {display:none; margin:0 0 8px}
#pad .resrow.on {display:flex}
#pad .resrow a.goon {color:#fff; background:#ff3333; border-color:#ff3333}
#pad .resrow a.goon.hovered {background:#ff4d4d; border-color:#ff4d4d}
#linkBar {display:none; position:fixed; left:calc(var(--side) + var(--sal)); right:0; bottom:0; z-index:48; align-items:center; gap:10px; min-height:48px; padding:8px 16px; background:#161616; border-top:1px solid #2a2a2a; box-sizing:border-box}
#linkBar.on {display:flex}
#linkBar a.info {flex:1 1 auto; min-width:0; color:#eee; text-decoration:none}
#linkBar a.info .t {display:block; font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#linkBar a.info .d {display:block; margin:3px 0 0; color:#888; font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#linkBar a.open {flex-shrink:0; padding:8px 12px; color:#fff; background:#ff3333; border-radius:8px; font-size:12px; font-weight:700}
#linkBar a.open.hovered {background:#ff4d4d}
#linkBar a.off {flex-shrink:0; padding:8px 12px; color:#ddd; background:#1a1a1a; border-radius:8px; font-size:12px; font-weight:700}
#linkBar a.off.hovered {color:#fff; background:#252525}
html.player_open #linkBar {display:none}
html.pad_open #linkBar {display:none}
html.link_bar #stage {padding-bottom:56px}
html.link_bar #scroll_up {bottom:calc(72px + var(--sab))}
#helperHow {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#helperHow .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:620px; max-width:92%; max-height:86%; overflow:auto; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:left}
#helperHow .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#helperHow .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#helperHow .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#helperHow .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 10px; text-align:center}
#helperHow .box .intro {color:#999; font-size:13px; line-height:1.45em; margin:0 0 16px; text-align:center}
#helperHow .filter {display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 0 16px}
#helperHow .filter a {display:inline-block; padding:8px 12px; color:#ccc; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:600}
#helperHow .filter a.hovered {color:#fff; background:#252525}
#helperHow .filter a.on {color:#fff; background:#ff3333}
#helperHow .browsers .browser {display:none}
#helperHow .browsers .browser.on {display:block}
#helperHow .step {display:flex; gap:12px; margin:0 0 16px; align-items:flex-start}
#helperHow .step .num {flex:0 0 auto; width:28px; height:28px; line-height:28px; text-align:center; color:#fff; background:#ff3333; border-radius:14px; font-size:13px; font-weight:700}
#helperHow .step .body .title {color:#eee; font-size:15px; font-weight:700; margin:0 0 6px}
#helperHow .step .body .desc {color:#999; font-size:13px; line-height:1.45em; margin:0 0 10px}
#helperHow .step .body .opt {color:#999; font-size:13px; line-height:1.45em; margin:0 0 8px}
#helperHow .step .body a.btn {display:inline-block; margin:0 8px 8px 0; padding:10px 14px; color:#fff; background:#ff3333; border-radius:8px; font-size:13px; font-weight:700}
#helperHow .step .body a.btn.hovered {background:#ff4d4d}
#helperHow .step .body a.btn.alt {background:#1a1a1a; color:#ddd}
#helperHow .step .body a.btn.alt.hovered {background:#252525; color:#fff}
#card .card_body .card_wrap .card_info .watch_list .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#card .card_body > .preload {width:40px; height:40px; margin:80px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}

/*=========================================================*/

#tbox {position:fixed; left:0; right:0; top:0; bottom:0; z-index:36; overflow:hidden; background:rgba(0,0,0,0.62)}
#tbox .sheet {position:absolute; left:50%; top:50%; display:flex; flex-direction:column; width:960px; max-width:92%; max-height:86%; overflow:hidden; margin:-1px 0 0; padding:22px 28px 24px; background:#161616; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); transform:translate(-50%, -50%); box-sizing:border-box}
#tbox .sheet .head {flex-shrink:0; display:flex; margin:0 0 16px; align-items:center}
#tbox .sheet .head .ht {flex:1 1 auto; min-width:0; padding:0 16px 0 0; color:#888; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase}
#tbox .sheet .head a.close {flex-shrink:0; display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#tbox .sheet .head a.close.hovered {color:#fff; background:#3a3a3a}
#tbox .sheet h3 {flex-shrink:0; margin:0 0 14px; font-size:18px; line-height:1.35em; color:#fff; font-weight:700}
#tbox .sheet .tags {flex-shrink:0; margin:0 0 16px}
#tbox .sheet .tags span {display:inline-block; margin:0 8px 8px 0; padding:4px 9px; color:#ddd; background:#252525; border-radius:6px; font-size:12px}
#tbox .sheet .meta {flex-shrink:0; margin:0 0 18px; color:#8a8a8a; font-size:13px; line-height:1.55em}
#tbox .sheet .text {flex:1 1 auto; min-height:0; overflow:auto; margin:0 0 18px; line-height:1.55em; color:#c6c6c6; font-size:14px; scrollbar-width:thin; scrollbar-color:#2a2a2a #161616}
#tbox .sheet .text img {max-width:100%; height:auto}
#tbox .sheet .text .preload {width:32px; height:32px; margin:20px auto; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#tbox .sheet .text .src_st {color:#666; font-size:13px}
#tbox .sheet .text .item_text .main {overflow:hidden}
#tbox .sheet .text .item_text .main a {color:#ccc}
#tbox .sheet .text .item_text .main a.hovered {color:#fff}
#tbox .sheet .text .item_text .main hr {height:0; margin:14px 0; border:0; border-top:1px solid #2a2a2a}
#tbox .sheet .text .item_text .main .hr {margin:14px 0; border:0; border-top:1px solid #2a2a2a}
#tbox .sheet .text .item_text .main .post-hr {height:0; margin:14px 0; border:0; border-top:1px solid #2a2a2a}
#tbox .sheet .text .item_text .main > a:first-child + hr {display:none}
#tbox .sheet .text .item_text .main > a:first-child + .hr {display:none}
#tbox .sheet .text .item_text .main > a:first-child + .post-hr {display:none}
#tbox .sheet .text .item_text .main .spoilertitle3 {background-color:#414141; border-color:#666}
#tbox .sheet .text .item_text .main .spoilertitle2 {color:#aaa; background-color:#414141; border-color:#666}
#tbox .sheet .text .item_text .main .spoilertitle {color:#aaa; background-color:#414141; border-color:#666}
#tbox .sheet .text .item_text .main .spoilercontent3 {background-color:#313131; border-color:#666}
#tbox .sheet .text .item_text .main .spoilercontent2 {background-color:#313131; color:#aaa; border-color:#666}
#tbox .sheet .text .item_text .main .spoilercontent {background-color:#313131; color:#aaa; border-color:#666}
#tbox .sheet .text .item_text .main .spoiler-head {border-color:#666; color:#aaa}
#tbox .sheet .text .item_text .main .spoiler-body {border-color:#666; background:#313131; color:#c6c6c6}
#tbox .sheet .text .item_text .main .spoiler-wrap {background:#414141; border-color:#666}
#tbox .sheet .text .item_text .main .sp-fold {color:#888}
#tbox .sheet .text .item_text .main .sp-body {border-color:#666; background:#313131; color:#c6c6c6}
#tbox .sheet .text .item_text .main .sp-head {border-color:#666; color:#aaa}
#tbox .sheet .text .item_text .main .sp-wrap {border-color:#666; background:#414141}
#tbox .sheet .text .item_text .main .folded {display:block; padding-left:14px; background:url("data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=") 0 50% no-repeat}
#tbox .sheet .text .item_text .main .folded2 {display:block; padding-left:14px; background:url("data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=") 0 50% no-repeat}
#tbox .sheet .text .item_text .main .unfolded {display:block; padding-left:14px; background:url("data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==") 0 50% no-repeat}
#tbox .sheet .text .item_text .main .unfolded2 {display:block; padding-left:14px; background:url("data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==") 0 50% no-repeat}
#tbox .sheet .text .item_text .main .hidebody {border-color:#666; background-color:#313131; color:#c6c6c6}
#tbox .sheet .text .item_text .main .hidehead {padding-left:20px; color:#aaa; background:#414141 url("data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=") no-repeat 6px 6px}
#tbox .sheet .text .item_text .main .hidewrap {border-color:#666}
#tbox .sheet .text .item_text .main .q {border-color:#666; background:#1e1e1e; color:#c6c6c6}
#tbox .sheet .text .item_text .main .c-body {border-color:#666; background:#1e1e1e; color:#9a9}
#tbox .sheet .ta {flex-shrink:0}
#tbox .sheet .ta a {display:inline-block; margin:0 10px 0 0; padding:10px 16px; color:#fff; background:#2a2a2a; border-radius:8px; font-weight:700}
#tbox .sheet .ta a.hovered {background:#3a3a3a}
#tbox .sheet .ta a.play {background:#ff3333}
#tbox .sheet .ta a.play.hovered {background:#ff4d4d}
#tbox .sheet .ta:empty {display:none}
#tbox .sheet .text::-webkit-scrollbar {width:8px}
#tbox .sheet .text::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#tbox .sheet .text::-webkit-scrollbar-track {background:#161616}

/*=========================================================*/

#wbox {position:fixed; left:0; right:0; top:0; bottom:0; z-index:30; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab)); background:rgba(0,0,0,0.62); box-sizing:border-box}
#wbox .sheet {position:relative; left:auto; right:auto; top:auto; display:flex; flex-direction:column; width:960px; max-width:100%; max-height:450px; min-height:0; overflow:hidden; margin:0; padding:22px 28px 24px; background:#121212; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box}
#wbox .sheet .head {flex-shrink:0; display:flex; margin:0 0 22px; padding:0 0 16px; align-items:center; border-bottom:1px solid #2a2a2a}
#wbox .sheet .head .ht {flex:1 1 auto; min-width:0; padding:0 16px 0 0; color:#888; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase}
#wbox .sheet .head a.close {flex-shrink:0; display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#wbox .sheet .head a.close.hovered {color:#fff; background:#3a3a3a}
#wbox .sheet .wbody {flex:1 1 auto; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#2a2a2a #121212}
html.wbox_open #stage {overflow:hidden}
html.wbox_open #wbox .sheet .wbody {position:relative; left:auto; right:auto; top:auto; bottom:auto; z-index:auto; flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; background:transparent; scrollbar-width:thin; scrollbar-color:#2a2a2a #121212}
html.wbox_open #wbox .sheet .wbody::-webkit-scrollbar {width:8px; height:0}
html.wbox_open #wbox .sheet .wbody::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
html.wbox_open #wbox .sheet .wbody .card_body {padding:0; min-height:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap {display:block; width:100%; max-width:none; margin:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info {display:block; padding:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch {display:flex; margin:0; gap:8px}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch a.go {flex:1 1 0; width:auto; margin:0; padding:12px 10px; color:#eee; background:#161616; border-radius:12px; box-shadow:inset 0 0 0 1px #2a2a2a; text-align:center; text-decoration:none}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch.local {flex-wrap:wrap; justify-content:center}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch.local a.go {flex:0 0 auto; width:210px; max-width:100%; box-sizing:border-box}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch a.go.hovered {color:#fff; background:#1a1a1a}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch a.go.current {color:#fff; background:#161616; box-shadow:inset 0 0 0 1px #ff3333}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch a.go .t {display:block; font-size:15px; font-weight:700}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch a.go .d {display:block; color:#7a7a7a; font-size:11px; margin:4px 0 0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list {max-width:none; margin:28px 0 0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .src_st.empty_t {margin:28px 0; padding:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .empty_t + .manual {margin-top:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .src:last-child {margin-bottom:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .tbar {display:flex; flex-wrap:wrap; justify-content:center; gap:4px; margin:0 0 8px}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .tbar a {flex:0 0 auto; min-width:0; margin:0; padding:7px 8px; font-size:11px; background:#161616; white-space:nowrap}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .tbar a.hovered {background:#1a1a1a}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .tbar a.current {background:#161616}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .watch_list .tlist .trow {margin:0 0 8px; padding:12px; background:#161616}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel {max-width:none; margin:28px 0 0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel .tbar {display:flex; flex-wrap:wrap; justify-content:center; gap:4px; margin:0 0 8px}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel .tbar a {flex:0 0 auto; min-width:0; margin:0; padding:7px 8px; font-size:11px; white-space:nowrap}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel .tlist {margin:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel .tlist .trow {margin:0 0 8px; padding:12px}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel.buy .tlist .trow {display:flex; align-items:center; gap:12px}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel.buy .tlist .trow .body {flex:1 1 auto; min-width:0}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta {flex:0 0 auto; display:flex; align-items:center; margin-left:auto; justify-content:flex-end}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta a {display:inline-block; margin:0; padding:7px 10px; color:#fff; background:#2a2a2a; border-radius:7px; font-size:12px; font-weight:600; text-decoration:none; white-space:nowrap}
html.wbox_open #wbox .sheet .wbody .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta a.hovered {background:#3a3a3a}

/*=========================================================*/

#fpick {position:fixed; left:0; right:0; top:0; bottom:0; z-index:38; overflow:hidden; background:rgba(0,0,0,0.62)}
#fpick .sheet {position:absolute; left:50%; top:50%; display:flex; flex-direction:column; width:780px; max-width:92%; max-height:86%; overflow:hidden; margin:-1px 0 0; padding:22px 28px 24px; background:#161616; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); transform:translate(-50%, -50%); box-sizing:border-box}
#fpick .sheet .head {flex-shrink:0; display:flex; margin:0 0 16px; align-items:center}
#fpick .sheet .head .ht {flex:1 1 auto; min-width:0; padding:0 16px 0 0; color:#888; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase}
#fpick .sheet .head a.close {flex-shrink:0; display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#fpick .sheet .head a.close.hovered {color:#fff; background:#3a3a3a}
#fpick .sheet h3 {flex-shrink:0; margin:0 0 14px; font-size:18px; line-height:1.35em; color:#fff; font-weight:700}
#fpick .sheet .st {flex:1 1 auto; min-height:80px; padding:36px 0; color:#888; font-size:14px; text-align:center}
#fpick .sheet .st .preload {width:32px; height:32px; margin:0 auto 16px; border:3px solid #2a2a2a; border-top-color:#ff3333; border-radius:50%; animation:tt-spin 0.8s linear infinite}
#fpick .sheet .tree {flex:1 1 auto; min-height:0; overflow:auto; margin:0 0 16px; scrollbar-width:thin; scrollbar-color:#2a2a2a #161616}
#fpick .sheet .tree::-webkit-scrollbar {width:8px}
#fpick .sheet .tree::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#fpick .sheet .tree::-webkit-scrollbar-track {background:#161616}
#fpick .sheet .tree .pack {display:none; padding:0 0 0 18px}
#fpick .sheet .tree .pack.open {display:block}
#fpick .sheet .tree .node {display:flex; margin:0 0 2px; padding:7px 10px; align-items:center; border-radius:8px}
#fpick .sheet .tree .node.hovered {background:#1c1c1c}
#fpick .sheet .tree .node a.tw {flex:0 0 18px; color:#888; font-size:14px; line-height:1}
#fpick .sheet .tree .node.file a.tw {visibility:hidden}
#fpick .sheet .tree .node.dir.open a.tw {transform:rotate(90deg)}
#fpick .sheet .tree .node a.ck {flex:0 0 14px; width:14px; height:14px; margin:0 10px 0 0; background:#181818; border:1px solid #3a3a3a; border-radius:3px}
#fpick .sheet .tree .node.on a.ck {background:radial-gradient(circle, #111 2px, #ff3333 2.5px); border-color:#ff3333}
#fpick .sheet .tree .node.some a.ck {background:#181818; border-color:#ff3333; box-shadow:inset 0 0 0 3px #181818, inset 0 0 0 7px #ff3333}
#fpick .sheet .tree .node .n {flex:1 1 auto; min-width:0; color:#ddd; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#fpick .sheet .tree .node .m {flex:0 0 auto; margin:0 0 0 12px; color:#777; font-size:12px}
#fpick .sheet .tree .node .g {flex:0 0 auto; margin:0 0 0 10px; color:#6a6; font-size:11px}
#fpick .sheet .foot {flex-shrink:0; display:none; align-items:center}
#fpick .sheet.ready .foot {display:flex}
#fpick .sheet .foot a.all {margin:0 14px 0 0; color:#999; font-size:13px; font-weight:600}
#fpick .sheet .foot a.all.hovered {color:#fff}
#fpick .sheet .foot a.none {margin:0 14px 0 0; color:#999; font-size:13px; font-weight:600}
#fpick .sheet .foot a.none.hovered {color:#fff}
#fpick .sheet .foot .sum {flex:1 1 auto; min-width:0; color:#888; font-size:13px}
#fpick .sheet .foot a.go {flex:0 0 auto; padding:10px 16px; color:#fff; background:#ff3333; border-radius:8px; font-weight:700}
#fpick .sheet .foot a.go.hovered {background:#ff4d4d}
#fpick .sheet .foot a.go.off {opacity:0.35; pointer-events:none}

/*=========================================================*/

#preload {position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

/*=========================================================*/

#rmenu {position:fixed; z-index:100; min-width:168px; padding:6px 0; background:#1a1a1a; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,0.55)}
#rmenu a {display:block; padding:8px 14px; color:#ddd; font-size:13px}
#rmenu a.hovered {color:#fff; background:#252525}
#rmenu a.remove {color:#888}
#nrmenu {position:fixed; z-index:45; min-width:168px; padding:6px 0; background:#1a1a1a; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,0.55)}
#nrmenu a {display:block; padding:8px 14px; color:#ddd; font-size:13px}
#nrmenu a.hovered {color:#fff; background:#252525}
#nrmenu a.remove {color:#888}
#trmenu {position:fixed; z-index:45; min-width:168px; padding:6px 0; background:#1a1a1a; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,0.55)}
#trmenu a {display:block; padding:8px 14px; color:#ddd; font-size:13px}
#trmenu a.hovered {color:#fff; background:#252525}
#trmenu a.remove {color:#888}

/*=========================================================*/

#player {position:fixed; left:0; right:0; top:0; bottom:0; z-index:60; overflow:hidden; background:#000}
#player .pbar {position:absolute; left:0; right:0; top:0; z-index:2; height:calc(88px + var(--sat)); background:linear-gradient(to bottom, rgba(0,0,0,0.78), transparent); opacity:1; pointer-events:none; transition:opacity 0.35s}
#player.idle .pbar {opacity:0}
#player .ptop {position:absolute; left:calc(24px + var(--sal)); right:calc(24px + var(--sar)); top:calc(20px + var(--sat)); z-index:12; display:flex; flex-wrap:wrap; align-items:center; column-gap:12px; row-gap:8px; min-height:36px; transition:opacity 0.35s}
#player a.back {flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 14px; color:#eee; background:#2a2a2a; border-radius:10px; font-weight:700; text-decoration:none; box-sizing:border-box; transition:opacity 0.35s}
#player a.back.hovered {color:#fff; background:#3a3a3a}
#player.idle a.back {opacity:0; pointer-events:none}
#player .ptitle {flex:1 1 0; min-width:0; height:36px; line-height:36px; color:#ddd; font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:opacity 0.35s}
#player.idle .ptitle {opacity:0}
#player .pqual {flex-shrink:0; display:flex; align-items:center; height:36px; text-align:right; transition:opacity 0.35s}
#player .pqual:empty {display:none}
#player .pqual a {display:inline-block; margin:0 0 0 8px; padding:5px 9px; color:#bbb; background:#2a2a2a; border-radius:6px; font-size:12px; font-weight:600}
#player .pqual a:first-child {margin-left:0}
#player .pqual a.hovered {color:#fff}
#player .pqual a.current {color:#fff; background:#ff3333}
#player .pqual a.bitpick {display:inline-block; margin:0; padding:5px 28px 5px 10px; color:#ddd; background:#2a2a2a; border-radius:6px; font-size:12px; font-weight:600; white-space:nowrap; position:relative}
#player .pqual a.bitpick:after {content:''; position:absolute; right:10px; top:50%; margin-top:-2px; border:4px solid transparent; border-top-color:#bbb}
#player .pqual a.bitpick.hovered {color:#fff; background:#3a3a3a}
#player.idle .pqual {opacity:0}
#player .paud {flex-shrink:0; max-width:min(420px, 100%); transition:opacity 0.35s}
#player .paud:empty {display:none}
#player .ptop:has(.pqual:not(:empty)):has(.paud:not(:empty)) .paud {flex-basis:100%; display:flex; justify-content:flex-end}
#player .paud a.audpick {display:inline-block; max-width:100%; padding:5px 28px 5px 10px; color:#ddd; background:#2a2a2a; border-radius:6px; font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; box-sizing:border-box}
#player .paud a.audpick:after {content:''; position:absolute; right:10px; top:50%; margin-top:-2px; border:4px solid transparent; border-top-color:#bbb}
#player .paud a.audpick.hovered {color:#fff; background:#3a3a3a}
#player.idle .paud {opacity:0}
#aud_list {position:fixed; z-index:85; overflow:auto; max-height:280px; padding:6px 0; color:#eee; background:#181818; border:1px solid #2a2a2a; border-radius:10px; box-shadow:0 16px 40px rgba(0,0,0,0.55); font:14px "Segoe UI", Arial, sans-serif; scrollbar-width:thin; scrollbar-color:#2a2a2a #181818}
#aud_list::-webkit-scrollbar {width:8px}
#aud_list::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#aud_list::-webkit-scrollbar-track {background:#181818}
#aud_list a {display:block; padding:8px 16px 8px 14px; color:#ddd; text-align:left; line-height:1.35em}
#aud_list a.hovered {color:#fff; background:#222}
#aud_list a.current {color:#fff; background:#1f1f1f; box-shadow:inset 3px 0 0 #ff3333}
#bit_list {position:fixed; z-index:85; overflow:auto; max-height:280px; padding:6px 0; color:#eee; background:#181818; border:1px solid #2a2a2a; border-radius:10px; box-shadow:0 16px 40px rgba(0,0,0,0.55); font:14px "Segoe UI", Arial, sans-serif; scrollbar-width:thin; scrollbar-color:#2a2a2a #181818}
#bit_list::-webkit-scrollbar {width:8px}
#bit_list::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#bit_list::-webkit-scrollbar-track {background:#181818}
#bit_list a {display:block; padding:8px 16px 8px 14px; color:#ddd; text-align:left; line-height:1.35em}
#bit_list a.hovered {color:#fff; background:#222}
#bit_list a.current {color:#fff; background:#1f1f1f; box-shadow:inset 3px 0 0 #ff3333}
#player .plist {display:none; position:absolute; left:8%; right:8%; top:96px; bottom:32px; z-index:3; overflow:auto; scrollbar-width:thin; scrollbar-color:#2a2a2a #000}
#player .plist::-webkit-scrollbar {width:10px}
#player .plist::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#player .plist::-webkit-scrollbar-track {background:#000}
#player .plist a.pf {display:block; margin:0 0 8px; padding:14px 16px; color:#ddd; background:#161616; border-radius:10px}
#player .plist a.pf.hovered {color:#fff; background:#222}
#player .plist a.pf .n {display:block; font-weight:600}
#player .plist a.pf .m {display:block; margin:4px 0 0; color:#777; font-size:12px}
#player .plist a.pf .t {display:block; margin:4px 0 0; color:#888; font-size:12px}
#player .plist a.pf.full .t {color:#6a6}
#player a.epprev {position:absolute; left:24px; bottom:72px; z-index:3; padding:9px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player a.epnext {position:absolute; right:24px; bottom:72px; z-index:3; padding:9px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player a.eplist {position:absolute; left:50%; bottom:72px; z-index:3; margin:0 0 0 -36px; padding:9px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player a.epprev.hovered {color:#fff}
#player a.epnext.hovered {color:#fff}
#player a.eplist.hovered {color:#fff}
#player.idle a.epprev {opacity:0; pointer-events:none}
#player.idle a.epnext {opacity:0; pointer-events:none}
#player.idle a.eplist {opacity:0; pointer-events:none}
#player .pstatus {display:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; flex-direction:column; align-items:center; justify-content:center; padding:0 24px; color:#ddd; background:#0e0e0e; font-size:16px; text-align:center}
#player .pstatus .msg {max-width:640px}
#player .pstatus .acts {margin:28px 0 0}
#player .pstatus .acts a.goon {display:inline-block; margin:0 8px; padding:9px 18px; color:#fff; background:#ff3333; border-radius:8px; font-weight:600}
#player .pstatus .acts a.goon.hovered {background:#ff4d4d}
#player .pstatus .acts a.playnow {display:inline-block; margin:0 8px; padding:14px 28px; color:#fff; background:#ff3333; border-radius:8px; font-weight:700}
#player .pstatus .acts a.playnow.hovered {background:#ff4d4d}
#player .pstatus .acts a.inwin {display:inline-block; margin:0 8px; padding:9px 18px; color:#fff; background:#ff3333; border-radius:8px; font-weight:600}
#player .pstatus .acts a.inwin.hovered {background:#ff4d4d}
#player .pstatus .acts a.vlcgo {display:inline-block; margin:0 8px; padding:9px 18px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player .pstatus .acts a.vlcgo.hovered {color:#fff}
#player .pstatus .acts a.dlsave {display:inline-block; margin:0 8px; padding:9px 18px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player .pstatus .acts a.dlsave.hovered {color:#fff}
#player .pstatus .acts a.again {display:inline-block; margin:0 8px; padding:9px 18px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player .pstatus .acts a.again.hovered {color:#fff}
#player .pstatus a.cancel {display:inline-block; margin:28px 0 0; padding:9px 18px; color:#ddd; background:#1a1a1a; border-radius:8px; font-weight:600}
#player .pstatus a.cancel.hovered {color:#fff}
#player .pstatus a.vlcstop {display:inline-block; margin:28px 0 0; padding:9px 18px; color:#fff; background:#ff3333; border-radius:8px; font-weight:600}
#player .pstatus a.vlcstop.hovered {background:#ff4d4d}
#player .pstatus a.crtstop {display:inline-block; margin:28px 0 0; padding:9px 18px; color:#fff; background:#ff3333; border-radius:8px; font-weight:600}
#player .pstatus a.crtstop.hovered {background:#ff4d4d}
#player.vlc .pbar {display:none}
#player.vlc a.back {display:none}
#player.vlc .ptitle {display:none}
#player.vlc .pqual {display:none}
#player.vlc .paud {display:none}
#player.vlc .plist {display:none}
#player.vlc a.epprev {display:none}
#player.vlc a.epnext {display:none}
#player.vlc a.eplist {display:none}
#player.vlc .pwrap {display:none}
#player.vlc .pstatus {z-index:20}
#player.crt .pbar {display:none}
#player.crt a.back {display:none}
#player.crt .ptitle {display:none}
#player.crt .pqual {display:none}
#player.crt .paud {display:none}
#player.crt .plist {display:none}
#player.crt a.epprev {display:none}
#player.crt a.epnext {display:none}
#player.crt a.eplist {display:none}
#player.crt .pwrap {display:none}
#player.crt .pstatus {z-index:20}
#player.crt .pctrl {display:none}
#player .pwrap {position:absolute; left:0; right:0; top:0; bottom:0}
#player.embed .pwrap {left:var(--sal); right:var(--sar); top:calc(56px + var(--sat)); bottom:var(--sab)}
#player.pick .pwrap {bottom:0}
#player.vlc .pwrap {display:none}
#player .pwrap video {display:block; width:100%; height:100%; background:#000; object-fit:contain}
#player .pwrap iframe {display:none; width:100%; height:100%; border:0; background:#000}
#player.full .pwrap video {object-fit:contain}
#player:-webkit-full-screen .pwrap video {object-fit:contain}
#player:fullscreen {width:100%; height:100%; background:#000}
#player:-webkit-full-screen {width:100%; height:100%; background:#000}
video:fullscreen {object-fit:contain; width:100%; height:100%; background:#000}
video:-webkit-full-screen {object-fit:contain; width:100%; height:100%; background:#000}
#player .pctrl {display:flex; position:absolute; left:0; right:0; bottom:0; z-index:4; height:calc(56px + var(--sab)); padding:0 16px var(--sab); align-items:center; gap:10px; background:linear-gradient(to top, rgba(0,0,0,0.92), rgba(0,0,0,0.55)); box-sizing:border-box}
#player.embed .pctrl {display:none}
#player.vlc .pctrl {display:none}
#player.pick .pctrl {display:none}
#player .pctrl .pplay {display:flex; flex:0 0 auto; align-items:center; justify-content:center; align-self:center; width:36px; height:36px; margin:0; position:relative; color:#fff; font-size:0; line-height:0; text-decoration:none; box-sizing:border-box}
#player .pctrl .pplay:before {content:''; display:block; width:0; height:0; border-style:solid; border-width:7px 0 7px 12px; border-color:transparent transparent transparent currentColor}
#player .pctrl .pplay span {display:none}
#player .pctrl .pplay.pause:before {width:4px; height:14px; margin:0 3px 0 0; border:0; background:currentColor; border-radius:1px}
#player .pctrl .pplay.pause:after {content:''; display:block; width:4px; height:14px; background:currentColor; border-radius:1px}
#player .pctrl .pplay.hovered {color:#ff3333}
#player .pctrl .ptime {flex:0 0 auto; color:#ddd; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; text-align:left; white-space:nowrap}
#player .pctrl .pseek {flex:1 1 auto; min-width:0; height:28px; margin:0; padding:0; --fill:0%; background:transparent; border:0; outline:none; cursor:pointer; -webkit-appearance:none; appearance:none}
#player .pctrl .pseek::-webkit-slider-runnable-track {width:100%; height:4px; background:linear-gradient(to right, #ff3333 0%, #ff3333 var(--fill), #3a3a3a var(--fill), #3a3a3a 100%); border:0; border-radius:2px}
#player .pctrl .pseek::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; width:14px; height:14px; margin-top:-5px; background:#ff3333; border:0; border-radius:50%}
#player .pctrl .pseek::-moz-range-track {width:100%; height:4px; background:#3a3a3a; border:0; border-radius:2px}
#player .pctrl .pseek::-moz-range-progress {height:4px; background:#ff3333; border:0; border-radius:2px}
#player .pctrl .pseek::-moz-range-thumb {width:14px; height:14px; background:#ff3333; border:0; border-radius:50%}
#player .pctrl .pmute {flex:0 0 auto; color:#ddd; font-size:14px; line-height:28px}
#player .pctrl .pmute.hovered {color:#fff}
#player .pctrl .pvol {flex:0 0 88px; width:88px; height:28px; margin:0; padding:0; --fill:100%; background:transparent; border:0; outline:none; cursor:pointer; -webkit-appearance:none; appearance:none}
#player .pctrl .pvol::-webkit-slider-runnable-track {width:100%; height:4px; background:linear-gradient(to right, #ff3333 0%, #ff3333 var(--fill), #3a3a3a var(--fill), #3a3a3a 100%); border:0; border-radius:2px}
#player .pctrl .pvol::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; width:14px; height:14px; margin-top:-5px; background:#ff3333; border:0; border-radius:50%}
#player .pctrl .pvol::-moz-range-track {width:100%; height:4px; background:#3a3a3a; border:0; border-radius:2px}
#player .pctrl .pvol::-moz-range-progress {height:4px; background:#ff3333; border:0; border-radius:2px}
#player .pctrl .pvol::-moz-range-thumb {width:14px; height:14px; background:#ff3333; border:0; border-radius:50%}
#player.novol .pctrl .pvol {display:none}
#player .pctrl .pfull {flex:0 0 auto; width:36px; height:36px; margin:0 -6px 0 0; position:relative; color:#ddd; box-sizing:border-box}
#player .pctrl .pcrt {display:none; flex:0 0 auto; width:36px; height:36px; margin:0 0 0 2px; position:relative; color:#ddd; box-sizing:border-box}
#player .pctrl .pcrt span {display:block; position:absolute; left:0; right:0; top:0; bottom:0}
#player .pctrl .pcrt span:before {content:''; position:absolute; left:10px; right:10px; top:9px; height:14px; border:2px solid currentColor; border-radius:3px; box-sizing:border-box}
#player .pctrl .pcrt span:after {content:''; position:absolute; left:15px; right:15px; bottom:7px; height:3px; background:currentColor; border-radius:1px}
#player .pctrl .pcrt.hovered {color:#fff}
#player .pctrl .pcrt.on {color:#ff3333}
#player .pctrl .pfull:before {content:''; position:absolute; left:10px; top:10px; width:5px; height:5px; border-left:2px solid currentColor; border-top:2px solid currentColor}
#player .pctrl .pfull:after {content:''; position:absolute; right:10px; top:10px; width:5px; height:5px; border-right:2px solid currentColor; border-top:2px solid currentColor}
#player .pctrl .pfull span {display:block; position:absolute; left:0; right:0; top:0; bottom:0}
#player .pctrl .pfull span:before {content:''; position:absolute; left:10px; bottom:10px; width:5px; height:5px; border-left:2px solid currentColor; border-bottom:2px solid currentColor}
#player .pctrl .pfull span:after {content:''; position:absolute; right:10px; bottom:10px; width:5px; height:5px; border-right:2px solid currentColor; border-bottom:2px solid currentColor}
#player .pctrl .pfull.on:before {left:14px; top:14px; width:4px; height:4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; border-left:0; border-top:0}
#player .pctrl .pfull.on:after {right:14px; top:14px; width:4px; height:4px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; border-right:0; border-top:0}
#player .pctrl .pfull.on span:before {left:14px; bottom:14px; width:4px; height:4px; border-right:2px solid currentColor; border-top:2px solid currentColor; border-left:0; border-bottom:0}
#player .pctrl .pfull.on span:after {right:14px; bottom:14px; width:4px; height:4px; border-left:2px solid currentColor; border-top:2px solid currentColor; border-right:0; border-bottom:0}
#player .pctrl .pfull.hovered {color:#fff}
#player.idle .pctrl {opacity:0; pointer-events:none; transition:opacity 0.35s}
#player.embed .pbar {height:calc(56px + var(--sat)); background:#121212; opacity:1}
#player.embed.idle .pbar {opacity:1}
#player.embed .ptop {top:calc(10px + var(--sat))}
#player.embed a.back {opacity:1; pointer-events:auto}
#player.embed.idle a.back {opacity:1; pointer-events:auto}
#player.embed .ptitle {opacity:1}
#player.embed.idle .ptitle {opacity:1}
#player.embed .pwrap {left:var(--sal); right:var(--sar); top:calc(56px + var(--sat)); bottom:var(--sab)}

#player.inline {position:relative; left:auto; right:auto; top:auto; bottom:auto; z-index:1; width:100%; height:0; padding-bottom:56.25%; overflow:hidden; background:#000}
#player.inline .pbar {display:none}
#player.inline .ptop {display:none}
#player.inline .plist {display:none}
#player.inline a.epprev {display:none}
#player.inline a.epnext {display:none}
#player.inline a.eplist {display:none}
#player.inline .pwrap {position:absolute; left:0; right:0; top:0; bottom:48px}
#player.inline .pctrl {position:absolute; left:0; right:0; bottom:0; height:48px; padding:0 12px; box-sizing:border-box}
#player.inline.full {position:fixed; left:0; right:0; top:0; bottom:0; z-index:60; width:100%; height:100%; padding-bottom:0; border-radius:0}
#player.inline.full .pwrap {bottom:48px}
html.player_inline {overflow:auto}
html.player_inline body {overflow:auto}
html.player_inline #linkBar {display:none}

/*=========================================================*/

#dl {position:fixed; left:calc(var(--side) + var(--sal)); right:0; top:0; bottom:0; z-index:25; overflow:auto; background:#0e0e0e; scrollbar-width:thin; scrollbar-color:#2a2a2a #0e0e0e}
#dl::-webkit-scrollbar {width:10px}
#dl::-webkit-scrollbar-thumb {background:#2a2a2a; border-radius:6px}
#dl .dl_head {padding:28px 48px 8px}
#dl .dl_head h1 {margin:0; font-size:28px; color:#fff}
#dl .dl_head .sub {margin:10px 0 0; color:#777; font-size:13px}
#dl .dl_head .acts {margin:16px 0 0}
#dl .dl_head .acts a {display:inline-block; margin:0 16px 0 0; color:#999; font-size:13px; font-weight:600}
#dl .dl_head .acts a.hovered {color:#fff}
#dl .dlist {margin:16px 48px 48px}
#dl .dlist .drow {margin:0 0 12px; padding:16px 18px; background:#161616; border-radius:12px}
#dl .dlist .drow .tt {color:#eee; font-weight:600}
#dl .dlist .drow .tm {margin:6px 0 0; color:#777; font-size:12px; word-break:break-all}
#dl .dlist .drow .tm.path {word-break:break-all}
#dl .dlist .drow .tm.meta {display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; word-break:normal}
#dl .dlist .drow .tm.meta .meta {flex:1 1 auto; min-width:0}
#dl .dlist .drow .tm.meta .peers {flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:5px 11px; color:#ddd; background:#1a1a1a; border:1px solid #2e2e2e; border-radius:8px; font-size:14px; font-weight:700; letter-spacing:0.02em}
#dl .dlist .drow .tm.meta .peers .s {color:#5dce6a}
#dl .dlist .drow .tm.meta .peers .l {color:#ffb04a}
#dl .dlist .drow .tm.meta .peers .sep {color:#555; font-weight:600}
#dl .dlist .drow .bar {height:6px; margin:12px 0 0; background:#2a2a2a; border-radius:3px; overflow:hidden}
#dl .dlist .drow .bar span {display:block; height:6px; background:#ff3333}
#dl .dlist .drow .ta {margin:12px 0 0}
#dl .dlist .drow .ta a {display:inline-block; margin:0 14px 0 0; color:#999; font-size:13px; font-weight:600}
#dl .dlist .drow .ta a.hovered {color:#fff}
#dl .dlist .drow .ta a.stop {color:#ff3333}
#dl .dlist .drow .ta a.info {color:#bbb}
#dl .dlist .drow .ta a.files {color:#bbb}
#dl .dlist .src_st {padding:40px 0; color:#666; font-size:15px}

#link {display:none; padding:28px 48px 56px; box-sizing:border-box; text-align:left}
#apps {display:none; padding:28px 48px 56px; box-sizing:border-box; text-align:left}
#settings {display:none; padding:28px 48px 56px; box-sizing:border-box; text-align:left}
#settings .about {margin:0 0 18px; color:#999; font-size:14px; line-height:1.5em}
#settings .block {margin:0 0 20px; padding:18px 20px; background:#141414; border:1px solid #2a2a2a; border-radius:12px; box-sizing:border-box}
#settings .block .title {margin:0 0 10px; color:#eee; font-size:17px; font-weight:700}
#settings .block .row {display:flex; align-items:center; justify-content:space-between; gap:16px}
#settings .block .row .txt {flex:1; min-width:0; color:#bbb; font-size:14px; line-height:1.45em}
#settings .block .row label.sw {position:relative; display:inline-block; width:48px; height:28px; flex:0 0 auto; cursor:pointer}
#settings .block .row label.sw input {position:absolute; opacity:0; width:0; height:0}
#settings .block .row label.sw span {position:absolute; left:0; right:0; top:0; bottom:0; background:#2a2a2a; border-radius:28px; transition:background 0.15s}
#settings .block .row label.sw span:before {content:""; position:absolute; left:3px; top:3px; width:22px; height:22px; background:#eee; border-radius:50%; transition:transform 0.15s}
#settings .block .row label.sw input:checked + span {background:#ff3333}
#settings .block .row label.sw input:checked + span:before {transform:translateX(20px)}
#settings .block .note {color:#777; font-size:12px; line-height:1.45em}
#settings .block .acts {margin:14px 0 0}
#settings .block .acts a.change_pin {display:inline-block; padding:10px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none}
#settings .block .acts a.change_pin.hovered {color:#fff; background:#252525}
#settings .block .acts a.nav_reset {display:inline-block; padding:10px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none}
#settings .block .acts a.nav_reset.hovered {color:#fff; background:#252525}
#settings .block .acts a.home_reset {display:inline-block; padding:10px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none}
#settings .block .acts a.home_reset.hovered {color:#fff; background:#252525}
#settings .block .acts a.ss_start {display:inline-block; padding:10px 14px; color:#fff; background:#ff3333; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none}
#settings .block .acts a.ss_start.hovered {background:#ff4d4d}
#settings .block .acts a.ss_start.busy {color:#ccc; background:#a82828; pointer-events:none}
#settings .block .row select {flex:0 0 auto; max-width:46%; padding:8px 10px; color:#eee; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; font-size:13px}
#settings .block.sub_block .prices {display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0}
#settings .block.sub_block .prices a.plan {flex:1 1 120px; min-width:110px; padding:14px 12px; color:#eee; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px; text-align:center; text-decoration:none; box-sizing:border-box}
#settings .block.sub_block .prices a.plan.hovered {border-color:#ff3333; background:#201010}
#settings .block.sub_block .prices a.plan .old {display:block; margin:0 0 4px; color:#666; font-size:12px; text-decoration:line-through}
#settings .block.sub_block .prices a.plan .sum {display:block; color:#fff; font-size:18px; font-weight:700}
#settings .block.sub_block .prices a.plan .lbl {display:block; margin:6px 0 0; color:#888; font-size:12px}
#settings .block.sub_block .prices a.plan .act {display:block; margin:8px 0 0; color:#ff3333; font-size:11px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase}
#settings .block.sub_block .note {margin:12px 0 0}
#settings .block.sub_block .acts {display:flex; flex-wrap:wrap; gap:10px}
#settings .block.sub_block .acts a.sub_check {display:inline-block; padding:10px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none}
#settings .block.sub_block .acts a.sub_check.hovered {color:#fff; background:#252525}
#settings .block.sub_block .acts a.sub_invite {display:inline-block; padding:10px 14px; color:#ddd; background:#1a1a1a; border-radius:8px; font-size:13px; font-weight:700; text-decoration:none}
#settings .block.sub_block .acts a.sub_invite.hovered {color:#fff; background:#252525}
#settings .block .nav_list {margin:0; border:1px solid #2a2a2a; border-radius:10px; overflow:hidden; background:#121212}
#settings .block .nav_list .nav_row {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border-bottom:1px solid #222; box-sizing:border-box}
#settings .block .nav_list .nav_row:last-child {border-bottom:0}
#settings .block .nav_list .nav_row.dim .txt {color:#666}
#settings .block .nav_list .nav_row .txt {flex:1; min-width:0; color:#ccc; font-size:14px; line-height:1.35em}
#settings .block .nav_list .nav_row .ops {display:flex; align-items:center; gap:6px; flex:0 0 auto}
#settings .block .nav_list .nav_row .ops a {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; color:#bbb; background:#1a1a1a; border-radius:8px; text-decoration:none; font-size:15px; font-weight:700; box-sizing:border-box}
#settings .block .nav_list .nav_row .ops a.hovered {color:#fff; background:#252525}
#settings .block .nav_list .nav_row .ops a.vis.on {color:#ff3333}
#settings .block .nav_list .nav_row .ops span.vis.lock {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; color:#555; font-size:18px; line-height:1}
#settings .block .nav_list.sortable .nav_row {cursor:grab}
#settings .block .nav_list.sorting {user-select:none}
#settings .block .nav_list.sorting .nav_row {cursor:grabbing}
#settings .block .nav_list.sortable .nav_row.dragging {opacity:0.55; background:#1a1a1a}
#adultPass {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#adultPass .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:420px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#adultPass .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#adultPass .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#adultPass .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#adultPass .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 14px}
#adultPass .box .hint {color:#888; font-size:13px; margin:0 0 14px; line-height:1.4em}
#adultPass .box input[type=password] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:12px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif}
#adultPass .box .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#adultPass .acts {display:flex; justify-content:center; gap:12px; align-items:center; flex-wrap:wrap}
#adultPass .acts a.ok {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#adultPass .acts a.ok.hovered {background:#ff4d4d}
#adultPass .acts a.cancel {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#adultPass .acts a.cancel.hovered {color:#fff; background:#252525}
#pinSet {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#pinSet .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:420px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#pinSet .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#pinSet .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#pinSet .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#pinSet .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 14px}
#pinSet .box .hint {color:#888; font-size:13px; margin:0 0 14px; line-height:1.4em}
#pinSet .box input[type=password] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:12px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; letter-spacing:0.35em; text-align:center}
#pinSet .box input.pin_code {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:12px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; letter-spacing:0.35em; text-align:center; -webkit-text-security:disc}
#pinSet .box .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#pinSet .acts {display:flex; justify-content:center; gap:12px; align-items:center; flex-wrap:wrap}
#pinSet .acts a.ok {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#pinSet .acts a.ok.hovered {background:#ff4d4d}
#pinSet .acts a.cancel {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#pinSet .acts a.cancel.hovered {color:#fff; background:#252525}
#subWall {position:fixed; left:0; right:0; top:0; bottom:0; z-index:76; background:rgba(0,0,0,0.62)}
#subWall .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:560px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#subWall .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#subWall .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#subWall .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#subWall .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 10px}
#subWall .box .hint {color:#888; font-size:13px; margin:0 0 16px; line-height:1.4em}
#subWall .box .prices {display:flex; flex-wrap:wrap; gap:10px; margin:0 0 12px}
#subWall .box .prices a.plan {flex:1 1 110px; min-width:100px; padding:14px 10px; color:#eee; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px; text-align:center; text-decoration:none; box-sizing:border-box}
#subWall .box .prices a.plan.hovered {border-color:#ff3333; background:#201010}
#subWall .box .prices a.plan .old {display:block; margin:0 0 4px; color:#666; font-size:12px; text-decoration:line-through}
#subWall .box .prices a.plan .sum {display:block; color:#fff; font-size:18px; font-weight:700}
#subWall .box .prices a.plan .lbl {display:block; margin:6px 0 0; color:#888; font-size:12px}
#subWall .box .prices a.plan .act {display:block; margin:8px 0 0; color:#ff3333; font-size:11px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase}
#subWall .box .note {color:#777; font-size:12px; margin:0 0 16px; line-height:1.4em}
#subWall .acts {display:flex; justify-content:center; gap:12px; align-items:center; flex-wrap:wrap}
#subWall .acts a.check {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#subWall .acts a.check.hovered {background:#ff4d4d}
#subWall .acts a.invite {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#subWall .acts a.invite.hovered {color:#fff; background:#252525}
#subInvite {position:fixed; left:0; right:0; top:0; bottom:0; z-index:76; background:rgba(0,0,0,0.62)}
#subInvite .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:460px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#subInvite .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#subInvite .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#subInvite .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#subInvite .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 14px}
#subInvite .box .code {margin:0 0 10px; padding:14px 16px; color:#fff; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px; font-size:28px; font-weight:700; letter-spacing:0.12em}
#subInvite .box .hint {color:#888; font-size:13px; margin:0 0 12px; line-height:1.4em}
#subInvite .box .rules {color:#777; font-size:12px; margin:0 0 16px; line-height:1.45em; text-align:left}
#subInvite .acts {display:flex; justify-content:center; gap:12px; align-items:center; flex-wrap:wrap}
#subInvite .acts a.copy {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#subInvite .acts a.copy.hovered {background:#ff4d4d}
#subInvite .acts a.cancel {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#subInvite .acts a.cancel.hovered {color:#fff; background:#252525}
@media (max-width:860px) {
	#subWall .box {width:auto; max-width:none; margin:0 16px; padding:22px 16px 20px; left:0; right:0; top:50%; transform:translateY(-50%); max-height:calc(100% - 32px); overflow:auto; -webkit-overflow-scrolling:touch}
	#subWall .box .prices a.plan {flex:1 1 calc(50% - 10px); min-width:0}
	#subInvite .box {width:auto; max-width:none; margin:0 16px; padding:22px 16px 20px; left:0; right:0; top:50%; transform:translateY(-50%); max-height:calc(100% - 32px); overflow:auto; -webkit-overflow-scrolling:touch}
	#subInvite .box .code {font-size:22px; letter-spacing:0.08em}
	#settings .block.sub_block .prices a.plan {flex:1 1 calc(50% - 10px); min-width:0}
}
#pornoPin {position:fixed; left:0; right:0; top:0; bottom:0; z-index:75; background:rgba(0,0,0,0.62)}
#pornoPin .box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:420px; max-width:92%; padding:22px 28px 24px; background:#161616; border:1px solid #2a2a2a; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); box-sizing:border-box; text-align:center}
#pornoPin .box .head {display:flex; justify-content:flex-end; margin:0 0 8px}
#pornoPin .box .head a.close {display:inline-block; padding:8px 14px; color:#eee; background:#2a2a2a; border-radius:8px; font-weight:700}
#pornoPin .box .head a.close.hovered {color:#fff; background:#3a3a3a}
#pornoPin .box .msg {color:#ddd; font-size:16px; font-weight:700; margin:0 0 14px}
#pornoPin .box .hint {color:#888; font-size:13px; margin:0 0 14px; line-height:1.4em}
#pornoPin .box input[type=password] {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:12px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; letter-spacing:0.35em; text-align:center}
#pornoPin .box input.pin_code {display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:12px 14px; color:#eee; background:#181818; border:1px solid #2c2c2c; border-radius:8px; font:15px "Segoe UI", Arial, sans-serif; letter-spacing:0.35em; text-align:center; -webkit-text-security:disc}
#pornoPin .box .error {display:none; margin:0 0 12px; color:#ff3333; font-size:13px}
#pornoPin .acts {display:flex; justify-content:center; gap:12px; align-items:center; flex-wrap:wrap}
#pornoPin .acts a.ok {display:inline-block; padding:12px 18px; color:#fff; background:#ff3333; border-radius:10px; font-weight:700}
#pornoPin .acts a.ok.hovered {background:#ff4d4d}
#pornoPin .acts a.cancel {display:inline-block; padding:12px 18px; color:#ddd; background:#1a1a1a; border-radius:10px; font-weight:700}
#pornoPin .acts a.cancel.hovered {color:#fff; background:#252525}
#apps .about {margin:0 0 20px; padding:16px 18px; color:#bbb; background:#141414; border:1px solid #2a2a2a; border-radius:12px; font-size:14px; line-height:1.5em; box-sizing:border-box}
#apps .block {margin:0 0 20px; padding:18px 20px; background:#141414; border:1px solid #2a2a2a; border-radius:12px; box-sizing:border-box}
#apps .block .title {margin:0 0 10px; color:#eee; font-size:17px; font-weight:700}
#apps .block .txt {margin:0 0 12px; color:#999; font-size:13px; line-height:1.55em}
#apps .block .txt p {margin:0 0 8px}
#apps .block .txt p:last-child {margin:0}
#apps .block .txt p.url {margin:0 0 14px; word-break:break-all}
#apps .block .txt p.url a {color:#bbb; text-decoration:underline}
#apps .block .txt p.url a.hovered {color:#eee}
#apps .block .txt ol {margin:0 0 12px 18px; padding:0}
#apps .block .txt ol:last-child {margin-bottom:0}
#apps .block .txt li {margin:0 0 6px}
#apps .block a.btn {display:inline-block; margin:0 10px 0 0; padding:10px 16px; color:#fff; background:#ff3333; border-radius:10px; font-size:13px; font-weight:700}
#apps .block a.btn.hovered {background:#ff4d4d}
#apps .block a.btn.sec {color:#ddd; background:#1a1a1a}
#apps .block a.btn.sec.hovered {color:#fff; background:#252525}
#apps .block .note {margin:12px 0 0; color:#777; font-size:12px; line-height:1.45em}
@media (max-width:860px) {
	#apps {padding:18px 16px calc(50px + var(--sab))}
	#settings {padding:18px 16px calc(50px + var(--sab))}
}

#screensaver {position:fixed; left:0; right:0; top:0; bottom:0; z-index:90; background:#0e0e0e; overflow:hidden; cursor:default}
#screensaver .art_box {position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden}
#screensaver .art_box .art {position:absolute; left:0; right:0; top:0; bottom:0; background:#111 center center no-repeat; background-size:cover; opacity:0; transition:opacity 0.6s ease}
#screensaver .art_box .art.ready {opacity:0.28}
#screensaver .art_box.from_cover .art {left:-18%; right:-18%; top:-18%; bottom:-18%; -webkit-filter:blur(48px); filter:blur(48px)}
#screensaver .art_box.from_cover .art.ready {opacity:0.2}
#screensaver .art_box .art_fade {position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to top, #0e0e0e 0%, rgba(14,14,14,0.72) 38%, rgba(14,14,14,0.25) 62%, transparent 100%), linear-gradient(to right, rgba(14,14,14,0.75) 0%, transparent 30%, transparent 70%, rgba(14,14,14,0.75) 100%)}
#screensaver .slide {position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; gap:clamp(24px, 4vw, 64px); padding:clamp(24px, 5vh, 64px) clamp(24px, 5vw, 72px); box-sizing:border-box; opacity:0; transition:opacity 0.45s ease}
#screensaver .slide.on {opacity:1}
#screensaver .slide .poster {flex:0 0 auto; line-height:0}
#screensaver .slide .poster img {display:block; width:auto; height:auto; max-height:min(78vh, 920px); max-width:min(42vw, 520px); border-radius:clamp(8px, 1vw, 14px); box-shadow:0 24px 80px rgba(0,0,0,0.6)}
#screensaver.portrait .slide {flex-direction:column; justify-content:center; align-items:center; gap:clamp(12px, 2vh, 20px); padding:calc(clamp(12px, 2vh, 20px) + var(--sat)) clamp(16px, 4vw, 24px) calc(clamp(12px, 2vh, 20px) + var(--sab)); text-align:center}
#screensaver.portrait .slide .poster {flex:0 0 auto; line-height:0; max-width:90vw}
#screensaver.portrait .slide .poster img {width:auto; height:56vh; max-width:90vw; max-height:none}
#screensaver.portrait .slide .info {flex:0 0 auto; max-width:100%; text-align:center}
#screensaver.portrait .slide .info .scores {justify-content:center; margin:0 0 clamp(8px, 1.2vh, 14px)}
#screensaver.portrait .slide .info h1 {margin:0 0 clamp(6px, 1vh, 12px); font-size:clamp(22px, 5.5vw, 36px)}
#screensaver.portrait .slide .info .meta {margin:0 0 clamp(12px, 2vh, 20px); font-size:clamp(13px, 3.4vw, 17px)}
#screensaver .slide .info {flex:1 1 auto; min-width:0; max-width:min(46vw, 640px); text-align:left}
#screensaver .slide .info .scores {display:flex; flex-wrap:wrap; gap:10px; margin:0 0 clamp(12px, 2vh, 20px)}
#screensaver .slide .info .scores .score {display:inline-block; padding:clamp(6px, 1vh, 10px) clamp(10px, 1.2vw, 16px); color:#fff; background:rgba(0,0,0,0.45); border:1px solid #3a3a3a; border-radius:10px; font-size:clamp(13px, 1.35vw, 18px); font-weight:700}
#screensaver .slide .info .scores .score.green {color:#81c784; border-color:#2e7d32}
#screensaver .slide .info .scores .score.red {color:#ef9a9a; border-color:#c62828}
#screensaver .slide .info .scores span.mark {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:clamp(6px, 1vh, 10px) clamp(10px, 1.2vw, 16px); color:#ccc; background:rgba(0,0,0,0.45); border:1px solid #3a3a3a; border-radius:10px; font-size:clamp(13px, 1.35vw, 18px); font-weight:700; text-align:center; line-height:1.2em; cursor:pointer}
#screensaver .slide .info .scores span.mark.hovered {background:rgba(0,0,0,0.75); border-color:#555; color:#fff}
#screensaver .slide .info .scores span.mark.favorite {color:#fd7e23; border-color:#fd7e23}
#screensaver .slide .info .scores span.mark.good {color:#81c784; border-color:#2e7d32}
#screensaver .slide .info .scores span.mark.normal {color:#ddd; border-color:#666}
#screensaver .slide .info .scores span.mark.bad {color:#ef9a9a; border-color:#c62828}
#screensaver .slide .info .scores span.mark.want {color:#90caf9; border-color:#1c43eb}
#screensaver .slide .info .scores span.mark.none {color:#ccc; border-color:#3a3a3a}
#screensaver .slide .info h1 {margin:0 0 clamp(10px, 1.6vh, 18px); color:#fff; font-size:clamp(28px, 4.4vw, 64px); font-weight:700; line-height:1.12em}
#screensaver .slide .info .meta {margin:0 0 clamp(20px, 3.5vh, 36px); color:#aaa; font-size:clamp(14px, 1.7vw, 22px); line-height:1.45em}
#screensaver .slide .info a.more {display:inline-block; padding:clamp(12px, 1.8vh, 16px) clamp(16px, 2vw, 24px); color:#fff; background:#ff3333; border-radius:12px; font-size:clamp(14px, 1.5vw, 18px); font-weight:700; text-decoration:none}
#screensaver .slide .info a.more.hovered {background:#ff4d4d}
#screensaver .ss_nav {position:absolute; left:0; right:0; top:calc(clamp(12px, 2vh, 20px) + var(--sat)); z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 clamp(12px, 2vw, 24px); box-sizing:border-box; pointer-events:none}
#screensaver .ss_nav .ss_left {display:flex; gap:8px; pointer-events:auto}
#screensaver .ss_nav .ss_right {display:flex; gap:8px; margin-left:auto; pointer-events:auto}
#screensaver .ss_nav a {display:inline-block; padding:clamp(8px, 1.2vh, 12px) clamp(12px, 1.4vw, 16px); color:#ddd; background:rgba(26,26,26,0.85); border-radius:8px; font-size:clamp(12px, 1.2vw, 14px); font-weight:700; text-decoration:none}
#screensaver .ss_nav a.prev_ss, #screensaver .ss_nav a.next_ss {display:inline-flex; align-items:center; justify-content:center; width:clamp(36px, 4.5vh, 44px); height:clamp(36px, 4.5vh, 44px); min-width:0; padding:0; line-height:0}
#screensaver .ss_nav a.prev_ss svg, #screensaver .ss_nav a.next_ss svg {display:block; width:clamp(18px, 2.2vh, 22px); height:clamp(18px, 2.2vh, 22px)}
#screensaver .ss_nav a.hovered {color:#fff; background:#252525}
#screensaver .ss_nav a.full_ss.on {color:#fff; background:#3a3a3a}

#matrixSs {position:fixed; left:0; right:0; top:0; bottom:0; z-index:91; background:#000; overflow:hidden; cursor:none}
#matrixSs iframe {position:absolute; left:0; top:0; width:100%; height:100%; border:0; display:block}
#matrixSs .hit {position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; cursor:none}

@media (max-width:860px) {
	#screensaver .slide {flex-direction:column; justify-content:center; align-items:center; gap:clamp(12px, 2vh, 20px); padding:calc(clamp(12px, 2vh, 20px) + var(--sat)) clamp(16px, 4vw, 24px) calc(clamp(12px, 2vh, 20px) + var(--sab)); text-align:center}
	#screensaver .slide .poster {flex:0 0 auto; line-height:0; max-width:90vw}
	#screensaver .slide .poster img {width:auto; height:56vh; max-width:90vw; max-height:none}
	#screensaver .slide .info {flex:0 0 auto; max-width:100%; text-align:center}
	#screensaver .slide .info .scores {justify-content:center; margin:0 0 clamp(8px, 1.2vh, 14px)}
	#screensaver .slide .info h1 {margin:0 0 clamp(6px, 1vh, 12px); font-size:clamp(22px, 5.5vw, 36px)}
	#screensaver .slide .info .meta {margin:0 0 clamp(12px, 2vh, 20px); font-size:clamp(13px, 3.4vw, 16px)}
}

@media (orientation: portrait) {
	#screensaver .slide {flex-direction:column; justify-content:center; align-items:center; gap:clamp(12px, 2vh, 20px); padding:calc(clamp(12px, 2vh, 20px) + var(--sat)) clamp(16px, 4vw, 24px) calc(clamp(12px, 2vh, 20px) + var(--sab)); text-align:center}
	#screensaver .slide .poster {flex:0 0 auto; line-height:0; max-width:90vw}
	#screensaver .slide .poster img {width:auto; height:56vh; max-width:90vw; max-height:none}
	#screensaver .slide .info {flex:0 0 auto; max-width:100%; text-align:center}
	#screensaver .slide .info .scores {justify-content:center; margin:0 0 clamp(8px, 1.2vh, 14px)}
	#screensaver .slide .info h1 {margin:0 0 clamp(6px, 1vh, 12px); font-size:clamp(22px, 5.5vw, 40px)}
	#screensaver .slide .info .meta {margin:0 0 clamp(12px, 2vh, 20px); font-size:clamp(13px, 3.4vw, 17px)}
}

#link .about {margin:0 0 16px; padding:16px 18px; color:#bbb; background:#141414; border:1px solid #2a2a2a; border-radius:12px; font-size:14px; line-height:1.5em; box-sizing:border-box}
#link .me {display:inline-flex; align-items:center; gap:10px; margin:0 10px 24px 0; padding:8px 12px; color:#eee; background:#161616; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; font-weight:700}
#link .me .l {color:#777; font-weight:600}
#link .me .v {color:#fff}
#link .me.on {border-color:#ff3333}
#link .me.on .v {color:#ff3333}
#link .list {margin:0 0 24px}
#link .list .item {display:flex; align-items:center; margin:0 0 12px; padding:16px 18px; background:#161616; border:1px solid #222; border-radius:12px}
#link .list .item.hovered {border-color:#3a3a3a}
#link .list .item.on {border-color:#ff3333}
#link .list .item .info {flex:1 1 auto; min-width:0}
#link .list .item .info .n {display:block; color:#eee; font-weight:600}
#link .list .item .info .k {display:block; margin:6px 0 0; color:#777; font-size:12px}
#link .list .item a.go {flex-shrink:0; margin:0 0 0 14px; padding:10px 16px; color:#fff; background:#ff3333; border-radius:10px; font-size:13px; font-weight:700}
#link .list .item a.go.hovered {background:#ff4d4d}
#link .list .item a.off {flex-shrink:0; margin:0 0 0 14px; padding:10px 16px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#link .list .item a.off.hovered {color:#fff; background:#252525}
#link .empty {margin:28px 0; padding:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}

#sharing {display:none; padding:28px 48px 56px; box-sizing:border-box; text-align:left}
#sharing .about {margin:0 0 18px; color:#999; font-size:14px; line-height:1.5em}
#sharing .fs {margin:0 0 20px; padding:18px 20px; background:#141414; border:1px solid #2a2a2a; border-radius:12px; box-sizing:border-box}
#sharing .fs.drop_on {border-color:#ff3333; background:#191010}
#sharing .fs .fs_head {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px}
#sharing .fs .fs_title {flex:1 1 auto; min-width:0; margin:0; color:#eee; font-size:17px; font-weight:700}
#sharing .fs .fs_hint {margin:0 0 14px; color:#888; font-size:13px; line-height:1.45em}
#sharing .fs .fs_head + .fs_hint {margin-top:-6px}
#sharing .fs .fs_toggle {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs .fs_toggle.hovered {color:#fff; background:#252525}
#sharing .fs .fs_toggle.on {color:#fff; background:#ff3333}
#sharing .fs .fs_toggle.on.hovered {background:#ff4d4d}
#sharing .fs .fs_toggle.busy {color:#aaa; background:#1a1a1a; pointer-events:none}
#sharing .fs .fs_empty {margin:0 0 12px; color:#666; font-size:13px}
#sharing .fs .fs_list {margin:0 0 12px}
#sharing .fs .fs_item {display:flex; align-items:flex-start; gap:10px; margin:0 0 8px; padding:10px 12px; background:#161616; border:1px solid #222; border-radius:10px}
#sharing .fs .fs_item:last-child {margin:0}
#sharing .fs .fs_item .fs_meta {flex:1 1 auto; min-width:0}
#sharing .fs .fs_item .fs_meta .n {display:block; color:#eee; font-weight:600; word-break:break-all}
#sharing .fs .fs_item .fs_meta .p {display:block; margin:4px 0 0; color:#666; font-size:12px; word-break:break-all}
#sharing .fs .fs_item .fs_meta .k {display:block; margin:4px 0 0; color:#888; font-size:11px}
#sharing .fs .fs_item a.fs_del {flex-shrink:0; padding:4px 10px; color:#aaa; background:#1a1a1a; border-radius:8px; font-size:16px; font-weight:700; line-height:1.2em}
#sharing .fs .fs_item a.fs_del.hovered {color:#f88; background:#252525}
#sharing .fs .fs_acts {display:flex; gap:10px; flex-wrap:wrap}
#sharing .fs .fs_acts a {display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs .fs_acts a.hovered {color:#fff; background:#252525}
#sharing .fs.fs_self {margin:0 0 20px}
#sharing .fs.fs_kodi .fs_row {display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px}
#sharing .fs.fs_kodi .fs_row:last-child {margin:0}
#sharing .fs.fs_kodi .fs_label {flex:1 1 auto; min-width:0; color:#ddd; font-size:14px; font-weight:600; line-height:1.35em}
#sharing .fs.fs_kodi a.fs_kodi_local_toggle {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_kodi a.fs_kodi_local_toggle.hovered {color:#fff; background:#252525}
#sharing .fs.fs_kodi a.fs_kodi_local_toggle.on {color:#fff; background:#ff3333}
#sharing .fs.fs_kodi a.fs_kodi_local_toggle.on.hovered {background:#ff4d4d}
#sharing .fs.fs_kodi a.fs_kodi_local_toggle.busy {color:#aaa; background:#1a1a1a; pointer-events:none}
#sharing .fs.fs_kodi a.fs_kodi_self_toggle {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_kodi a.fs_kodi_self_toggle.hovered {color:#fff; background:#252525}
#sharing .fs.fs_kodi a.fs_kodi_self_toggle.on {color:#fff; background:#ff3333}
#sharing .fs.fs_kodi a.fs_kodi_self_toggle.on.hovered {background:#ff4d4d}
#sharing .fs.fs_kodi a.fs_kodi_self_toggle.busy {color:#aaa; background:#1a1a1a; pointer-events:none}
#sharing .fs.fs_kodi a.fs_kodi_friend_toggle {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_kodi a.fs_kodi_friend_toggle.hovered {color:#fff; background:#252525}
#sharing .fs.fs_kodi a.fs_kodi_friend_toggle.on {color:#fff; background:#ff3333}
#sharing .fs.fs_kodi a.fs_kodi_friend_toggle.on.hovered {background:#ff4d4d}
#sharing .fs.fs_kodi a.fs_kodi_friend_toggle.busy {color:#aaa; background:#1a1a1a; pointer-events:none}
#sharing .fs.fs_pub {margin:0 0 20px}
#sharing .fs.fs_pub .fs_pub_toggle {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_pub .fs_pub_toggle.hovered {color:#fff; background:#252525}
#sharing .fs.fs_pub .fs_pub_toggle.on {color:#fff; background:#ff3333}
#sharing .fs.fs_pub .fs_pub_toggle.on.hovered {background:#ff4d4d}
#sharing .fs.fs_pub .fs_pub_toggle.busy {color:#aaa; background:#1a1a1a; pointer-events:none}
#sharing .fs.fs_pub .fs_pub_pass {display:flex; align-items:center; gap:8px; margin:0 0 12px}
#sharing .fs.fs_pub .fs_pub_pass input {flex:1 1 auto; min-width:0; height:40px; padding:0 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; box-sizing:border-box}
#sharing .fs.fs_pub .fs_pub_pass a.fs_pub_pass_save {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_pub .fs_pub_pass a.fs_pub_pass_save.hovered {color:#fff; background:#252525}
#sharing .fs.fs_pub .fs_pub_link {display:flex; align-items:center; gap:8px; margin:0 0 12px}
#sharing .fs.fs_pub .fs_pub_link input {flex:1 1 auto; min-width:0; height:40px; padding:0 12px; color:#aaa; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:12px; box-sizing:border-box}
#sharing .fs.fs_pub .fs_pub_link a.fs_pub_copy {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#fff; background:#ff3333; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_pub .fs_pub_link a.fs_pub_copy.hovered {background:#ff4d4d}
#sharing .fs.fs_pub .fs_item a.fs_pub_del {flex-shrink:0; padding:4px 10px; color:#aaa; background:#1a1a1a; border-radius:8px; font-size:16px; font-weight:700; line-height:1.2em}
#sharing .fs.fs_pub .fs_item a.fs_pub_del.hovered {color:#f88; background:#252525}
#sharing .fs.fs_friend {margin:0 0 20px}
#sharing .fs.fs_friend .fs_friend_toggle {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_friend .fs_friend_toggle.hovered {color:#fff; background:#252525}
#sharing .fs.fs_friend .fs_friend_toggle.on {color:#fff; background:#ff3333}
#sharing .fs.fs_friend .fs_friend_toggle.on.hovered {background:#ff4d4d}
#sharing .fs.fs_friend .fs_friend_toggle.busy {color:#aaa; background:#1a1a1a; pointer-events:none}
#sharing .fs.fs_friend .fs_friend_add {display:flex; align-items:center; gap:8px; margin:12px 0}
#sharing .fs.fs_friend .fs_friend_add input {flex:1 1 auto; min-width:0; height:40px; padding:0 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; box-sizing:border-box}
#sharing .fs.fs_friend .fs_friend_add a.fs_friend_user_add {flex:0 0 auto; display:inline-block; padding:8px 14px; color:#ddd; background:#1a1a1a; border-radius:10px; font-size:13px; font-weight:700}
#sharing .fs.fs_friend .fs_friend_add a.fs_friend_user_add.hovered {color:#fff; background:#252525}
#sharing .fs.fs_friend .fs_item a.fs_friend_del {flex-shrink:0; padding:4px 10px; color:#aaa; background:#1a1a1a; border-radius:8px; font-size:16px; font-weight:700; line-height:1.2em}
#sharing .fs.fs_friend .fs_item a.fs_friend_del.hovered {color:#f88; background:#252525}
#sharing .fs.fs_friend .fs_item a.fs_friend_user_del {flex-shrink:0; padding:4px 10px; color:#aaa; background:#1a1a1a; border-radius:8px; font-size:16px; font-weight:700; line-height:1.2em}
#sharing .fs.fs_friend .fs_item a.fs_friend_user_del.hovered {color:#f88; background:#252525}
#sharing .fs.fs_settings {margin:0 0 20px}
#sharing .fs.fs_settings .fs_set {display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px}
#sharing .fs.fs_settings .fs_set:last-child {margin:0}
#sharing .fs.fs_settings .fs_set_text {flex:1 1 auto; min-width:0}
#sharing .fs.fs_settings .fs_set_text .fs_label {margin:0 0 4px; color:#ddd; font-size:14px; font-weight:600; line-height:1.35em}
#sharing .fs.fs_settings .fs_set_text .fs_hint {margin:0; color:#888; font-size:13px; line-height:1.45em}
#sharing .fs.fs_settings select.fs_bitrate_max {flex:0 0 auto; min-width:140px; height:40px; padding:0 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; box-sizing:border-box}
#sharing .fs.fs_settings select.fs_relay {flex:0 0 auto; min-width:140px; height:40px; padding:0 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; box-sizing:border-box}

#share {display:none; padding:0; box-sizing:border-box; text-align:left}
html.share_mode #layout {height:100%}
html.share_mode #nav, html.share_mode #tabs, html.share_mode #top, html.share_mode #nav_scrim {display:none !important}
html.share_mode #stage {margin:0; padding:0; width:100%; max-width:none}
#share .share_wrap {min-height:60vh; padding:24px 48px 80px; box-sizing:border-box}
#share .share_brand {margin:0 0 24px}
#share .share_brand img {height:32px; width:auto}
#share .share_brand .t {color:#eee; font-size:18px; font-weight:700; letter-spacing:0.04em}
#share form.gate {max-width:360px; margin:80px auto 0; text-align:center}
#share form.gate .gate_title {margin:0 0 16px; color:#eee; font-size:20px; font-weight:700}
#share form.gate input[type=password] {display:block; width:100%; height:44px; margin:0 0 12px; padding:0 14px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:15px; box-sizing:border-box}
#share form.gate input[type=submit] {display:block; width:100%; height:44px; margin:0; padding:0; color:#fff; background:#ff3333; border:0; border-radius:10px; font-size:15px; font-weight:700; cursor:pointer}
#share form.gate .gate_err {margin:0 0 12px; color:#f88; font-size:13px}
#share .fs_nav {display:flex; align-items:center; gap:8px; padding:0 0 10px; box-sizing:border-box}
#share .fs_nav a {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; color:#eee; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px; font-size:16px; font-weight:700; line-height:1; box-sizing:border-box}
#share .fs_nav a.hovered {color:#fff; background:#252525; border-color:#3a3a3a}
#share .fs_nav input.path {flex:1 1 auto; min-width:0; height:40px; padding:0 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; font-weight:600; line-height:40px; box-sizing:border-box}
#share .fs_tools {display:flex; align-items:center; gap:12px; padding:0 0 12px; box-sizing:border-box}
#share .fs_tools input.filter {flex:1 1 auto; min-width:0; padding:10px 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:14px; box-sizing:border-box}
#share .fs_tools .count {flex:0 0 auto; color:#666; font-size:12px; font-weight:600}
#share .fs_err {margin:0 0 10px; padding:10px 12px; color:#f88; background:#1a1010; border:1px solid #511; border-radius:10px; font-size:13px; box-sizing:border-box}
#share .fs_list .empty {padding:40px 0; color:#666; font-size:15px}
#share .fs_list .item {display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #1a1a1a; box-sizing:border-box}
#share .fs_list .item.hovered {background:#141414}
#share .fs_list .item .ico {flex:0 0 auto; width:22px; height:22px; background:currentColor; color:#888; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain}
#share .fs_list .item .ico.dir {color:#ff3333; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
#share .fs_list .item .ico.share {color:#fa0; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E")}
#share .fs_list .item .ico.video {color:#4af; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
#share .fs_list .item.hls .ico.video {color:#c6f}
#share .fs_list .item .ico.file {color:#888; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E")}
#share .fs_list .item .meta {flex:1 1 auto; min-width:0}
#share .fs_list .item .meta .n {display:block; color:#eee; font-weight:600; word-break:break-word}
#share .fs_list .item .meta .s {display:block; margin:4px 0 0; color:#666; font-size:12px}
#share .fs_list .item .acts {flex:0 0 auto; display:flex; align-items:center; align-self:center; gap:8px}
#share .fs_list .item .acts a {display:flex; align-items:center; justify-content:center; flex:none; width:36px; min-width:36px; max-width:36px; height:36px; min-height:36px; padding:0; color:#ddd; background:#1a1a1a; border:1px solid #333; border-radius:10px; text-decoration:none; box-sizing:border-box}
#share .fs_list .item .acts a svg {display:block; width:16px; height:16px}
#share .fs_list .item .acts a.play {color:#ff3333; border-color:#422}
#share .fs_list .item .acts a.play.hovered {color:#ff4d4d; background:#251818; border-color:#633}
#share .fs_list .item .acts a.dl {color:#ddd; border-color:#333}
#share .fs_list .item .acts a.dl.hovered {color:#fff; background:#252525; border-color:#3a3a3a}

#files {display:none; padding:0; box-sizing:border-box; text-align:left}
#files .fs_wrap {min-height:60vh}
#files .fs_nav {display:flex; align-items:center; gap:8px; padding:16px 48px 10px; box-sizing:border-box}
#files .fs_nav a {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; color:#eee; background:#1a1a1a; border:1px solid #2a2a2a; border-radius:10px; font-size:16px; font-weight:700; line-height:1; box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none}
#files .fs_nav a.hovered {color:#fff; background:#252525; border-color:#3a3a3a}
#files .fs_nav a:focus {outline:none; color:#eee; background:#1a1a1a; border-color:#2a2a2a}
#files .fs_nav a:focus.hovered {color:#fff; background:#252525; border-color:#3a3a3a}
#files .fs_nav input.path {flex:1 1 auto; min-width:0; height:40px; padding:0 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; font-weight:600; line-height:40px; box-sizing:border-box}
#files .fs_tools {display:flex; align-items:center; gap:12px; padding:0 48px 12px; box-sizing:border-box}
#files .fs_tools input.filter {flex:1 1 auto; min-width:0; padding:10px 12px; color:#eee; background:#121212; border:1px solid #2a2a2a; border-radius:10px; font-size:14px; box-sizing:border-box}
#files .fs_tools .count {flex:0 0 auto; color:#666; font-size:12px; font-weight:600}
#files .fs_offline {margin:0 48px 10px; padding:10px 12px; color:#f88; background:#1a1010; border:1px solid #511; border-radius:10px; font-size:13px; box-sizing:border-box}
#files .fs_err {margin:0 48px 10px; padding:10px 12px; color:#f88; background:#1a1010; border:1px solid #511; border-radius:10px; font-size:13px; box-sizing:border-box}
#files .fs_busy {margin:0 48px 10px; padding:10px 12px; color:#bbb; background:#141414; border:1px solid #2a2a2a; border-radius:10px; font-size:13px; box-sizing:border-box}
#files .fs_list {padding:0 0 80px}
#files .fs_list .fs_section {padding:20px 48px 6px; color:#888; font-size:12px; font-weight:700; letter-spacing:0.04em}
#files .fs_list .item.fs_friend_host {cursor:pointer}
#files .fs_list .empty {padding:40px 48px; color:#666; font-size:15px}
#files .fs_list .item {display:flex; align-items:center; gap:12px; padding:12px 48px; border-bottom:1px solid #1a1a1a; box-sizing:border-box}
#files .fs_list .item.hovered {background:#141414}
#files .fs_list .item .ico {flex:0 0 auto; width:22px; height:22px; background:currentColor; color:#888; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain}
#files .fs_list .item .ico.dir {color:#ff3333; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
#files .fs_list .item .ico.share {color:#fa0; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E")}
#files .fs_list .item .ico.video {color:#4af; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14M3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
#files .fs_list .item.hls .ico.video {color:#c6f}
#files .fs_list .item .ico.file {color:#888; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E")}
#files .fs_list .item .meta {flex:1 1 auto; min-width:0}
#files .fs_list .item .meta .n {display:block; color:#eee; font-weight:600; word-break:break-word}
#files .fs_list .item .meta .s {display:block; margin:4px 0 0; color:#666; font-size:12px}
#files .fs_list .item .acts {flex:0 0 auto; display:flex; align-items:center; align-self:center; gap:8px}
#files .fs_list .item .acts a {display:flex; align-items:center; justify-content:center; flex:none; width:36px; min-width:36px; max-width:36px; height:36px; min-height:36px; padding:0; color:#ddd; background:#1a1a1a; border:1px solid #333; border-radius:10px; text-decoration:none; box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none}
#files .fs_list .item .acts a svg {display:block; width:16px; height:16px}
#files .fs_list .item .acts a.play {color:#ff3333; border-color:#422}
#files .fs_list .item .acts a.play.hovered {color:#ff4d4d; background:#251818; border-color:#633}
#files .fs_list .item .acts a.play:focus {outline:none; color:#ff3333; background:#1a1a1a; border-color:#422}
#files .fs_list .item .acts a.dl {color:#ddd; border-color:#333}
#files .fs_list .item .acts a.dl.hovered {color:#fff; background:#252525; border-color:#3a3a3a}
#files .fs_list .item .acts a.dl:focus {outline:none; color:#ddd; background:#1a1a1a; border-color:#333}
#files .fs_busy {display:none}

/*=========================================================*/

#dask {position:fixed; left:0; right:0; top:0; bottom:0; z-index:40; overflow:hidden; background:rgba(0,0,0,0.62)}
#dask .sheet {position:absolute; left:50%; top:50%; width:420px; max-width:90%; margin:-1px 0 0; padding:24px 26px 22px; background:#161616; border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,0.6); transform:translate(-50%, -50%); box-sizing:border-box}
#dask .sheet h3 {margin:0 0 10px; color:#fff; font-size:18px; font-weight:700}
#dask .sheet .msg {margin:0 0 18px; color:#888; font-size:13px; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#dask .sheet a.with {display:flex; margin:0 0 20px; align-items:center; color:#ddd; font-size:14px}
#dask .sheet a.with.hovered {color:#fff}
#dask .sheet a.with .ck {flex:0 0 12px; width:12px; height:12px; margin:0 8px 0 0; background:#181818; border:1px solid #3a3a3a; border-radius:3px}
#dask .sheet a.with.on .ck {background:radial-gradient(circle, #111 2px, #ff3333 2.5px); border-color:#ff3333}
#dask .sheet .ta a {display:inline-block; margin:0 10px 0 0; padding:10px 16px; color:#fff; background:#2a2a2a; border-radius:8px; font-weight:700}
#dask .sheet .ta a.hovered {background:#3a3a3a}
#dask .sheet .ta a.ok {background:#ff3333}
#dask .sheet .ta a.ok.hovered {background:#ff4d4d}

@media (max-width:1280px) {
	html {--poster:148px; --poster-h:222px}
	#card .card_body .card_wrap .card_info h1 {font-size:30px}
}

@media (max-width:1100px) {
	html {--side:188px; --poster:136px; --poster-h:204px}
	#card .card_body {padding:24px 28px 60px}
	#card .card_body .card_wrap .card_poster {width:300px}
	#card .card_body .card_wrap .card_poster .cover {width:300px; height:auto}
	#card .card_body .card_wrap .card_poster .cover img {width:300px; height:auto}
	#card .card_body .card_wrap .card_info {padding-left:28px}
	#dl .dl_head {padding:24px 28px 8px}
	#dl .dlist {margin:16px 28px 40px}
	#link {padding:24px 28px 48px}
	#sharing {padding:24px 28px 48px}
	#files .fs_nav {padding:16px 28px 10px}
	#files .fs_tools {padding:0 28px 12px}
	#files .fs_offline, #files .fs_err, #files .fs_busy {margin:0 28px 10px}
	#files .fs_list .empty {padding:40px 28px}
	#files .fs_list .fs_section {padding:20px 28px 6px}
	#files .fs_list .item {padding:12px 28px}
	#top {padding:16px 24px 14px}
	#catalog {padding:16px 24px 48px}
	#home .row .head {margin:0 24px 14px}
	#home .row .row_box .row_scroller {padding:4px 24px 18px}
	#home .row .row_box a.row_prev {left:8px}
	#home .row .row_box a.row_next {right:8px}
	#card .krel .row_scroller {padding:4px 24px 18px 0}
	#card .krel .krel_box a.krel_prev {left:8px}
	#card .krel .krel_box a.krel_next {right:8px}
}

@media (max-width:860px) {
	html {--side:0px; --poster:168px; --poster-h:252px; height:100%; min-height:100%}
	html.pwa {min-height:100vh}
	body {height:100%; min-height:inherit; overflow:hidden}
	#layout {height:100%; min-height:inherit}
	#nav_scrim {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:50; background:rgba(0,0,0,0.55)}
	html.nav-open #nav_scrim {display:block}
	#nav {float:none; position:fixed; left:0; top:0; bottom:0; width:calc(260px + var(--sal)); max-width:calc(82vw + var(--sal)); max-height:none; height:auto; padding-left:var(--sal); z-index:55; transform:translateX(-105%); transition:transform 0.22s ease; box-shadow:none; -webkit-overflow-scrolling:touch; box-sizing:border-box}
	html.nav-open #nav {transform:translateX(0); box-shadow:8px 0 32px rgba(0,0,0,0.45)}
	#nav a.logo {padding:calc(20px + var(--sat)) 0 14px}
	#nav a.logo img {width:150px; height:32px}
	#nav .menu {padding:6px 10px 10px}
	#nav .menu a {padding:12px 14px; font-size:15px; overflow:visible}
	#nav .user {display:block; padding:16px 22px calc(24px + var(--sab))}
	#stage {margin-left:0; height:100%; padding-bottom:calc(68px + var(--sab)); -webkit-overflow-scrolling:touch; touch-action:pan-y; overflow-y:auto}
	#card {left:0; top:0; bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	#bcard {left:0; top:0; bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	#ccard {left:0; top:0; bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	#scard {left:0; top:0; bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	#gcard {left:0; top:0; bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	#rcard {left:0; top:0; bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	#dl {left:0; top:var(--top-h, 0px); bottom:calc(52px + var(--sab)); -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y}
	html.ccard_open #stage {overflow:hidden}
	html.clcard_open #stage {overflow:hidden}
	html.bcard_open #stage {overflow:hidden}
	html.scard_open #stage {overflow:hidden}
	html.gcard_open #stage {overflow:hidden}
	html.rcard_open #stage {overflow:hidden}
	html.card_open #stage {overflow:hidden}
	html.wbox_open #stage {overflow:hidden}
	html.card_open #top_spacer {height:0}
	html.bcard_open #top_spacer {height:0}
	html.ccard_open #top_spacer {height:0}
	html.clcard_open #top_spacer {height:0}
	html.scard_open #top_spacer {height:0}
	html.gcard_open #top_spacer {height:0}
	html.rcard_open #top_spacer {height:0}
	#tabs {display:block; position:fixed; left:0; right:0; bottom:0; z-index:45; padding:0 0 constant(safe-area-inset-bottom); padding:0 0 env(safe-area-inset-bottom, 0px); background:#121212; border-top:1px solid #1f1f1f; box-sizing:border-box}
	#tabs:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%); pointer-events:none}
	#tabs .scroller {display:flex; position:relative; z-index:1; height:52px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; touch-action:pan-x; justify-content:flex-start}
	#tabs .scroller::-webkit-scrollbar {display:none; width:0; height:0}
	#tabs .scroller a {flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:64px; height:52px; padding:6px 10px 4px; color:#777; text-decoration:none; box-sizing:border-box}
	#tabs .scroller a .ico {display:block; width:22px; height:22px; margin:0 0 3px; background:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain}
	#tabs .scroller a .t {display:block; max-width:72px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:10px; font-weight:600; line-height:1.2; letter-spacing:0.01em}
	#tabs .scroller a.current {color:#ff3333}
	#tabs .scroller a.off {display:none}
	#tabs .scroller a[name=home] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3.2 3 11h2.5v9h5.2v-5.5h2.6V20h5.2v-9H21z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3.2 3 11h2.5v9h5.2v-5.5h2.6V20h5.2v-9H21z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=popular] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.8l2.4 6.8H22l-5.6 4.2 2.1 6.8L12 16.8 5.5 20.6l2.1-6.8L2 9.6h7.6z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.8l2.4 6.8H22l-5.6 4.2 2.1 6.8L12 16.8 5.5 20.6l2.1-6.8L2 9.6h7.6z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=cinema] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z'/%3E%3Cpath d='m6.2 5.3 3.1 3.9'/%3E%3Cpath d='m12.4 3.4 3.1 4'/%3E%3Cpath d='M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z'/%3E%3Cpath d='m6.2 5.3 3.1 3.9'/%3E%3Cpath d='m12.4 3.4 3.1 4'/%3E%3Cpath d='M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E"); -webkit-mask-size:86%; mask-size:86%}
	#tabs .scroller a[name=documentary] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7.75a.75.75 0 0 1 1.142-.638l3.664 2.249a.75.75 0 0 1 0 1.278l-3.664 2.25a.75.75 0 0 1-1.142-.64z'/%3E%3Cpath d='M7 21h10'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7.75a.75.75 0 0 1 1.142-.638l3.664 2.249a.75.75 0 0 1 0 1.278l-3.664 2.25a.75.75 0 0 1-1.142-.64z'/%3E%3Cpath d='M7 21h10'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=torrents] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 3h2v10.2l3.2-3.2 1.4 1.4L12 17.8 6.4 11.4l1.4-1.4L11 13.2zm-6 14h14v2H5z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 3h2v10.2l3.2-3.2 1.4 1.4L12 17.8 6.4 11.4l1.4-1.4L11 13.2zm-6 14h14v2H5z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=releases] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'/%3E%3Cpath d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'/%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E"); -webkit-mask-size:78%; mask-size:78%}
	#tabs .scroller a[name=news] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h12v2H4zm0 4h16v12H4zm2 2v8h12v-8zm2 2h8v2H8zm0 3h5v2H8z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h12v2H4zm0 4h16v12H4zm2 2v8h12v-8zm2 2h8v2H8zm0 3h5v2H8z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=trailers] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 5v14l11-7z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 5v14l11-7z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=clips] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=porno] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 8.2a5.4 5.4 0 1 0 9.4 0'/%3E%3Cpath d='M11.8 8.2a5.4 5.4 0 1 0 9.4 0'/%3E%3Ccircle cx='7.5' cy='12.4' r='1.35' fill='%23000' stroke='none'/%3E%3Ccircle cx='16.5' cy='12.4' r='1.35' fill='%23000' stroke='none'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 8.2a5.4 5.4 0 1 0 9.4 0'/%3E%3Cpath d='M11.8 8.2a5.4 5.4 0 1 0 9.4 0'/%3E%3Ccircle cx='7.5' cy='12.4' r='1.35' fill='%23000' stroke='none'/%3E%3Ccircle cx='16.5' cy='12.4' r='1.35' fill='%23000' stroke='none'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=comics] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=books] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='18' x='3' y='3' rx='1'/%3E%3Cpath d='M7 3v18'/%3E%3Cpath d='M20.4 18.9c.2.5-.1 1.1-.6 1.3l-1.9.7c-.5.2-1.1-.1-1.3-.6L11.1 5.1c-.2-.5.1-1.1.6-1.3l1.9-.7c.5-.2 1.1.1 1.3.6Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='8' height='18' x='3' y='3' rx='1'/%3E%3Cpath d='M7 3v18'/%3E%3Cpath d='M20.4 18.9c.2.5-.1 1.1-.6 1.3l-1.9.7c-.5.2-1.1-.1-1.3-.6L11.1 5.1c-.2-.5.1-1.1.6-1.3l1.9-.7c.5-.2 1.1.1 1.3.6Z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=soft] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 9.5 8 12l2 2.5'/%3E%3Cpath d='m14 9.5 2 2.5-2 2.5'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 9.5 8 12l2 2.5'/%3E%3Cpath d='m14 9.5 2 2.5-2 2.5'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=games] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' x2='10' y1='11' y2='11'/%3E%3Cline x1='8' x2='8' y1='9' y2='13'/%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'/%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'/%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' x2='10' y1='11' y2='11'/%3E%3Cline x1='8' x2='8' y1='9' y2='13'/%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'/%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'/%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=retro] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h4'/%3E%3Cpath d='M8 9v4'/%3E%3Cpath d='M15 12h.01'/%3E%3Cpath d='M18 10h.01'/%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h4'/%3E%3Cpath d='M8 9v4'/%3E%3Cpath d='M15 12h.01'/%3E%3Cpath d='M18 10h.01'/%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=downloads] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8l-4-4'/%3E%3Cpath d='m12 21 4-4'/%3E%3Cpath d='M4.393 15.269A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.436 8.284'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8l-4-4'/%3E%3Cpath d='m12 21 4-4'/%3E%3Cpath d='M4.393 15.269A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.436 8.284'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=jellyfin] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.5 4 7v10l8 4.5 8-4.5V7zm0 2.3 5.5 3.1v6.2L12 17.2l-5.5-3.1V7.9zM10.2 9.2v5.6L15 12z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.5 4 7v10l8 4.5 8-4.5V7zm0 2.3 5.5 3.1v6.2L12 17.2l-5.5-3.1V7.9zM10.2 9.2v5.6L15 12z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=apps] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=settings] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=kodi] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 6h18v11H3zm2 2v7h14V8zm4 10h6v2H9z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 6h18v11H3zm2 2v7h14V8zm4 10h6v2H9z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=link] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=files] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
	#tabs .scroller a[name=sharing] .ico {-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E")}
	html.login #tabs {display:none}
	html.player_open #tabs {display:none}
	html.pad_open #tabs {display:none}
	html.link_bar #stage {padding-bottom:calc(116px + var(--sab))}
	html.link_bar #card {bottom:calc(100px + var(--sab))}
	html.link_bar #bcard {bottom:calc(100px + var(--sab))}
	html.link_bar #ccard {bottom:calc(100px + var(--sab))}
	html.link_bar #scard {bottom:calc(100px + var(--sab))}
	html.link_bar #gcard {bottom:calc(100px + var(--sab))}
	html.link_bar #rcard {bottom:calc(100px + var(--sab))}
	html.link_bar #dl {bottom:calc(100px + var(--sab))}
	html.link_bar #scroll_up {bottom:calc(128px + var(--sab))}
	html.link_bar #card .card_body {padding-bottom:20px}
	#linkBar {left:0; bottom:calc(52px + var(--sab) - 1px); z-index:48; padding:8px 12px}
	#linkBar.on {display:flex}
	html.player_open #linkBar {display:none}
	html.reader_open #linkBar {bottom:0; padding-bottom:calc(8px + var(--sab))}
	html.books_reader_open #linkBar {bottom:0; padding-bottom:calc(8px + var(--sab))}
	html.comics_reader_open #linkBar {bottom:0; padding-bottom:calc(8px + var(--sab))}
	html.player_open #player {left:-2px; right:-2px; top:-2px; bottom:-2px; width:auto; height:auto}
	html.reader_open #tabs {display:none}
	html.books_reader_open #tabs {display:none}
	html.comics_reader_open #tabs {display:none}
	#top {position:fixed; left:0; right:0; top:0; z-index:40; padding:calc(10px + var(--sat)) 12px 12px; box-sizing:border-box}
	#top_spacer {height:var(--top-h, 0px)}
	#top form {max-width:none; flex-wrap:wrap}
	#top form a.menu_btn {display:flex; margin:0 8px 8px 0}
	#top form select[name=sec] {flex:0 0 calc((100% - 58px) / 2); width:calc((100% - 58px) / 2); min-width:0; margin:0 8px 8px 0; padding:11px 28px 11px 10px; box-sizing:border-box}
	#top form select[name=where] {flex:0 0 calc((100% - 58px) / 2); width:calc((100% - 58px) / 2); min-width:0; margin:0 0 8px 0; padding:11px 28px 11px 10px; box-sizing:border-box}
	#top form .q {flex:1 1 auto; min-width:0; margin:0 8px 0 0}
	#top form .q input[name=q] {padding:11px 12px}
	#top form.active .q input[name=q] {padding-right:72px}
	#top form input[type=submit] {flex:0 0 auto; margin:0; padding:11px 14px}
	#scroll_up {bottom:calc(80px + var(--sab))}
	#sel_list {max-height:55vh; max-width:calc(100vw - 16px)}
	#sel_list a {padding:12px 16px 12px 14px}
	.filters {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end}
	.filters.has_more .filters_head {display:flex; flex-wrap:nowrap; align-items:flex-end; width:100%; box-sizing:border-box}
	.filters.has_more .filters_head .filters_main {display:flex; flex-wrap:nowrap; flex:1 1 auto; min-width:0}
	.filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
	.filters.has_more .filters_head .filters_main .field select {display:block; width:100%; min-width:0; max-width:none; height:40px; box-sizing:border-box}
	#soft .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#games .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#releases .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#soft .filters.has_more .filters_head .filters_main .field select[name=os] {min-width:0; width:100%; max-width:none}
	#soft .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
	#games .filters.has_more .filters_head .filters_main .field select[name=store] {min-width:0; width:100%; max-width:none}
#games .filters.has_more .filters_head .filters_main .field select[name=status] {min-width:0; width:100%; max-width:none}
	#games .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
	#catalog .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#torrents .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#news .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#trailers .filters.has_more, #clips .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#porno .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#books .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#comics .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#torrents .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#torrents .filters .field.main select {height:40px; box-sizing:border-box}
	#catalog .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#catalog .filters .field.main select {height:40px; box-sizing:border-box}
	#news .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#news .filters .field.main select {height:40px; box-sizing:border-box}
	#trailers .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#porno .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#trailers .filters .field.main select {height:40px; box-sizing:border-box}
	#porno .filters .field.main select {height:40px; box-sizing:border-box}
	#books .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#books .filters .field.main select {height:40px; box-sizing:border-box}
	#comics .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#comics .filters .field.main select {height:40px; box-sizing:border-box}
	#soft .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#soft .filters .field.main select {height:40px; box-sizing:border-box}
	#games .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#games .filters .field.main select {height:40px; box-sizing:border-box}
	#releases .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#releases .filters .field.main select {height:40px; box-sizing:border-box}
	#retro .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#retro .filters .field.main select {height:40px; box-sizing:border-box}
	.filters.has_more.has_overflow .filters_head a.more_btn {display:flex; align-items:center; justify-content:center; flex:none; align-self:flex-end; width:40px; min-width:40px; max-width:40px; height:40px; margin:0 4px 12px; padding:0; color:#ddd; background:#181818; border:1px solid #2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
	.filters.has_more.has_overflow .filters_head a.more_btn.hovered {color:#fff; background-color:#222; border-color:#444}
	.filters.has_more.has_overflow.open .filters_head a.more_btn {color:#fff; border-color:#ff3333}
	.filters .extra_box {display:none; width:100%}
	.filters.has_more.open .extra_box {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end}
	#login,
	#accounts,
	#register {width:calc(100% - 32px); max-width:380px; margin:10% auto 0; padding:32px 20px 24px; box-sizing:border-box}
	#home .jf_login {width:calc(100% - 32px); max-width:380px; margin:10% auto 0; padding:32px 20px 24px; box-sizing:border-box}
	#dbg .box {left:4%; right:4%; top:4%; bottom:4%; padding:12px 14px}
	#note {right:12px; top:calc(12px + var(--sat)); left:12px; padding:12px 14px}
	#home .row .head {margin:0 16px 12px}
	#home .row .head .filter {float:none; clear:both; padding:10px 0 0}
	#home .row .head .filter a {margin:0 16px 0 0}
	#home .row .row_box .row_scroller {padding:4px 16px 18px}
	#home .row .row_box a.row_prev {display:none}
	#home .row .row_box a.row_next {display:none}
	#home .row.news .row_box .row_scroller a.ncard {width:220px}
	#home .row.news .row_box .row_scroller a.ncard .cover {width:220px; height:124px}
	#home {padding-bottom:calc(50px + var(--sab))}
	#catalog {padding:10px 12px calc(50px + var(--sab))}
	#catalog .filters .field {margin:0 4px 12px}
	#catalog .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#catalog .grid a.poster {margin:0 6px 20px}
	#catalog .grid.libs a.poster.lib {width:100%; max-width:320px}
	#catalog .grid.libs a.poster.lib .cover {width:100%; height:124px}
	#catalog .grid.libs a.poster.lib .cover img {width:100%; height:124px; object-fit:cover}
	#torrents {padding:10px 12px calc(50px + var(--sab))}
	#torrents .filters .field {margin:0 4px 12px}
	#torrents .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#torrents .filters .field select[name=tracker] {min-width:0; width:170px; max-width:170px}
	#torrents .filters .field select[name=cat] {min-width:0; max-width:168px}
	#torrents .filters .field select[name=sort] {min-width:0; max-width:168px}
	#torrents .items .item {padding:14px}
	#torrents .items .item .tt {font-size:14px}
	#news {padding:10px 12px calc(50px + var(--sab))}
	#news .filters .field {margin:0 4px 12px}
	#news .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#news .items {margin:0 -8px}
	#news .items .item {flex:1 1 280px; width:auto; max-width:400px; margin:0 8px 16px}
	#news .items .item .cover {height:180px}
	#trailers {padding:10px 12px calc(50px + var(--sab))}
	#porno {padding:10px 12px calc(50px + var(--sab))}
	#trailers .filters .field {margin:0 4px 12px}
	#porno .filters .field {margin:0 4px 12px}
	#trailers .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#porno .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#trailers .items {margin:0 -8px}
	#porno .items {margin:0 -8px}
	#trailers .items .item {flex:1 1 280px; width:auto; max-width:400px; margin:0 8px 16px}
	#porno .items .item {flex:1 1 280px; width:auto; max-width:400px; margin:0 8px 16px}
	#trailers .items .item .cover {height:180px}
	#porno .items .item .cover {height:0; padding-bottom:56.25%}
	#books {padding:10px 12px calc(50px + var(--sab))}
	#books .filters .field {margin:0 4px 12px}
	#books .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#books .items {margin:0 -6px}
	#books .items .item {width:var(--poster); margin:0 6px 20px}
	#books .items .item .cover {width:var(--poster); height:var(--poster-h); max-height:var(--poster-h)}
	#comics {padding:10px 12px calc(50px + var(--sab))}
	#comics .filters .field {margin:0 4px 12px}
	#comics .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#comics .items {margin:0 -6px}
	#comics .items .item {width:var(--poster); margin:0 6px 20px}
	#comics .items .item .cover {width:var(--poster); height:var(--poster-h); max-height:var(--poster-h)}
	#soft {padding:10px 12px calc(50px + var(--sab))}
	#soft .filters .field {margin:0 4px 12px}
	#soft .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#soft .items {margin:0 -6px}
	#soft .items .item {display:block; width:var(--poster); margin:0 6px 20px}
	#soft .items .item .cover {width:64px; height:64px; max-height:64px; border-radius:12px}
	#soft .items .item .cover img {width:64px; height:64px}
	#games {padding:10px 12px calc(50px + var(--sab))}
	#games .filters .field {margin:0 4px 12px}
	#games .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#games .items {margin:0 -8px}
	#games .items .item {flex:1 1 280px; width:auto; max-width:400px; margin:0 8px 16px}
	#games .items .item .cover {height:180px}
	#games .items .item .cover img {height:180px}
	#games .items.egs .item {flex:1 1 200px; max-width:260px}
	#games .items.egs .item .cover {height:230px}
	#games .items.egs .item .cover img {height:230px}
	#games .items.sony .item {flex:1 1 200px; max-width:260px}
	#games .items.sony .item .cover {height:210px}
	#games .items.sony .item .cover img {height:210px}
	#games .items.nintendo .item {flex:1 1 200px; max-width:260px}
	#games .items.nintendo .item .cover {height:210px}
	#games .items.nintendo .item .cover img {height:210px}
	#games .items.gabestore .item {flex:1 1 200px; max-width:260px}
	#games .items.gabestore .item .cover {height:230px}
	#games .items.gabestore .item .cover img {height:230px}
	#games .items.steam .item .cover {height:150px}
	#games .items.steam .item .cover img {height:150px}
	#games .items.gog .item .cover {height:150px}
	#games .items.gog .item .cover img {height:150px}
	#games .items.steampay .item .cover {height:150px}
	#games .items.steampay .item .cover img {height:150px}
	#releases {padding:10px 12px calc(50px + var(--sab))}
	#releases .filters .field {margin:0 4px 12px}
	#releases .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#releases .grid a.poster {margin:0 6px 20px}
	#releases .items.games {margin:0 -8px}
	#releases .items.games .item {flex:1 1 280px; width:auto; max-width:400px; margin:0 8px 16px}
	#releases .items.games .item .cover {height:180px}
	#releases .items.games .item .cover img {height:180px}
	#retro {padding:10px 12px calc(50px + var(--sab))}
	#retro .filters .field {margin:0 4px 12px}
	#retro .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#retro .items {margin:0 -6px}
	#retro .items .item {width:var(--poster); margin:0 6px 20px}
	#retro .items .item .cover {width:var(--poster); height:var(--poster-h); max-height:var(--poster-h)}
	#card .card_art_box {top:var(--top-h, 0px); height:360px}
	#card .card_art_box .card_art {background-position:center center}
	#card .card_body {padding:calc(var(--top-h, 0px) + 16px) 16px calc(80px + var(--sab)); min-height:0; max-height:none}
	#card .card_body a.back {margin:0 0 16px}
	#card .card_body .card_top {margin:0 0 16px}
	#card .card_body .card_wrap {display:block}
	#card .card_body .card_wrap .card_poster {display:block; width:auto; margin:0 0 16px; text-align:center}
	#card .card_body .card_wrap .card_poster .cover {width:300px; height:auto; margin:0 auto}
	#card .card_body .card_wrap .card_poster .cover img {width:300px; height:auto}
	#card .card_body .card_wrap .card_info {display:block; padding:0}
	#card .card_body .card_wrap .card_info h1 {font-size:22px; text-align:center}
	#card .card_body .card_wrap .card_info .eng {text-align:center; font-size:14px}
	#card .card_body .card_wrap .card_info .chips {text-align:center}
	#card .card_body .card_wrap .card_info .watch {display:flex; margin:48px 0 0; gap:8px}
	#card .card_body .card_wrap .card_info .watch a.go {flex:1 1 0; width:auto; margin:0; padding:12px 10px}
	#card .card_body .card_wrap .card_info .watch.local {flex-wrap:wrap; justify-content:center}
	#card .card_body .card_wrap .card_info .watch.local a.go {flex:0 0 auto; width:210px; max-width:100%; box-sizing:border-box}
	#card .card_body .card_wrap .card_info .watch a.go .t {font-size:15px}
	#card .card_body .card_wrap .card_info .watch a.go .d {font-size:11px; margin:4px 0 0}
	#card .card_body .card_wrap .card_info .watch_list {max-width:none; margin:28px 0 0; text-align:left}
	#card .card_body .card_wrap .card_info .watch_list .src_st {text-align:left; padding:4px 2px}
	#card .card_body .card_wrap .card_info .watch_list .src_st.empty_t {margin:28px 0; padding:0; color:#444; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center}
 	#card .card_body .card_wrap .card_info .watch_list .empty_t + .manual {margin-top:0}
	#card .card_body .card_wrap .card_info .watch_list a.tr {display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; gap:0; margin:0 0 6px; padding:12px 14px; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list a.tr:last-child {margin:0}
	#card .card_body .card_wrap .card_info .watch_list a.tr .n {flex:none}
	#card .card_body .card_wrap .card_info .watch_list a.tr .m {margin:4px 0 0; flex:none; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .eplist {grid-template-columns:repeat(6, minmax(0, 1fr)); gap:5px}
	#card .card_body .card_wrap .card_info .watch_list .eplist .epcell {min-height:54px}
	#card .card_body .card_wrap .card_info .watch_list .eplist .epcell a.ep {min-height:30px; padding-top:5px; font-size:15px}
	#card .card_body .card_wrap .card_info .watch_list .manual {width:fit-content; max-width:100%; margin:32px auto 8px}
	#card .card_body .card_wrap .card_info .watch_list .tlist .trow .ta a {margin:0 8px 8px 0}
	#card .krel .row_scroller {padding:4px 16px 16px 0}
	#bcard .card_art_box {top:var(--top-h, 0px); height:360px}
	#bcard .card_art_box .card_art {background-position:center center}
	#bcard .card_body {padding:calc(var(--top-h, 0px) + 16px) 16px calc(80px + var(--sab)); min-height:0; max-height:none}
	#bcard .card_body a.back {margin:0 0 16px}
	#bcard .card_body .card_top {margin:0 0 16px}
	#bcard .card_body .card_wrap {display:block}
	#bcard .card_body .card_wrap .card_poster {display:block; width:auto; margin:0 0 16px; text-align:center}
	#bcard .card_body .card_wrap .card_poster .cover {width:300px; height:auto; margin:0 auto}
	#bcard .card_body .card_wrap .card_poster .cover img {width:300px; height:auto}
	#bcard .card_body .card_wrap .card_info {display:block; padding:0}
	#bcard .card_body .card_wrap .card_info h1 {font-size:22px; text-align:center}
	#bcard .card_body .card_wrap .card_info .chips {text-align:center}
	#bcard .card_body .card_wrap .card_info .buttons {text-align:center}
	#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow {flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px}
	#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta {flex:0 0 auto; margin-left:auto; flex-wrap:nowrap; justify-content:flex-end}
	#bcard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a {padding:7px 10px; font-size:12px; white-space:nowrap}
	#ccard .card_art_box {top:var(--top-h, 0px); height:360px}
	#ccard .card_art_box .card_art {background-position:center center}
	#ccard .card_body {padding:calc(var(--top-h, 0px) + 16px) 16px calc(80px + var(--sab)); min-height:0; max-height:none}
	#ccard .card_body .card_wrap {max-height:none}
	#ccard .card_body .card_wrap .card_info {max-height:none}
	#ccard .card_body .card_wrap .card_info .panel.chapters {max-height:none}
	#ccard .card_body .card_wrap .card_info .panel.chapters .tlist {max-height:none}
	#ccard .card_body a.back {margin:0 0 16px}
	#ccard .card_body .card_top {margin:0 0 16px}
	#ccard .card_body .card_wrap {display:block}
	#ccard .card_body .card_wrap .card_poster {display:block; width:auto; margin:0 0 16px; text-align:center}
	#ccard .card_body .card_wrap .card_poster .cover {width:300px; height:auto; margin:0 auto}
	#ccard .card_body .card_wrap .card_poster .cover img {width:300px; height:auto}
	#ccard .card_body .card_wrap .card_info {display:block; padding:0}
	#ccard .card_body .card_wrap .card_info h1 {font-size:22px; text-align:center}
	#ccard .card_body .card_wrap .card_info .orig {text-align:center}
	#ccard .card_body .card_wrap .card_info .chips {text-align:center}
	#ccard .card_body .card_wrap .card_info .buttons {text-align:center}
	#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow {flex-direction:column; align-items:stretch; gap:12px}
	#ccard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta {flex-wrap:wrap}
	#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow {gap:10px}
	#ccard .card_body .card_wrap .card_info .panel.chapters .tlist .trow .ta a {padding:7px 10px; font-size:12px}
	#scard .card_art_box {top:var(--top-h, 0px); height:360px}
	#scard .card_art_box .card_art {background-position:center center}
	#scard .card_body {padding:calc(var(--top-h, 0px) + 16px) 16px calc(80px + var(--sab)); min-height:0; max-height:none}
	#scard .card_body a.back {margin:0 0 16px}
	#scard .card_body .card_top {margin:0 0 16px}
	#scard .card_body .card_wrap {display:block}
	#scard .card_body .card_wrap .card_poster {display:block; width:auto; margin:0 0 16px; text-align:center}
	#scard .card_body .card_wrap .card_poster .cover {width:140px; height:140px; margin:0 auto; border-radius:16px}
	#scard .card_body .card_wrap .card_poster .cover img {width:140px; height:140px}
	#scard .card_body .card_wrap .card_info {display:block; padding:0}
	#scard .card_body .card_wrap .card_info h1 {font-size:22px; text-align:center}
	#scard .card_body .card_wrap .card_info .orig {text-align:center}
	#scard .card_body .card_wrap .card_info .chips {text-align:center}
	#scard .card_body .card_wrap .card_info .buttons {text-align:center}
	#scard .card_body .card_wrap .card_info .screens a.screen {width:calc(50% - 5px); height:90px}
	#gcard .card_art_box {top:var(--top-h, 0px); height:360px}
	#gcard .card_art_box .card_art {background-position:center center}
	#gcard .card_body {padding:calc(var(--top-h, 0px) + 16px) 16px calc(80px + var(--sab)); min-height:0; max-height:none}
	#gcard .card_body a.back {margin:0 0 16px}
	#gcard .card_body .card_top {margin:0 0 16px}
	#gcard .card_body .card_wrap {display:block}
	#gcard .card_body .card_wrap .card_poster {display:block; width:auto; margin:0 0 16px; text-align:center}
	#gcard .card_body .card_wrap .card_poster .cover {width:280px; height:154px; margin:0 auto; border-radius:14px}
	#gcard .card_body .card_wrap .card_poster .cover img {width:280px; height:154px}
	#gcard .card_body .card_wrap .card_info {display:block; padding:0}
	#gcard .card_body .card_wrap .card_info h1 {font-size:22px; text-align:center}
	#gcard .card_body .card_wrap .card_info .chips {text-align:center}
	#gcard .card_body .card_wrap .card_info .buttons {text-align:center}
	#rcard .card_art_box {top:var(--top-h, 0px); height:360px}
	#rcard .card_art_box .card_art {background-position:center center}
	#rcard .card_body {padding:calc(var(--top-h, 0px) + 16px) 16px calc(80px + var(--sab)); min-height:0; max-height:none}
	#rcard .card_body a.back {margin:0 0 16px}
	#rcard .card_body .card_top {margin:0 0 16px}
	#rcard .card_body .card_wrap {display:block}
	#rcard .card_body .card_wrap .card_poster {display:block; width:auto; margin:0 0 16px; text-align:center}
	#rcard .card_body .card_wrap .card_poster .cover {width:300px; height:auto; margin:0 auto}
	#rcard .card_body .card_wrap .card_poster .cover img {width:300px; height:auto}
	#rcard .card_body .card_wrap .card_info {display:block; padding:0}
	#rcard .card_body .card_wrap .card_info h1 {font-size:22px; text-align:center}
	#rcard .card_body .card_wrap .card_info .chips {text-align:center}
	#rcard .card_body .card_wrap .card_info .panel .tlist .trow {flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px}
	#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta {flex:0 0 auto; margin-left:auto; flex-wrap:nowrap; justify-content:flex-end}
	#rcard .card_body .card_wrap .card_info .panel .tlist .trow .ta a {padding:7px 10px; font-size:12px; white-space:nowrap}
	#rcard .card_body .card_wrap .card_info .panel .media {margin:22px auto 0}
	#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow {flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px}
	#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta {flex:0 0 auto; margin-left:auto; flex-wrap:nowrap; justify-content:flex-end}
	#scard .card_body .card_wrap .card_info .panel.downloads .tlist .trow .ta a {padding:7px 10px; font-size:12px; white-space:nowrap}
	#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow {flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px}
	#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta {flex:0 0 auto; margin-left:auto; flex-wrap:nowrap; justify-content:flex-end}
	#gcard .card_body .card_wrap .card_info .panel.buy .tlist .trow .ta a {padding:7px 10px; font-size:12px; white-space:nowrap}
	#dl .dl_head {padding:12px 16px 8px}
	#dl .dl_head h1 {display:none}
	#dl .dl_head .sub {display:none}
	#dl .dlist {margin:12px 16px 32px}
	#link {padding:20px 16px calc(50px + var(--sab)); overflow-x:hidden}
	#sharing {padding:20px 16px calc(50px + var(--sab)); overflow-x:hidden}
	#link .list .item {min-width:0}
	#link .list .item a.go {margin:0 0 0 10px; padding:10px 12px; white-space:nowrap}
	#link .list .item a.off {margin:0 0 0 10px; padding:10px 12px; white-space:nowrap}
	#files .fs_nav {padding:14px 16px 8px}
	#files .fs_tools {padding:0 16px 10px}
	#files .fs_offline, #files .fs_err, #files .fs_busy {margin:0 16px 10px}
	#files .fs_list .empty {padding:32px 16px}
	#files .fs_list .fs_section {padding:16px 16px 4px}
	#files .fs_list .item {padding:12px 16px}
	#tbox .sheet {width:auto; left:4%; right:4%; max-width:none; top:calc(var(--top-h, 0px) + 8px); bottom:calc(52px + var(--sab) + 8px); max-height:none; padding:14px 16px 16px; transform:none}
	#wbox {padding:0}
	#wbox .sheet {position:absolute; width:auto; left:4%; right:4%; max-width:none; top:calc(var(--top-h, 0px) + 8px); bottom:calc(52px + var(--sab) + 8px); max-height:none; padding:14px 14px 16px; transform:none}
	#wbox .sheet .head {margin:0 0 18px; padding:0 0 14px}
	#wbox .sheet .head .ht {font-size:12px}
	#tbox .sheet .head {margin:0 0 10px}
	#tbox .sheet h3 {margin:0 0 8px; font-size:15px; line-height:1.3em}
	#tbox .sheet .tags {margin:0 0 8px}
	#tbox .sheet .meta {margin:0 0 10px; font-size:12px; line-height:1.45em}
	#tbox .sheet .text {margin:0 0 10px; font-size:13px}
	#tbox .sheet .text img {max-height:120px; width:auto; object-fit:contain}
	#tbox .sheet .ta a {margin:0 8px 0 0; padding:10px 14px; font-size:13px}
	#fpick .sheet {width:auto; left:4%; right:4%; max-width:none; max-height:92%; padding:16px; transform:translate(0, -50%)}
	#onlineHow .box {width:auto; max-width:none; margin:0 16px; padding:24px 18px}
	#linkHow .box {width:auto; max-width:none; margin:0 16px; padding:24px 18px; left:0; right:0; top:50%; transform:translateY(-50%)}
	#linkHow .acts {flex-wrap:nowrap; gap:8px}
	#linkHow .acts a.here {flex:1 1 0; min-width:0; padding:12px 10px; box-sizing:border-box}
	#linkHow .acts a.remote {flex:1 1 0; min-width:0; padding:12px 10px; box-sizing:border-box}
	#linkHow .acts.disks {flex-wrap:wrap; max-height:56vh}
	#linkHow .acts.disks a.disk {flex:1 1 100%; min-width:0; padding:12px 10px; box-sizing:border-box}
	#saveHow .box {width:auto; max-width:none; margin:0 16px; padding:24px 18px; left:0; right:0; top:50%; transform:translateY(-50%)}
	#saveHow .acts {flex-wrap:wrap; gap:8px}
	#saveHow .acts a.here {flex:1 1 140px; min-width:0; padding:12px 10px; box-sizing:border-box}
	#saveHow .acts a.file {flex:1 1 140px; min-width:0; padding:12px 10px; box-sizing:border-box}
	#saveHow .acts a.remote {flex:1 1 140px; min-width:0; padding:12px 10px; box-sizing:border-box}
	#helperHow .box {width:auto; max-width:none; margin:0 16px; padding:24px 18px; left:0; right:0; top:50%; transform:translateY(-50%)}
	#reader .bar {position:absolute; left:0; right:0; top:0; height:calc(52px + var(--sat)); padding:var(--sat) 12px 0; box-sizing:border-box}
	#reader .bar .info .cat {font-size:14px}
	#reader .stage {position:absolute; left:0; right:0; top:calc(52px + var(--sat)); bottom:calc(76px + var(--sab))}
	#reader .stage .sheet .viewport {padding:22px 18px 28px}
	#reader .stage .sheet .viewport .flow p.ill.cover {margin:-22px -18px 1.2em}
	#reader .controls {position:absolute; left:0; right:0; bottom:0; height:calc(76px + var(--sab)); padding:0 12px var(--sab); align-items:center; box-sizing:border-box}
	#reader .controls .dock {flex-wrap:nowrap; flex-direction:row; gap:8px; align-items:center; justify-content:space-between; max-width:none}
	#reader .controls .dock .acts {flex:1 1 auto; flex-wrap:nowrap; gap:6px; min-width:0}
	#reader .controls .dock .acts a {flex:1 1 0; min-width:0; height:40px; padding:0 10px; font-size:13px; text-align:center; white-space:nowrap}
	#reader .controls .dock .tools {flex:0 0 auto; margin:0; gap:6px}
	#reader .controls .dock .tools a {height:40px; min-width:40px; padding:0 10px}
	#reader .controls .settings {right:12px; bottom:calc(84px + var(--sab)); width:calc(100% - 24px); max-width:340px}
	#books_reader .bar {position:absolute; left:0; right:0; top:0; height:calc(52px + var(--sat)); padding:var(--sat) 12px 0; box-sizing:border-box}
	#books_reader .bar .info .ttl {font-size:14px}
	#books_reader .stage {position:absolute; left:0; right:0; top:calc(52px + var(--sat)); bottom:calc(108px + var(--sab))}
	#books_reader .stage a.nav {width:18%}
	#books_reader .stage .sheet {max-width:calc(100% - 12px); height:calc(100% - 12px); margin:6px auto 0; border-radius:10px}
	#books_reader .stage .sheet .viewport {left:14px; right:14px; top:14px; bottom:14px}
	#books_reader .controls {position:absolute; left:0; right:0; bottom:0; height:auto; padding:10px 12px calc(10px + var(--sab)); align-items:stretch; box-sizing:border-box}
	#books_reader .controls .dock {flex-wrap:nowrap; flex-direction:column; gap:8px; align-items:stretch; justify-content:flex-start}
	#books_reader .controls .dock .acts {flex-wrap:nowrap; width:100%; justify-content:space-between; gap:6px}
	#books_reader .controls .dock .acts a {height:40px; padding:0 10px; font-size:12px; white-space:nowrap}
	#books_reader .controls .dock .acts select.chapters_list {flex:1 1 auto; min-width:0; max-width:none; height:40px}
	#books_reader .controls .dock .tools {margin:0; width:100%; justify-content:center}
	#books_reader .controls .dock .tools a {height:40px}
	#books_reader .controls .settings {right:12px; bottom:calc(116px + var(--sab)); width:calc(100% - 24px); max-width:340px}
	#comics_reader .bar {position:absolute; left:0; right:0; top:0; height:calc(52px + var(--sat)); padding:var(--sat) 12px 0; box-sizing:border-box}
	#comics_reader .bar .info .ttl {font-size:14px}
	#comics_reader .stage {position:absolute; left:0; right:0; top:calc(52px + var(--sat)); bottom:calc(108px + var(--sab))}
	#comics_reader .stage a.nav {position:fixed; top:calc(52px + var(--sat)); bottom:calc(108px + var(--sab)); width:18%}
	#comics_reader .controls {position:absolute; left:0; right:0; bottom:0; height:auto; padding:10px 12px calc(10px + var(--sab)); align-items:stretch; box-sizing:border-box}
	#comics_reader .controls .dock {flex-wrap:nowrap; flex-direction:column; gap:8px; align-items:stretch; justify-content:flex-start; max-width:none}
	#comics_reader .controls .dock .acts {flex-wrap:nowrap; width:100%; justify-content:space-between; gap:6px; min-width:0}
	#comics_reader .controls .dock .acts a {flex:0 0 auto; height:40px; padding:0 10px; font-size:12px; white-space:nowrap}
	#comics_reader .controls .dock .acts select.chapters_list {flex:1 1 auto; min-width:0; max-width:none; height:40px; line-height:40px; -webkit-appearance:none}
	#comics_reader .controls .dock .tools {margin:0; width:100%; justify-content:center; gap:8px}
	#comics_reader .controls .dock .tools a {height:40px; min-width:40px}
	#comics_reader .controls .dock .tools a.zoom_val {min-width:44px; padding:0 8px; font-size:11px}
	#comics_reader .stage {-webkit-overflow-scrolling:touch}
	#comics_reader .controls .settings {right:12px; bottom:calc(116px + var(--sab)); width:calc(100% - 24px); max-width:340px}
	#comics_reader .controls .bookmarks {right:12px; bottom:calc(116px + var(--sab)); width:calc(100% - 24px); max-width:340px}
	#ejs .bar {height:calc(52px + var(--sat)); padding:var(--sat) calc(12px + var(--sar)) 0 calc(12px + var(--sal))}
	#ejs .bar .info .ttl {font-size:14px}
	#ejs .stage {top:calc(52px + var(--sat))}
	#player .ptop {left:calc(12px + var(--sal)); right:calc(12px + var(--sar)); top:calc(14px + var(--sat)); column-gap:10px}
	#player .ptitle {font-size:13px}
	#player .plist {left:4%; right:4%; top:calc(88px + var(--sat))}
	#player a.epprev {left:calc(12px + var(--sal)); bottom:calc(56px + var(--sab)); padding:8px 12px; font-size:13px}
	#player a.epnext {right:calc(12px + var(--sar)); bottom:calc(56px + var(--sab)); padding:8px 12px; font-size:13px}
	#player a.eplist {bottom:calc(56px + var(--sab)); padding:8px 12px; font-size:13px}
	#player .pstatus .acts a.inwin {display:block; margin:0 0 10px}
	#player .pstatus .acts a.vlcgo {display:block; margin:0 0 10px}
	#player .pstatus .acts a.dlsave {display:block; margin:0 0 10px}
	#player .pstatus .acts a.goon {display:block; margin:0 0 10px}
	#player .pstatus .acts a.playnow {display:block; margin:0 0 10px; padding:16px 24px}
	#player .pstatus .acts a.again {display:block; margin:0 0 10px}
}

@media (max-height:500px) and (min-width:861px) {
	.filters {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end}
	.filters.has_more .filters_head {display:flex; flex-wrap:nowrap; align-items:flex-end; width:100%; box-sizing:border-box}
	.filters.has_more .filters_head .filters_main {display:flex; flex-wrap:nowrap; flex:1 1 auto; min-width:0}
	.filters.has_more .filters_head .filters_main .field {display:flex; flex-direction:column; flex:1 1 0; min-width:0; max-width:none; margin:0 4px 12px}
	.filters.has_more .filters_head .filters_main .field select {display:block; width:100%; min-width:0; max-width:none; height:40px; box-sizing:border-box}
	#soft .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#games .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#releases .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#soft .filters.has_more .filters_head .filters_main .field select[name=os] {min-width:0; width:100%; max-width:none}
	#soft .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
	#games .filters.has_more .filters_head .filters_main .field select[name=store] {min-width:0; width:100%; max-width:none}
#games .filters.has_more .filters_head .filters_main .field select[name=status] {min-width:0; width:100%; max-width:none}
	#games .filters.has_more .filters_head .filters_main .field select[name=rate] {min-width:0; width:100%; max-width:none}
	#catalog .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#torrents .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#news .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#trailers .filters.has_more, #clips .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#porno .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#books .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#comics .filters.has_more .filters_head .filters_main .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	.filters.has_more.has_overflow .filters_head a.more_btn {display:flex; align-items:center; justify-content:center; flex:none; align-self:flex-end; width:40px; min-width:40px; max-width:40px; height:40px; margin:0 4px 12px; padding:0; color:#ddd; background:#181818; border:1px solid #2a2a2a; border-radius:10px; text-decoration:none; box-sizing:border-box}
	.filters.has_more.has_overflow .filters_head a.more_btn.hovered {color:#fff; background-color:#222; border-color:#444}
	.filters.has_more.has_overflow.open .filters_head a.more_btn {color:#fff; border-color:#ff3333}
	.filters .extra_box {display:none; width:100%}
	.filters.has_more.open .extra_box {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end}
	#torrents .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#torrents .filters .field.main select {height:40px; box-sizing:border-box}
	#torrents .filters .field {margin:0 4px 12px}
	#torrents .filters .field select {min-width:0; box-sizing:border-box}
	#torrents .filters .field select[name=tracker] {min-width:0; width:170px; max-width:170px}
	#catalog .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#catalog .filters .field.main select {height:40px; box-sizing:border-box}
	#catalog .filters .field {margin:0 4px 12px}
	#catalog .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#news .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#news .filters .field.main select {height:40px; box-sizing:border-box}
	#news .filters .field {margin:0 4px 12px}
	#news .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#trailers .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#porno .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#trailers .filters .field.main select {height:40px; box-sizing:border-box}
	#porno .filters .field.main select {height:40px; box-sizing:border-box}
	#trailers .filters .field {margin:0 4px 12px}
	#porno .filters .field {margin:0 4px 12px}
	#trailers .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#porno .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#books .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#books .filters .field.main select {height:40px; box-sizing:border-box}
	#books .filters .field {margin:0 4px 12px}
	#books .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#comics .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#comics .filters .field.main select {height:40px; box-sizing:border-box}
	#comics .filters .field {margin:0 4px 12px}
	#comics .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#soft .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#soft .filters .field.main select {height:40px; box-sizing:border-box}
	#soft .filters .field {margin:0 4px 12px}
	#soft .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#games .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#games .filters .field.main select {height:40px; box-sizing:border-box}
	#games .filters .field {margin:0 4px 12px}
	#games .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#releases .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#releases .filters .field.main select {height:40px; box-sizing:border-box}
	#releases .filters .field {margin:0 4px 12px}
	#releases .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
	#retro .filters .field.main {display:flex; flex-direction:column; margin:0 4px 12px}
	#retro .filters .field.main select {height:40px; box-sizing:border-box}
	#retro .filters .field {margin:0 4px 12px}
	#retro .filters .extra_box .field select {min-width:0; width:100%; max-width:none; box-sizing:border-box}
}

@media (max-width:389px) {
	#reader .stage {bottom:calc(108px + var(--sab))}
	#reader .controls {height:auto; padding:10px 12px calc(10px + var(--sab)); align-items:stretch}
	#reader .controls .dock {flex-wrap:nowrap; flex-direction:column; gap:8px; align-items:stretch; justify-content:flex-start}
	#reader .controls .dock .acts {width:100%; justify-content:space-between}
	#reader .controls .dock .acts a {height:40px; padding:0 6px}
	#reader .controls .dock .tools {width:100%; justify-content:space-between}
	#reader .controls .dock .tools a {flex:1 1 0; min-width:0; height:40px; padding:0 8px}
	#reader .controls .settings {bottom:calc(116px + var(--sab))}
	#comics_reader .controls .dock .acts a {padding:0 6px; font-size:11px}
	#comics_reader .controls .dock .acts select.chapters_list {font-size:12px}
	#comics_reader .controls .dock .tools a {padding:0 6px; font-size:13px}
	#comics_reader .controls .dock .tools a.zoom_val {font-size:11px}
	#games .items .item .body .actions a.open_act {width:28px; height:28px; padding:0; overflow:hidden}
	#games .items .item .body .actions a.open_act span {display:none}
	#games .items .item .body .actions a.open_act:before {content:''; display:block; width:16px; height:16px; margin:0; background:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 3h2v10.2l3.2-3.2 1.4 1.4L12 17.8 6.4 11.4l1.4-1.4L11 13.2zm-6 14h14v2H5z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 3h2v10.2l3.2-3.2 1.4 1.4L12 17.8 6.4 11.4l1.4-1.4L11 13.2zm-6 14h14v2H5z'/%3E%3C/svg%3E")}
	#games .items .item .body .actions span.mark {padding:4px 8px 7px; height:auto; line-height:1.15}
	#games .items .item .body .actions span.mark.none {padding:4px 8px 7px; height:auto; line-height:1.15}
	#releases .items.games .item .body .actions a.open_act {width:28px; height:28px; padding:0; overflow:hidden}
	#releases .items.games .item .body .actions a.open_act span {display:none}
	#releases .items.games .item .body .actions a.open_act:before {content:''; display:block; width:16px; height:16px; margin:0; background:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 3h2v10.2l3.2-3.2 1.4 1.4L12 17.8 6.4 11.4l1.4-1.4L11 13.2zm-6 14h14v2H5z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 3h2v10.2l3.2-3.2 1.4 1.4L12 17.8 6.4 11.4l1.4-1.4L11 13.2zm-6 14h14v2H5z'/%3E%3C/svg%3E")}
	#releases .items.games .item .body .actions span.mark {padding:4px 8px 7px; height:auto; line-height:1.15}
	#releases .items.games .item .body .actions span.mark.none {padding:4px 8px 7px; height:auto; line-height:1.15}
}

@media (max-width:599px) {
	#news .items {margin:0}
	#news .items .item {flex:1 1 100%; width:100%; max-width:100%; margin:0 0 16px}
	#trailers .items {margin:0}
	#porno .items {margin:0}
	#trailers .items .item {flex:1 1 100%; width:100%; max-width:100%; margin:0 0 16px}
	#porno .items .item {flex:1 1 100%; width:100%; max-width:100%; margin:0 0 16px}
	#clips .clips_artist_head {margin:0 16px 22px; padding:20px 18px}
	#clips .clips_artist_head .clips_artist_wrap {flex-direction:column; align-items:center; gap:18px; text-align:center}
	#clips .clips_artist_head .clips_artist_photo {flex:0 0 auto; width:140px}
	#clips .clips_artist_head .clips_artist_photo .photo {width:140px; height:140px}
	#clips .clips_artist_head .clips_artist_info {padding:0}
	#clips .clips_artist_head .clips_artist_info h1 {font-size:26px}

	#card .card_body .card_wrap .card_info .watch_list:has(> .src) {display:block; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src {flex:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:auto; margin:0 0 22px; padding:0; text-align:center; border:0; background:transparent}
	#card .card_body .card_wrap .card_info .watch_list .src.lordfilm {border:0}
	#card .card_body .card_wrap .card_info .watch_list .src .src_name {display:block; width:100%; flex:0 0 100%; margin:0 0 10px; padding:0; font-size:12px; border-bottom:0; letter-spacing:0.1em}
	#card .card_body .card_wrap .card_info .watch_list .src .src_st {display:block; width:100%; flex:0 0 100%; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr {display:inline-flex; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; width:auto; max-width:100%; margin:0 4px 8px; padding:8px 12px; vertical-align:top; color:#ddd; background:#161616; border:1px solid #2a2a2a; border-radius:8px; font-size:12px; font-weight:600; text-align:center; box-sizing:border-box}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr.hovered {color:#fff; background:#1e1e1e}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .n {display:block; font-size:12px; font-weight:600; line-height:1.3em; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m {display:block; margin:3px 0 0; color:#777; font-size:10px; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m.seen {color:#ffb04a}

	#catalog .items.list {padding:0; text-align:left}
	#catalog .items.list .item {display:block; position:relative; margin:0 0 12px; padding:14px; text-align:left; background:#161616; border:1px solid #222; border-radius:12px; overflow:hidden; box-sizing:border-box}
	#catalog .items.list .item .mask {display:none}
	#catalog .items.list .item a.poster {display:block; width:90px; float:left; margin:0 14px 0 0; text-decoration:none; position:relative; z-index:1}
	#catalog .items.list .item a.poster .cover {width:90px; height:135px; margin:0; border-radius:8px; overflow:hidden; position:relative; box-shadow:0 8px 20px rgba(0,0,0,0.45)}
	#catalog .items.list .item a.poster .cover img {display:block; width:90px; height:135px; object-fit:cover; opacity:0; transition:opacity 0.28s ease}
	#catalog .items.list .item a.poster .cover img.on {opacity:1}
	#catalog .items.list .item a.poster .cover .rate {position:absolute; left:6px; top:6px; z-index:1; padding:2px 6px; border-radius:4px; font-size:11px; font-weight:700; color:#fff}
	#catalog .items.list .item a.poster .cover .rate.green {background:#2e7d32}
	#catalog .items.list .item a.poster .cover .rate.grey {background:#4a4a4a; color:#ddd}
	#catalog .items.list .item a.poster .cover .rate.red {background:#c62828}
	#catalog .items.list .item a.poster .cover span.mark {display:none}
	#catalog .items.list .item a.poster .cover .prog {position:absolute; left:0; right:0; bottom:0; height:3px; background:rgba(255,255,255,0.15)}
	#catalog .items.list .item a.poster .cover .prog span {display:block; height:3px; background:#ff3333}
	#catalog .items.list .item .info {position:relative; z-index:1; overflow:hidden}
	#catalog .items.list .item .info a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
	#catalog .items.list .item .info h2 {margin:0 0 6px; font-size:15px; font-weight:600; line-height:1.3em; color:#eee}
	#catalog .items.list .item .info .meta {margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#catalog .items.list .item .info .text {display:-webkit-box; margin:0; font-size:13px; line-height:1.4em; color:#8a8a8a; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
	#catalog .items.list .item .info .actions {margin:12px 0 0; text-align:right}
	#catalog .items.list .item .info .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#catalog .items.list .item .info .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#catalog .items.list .item .info .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#catalog .items.list .item .info .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#catalog .items.list .item .info .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#catalog .items.list .item .info .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#catalog .items.list .item .info .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#catalog .items.list .item .info .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#catalog .items.list .item .info .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#catalog .items.list .item .info .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}
	#catalog .items.list .item .clear {clear:both; height:0; overflow:hidden}
	#catalog .items.list .item.lib a.poster {width:100px}
	#catalog .items.list .item.lib a.poster .cover {width:100px; height:56px}
	#catalog .items.list .item.lib a.poster .cover img {width:100px; height:56px; object-fit:cover}

	#books .items {display:block; margin:0}
	#books .items .item .cover .mark {display:none}
	#books .items .item {display:flex; flex-direction:row; align-items:flex-start; gap:14px; width:100%; max-width:100%; margin:0 0 12px; padding:14px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
	#books .items .item .cover {flex:0 0 90px; width:90px; height:135px; max-height:135px; float:none; margin:0}
	#books .items .item .body {flex:1 1 auto; min-width:0; padding:0}
	#books .items .item .body h3 {font-size:15px}
	#books .items .item .body .meta {display:block; margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#books .items .item .body .text {display:-webkit-box; margin:0; font-size:13px; line-height:1.4em; color:#8a8a8a; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
	#books .items .item .body .actions {margin:12px 0 0; text-align:right}
	#books .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#books .items .item .body .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#books .items .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#books .items .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#books .items .item .body .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#books .items .item .body .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#books .items .item .body .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#books .items .item .body .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#books .items .item .body .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#books .items .item .body .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}

	#comics .items {display:block; margin:0}
	#comics .items .item .cover .mark {display:none}
	#comics .items .item {display:flex; flex-direction:row; align-items:flex-start; gap:14px; width:100%; max-width:100%; margin:0 0 12px; padding:14px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
	#comics .items .item .cover {flex:0 0 90px; width:90px; height:135px; max-height:135px; float:none; margin:0}
	#comics .items .item .body {flex:1 1 auto; min-width:0; padding:0}
	#comics .items .item .body h3 {font-size:15px}
	#comics .items .item .body .meta {display:block; margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#comics .items .item .body .text {display:-webkit-box; margin:0; font-size:13px; line-height:1.4em; color:#8a8a8a; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
	#comics .items .item .body .actions {margin:12px 0 0; text-align:right}
	#comics .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#comics .items .item .body .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#comics .items .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#comics .items .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#comics .items .item .body .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#comics .items .item .body .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#comics .items .item .body .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#comics .items .item .body .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#comics .items .item .body .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#comics .items .item .body .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}

	#soft .items {display:block; margin:0}
	#soft .items .item {display:flex; flex-direction:row; align-items:flex-start; gap:14px; width:100%; min-width:0; max-width:100%; flex:none; margin:0 0 12px; padding:14px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
	#soft .items .item .cover {flex:0 0 90px; width:90px; height:90px; max-height:90px; float:none; margin:0; border-radius:12px}
	#soft .items .item .cover img {width:90px; height:90px}
	#soft .items .item .cover .mark {display:none}
	#soft .items .item .body {flex:1 1 auto; min-width:0; padding:0; text-align:left}
	#soft .items .item .body h3 {font-size:15px; height:auto}
	#soft .items .item .body a.open h3 {-webkit-line-clamp:3}
	#soft .items .item .body .authors {height:auto}
	#soft .items .item .body .authors {display:none}
	#soft .items .item .body .meta {display:block; margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#soft .items .item .body .text {display:-webkit-box; margin:0; font-size:13px; line-height:1.4em; color:#8a8a8a; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
	#soft .items .item .body .actions {margin:12px 0 0; text-align:right}
	#soft .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#soft .items .item .body .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#soft .items .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#soft .items .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#soft .items .item .body .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#soft .items .item .body .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#soft .items .item .body .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#soft .items .item .body .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#soft .items .item .body .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#soft .items .item .body .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}

	#games .items {display:block; margin:0}
	#games .items .item {display:flex; flex-direction:row; align-items:flex-start; gap:14px; width:100%; min-width:0; max-width:100%; flex:none; margin:0 0 12px; padding:14px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
	#games .items .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px; float:none; margin:0; border-radius:8px}
	#games .items .item .cover img {width:140px; height:80px}
	#games .items.steam .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px}
	#games .items.steam .item .cover img {width:140px; height:80px}
	#games .items.gog .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px}
	#games .items.gog .item .cover img {width:140px; height:80px}
	#games .items.steampay .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px}
	#games .items.steampay .item .cover img {width:140px; height:80px}
	#games .items.steambuy .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px}
	#games .items.steambuy .item .cover img {width:140px; height:80px}
	#games .items.zakazaka .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px}
	#games .items.zakazaka .item .cover img {width:140px; height:80px}
	#games .items.egs .item {width:100%; min-width:0; max-width:100%; flex:none}
	#games .items.egs .item .cover {flex:0 0 90px; width:90px; height:130px; max-height:130px}
	#games .items.egs .item .cover img {width:90px; height:130px}
	#games .items.sony .item {width:100%; min-width:0; max-width:100%; flex:none}
	#games .items.sony .item .cover {flex:0 0 90px; width:90px; height:130px; max-height:130px}
	#games .items.sony .item .cover img {width:90px; height:130px}
	#games .items.nintendo .item {width:100%; min-width:0; max-width:100%; flex:none}
	#games .items.nintendo .item .cover {flex:0 0 90px; width:90px; height:130px; max-height:130px}
	#games .items.nintendo .item .cover img {width:90px; height:130px}
	#games .items.gabestore .item {width:100%; min-width:0; max-width:100%; flex:none}
	#games .items.gabestore .item .cover {flex:0 0 90px; width:90px; height:130px; max-height:130px}
	#games .items.gabestore .item .cover img {width:90px; height:130px}
	#games .items .item .cover .mark {display:none}
	#games .items .item .body {flex:1 1 auto; min-width:0; padding:0}
	#games .items .item .body h3 {font-size:15px}
	#games .items .item .body .authors {display:none}
	#games .items .item .body .meta {display:block; margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#games .items .item.cracked .body .meta {color:#5dce6a}
	#games .items .item.unreleased .body .meta {color:#fd7e23}
	#games .items .item.discounted .body .meta {color:#92cd00}
	#games .items .item.free .body .meta {color:#fd7e23}
	#games .items .item .body .actions {margin:12px 0 0; text-align:right; white-space:nowrap}
	#games .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#games .items .item .body .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#games .items .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#games .items .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#games .items .item .body .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#games .items .item .body .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#games .items .item .body .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#games .items .item .body .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#games .items .item .body .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#games .items .item .body .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}

	#releases .items.games {display:block; margin:0}
	#releases .items.games .item {display:flex; flex-direction:row; align-items:flex-start; gap:14px; width:100%; min-width:0; max-width:100%; flex:none; margin:0 0 12px; padding:14px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
	#releases .items.games .item .cover {flex:0 0 140px; width:140px; height:80px; max-height:80px; float:none; margin:0; border-radius:8px}
	#releases .items.games .item .cover img {width:140px; height:80px}
	#releases .items.games .item .cover .mark {display:none}
	#releases .items.games .item .body {flex:1 1 auto; min-width:0; padding:0}
	#releases .items.games .item .body h3 {font-size:15px}
	#releases .items.games .item .body .meta {display:block; margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#releases .items.games .item .body .actions {margin:12px 0 0; text-align:right; white-space:nowrap}
	#releases .items.games .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#releases .items.games .item .body .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#releases .items.games .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#releases .items.games .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#releases .items.games .item .body .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#releases .items.games .item .body .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#releases .items.games .item .body .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#releases .items.games .item .body .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#releases .items.games .item .body .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#releases .items.games .item .body .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}

	#releases .items.list {display:block; padding:0; text-align:left}
	#releases .items.list .item {display:block; position:relative; margin:0 0 12px; padding:14px; text-align:left; background:#161616; border:1px solid #222; border-radius:12px; overflow:hidden; box-sizing:border-box}
	#releases .items.list .item a.poster {display:block; width:90px; float:left; margin:0 14px 0 0; text-decoration:none; position:relative; z-index:1}
	#releases .items.list .item a.poster .cover {width:90px; height:135px; margin:0; border-radius:8px; overflow:hidden; position:relative; box-shadow:0 8px 20px rgba(0,0,0,0.45)}
	#releases .items.list .item a.poster .cover img {display:block; width:90px; height:135px; object-fit:cover; opacity:0; transition:opacity 0.28s ease}
	#releases .items.list .item a.poster .cover img.on {opacity:1}
	#releases .items.list .item a.poster .cover .rate {position:absolute; left:6px; top:6px; z-index:1; padding:2px 6px; border-radius:4px; font-size:11px; font-weight:700; color:#fff}
	#releases .items.list .item a.poster .cover .rate.green {background:#2e7d32}
	#releases .items.list .item a.poster .cover .rate.grey {background:#4a4a4a; color:#ddd}
	#releases .items.list .item a.poster .cover .rate.red {background:#c62828}
	#releases .items.list .item .info {position:relative; z-index:1; overflow:hidden}
	#releases .items.list .item .info a.open {display:block; text-decoration:none; color:inherit; cursor:pointer}
	#releases .items.list .item .info h2 {margin:0 0 6px; font-size:15px; font-weight:600; line-height:1.3em; color:#eee}
	#releases .items.list .item .info .orig {margin:0 0 6px; font-size:13px; line-height:1.3em; color:#8a8a8a}
	#releases .items.list .item .info .meta {margin:0 0 8px; font-size:12px; line-height:1.45em; color:#777}
	#releases .items.list .item .info .meta div {margin:0}
	#releases .items.list .item .info .actions {margin:12px 0 0; text-align:right}
	#releases .items.list .item .info .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#releases .items.list .item .info .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#releases .items.list .item .info .actions span.q {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 8px 7px; height:auto; line-height:1.15; font-size:11px; font-weight:700; color:#fff; background:#4a4a4a; border-radius:6px; box-sizing:border-box}
	#releases .items.list .item .info .actions span.q.ts {background:#d4a017; color:#1a1400}
	#releases .items.list .item .info .actions span.q.tc {background:#c67a12; color:#1a1400}
	#releases .items.list .item .info .actions span.q.webdl {background:#1565c0}
	#releases .items.list .item .info .actions span.q.hdrip {background:#0288d1}
	#releases .items.list .item .info .actions span.q.hdtv {background:#546e7a}
	#releases .items.list .item .info .actions span.q.dvd {background:#5c6bc0}
	#releases .items.list .item .info .actions span.q.bdrip {background:#2e7d32}
	#releases .items.list .item .info .actions span.q.bd {background:#1b7a4e}
	#releases .items.list .item .info .actions span.q.q4k {background:#6a1b9a}
	#releases .items.list .item .info .actions span.q.license {background:#c9a45a; color:#1a1400}
	#releases .items.list .item .clear {clear:both; height:0; overflow:hidden}

	#retro .items {display:block; margin:0}
	#retro .items .item .cover .mark {display:none}
	#retro .items .item {display:flex; flex-direction:row; align-items:flex-start; gap:14px; width:100%; max-width:100%; margin:0 0 12px; padding:14px; background:#161616; border:1px solid #222; border-radius:12px; box-sizing:border-box}
	#retro .items .item .cover {flex:0 0 90px; width:90px; height:135px; max-height:135px; float:none; margin:0}
	#retro .items .item .body {flex:1 1 auto; min-width:0; padding:0}
	#retro .items .item .body h3 {font-size:15px}
	#retro .items .item .body .meta {display:block; margin:0 0 8px; font-size:12px; line-height:1.35em; color:#777; text-transform:lowercase}
	#retro .items .item .body .text {display:-webkit-box; margin:0; font-size:13px; line-height:1.4em; color:#8a8a8a; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
	#retro .items .item .body .actions {margin:12px 0 0; text-align:right}
	#retro .items .item .body .actions a {display:inline-flex; align-items:center; justify-content:center; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; height:auto; min-height:auto; line-height:1.15; text-decoration:none; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; border:1px solid #555; border-radius:6px; box-sizing:border-box}
	#retro .items .item .body .actions a.hovered {color:#222; background:#ccc; border-color:#ccc}
	#retro .items .item .body .actions span.mark {display:inline-flex; align-items:center; justify-content:center; position:static; vertical-align:top; margin:0 0 0 6px; padding:4px 12px 7px; width:auto; height:auto; min-height:auto; line-height:1.15; text-align:center; text-transform:lowercase; font-size:12px; font-weight:600; color:#ccc; background:transparent; border:1px solid #555; border-radius:6px; box-sizing:border-box; cursor:pointer}
	#retro .items .item .body .actions span.mark.none {width:auto; height:auto; min-height:auto; padding:4px 12px 7px; line-height:1.15; border-radius:6px; background:transparent; color:#ccc}
	#retro .items .item .body .actions span.mark.favorite {color:#fff; background:#fd7e23; border-color:#fd7e23}
	#retro .items .item .body .actions span.mark.good {color:#fff; background:#2e7d32; border-color:#2e7d32}
	#retro .items .item .body .actions span.mark.normal {color:#fff; background:#666; border-color:#666}
	#retro .items .item .body .actions span.mark.bad {color:#fff; background:#c62828; border-color:#c62828}
	#retro .items .item .body .actions span.mark.want {color:#fff; background:#1c43eb; border-color:#1c43eb}
	#retro .items .item .body .actions span.mark.hovered {color:#222; background:#ccc; border-color:#ccc}
}

@media (max-width:599px) and (min-height:501px) {
	#rcard .card_body .card_wrap .card_info .panel .media {width:100%; max-width:100%; margin:22px auto 0}
}

@media (max-width:860px) and (min-width:600px) and (max-height:500px) {
	#tabs .scroller {justify-content:center}
	#card .card_body .card_wrap .card_info .watch_list {margin:28px 0 0; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src {padding:0 6px; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src .src_name {font-size:11px; letter-spacing:0.08em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr {display:block; padding:8px 6px; text-align:center; font-size:0.9em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .n {flex:none; text-align:center; font-size:1em; line-height:1.25em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m {flex:none; margin:3px 0 0; text-align:center; font-size:0.85em}
}

@media (max-width:860px) and (min-height:501px) {
	#card .card_art_box .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#card .card_art_box.from_cover .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#bcard .card_art_box .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#bcard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#ccard .card_art_box .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#ccard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#scard .card_art_box .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#scard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#gcard .card_art_box .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#gcard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#rcard .card_art_box .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#rcard .card_art_box.from_cover .card_art_fade {background:linear-gradient(to top, #0e0e0e 0%, transparent 36%)}
	#card .card_body .card_wrap .card_info .watch_list:has(> .src) {display:block; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src {flex:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:auto; margin:0 0 22px; padding:0; text-align:center; border:0; background:transparent}
	#card .card_body .card_wrap .card_info .watch_list .src.lordfilm {border:0}
	#card .card_body .card_wrap .card_info .watch_list .src .src_name {display:block; width:100%; flex:0 0 100%; margin:0 0 10px; padding:0; font-size:12px; border-bottom:0; letter-spacing:0.1em}
	#card .card_body .card_wrap .card_info .watch_list .src .src_st {display:block; width:100%; flex:0 0 100%; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr {display:inline-flex; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; width:auto; max-width:100%; margin:0 4px 8px; padding:8px 12px; vertical-align:top; color:#ddd; background:#161616; border:1px solid #2a2a2a; border-radius:8px; font-size:12px; font-weight:600; text-align:center; box-sizing:border-box}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr.hovered {color:#fff; background:#1e1e1e}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .n {display:block; font-size:12px; font-weight:600; line-height:1.3em; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m {display:block; margin:3px 0 0; color:#777; font-size:10px; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m.seen {color:#ffb04a}
}

@media (max-width:860px) and (max-height:500px) {
	#tabs .scroller {justify-content:center}
	#card .card_body .card_wrap .card_poster {margin:0 auto 12px}
	#card .card_body .card_wrap .card_poster .cover {width:140px; height:auto; margin:0 auto}
	#card .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
	#card .card_body .card_wrap .card_info {padding:0}
	#card .card_body .card_wrap .card_info .watch_list {margin:28px 0 0; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src {text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr {display:block; padding:8px 6px; text-align:center; font-size:0.9em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .n {flex:none; text-align:center; font-size:1em; line-height:1.25em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m {flex:none; margin:3px 0 0; text-align:center; font-size:0.85em}
	#bcard .card_body .card_wrap .card_poster {margin:0 auto 12px}
	#bcard .card_body .card_wrap .card_poster .cover {width:140px; height:auto; margin:0 auto}
	#bcard .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
	#ccard .card_body .card_wrap .card_poster {margin:0 auto 12px}
	#ccard .card_body .card_wrap .card_poster .cover {width:140px; height:auto; margin:0 auto}
	#ccard .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
	#scard .card_body .card_wrap .card_poster {margin:0 auto 12px}
	#rcard .card_body .card_wrap .card_poster {margin:0 auto 12px}
	#rcard .card_body .card_wrap .card_poster .cover {width:140px; height:auto; margin:0 auto}
	#rcard .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
}

@media (max-height:500px) and (min-width:861px) {
	html {--side:168px}
	#nav {max-height:100%}
	#nav a.logo {padding:16px 0 10px}
	#nav .menu {flex:1 1 0%; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; touch-action:pan-y}
	#nav .menu a {padding:9px 12px; font-size:13px}
	#nav .user {padding:12px 16px calc(16px + var(--sab))}
	#card .card_body {padding:calc(16px + var(--sat)) 20px calc(32px + var(--sab))}
	#card .card_body .card_wrap .card_poster {width:140px}
	#card .card_body .card_wrap .card_poster .cover {width:140px; height:auto}
	#card .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
	#card .card_body .card_wrap .card_info {padding-left:20px}
	#card .card_body .card_wrap .card_info h1 {font-size:22px}
	#card .card_body .card_wrap .card_info .watch {display:flex; flex-wrap:wrap; gap:8px; margin:48px 0 0}
	#card .card_body .card_wrap .card_info .watch a.go {flex:1 1 calc(50% - 8px); width:auto; min-width:0; margin:0; padding:10px 12px; box-sizing:border-box}
	#card .card_body .card_wrap .card_info .watch.local {justify-content:center}
	#card .card_body .card_wrap .card_info .watch.local a.go {flex:0 0 auto; width:210px; max-width:100%}
	#card .card_body .card_wrap .card_info .watch a.go .t {font-size:15px}
	#card .card_body .card_wrap .card_info .watch a.go .d {font-size:11px}
	#card .card_body .card_wrap .card_info .watch_list {max-width:none; margin:28px 0 0}
	#card .card_body .card_wrap .card_info .watch_list:has(> .src) {display:flex; flex-wrap:nowrap; align-items:flex-start; text-align:center}
	#card .card_body .card_wrap .card_info .watch_list .src {flex:1 1 0; display:block; width:auto; min-width:0; margin:0; padding:0 8px; box-sizing:border-box; border:0; border-right:1px solid #2a2a2a; border-radius:0; background:transparent}
	#card .card_body .card_wrap .card_info .watch_list .src.lordfilm {border-right:0}
	#card .card_body .card_wrap .card_info .watch_list .src .src_name {margin:0 0 10px; padding:0 0 8px; font-size:11px; border-bottom:1px solid #2a2a2a; letter-spacing:0.08em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr {display:block; margin:0 0 6px; padding:7px 6px; text-align:center; font-size:0.9em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .n {display:block; min-height:0; flex:none; text-align:center; font-size:1em; line-height:1.25em}
	#card .card_body .card_wrap .card_info .watch_list .src a.tr .m {display:block; min-height:0; flex:none; margin:3px 0 0; text-align:center; font-size:0.85em}
	#bcard .card_body {padding:calc(16px + var(--sat)) 20px calc(32px + var(--sab))}
	#bcard .card_body .card_wrap .card_poster {width:140px}
	#bcard .card_body .card_wrap .card_poster .cover {width:140px; height:auto}
	#bcard .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
	#ccard .card_body {padding:calc(16px + var(--sat)) 20px calc(32px + var(--sab))}
	#ccard .card_body .card_wrap .card_poster {width:140px}
	#ccard .card_body .card_wrap .card_poster .cover {width:140px; height:auto}
	#ccard .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
	#scard .card_body {padding:calc(16px + var(--sat)) 20px calc(32px + var(--sab))}
	#rcard .card_body {padding:calc(16px + var(--sat)) 20px calc(32px + var(--sab))}
	#rcard .card_body .card_wrap .card_poster {width:140px}
	#rcard .card_body .card_wrap .card_poster .cover {width:140px; height:auto}
	#rcard .card_body .card_wrap .card_poster .cover img {width:140px; height:auto}
}