:root { color-scheme: light dark; }


.lw-fall {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
	contain: strict;
	
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 78%, transparent 94%);
	mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 78%, transparent 94%);
}
.lw-fall i {
	position: absolute;
	top: 0;
	left: var(--x);
	width: 40px;
	height: 52px;
	background: var(--img) center / contain no-repeat;
	opacity: .42;
	will-change: transform;
	animation: lw-fall var(--d, 22s) linear var(--t, 0s) infinite;
}
.lw-fall i.lw-fall-b { width: 30px; height: 39px; opacity: .24; filter: blur(3px); }
@keyframes lw-fall {
	from { transform: translate3d(0, -80px, 0) rotate(var(--r0, -12deg)); }
	to { transform: translate3d(0, calc(100vh + 80px), 0) rotate(var(--r1, 14deg)); }
}
.lw-fall .f-txt { --img: url(/img/fall/txt-light.svg); }
.lw-fall .f-zip { --img: url(/img/fall/zip.svg); }
.lw-fall .f-jpg { --img: url(/img/fall/jpeg.svg); }
.lw-fall .f-mp3 { --img: url(/img/fall/mp3.svg); }
.lw-fall .f-mp4 { --img: url(/img/fall/mp4.svg); }
.lw-fall .f-doc { --img: url(/img/fall/word.svg); }
.lw-fall .f-pdf { --img: url(/img/fall/pdf.svg); }

.lw-fall i:nth-child(1)  { --x: 4%;  --d: 26s; --t: -3s;  --r0: -18deg; --r1: 10deg; }
.lw-fall i:nth-child(2)  { --x: 13%; --d: 34s; --t: -21s; --r0: 12deg;  --r1: -16deg; }
.lw-fall i:nth-child(3)  { --x: 22%; --d: 24s; --t: -14s; --r0: -8deg;  --r1: 20deg; }
.lw-fall i:nth-child(4)  { --x: 31%; --d: 38s; --t: -30s; --r0: 16deg;  --r1: -6deg; }
.lw-fall i:nth-child(5)  { --x: 66%; --d: 28s; --t: -9s;  --r0: -14deg; --r1: 12deg; }
.lw-fall i:nth-child(6)  { --x: 75%; --d: 36s; --t: -25s; --r0: 10deg;  --r1: -18deg; }
.lw-fall i:nth-child(7)  { --x: 86%; --d: 25s; --t: -17s; --r0: -20deg; --r1: 6deg; }
.lw-fall i:nth-child(8)  { --x: 94%; --d: 40s; --t: -6s;  --r0: 8deg;   --r1: -14deg; }
.lw-fall i:nth-child(9)  { --x: 9%;  --d: 44s; --t: -36s; --r0: 22deg;  --r1: -4deg; }
.lw-fall i:nth-child(10) { --x: 27%; --d: 50s; --t: -12s; --r0: -6deg;  --r1: 18deg; }
.lw-fall i:nth-child(11) { --x: 44%; --d: 46s; --t: -40s; --r0: 14deg;  --r1: -10deg; }
.lw-fall i:nth-child(12) { --x: 56%; --d: 52s; --t: -20s; --r0: -16deg; --r1: 8deg; }
.lw-fall i:nth-child(13) { --x: 71%; --d: 42s; --t: -31s; --r0: 6deg;   --r1: -20deg; }
.lw-fall i:nth-child(14) { --x: 90%; --d: 48s; --t: -2s;  --r0: -10deg; --r1: 16deg; }
@media screen and (max-width: 768px) {
	.lw-fall i { width: 30px; height: 39px; opacity: .3; }
	.lw-fall i.lw-fall-b { width: 22px; height: 29px; opacity: .18; }
	.lw-fall i:nth-child(n+11) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.lw-fall i { animation-play-state: paused; }
}


html.lw-p2p-fx .lw-p2p-centre .lw-p2p-av {
	background: linear-gradient(145deg, #5a9bff 0%, #2f6be0 55%, #2556c4 100%);
	box-shadow: 0 0 0 6px rgba(90, 155, 255, .22), 0 0 0 14px rgba(90, 155, 255, .08), 0 10px 40px rgba(47, 107, 224, .45);
}
.lw-p2p-pairbtn { border-radius: 999px; }
.lw-p2p-alt { border-radius: 16px; border: 1px solid rgba(15, 21, 30, .06); }
html.lw-p2p-fx .lw-p2p-alt .upload_main {
	background: linear-gradient(145deg, #5a9bff, #2f6be0);
	box-shadow: 0 4px 16px rgba(47, 107, 224, .35);
}


@media (prefers-color-scheme: dark) {
	:root {
		--text-color: #e6eaf0;
		--bg-color: #0f151e;
		--bg-color-secondary: #18202c;
		--primary-color: #6ea2ff;
	}
	html, body { background: #0f151e; color: #e6eaf0; }
	.lw-fall .f-txt { --img: url(/img/fall/txt.svg); }
	.lw-fall i { opacity: .5; }
	.lw-fall i.lw-fall-b { opacity: .28; }

	body > header, body > footer, .main_content, .lw-p2p-bar, .lw-p2p-centre, .lw-p2p-peer { color: #e6eaf0; }
	.lw-p2p-sub, .lw-p2p-me, .lw-p2p-support,
	.lw-p2p-bar[data-state="connecting"] .lw-p2p-hint,
	.lw-p2p-bar[data-state="offline"] .lw-p2p-hint { color: #9aa4b4; }
	.lw-p2p-rename, .lw-p2p-linkbtn, .lw-p2p-support a, .lw-p2p-save, .lw-p2p-error.lw-p2p-wait { color: #8ab4ff; }

	
	.lw-p2p-ping { border-color: rgba(110, 162, 255, .45); }
	html.lw-p2p-fx[data-lw-p2p="near"] .lw-p2p-ping { border-color: rgba(110, 162, 255, .28); }
	.lw-p2p-av { background: #1a2331; box-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 6px 22px rgba(0, 0, 0, .45); }
	.lw-p2p-av svg { stroke: #8ab4ff; }
	html.lw-p2p-fx .lw-p2p-centre .lw-p2p-av svg { stroke: #fff; }
	.lw-p2p-chip .lw-p2p-av { background: #1a2331; }
	.lw-p2p-beam { stroke: rgba(110, 162, 255, .35); }
	@keyframes lw-p2p-flash {
		0% { background: #8ab4f8; transform: scale(1.18); }
		30% { background: #8ab4f8; transform: scale(1); }
		100% { background: #1a2331; }
	}

	
	.lw-p2p-pairbtn, .lw-p2p-ghost { background: rgba(255, 255, 255, .04); color: #8ab4ff; border-color: #4f7fd9; }
	.lw-p2p-pairbtn.lw-p2p-attention, .lw-p2p-btn:not(.lw-p2p-ghost) { color: #fff; }
	.lw-p2p-keep { background: #16233a; border-color: #2c4677; color: #b9d0ff; }
	.lw-p2p-keep:hover { background: #1b2b47; border-color: #6ea2ff; }
	.lw-p2p-keep-text span { color: #9aa4b4; }

	
	.lw-p2p-alt { background: #161e2a; border-color: rgba(255, 255, 255, .07); box-shadow: 0 8px 30px rgba(0, 0, 0, .45); color: #e6eaf0; }
	.lw-p2p-alt-text span, .lw-p2p-legal { color: #9aa4b4; }
	html.lw-p2p-fx .lw-p2p-alt .or_upload_folder { color: #8ab4ff; }

	
	.lw-p2p-card, .lw-p2p-modal-box, .lw-p2p-center > .lw-p2p-card { background: #161e2a; color: #e6eaf0; box-shadow: 0 12px 40px rgba(0, 0, 0, .55); }
	.lw-p2p-note, .lw-p2p-fsize, .lw-p2p-pct { color: #9aa4b4; }
	.lw-p2p-alert { color: #f0c060; }
	.lw-p2p-error { color: #ff8a80; }
	.lw-p2p-warn { background: #3a3014; color: #f3dc9a; }
	.lw-p2p-track { background: #263142; }
	.lw-p2p-x { color: #9aa4b4; }
	.lw-p2p-x:hover { background: #222c3b; color: #fff; }
	.lw-p2p-center .lw-p2p-files { background: #1d2635; }
	.lw-p2p-center .lw-p2p-actions .lw-p2p-ghost { color: #9aa4b4; background: none; }
	.lw-p2p-code { color: #fff; }
	.lw-p2p-code-input, .lw-p2p-me .lw-p2p-rename-input { background: #0f151e; color: #fff; border-color: #33405a; }
	
	.lw-p2p-qr { background: #fff; padding: 6px; box-sizing: border-box; }
	html.lw-p2p-asking .lw-p2p-center { background: rgba(0, 0, 0, .5); }

	
	.lw_modal .lw_modal_container { background: #161e2a; color: #e6eaf0; }
	.lw_modal .lw_modal_container .lw_modal_header { border-bottom-color: #263142; }
	x-paper { background: #161e2a !important; color: #e6eaf0; }

	
	html.lw-p2p-fx body > footer .font-body2 { color: #c3cad6; }
	body > footer a.blog-link { color: #8ab4ff; }

	
	html body .lw-seo { background: #0f151e; color: #c3cad6; }
	html body .lw-seo h1, html body .lw-seo h2, html body .lw-seo h3, html body .lw-seo strong, html body .lw-seo th { color: #f2f5fa; }
	html body .lw-seo a { color: #8ab4ff; }
	html body .lw-seo th, html body .lw-seo td { border-color: #263142; }
	html body .lw-seo th { background: #18202c; }
	html body .lw-seo .lw-note { color: #8a93a3; }
}