:root {
	--font-family-main: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	--font-size-main: 12pt;
	--color-bg-main: rgba(255, 255, 255, 0.85);
	--color-bg-main-gradient: #dbeeff;
	--color-fg-main: #000000;
	--color-fg-link: #fff;
	--color-fg-link-hover: #6d6d6d;
	--color-lo-contrast-border: #0000;
	--color-hi-contrast-border: #888888;
	--color-border-button: #d0d0d0;
	--color-bg-boardlist: rgba(255, 255, 255, 0.3);
	--color-fg-boardlist: #000000;
	--color-fg-logo: #a4fb4c;
	--color-bg-theading: rgba(255, 255, 255, 0.3);
	--color-bg-theading2: rgba(240, 240, 255, 0.25);
	--color-bg-theading3: rgba(220, 235, 255, 0.3);
	--color-fg-theading: #000000;
	--color-bg-postblock: rgba(255, 255, 255, 0.4);
	--color-border-input: #aaaaaa;
	--color-fg-global-message: #cc0000;
	--color-bg-reply: rgba(255, 255, 255, 0.6);
	--color-bg-reply-hl: rgba(230, 245, 255, 0.7);
	--color-fg-title: #cc1105;
	--color-fg-name: #048200;
	--color-fg-warning: #ff0000;
	--color-fg-warning-ip: #0000cc;
	--color-fg-omitted: #707070;
	--color-fg-quotelink: #1a4ccc;
	--color-fg-quotelink-hover: #0033cc;
	--color-fg-quote: #d4ff0a;
	--color-fg-quote2: #ff69b4;
	--color-bg-spoiler: #000000;
	--color-bg-code: rgba(245, 245, 245, 0.95);
	--color-fg-code: #000000;
	--color-bg-postlists-header: rgba(220, 235, 255, 0.4);
	--color-fg-postlists-header: #000;
	--color-fg-postlists-header-link: #0044cc;
	--color-bg-postlists-odd: rgba(245, 250, 255, 0.5);
	--color-bg-postlists-even: rgba(255, 255, 255, 0.6);
	--color-bg-flashboard-even: rgba(255, 255, 255, 0.4);
	--color-bg-window-item-highlight: rgba(255, 255, 240, 0.7);
}

body {
    background: url('https://w0.peakpx.com/wallpaper/794/426/HD-wallpaper-vista-grass-windows-vista-nature-grass.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
    font-family: Segoe UI, Tahoma, sans-serif !important;
    color: #313131 !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    z-index: -1;
    pointer-events: none;
}

a, a:link, a:visited {
	color: var(--color-fg-link);
	text-decoration: underline;
}

a:hover {
	color: var(--color-fg-link-hover);
}

/* Panels */
.theading, .theading2, .theading3 {
	backdrop-filter: blur(6px);
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	border-radius: 6px;
	padding: 0.5em 1em;
	color: var(--color-fg-theading);
}

.theading {
	background: linear-gradient(to right, #eee, #d0e2ff);
}
.theading2 {
	background: linear-gradient(to right, #ddeeff, #c0d4ff);
}
.theading3 {
	background: linear-gradient(to right, #f0f8ff, #d0e8ff);
}

/* Inputs */
.inputtext, select, textarea {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid var(--color-border-input);
	border-radius: 4px;
	padding: 0.4em;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.inputtext:focus {
	outline: 1px solid #a3cfff;
}

/* Buttons */
button, input[type="button"], input[type="submit"], input[type="reset"] {
	background: rgba(255, 255, 255, 0.2) !important;
	border: 1px solid #bdbebf;
	backdrop-filter: blur(12px);
	border-radius: 6px;
	color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,0.6);
	padding: 0.3em 0.8em;
	box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.15);
	cursor: pointer;
	transition: background 0.2s ease;
}

/* Replies */
.reply, .postblock, .window, .box, .boardlist, .theading {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(12px);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.reply.highlight {
	background: var(--color-bg-reply-hl);
}

/* Code blocks */
code, pre {
	background: var(--color-bg-code);
	border: 1px solid #ccc;
	padding: 0.5em;
	border-radius: 4px;
	font-family: Consolas, monospace;
}

/* Scrollbars */
::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-thumb {
	background: rgba(100, 120, 180, 0.6);
	border-radius: 6px;
	border: 2px solid rgba(255, 255, 255, 0.6);
}
::-webkit-scrollbar-track {
	background: rgba(240, 240, 240, 0.3);
}

.winctrl button: {
	background: url('https://imgur.com/FEGmPFW.png') no-repeat center center fixed !important;
}

hr {
	color: #0000;
}

.winctrl button:hover, #settarea > label:hover, .settab_selected {
	background-color: rgba(240, 240, 240, 0.2);
}