/*BEGIN header */

/*BEGIN plugins/PWG_Stuffs/theme/stuffs_index.css */
.content{min-height:0;margin-bottom:1em}.stuffs_block{background-color:transparent;background-image:none;border:none !important;margin-top:0;margin-bottom:0}#the_page .stuffs{margin:0 0 1em !important;overflow:hidden}#the_page .right_block{float:right;margin:0 0 0 1em !important}#the_page .left_block{float:left;margin:0 1em 0 0 !important}#the_page .middle_block{overflow:hidden;margin:auto !important}.personal_block{padding:15px}.quote_block{padding:15px;text-align:center}.one_comment{width:99% !important}.two_comment{width:49% !important}.three_comment{width:32.4% !important}#comments div.thumbnailCategory div.illustration{width:auto !important;padding-right:15px}#comments div.thumbnailCategory blockquote{margin-left:10px}.stuffs .commentElement{margin:0.3%}* html .stuffs,* html .middle_block{overflow-y:visible}
/*BEGIN ./plugins/bootstrapdefault-language-switch/language_switch.css */
@media (min-width: 768px){.navbar-collapse{padding-right:0}.dropdown-menu-scrollable{height:auto;max-height:300px;overflow-x:hidden}.dropdown-menu-scrollable::-webkit-scrollbar{width:1em}.dropdown-menu-scrollable::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}.dropdown-menu-scrollable::-webkit-scrollbar-thumb{background-color:#777777;outline:1px solid #777777}}[class*="langflag-"]{background-image:url(/plugins/bootstrapdefault-language-switch/flag_sprite.jpg) !important;background-repeat:no-repeat;background-position:24px 16px;margin-right:3px;width:24px;height:16px;direction:ltr}[class*="langflag-text-"]{background-image:none !important}.langflag-text-ltf{margin-left:16px}.langflag-text-rtf{margin-right:16px}.langflag-ad{background-position:0px 0px}.langflag-ae{background-position:-24px 0px}.langflag-af{background-position:-48px 0px}.langflag-ag{background-position:-72px 0px}.langflag-al{background-position:-96px 0px}.langflag-am{background-position:-120px 0px}.langflag-an{background-position:-144px 0px}.langflag-ao{background-position:-168px 0px}.langflag-es_AR{background-position:-192px 0px}.langflag-as{background-position:-216px 0px}.langflag-at{background-position:-240px 0px}.langflag-aw{background-position:-264px 0px}.langflag-ax{background-position:-288px 0px}.langflag-az_AZ{background-position:-312px 0px}.langflag-ba{background-position:-336px 0px}.langflag-bb{background-position:0px -16px}.langflag-bd{background-position:-24px -16px}.langflag-be{background-position:-48px -16px}.langflag-bf{background-position:-72px -16px}.langflag-bg_BG{background-position:-96px -16px}.langflag-bh{background-position:-120px -16px}.langflag-bi{background-position:-144px -16px}.langflag-bj{background-position:-168px -16px}.langflag-bl{background-position:-192px -16px}.langflag-bm{background-position:-216px -16px}.langflag-bn{background-position:-240px -16px}.langflag-bo{background-position:-264px -16px}.langflag-bonaire{background-position:-288px -16px}.langflag-pt_BR{background-position:-312px -16px}.langflag-bs{background-position:-336px -16px}.langflag-bt{background-position:0px -32px}.langflag-bv{background-position:-24px -32px}.langflag-bw{background-position:-48px -32px}.langflag-by{background-position:-72px -32px}.langflag-bz{background-position:-96px -32px}.langflag-ca{background-position:-120px -32px}.langflag-ca_ES{background-position:-144px -32px}.langflag-cc{background-position:-168px -32px}.langflag-cd{background-position:-192px -32px}.langflag-cf{background-position:-216px -32px}.langflag-cg{background-position:-240px -32px}.langflag-ch{background-position:-264px -32px}.langflag-ci{background-position:-288px -32px}.langflag-cl{background-position:-312px -32px}.langflag-cm{background-position:-336px -32px}.langflag-zh_CN{background-position:0px -48px}.langflag-co{background-position:-24px -48px}.langflag-cr{background-position:-48px -48px}.langflag-cs_CZ{background-position:-72px -48px}.langflag-cu{background-position:-96px -48px}.langflag-cv{background-position:-120px -48px}.langflag-cx{background-position:-144px -48px}.langflag-cy{background-position:-168px -48px}.langflag-cz{background-position:-192px -48px}.langflag-de_DE{background-position:-216px -48px}.langflag-dj{background-position:-240px -48px}.langflag-da_DK{background-position:-264px -48px}.langflag-dm{background-position:-288px -48px}.langflag-do{background-position:-312px -48px}.langflag-dz{background-position:-336px -48px}.langflag-ec{background-position:0px -64px}.langflag-et_EE{background-position:-24px -64px}.langflag-eg{background-position:-48px -64px}.langflag-ar_EG{background-position:-48px -64px}.langflag-eh{background-position:-72px -64px}.langflag-en_UK{background-position:-96px -64px}.langflag-eo_EO{background-position:-120px -64px}.langflag-er{background-position:-144px -64px}.langflag-es_ES{background-position:-168px -64px}.langflag-et{background-position:-192px -64px}.langflag-fi_FI{background-position:-216px -64px}.langflag-fm{background-position:-240px -64px}.langflag-fo{background-position:-264px -64px}.langflag-fr_FR{background-position:-288px -64px}.langflag-ga{background-position:-312px -64px}.langflag-gb{background-position:-336px -64px}.langflag-en_GB{background-position:-336px -64px}.langflag-gd{background-position:0px -80px}.langflag-ka_GE{background-position:-24px -80px}.langflag-gg{background-position:-48px -80px}.langflag-gh{background-position:-72px -80px}.langflag-gi{background-position:-96px -80px}.langflag-gl{background-position:-120px -80px}.langflag-gm{background-position:-144px -80px}.langflag-gn{background-position:-168px -80px}.langflag-gq{background-position:-192px -80px}.langflag-el_GR{background-position:-216px -80px}.langflag-gt{background-position:-240px -80px}.langflag-gu{background-position:-264px -80px}.langflag-gw{background-position:-288px -80px}.langflag-gy{background-position:-312px -80px}.langflag-zh_HK{background-position:-336px -80px}.langflag-hn{background-position:0px -96px}.langflag-hr_HR{background-position:-24px -96px}.langflag-ht{background-position:-48px -96px}.langflag-hu_HU{background-position:-72px -96px}.langflag-id_ID{background-position:-96px -96px}.langflag-ie{background-position:-120px -96px}.langflag-ga_IE{background-position:-120px -96px}.langflag-he_IL{background-position:-144px -96px}.langflag-im{background-position:-168px -96px}.langflag-kok_IN{background-position:-192px -96px}.langflag-ta_IN{background-position:-192px -96px}.langflag-bn_IN{background-position:-192px -96px}.langflag-kn_IN{background-position:-192px -96px}.langflag-gu_IN{background-position:-192px -96px}.langflag-iq{background-position:-216px -96px}.langflag-fa_IR{background-position:-240px -96px}.langflag-is_IS{background-position:-264px -96px}.langflag-it_IT{background-position:-288px -96px}.langflag-je{background-position:-312px -96px}.langflag-jm{background-position:-336px -96px}.langflag-jo{background-position:0px -112px}.langflag-ja_JP{background-position:-24px -112px}.langflag-ke{background-position:-48px -112px}.langflag-kg{background-position:-72px -112px}.langflag-km_KH{background-position:-96px -112px}.langflag-ki{background-position:-120px -112px}.langflag-km{background-position:-144px -112px}.langflag-kn{background-position:-168px -112px}.langflag-kosovo{background-position:-192px -112px}.langflag-kp{background-position:-216px -112px}.langflag-ko_KR{background-position:-240px -112px}.langflag-kw{background-position:-264px -112px}.langflag-kz{background-position:-288px -112px}.langflag-la{background-position:-312px -112px}.langflag-lb{background-position:-336px -112px}.langflag-lc{background-position:0px -128px}.langflag-li{background-position:-24px -128px}.langflag-lk{background-position:-48px -128px}.langflag-lr{background-position:-72px -128px}.langflag-ls{background-position:-96px -128px}.langflag-lt_LT{background-position:-120px -128px}.langflag-lu{background-position:-144px -128px}.langflag-lb_LU{background-position:-144px -128px}.langflag-lv_LV{background-position:-168px -128px}.langflag-ly{background-position:-192px -128px}.langflag-ar_MA{background-position:-216px -128px}.langflag-mc{background-position:-240px -128px}.langflag-md{background-position:-264px -128px}.langflag-me{background-position:-288px -128px}.langflag-mg{background-position:-312px -128px}.langflag-mh{background-position:-336px -128px}.langflag-mk_MK{background-position:0px -144px}.langflag-ml{background-position:-24px -144px}.langflag-mm{background-position:-48px -144px}.langflag-mn_MN{background-position:-72px -144px}.langflag-mo{background-position:-96px -144px}.langflag-mp{background-position:-120px -144px}.langflag-mq{background-position:-144px -144px}.langflag-mr{background-position:-168px -144px}.langflag-mt{background-position:-192px -144px}.langflag-mu{background-position:-216px -144px}.langflag-dv_MV{background-position:-240px -144px}.langflag-mw{background-position:-264px -144px}.langflag-mx{background-position:-288px -144px}.langflag-es_MX{background-position:-288px -144px}.langflag-ms_MY{background-position:-312px -144px}.langflag-mz{background-position:-336px -144px}.langflag-na{background-position:0px -160px}.langflag-ne{background-position:-24px -160px}.langflag-nf{background-position:-48px -160px}.langflag-ng{background-position:-72px -160px}.langflag-ni{background-position:-96px -160px}.langflag-nl_NL{background-position:-120px -160px}.langflag-nb_NO{background-position:-144px -160px}.langflag-nn_NO{background-position:-144px -160px}.langflag-np{background-position:-168px -160px}.langflag-nr{background-position:-192px -160px}.langflag-nu{background-position:-216px -160px}.langflag-om{background-position:-240px -160px}.langflag-pa{background-position:-264px -160px}.langflag-pe{background-position:-288px -160px}.langflag-pf{background-position:-312px -160px}.langflag-pg{background-position:-336px -160px}.langflag-ph{background-position:0px -176px}.langflag-pk{background-position:-24px -176px}.langflag-pl_PL{background-position:-48px -176px}.langflag-pm{background-position:-72px -176px}.langflag-pr{background-position:-96px -176px}.langflag-ps{background-position:-120px -176px}.langflag-pt_PT{background-position:-144px -176px}.langflag-pw{background-position:-168px -176px}.langflag-py{background-position:-192px -176px}.langflag-qa{background-position:-216px -176px}.langflag-fr_CA{background-position:-240px -176px}.langflag-ro_RO{background-position:-264px -176px}.langflag-sh_RS{background-position:-288px -176px}.langflag-sr_RS{background-position:-288px -176px}.langflag-ru_RU{background-position:-312px -176px}.langflag-rw{background-position:-336px -176px}.langflag-ar_SA{background-position:0px -192px}.langflag-saba{background-position:-24px -192px}.langflag-sark{background-position:-48px -192px}.langflag-sb{background-position:-72px -192px}.langflag-sc{background-position:-96px -192px}.langflag-scotland{background-position:-120px -192px}.langflag-sd{background-position:-144px -192px}.langflag-sv_SE{background-position:-168px -192px}.langflag-sg{background-position:-192px -192px}.langflag-sl_SI{background-position:-216px -192px}.langflag-sj{background-position:-240px -192px}.langflag-sk_SK{background-position:-264px -192px}.langflag-sl{background-position:-288px -192px}.langflag-sm{background-position:-312px -192px}.langflag-sn{background-position:-336px -192px}.langflag-wo_SN{background-position:-336px -192px}.langflag-so{background-position:0px -208px}.langflag-sr{background-position:-24px -208px}.langflag-st{background-position:-48px -208px}.langflag-sv{background-position:-72px -208px}.langflag-sy{background-position:-96px -208px}.langflag-sz{background-position:-120px -208px}.langflag-td{background-position:-144px -208px}.langflag-tg{background-position:-168px -208px}.langflag-th_TH{background-position:-192px -208px}.langflag-tj{background-position:-216px -208px}.langflag-tk{background-position:-240px -208px}.langflag-tl{background-position:-264px -208px}.langflag-tm{background-position:-288px -208px}.langflag-tn{background-position:-312px -208px}.langflag-to{background-position:-336px -208px}.langflag-tr_TR{background-position:0px -224px}.langflag-tt{background-position:-24px -224px}.langflag-zh_TW{background-position:-48px -224px}.langflag-tz{background-position:-72px -224px}.langflag-uk_UA{background-position:-96px -224px}.langflag-ug{background-position:-120px -224px}.langflag-en_US{background-position:-144px -224px}.langflag-uy{background-position:-168px -224px}.langflag-uz{background-position:-192px -224px}.langflag-va{background-position:-216px -224px}.langflag-vc{background-position:-240px -224px}.langflag-ve{background-position:-264px -224px}.langflag-vi{background-position:-288px -224px}.langflag-vi_VN{background-position:-312px -224px}.langflag-vu{background-position:-336px -224px}.langflag-wales{background-position:0px -240px}.langflag-wf{background-position:-24px -240px}.langflag-ws{background-position:-48px -240px}.langflag-ye{background-position:-72px -240px}.langflag-yt{background-position:-96px -240px}.langflag-af_ZA{background-position:-120px -240px}.langflag-zm{background-position:-144px -240px}.langflag-zw{background-position:-168px -240px}.langflag-gl_ES{background-position:-192px -240px}.langflag-br_FR{background-position:-216px -240px}.langflag-eu_ES{background-position:-240px -240px}
/*BEGIN themes/swipefeed/css/swipefeed.min.css */
/*
 * Swipe Feed theme. Colours come from --sf-accent, --sf-accent-2 and --sf-bg (set from the config).
 * The file name ends in .min.css on purpose: Piwigo's CSS minifier skips such files.
 * Without that it drops every declaration that uses var(), which leaves the page white and unstyled.
 */

:root {
	--sf-accent: #ff7a00;
	--sf-accent-2: #ffb627;
	--sf-bg: #0d0b09;
	--sf-panel: #15120f;
	--sf-raised: #1d1915;
	--sf-surface: rgba(255, 255, 255, .06);
	--sf-surface-2: rgba(255, 255, 255, .11);
	--sf-line: rgba(255, 255, 255, .09);
	--sf-text: #f6f2ee;
	--sf-muted: rgba(246, 242, 238, .6);
	--sf-glow: rgba(255, 122, 0, .35);
	--sf-on-accent: #1a0f04;
	--sf-topbar-h: 56px;
	--sf-radius: 14px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body.sf-body {
	margin: 0;
	height: 100%;
	background: var(--sf-bg);
	color: var(--sf-text);
	font: 15px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
}

.sf-body a { color: inherit; }
button { font: inherit; color: inherit; }
.sf-body svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
[hidden] { display: none !important; }

/* ---------- Layout ---------- */

.sf-app {
	position: fixed;
	inset: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	height: 100dvh;
}

.sf-topbar {
	flex: none;
	height: var(--sf-topbar-h);
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 10px;
	padding-top: env(safe-area-inset-top);
	background: rgba(13, 11, 9, .85);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--sf-line);
	position: relative;
	z-index: 30;
}

.sf-logo {
	display: flex;
	align-items: center;
	min-width: 0;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: -.02em;
	font-size: 17px;
	white-space: nowrap;
}
.sf-logo img { height: 46px; width: auto; display: block; }
.sf-logo span {
	background: linear-gradient(90deg, var(--sf-accent), var(--sf-accent-2));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.sf-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid var(--sf-line);
	border-radius: 12px;
	background: var(--sf-surface);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .01em;
	cursor: pointer;
	white-space: nowrap;
	min-width: 0;
	transition: background .15s, border-color .15s;
}
.sf-pill:hover, .sf-pill[aria-expanded="true"] { background: var(--sf-surface-2); border-color: rgba(255, 122, 0, .45); }
.sf-pill svg { color: var(--sf-accent); }
.sf-pill svg { width: 16px; height: 16px; }

.sf-album-btn { margin-left: auto; max-width: 46vw; }
.sf-album-btn__label { overflow: hidden; text-overflow: ellipsis; }

.sf-sort { position: relative; }
.sf-sort-menu {
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	min-width: 170px;
	padding: 6px;
	background: var(--sf-raised);
	border: 1px solid var(--sf-line);
	border-radius: 14px;
	box-shadow: 0 16px 48px rgba(0, 0, 0, .6);
	display: flex;
	flex-direction: column;
}
.sf-sort-menu button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	text-align: left;
	padding: 11px 12px;
	border: 0;
	border-radius: 10px;
	background: none;
	font-weight: 500;
	cursor: pointer;
}
.sf-sort-menu button:hover { background: var(--sf-surface); }
.sf-sort-menu button.is-active { color: var(--sf-accent); font-weight: 700; background: rgba(255, 122, 0, .1); }
.sf-sort-menu button.is-active::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--sf-accent); box-shadow: 0 0 10px var(--sf-glow); }

.sf-topnav { display: none; align-items: center; gap: 4px; }
.sf-topnav a {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 10px;
	border-radius: 999px;
	text-decoration: none;
	color: var(--sf-muted);
}
.sf-topnav a:hover { color: var(--sf-text); background: var(--sf-surface); }
.sf-topnav .sf-login { color: var(--sf-on-accent); background: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2)); font-weight: 700; border-radius: 12px; padding: 0 16px; }

.sf-main {
	flex: 1;
	min-height: 0;
	display: flex;
	flex-direction: column;
	position: relative;
}

.sf-slot--top {
	flex: none;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.sf-slot--top:empty { display: none; }
.sf-slot--top.is-mobile { height: 100px; padding: 0; }
.sf-slot iframe { display: block; }

.sf-sky { display: none; }

/* ---------- Feed ---------- */

.sf-feed {
	flex: 1;
	min-height: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	scroll-snap-type: y mandatory;
	overscroll-behavior: contain;
	scrollbar-width: none;
	outline: none;
	position: relative;
}
.sf-feed::-webkit-scrollbar { display: none; }

.sf-slide {
	position: relative;
	height: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sf-media {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	-webkit-user-select: none;
}
.sf-blur {
	position: absolute;
	inset: -40px;
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(.45) saturate(1.3);
	transform: scale(1.1);
}
.sf-img, .sf-video {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	opacity: 0;
	transition: opacity .25s ease;
	-webkit-user-drag: none;
}
.sf-img.is-loaded, .sf-video.is-loaded { opacity: 1; }

.sf-spinner {
	position: absolute;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, .15);
	border-top-color: var(--sf-accent);
	animation: sf-spin .8s linear infinite;
}
.is-ready .sf-spinner { display: none; }
@keyframes sf-spin { to { transform: rotate(360deg); } }

/* Overlays on an image */
.sf-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 60px 76px 18px 14px;
	padding-bottom: calc(18px + env(safe-area-inset-bottom));
	background: linear-gradient(transparent, rgba(0, 0, 0, .65));
	pointer-events: none;
	transition: opacity .2s;
}
.sf-info > * { pointer-events: auto; }
.sf-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 12px 4px 4px;
	border-radius: 999px;
	border: 0;
	background: rgba(0, 0, 0, .45);
	backdrop-filter: blur(6px);
	font-weight: 700;
	cursor: pointer;
	max-width: 100%;
}
.sf-chip img, .sf-chip .sf-chip__dot {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--sf-accent);
	background: var(--sf-surface-2);
}
.sf-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-title { margin-top: 8px; font-size: 14px; color: var(--sf-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-more {
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2));
	color: var(--sf-on-accent);
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
}
.sf-more svg { width: 16px; height: 16px; }

.sf-rail {
	position: absolute;
	right: 8px;
	bottom: 18px;
	bottom: calc(18px + env(safe-area-inset-bottom));
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	transition: opacity .2s;
}
.sf-act {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 56px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	text-decoration: none;
	font-size: 11px;
	font-weight: 600;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .7);
}
.sf-act i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .4);
	backdrop-filter: blur(6px);
	transition: transform .15s;
}
.sf-act:active i { transform: scale(.9); }
.sf-act svg { width: 24px; height: 24px; }
.sf-like.is-liked i { color: var(--sf-accent); box-shadow: 0 0 18px var(--sf-glow); }
.sf-like.is-liked svg { fill: currentColor; }
.sf-auto.is-on i { background: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2)); color: var(--sf-on-accent); }

.sf-app.is-clean .sf-info,
.sf-app.is-clean .sf-rail { opacity: 0; pointer-events: none; }
.sf-app.is-clean .sf-info > * { pointer-events: none; }

.sf-heart {
	position: absolute;
	width: 110px;
	height: 110px;
	color: var(--sf-accent);
	pointer-events: none;
	animation: sf-heart .8s ease-out forwards;
	filter: drop-shadow(0 6px 20px rgba(0, 0, 0, .5));
}
.sf-heart svg { width: 100%; height: 100%; fill: currentColor; stroke: none; }
@keyframes sf-heart {
	0% { transform: scale(.2); opacity: 0; }
	20% { transform: scale(1.15); opacity: 1; }
	40% { transform: scale(.95); }
	100% { transform: scale(1.3) translateY(-40px); opacity: 0; }
}

.sf-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	width: 100%;
	background: linear-gradient(90deg, var(--sf-accent), var(--sf-accent-2));
	transform-origin: left;
	transform: scaleX(0);
	z-index: 2;
}
.sf-progress.is-running { animation: sf-progress linear forwards; }
@keyframes sf-progress { to { transform: scaleX(1); } }

/* Cards (ad, discovery, end of album) */
.sf-card {
	position: relative;
	width: min(92%, 420px);
	margin: auto;
	padding: 22px 18px;
	border-radius: 20px;
	background: var(--sf-panel);
	border: 1px solid var(--sf-line);
	text-align: center;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.sf-card h2 { margin: 0 0 6px; font-size: 20px; }
.sf-card p { margin: 0 0 14px; color: var(--sf-muted); }
.sf-label {
	color: var(--sf-accent) !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--sf-muted);
	margin-bottom: 12px;
}
.sf-ad-slot {
	display: flex;
	justify-content: center;
	min-height: 250px;
	align-items: center;
}
.sf-ad-continue {
	margin-top: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--sf-muted);
	font-size: 14px;
}
.sf-ad-continue svg { width: 16px; height: 16px; animation: sf-bob 1.4s ease-in-out infinite; }
.sf-ad-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	border: 2px dashed var(--sf-accent);
	border-radius: 6px;
	color: var(--sf-accent);
	font: 600 12px/1.3 system-ui, sans-serif;
	text-align: center;
	padding: 4px;
	background: rgba(255, 122, 0, .06);
}
.sf-ad-placeholder small { color: var(--sf-muted); font-weight: 400; }

.sf-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 6px 0 16px;
}
.sf-grid button {
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
}
.sf-grid img, .sf-grid .sf-grid__ph {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 14px;
	margin-bottom: 6px;
	border: 2px solid transparent;
	background: var(--sf-surface-2);
	transition: border-color .15s, transform .15s;
}
.sf-grid button:hover img { border-color: var(--sf-accent); transform: translateY(-2px); }
.sf-grid span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 11px 18px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2));
	color: var(--sf-on-accent) !important;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}
.sf-btn--ghost { background: var(--sf-surface-2); }

/* Swipe hint */
.sf-hint {
	position: absolute;
	left: 50%;
	bottom: 22%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 14px 18px;
	border-radius: 16px;
	background: rgba(0, 0, 0, .6);
	backdrop-filter: blur(6px);
	font-weight: 600;
	pointer-events: none;
	z-index: 5;
}
.sf-hint svg { width: 34px; height: 34px; animation: sf-bob 1.2s ease-in-out infinite; }
@keyframes sf-bob { 50% { transform: translateY(-8px); } }

/* Toast */
.sf-toast {
	position: fixed;
	left: 50%;
	bottom: 24px;
	transform: translate(-50%, 20px);
	max-width: min(92vw, 420px);
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--sf-raised);
	border: 1px solid var(--sf-line);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s, transform .2s;
	z-index: 60;
	text-align: center;
}
.sf-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.sf-toast a { color: var(--sf-accent); font-weight: 700; }

/* ---------- Albums panel (bottom sheet on phones, sidebar on desktop) ---------- */

.sf-panel {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 82vh;
	max-height: 82dvh;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
	background: var(--sf-panel);
	border-top: 1px solid var(--sf-line);
	border-radius: 20px 20px 0 0;
	z-index: 50;
	transform: translateY(105%);
	transition: transform .28s cubic-bezier(.2, .8, .2, 1);
	visibility: hidden;
}
.sf-panel.is-open { transform: none; visibility: visible; }
.sf-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .55);
	z-index: 40;
}
.sf-panel__head { display: flex; align-items: center; justify-content: space-between; font-size: 17px; }
.sf-icon-btn { display: inline-flex; padding: 6px; border: 0; background: none; cursor: pointer; border-radius: 50%; }
.sf-icon-btn:hover { background: var(--sf-surface); }

.sf-panel__sort {
	display: none;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	padding: 4px;
	border-radius: 14px;
	background: var(--sf-surface);
	border: 1px solid var(--sf-line);
}
.sf-panel__sort button {
	padding: 9px 8px;
	border: 0;
	border-radius: 10px;
	background: none;
	color: var(--sf-muted);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background .15s, color .15s;
}
.sf-panel__sort button:hover { color: var(--sf-text); background: var(--sf-surface); }
.sf-panel__sort button.is-active {
	background: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2));
	color: var(--sf-on-accent);
	box-shadow: 0 4px 14px var(--sf-glow);
}

.sf-search {
	width: 100%;
	height: 40px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid var(--sf-line);
	background: var(--sf-surface);
	color: var(--sf-text);
	font: inherit;
	outline: none;
	transition: border-color .15s, box-shadow .15s;
}
.sf-search:focus { border-color: var(--sf-accent); box-shadow: 0 0 0 3px rgba(255, 122, 0, .18); }
.sf-search::placeholder { color: var(--sf-muted); }

.sf-albums {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	gap: 10px;
	align-content: start;
	padding-bottom: 4px;
}
.sf-album {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 6px 4px;
	border: 0;
	border-radius: 12px;
	background: none;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	min-width: 0;
}
.sf-album:hover { background: var(--sf-surface); }
.sf-album__thumb {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	background: var(--sf-surface-2);
	border: 2px solid transparent;
}
.sf-album__thumb--all {
	background: linear-gradient(135deg, var(--sf-accent), var(--sf-accent-2));
}
.sf-album.is-active .sf-album__thumb { border-color: var(--sf-accent); box-shadow: 0 0 0 3px var(--sf-glow); }
.sf-album__name { font-size: 12px; font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-album__count { font-size: 11px; color: var(--sf-muted); }
.sf-albums__empty { grid-column: 1 / -1; color: var(--sf-muted); text-align: center; padding: 20px 0; }

.sf-intro { font-size: 12px; color: var(--sf-muted); border-top: 1px solid var(--sf-line); padding-top: 10px; }
.sf-intro h1 { font-size: 14px; margin: 0 0 4px; color: var(--sf-text); }
.sf-intro p { margin: 0 0 6px; }
.sf-intro a { color: var(--sf-accent); }

@media (max-width: 420px) {
	.sf-topbar { gap: 6px; padding: 0 8px; }
	.sf-logo { font-size: 15px; }
	.sf-logo img { height: 38px; }
	.sf-album-btn { max-width: 40vw; }
	.sf-sort-btn { padding: 0 9px; }
	.sf-sort-btn span { display: none; }
}

/* Friends (link partners) */
.sf-panel { overflow-y: auto; }
.sf-panel > * { flex: none; }
.sf-albums { flex: none; max-height: 46vh; }
.sf-friends h2 { margin: 0 0 6px; font-size: 14px; }
.sf-friends__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; }
.sf-friends__list li { min-width: 0; font-size: 13px; }
.sf-friends__list a { display: flex; align-items: center; gap: 8px; padding: 5px 6px; border-radius: 8px; text-decoration: none; color: var(--sf-muted); }
.sf-friends__list a:hover { color: var(--sf-text); background: var(--sf-surface); }
.sf-friends__list .ico { flex: none; display: inline-flex; }
.sf-friends__list .ico img { width: 16px; height: 16px; border-radius: 3px; }
.sf-friends__list .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sf-friend-pbn a { display: inline; padding: 0; }
.sf-card .sf-friends__list { text-align: left; margin: 4px 0 16px; }
.sf-card .sf-friends__list a { color: var(--sf-text); background: var(--sf-surface); }

/* ---------- Desktop ---------- */

@media (min-width: 1024px) {
	.sf-app {
		display: grid;
		grid-template-columns: 300px minmax(0, 1fr) 340px;
		grid-template-rows: var(--sf-topbar-h) minmax(0, 1fr);
	}
	.sf-topbar { grid-column: 1 / -1; padding: 0 18px; gap: 12px; }
	.sf-logo { font-size: 20px; margin-right: auto; }
	.sf-album-btn { display: none; }
	.sf-sort { display: none; }
	.sf-topnav { display: flex; }

	.sf-panel {
		position: static;
		grid-column: 1;
		grid-row: 2;
		max-height: none;
		transform: none;
		visibility: visible;
		border-radius: 0;
		border-top: 0;
		border-right: 1px solid var(--sf-line);
		background: transparent;
		padding: 14px;
		min-height: 0;
	}
	.sf-panel__close { display: none; }
	.sf-panel__sort { display: grid; }
	.sf-backdrop { display: none !important; }
	.sf-albums { grid-template-columns: 1fr; gap: 2px; max-height: 52vh; }
	.sf-panel .sf-friends__list { grid-template-columns: 1fr; }
	.sf-album { flex-direction: row; gap: 10px; padding: 6px 8px; text-align: left; }
	.sf-album__thumb { width: 40px; height: 40px; }
	.sf-album__name { flex: 1; font-size: 14px; }
	.sf-album__count { font-size: 12px; }
	.sf-album.is-active { background: rgba(255, 122, 0, .1); }
	.sf-album.is-active .sf-album__name { color: var(--sf-accent); }

	.sf-main { grid-column: 2; grid-row: 2; padding: 12px 18px 18px; gap: 12px; }
	.sf-slot--top.is-desktop { min-height: 90px; }
	.sf-feed {
		width: 100%;
		max-width: 720px;
		margin: 0 auto;
		border-radius: 18px;
		background: #000;
		box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
	}
	.sf-info { padding-left: 20px; padding-right: 88px; }

	.sf-sky {
		flex-direction: column;
		gap: 16px;
		overflow-y: auto;
		min-height: 0;
		display: flex;
		grid-column: 3;
		grid-row: 2;
		justify-content: flex-start;
		align-items: center;
		padding: 12px 20px 18px 0;
	}
	.sf-sky__block { display: flex; flex-direction: column; align-items: center; gap: 8px; }
	.sf-sky__block .sf-label { margin: 0; }

	.sf-hint span::after { content: " (or use the arrow keys)"; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.sf-app { grid-template-columns: 250px minmax(0, 1fr) 330px; }
	.sf-app.no-sky { grid-template-columns: 250px minmax(0, 1fr); }
}

@media (min-width: 1024px) {
	.sf-app.no-sky { grid-template-columns: 300px minmax(0, 1fr); }
	.sf-app.no-sky .sf-sky { display: none; }
}

/*BEGIN local/css/pinkgrade-rules.css */
header{position:fixed;background-image:-webkit-linear-gradient(right,#f70 31%,#1E1F25 52%);background-image:-o-linear-gradient(right,#C64562 31%,#1E1F25 52%);background-image:linear-gradient(to left,#f70 31%,#1E1F25 52%)}.side-box.horizontal.sponsor{padding-left:0;padding-right:0}.side-box.horizontal.sponsor h3{padding-left:15px}.hentai_pro_float{position:fixed;right:20px;bottom:20px;padding:10px;color:#000;font-family:"Avenir LT Std 95 Black";font-size:16px;background:rgba(255,208,1,.9);border-radius:6px;z-index:999999999;text-shadow:0 0 1px #a3a3a3;white-space:nowrap;font-weight:bolder;box-sizing:border-box}.hentai_pro_float span.glyphicon.glyphicon-flash{font-size:30px}.ad{margin:auto}@media (min-width: 1921px){.lskin{display:none}}@media (max-width: 1921px){.xlskin{display:none}}#ato_header{visibility:visible;z-index:999999}p.imageComment a{color:#c64562}p.imageComment{padding:20px;padding-top:80px;font-size:14px;color:#ffffff}.markItUpHeader ul ul{top:15px !important}a.IM_closebutton{position:absolute;border-radius:16px;height:30px;font-size:24px;width:30px;font-weight:bold;line-height:29px;text-align:center;bottom:5px;left:5px;background:#000;color:#fff;text-decoration:none;border:2px solid #fff}.avatar-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.3s ease;background-color:#111111a8}.avatar-overlay:hover{opacity:1}.avatar-overlay i{color:white;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);text-align:center}.alert.alert-danger.alert-dismissible a{text-decoration:underline}.alert.alert-danger.alert-dismissible{margin-bottom:30px}@media screen and (max-width: 992px){cornergirls canvas{width:250px;height:250px}}.lb-link{font-size:14px;color:#fff;letter-spacing:-.3px;display:block;padding-right:5px;width:auto !important;transition:.3s all}ul.friends-site{color:white}div#imageToolBar{text-align:center;color:#606062}div#imageHeaderBar{text-align:center;padding-top:20px;color:white}h1.home-h1{color:white;font-size:23px}