*{
	margin:0;
	padding:0;
}
body {
	background: var(--body-bg);
	font-family: "Trebuchet MS", Helvetica, sans-serif, 'Lobster', cursive;
	font-size: 15px;
	color: var(--body-text);
	/* text-transform: uppercase; */
	overflow-x: hidden;
}
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('/textures/noise.png'); /* Add to /public/textures */
  opacity: 0.05;
  pointer-events: none;
  z-index: 0;
}
body[data-theme='light']::before {
  opacity: 0.025;
  filter: invert(1);
}
.site-title {
  font-size: 20px;
  font-family: 'Inter', sans-serif;
}
.oe_overlay{
	background: var(--overlay-backdrop);
	opacity:0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1100;
}
.oe_wrapper{
	position:relative;
	z-index:1200;
}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:30px 0px 0px 40px;
	width:560px;
	float:left;
	clear:both;
	z-index:1201;
}
ul.oe_menu > li{
	width:112px;
	height:101px;
	padding-bottom:2px;
	float:left;
	position:relative;
}
ul.oe_menu > li > a{
	display:block;
	background-color: var(--menu-item-bg);
	color: var(--menu-item-text);
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	width:90px;
	height:80px;
	padding:10px;
	margin:1px;
	text-shadow:0px 0px 1px rgba(0,0,0,0.4);
	opacity:0.85;
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	background: var(--menu-item-hover-bg);
	color: var(--menu-item-hover-text);
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
	background: var(--menu-item-hover-bg);
	text-shadow:0px 0px 1px #FFF;
}
ul.oe_menu div{
	position:absolute;
	top:103px;
	left:1px;
	background: var(--menu-panel-bg);
	width:498px;
	height:180px;
	padding:30px;
	display:none;
	visibility:hidden;
	z-index:1202;
}
ul.oe_menu.hovered > li:hover > div,
ul.oe_menu.hovered > li.selected > div{
	display:block;
	visibility:visible;
}
ul.oe_menu div ul li a{
	text-decoration:none;
	color: var(--menu-panel-text);
	padding:2px 2px 2px 4px;
	margin:2px;
	display:block;
	font-size:12px;
}
ul.oe_menu div .oe_heading_button{
	background:none;
	border:none;
	color:inherit;
	padding:0;
	font:inherit;
	cursor:pointer;
	text-align:left;
}
ul.oe_menu div .oe_heading_button:hover,
ul.oe_menu div .oe_heading_button:focus{
	color: var(--menu-item-hover-text);
}
ul.oe_menu div .oe_teaser_panel{
	clear:both;
	margin-top:18px;
	padding:16px;
	background: rgba(245, 246, 250, 0.92);
	border-radius:12px;
	border:1px solid var(--surface-card-border);
	box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
ul.oe_menu div .oe_teaser_panel_inner{
	display:flex;
	flex-direction:column;
	gap:10px;
	font-size:12px;
	color: var(--menu-panel-text);
	line-height:1.5;
}
ul.oe_menu div .oe_teaser_panel_heading{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.08em;
	color: var(--menu-panel-heading);
}
ul.oe_menu div .oe_teaser_panel_text{
	margin:0;
}
ul.oe_menu div .oe_teaser_panel_more{
	align-self:flex-start;
	background:none;
	border:none;
	padding:0;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.12em;
	color: var(--button-accent);
	cursor:pointer;
}
ul.oe_menu div .oe_teaser_panel_more:hover,
ul.oe_menu div .oe_teaser_panel_more:focus{
	text-decoration:underline;
}
ul.oe_menu div ul.oe_full{
	width:100%;
}
ul.oe_menu div ul li a:hover{
	background: var(--menu-link-hover-bg);
	color: var(--menu-link-hover-text);
}
ul.oe_menu li ul{
	list-style:none;
	float:left;
	width: 150px;
	margin-right:10px;
}
li.oe_heading{
	color: var(--menu-item-text);
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid rgba(0,0,0,0.08);
}

.toggle-chip {
	display:flex;
	align-items:center;
	gap:8px;
	padding:4px 12px 4px 6px;
	border-radius:999px;
	border:1px solid var(--surface-card-border);
	background: var(--surface-card-bg);
	color: var(--surface-card-text);
	cursor:pointer;
	font-size:12px;
	font-weight:600;
	letter-spacing:0.04em;
	text-transform:uppercase;
	transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.toggle-chip__track {
	position:relative;
	width:32px;
	height:16px;
	border-radius:999px;
	background: rgba(255,255,255,0.28);
	transition: background 0.3s ease;
}

.toggle-chip__thumb {
	position:absolute;
	top:2px;
	left:2px;
	width:12px;
	height:12px;
	border-radius:50%;
	background: var(--body-text);
	transform: translateX(0);
	transition: transform 0.3s ease, background 0.3s ease;
	box-shadow:0 2px 4px rgba(0,0,0,0.25);
}

.toggle-chip__label {
	display:flex;
	align-items:center;
	gap:6px;
	user-select:none;
	text-transform:uppercase;
}

.toggle-chip__label .toggle-chip__state {
	font-size:10px;
	opacity:0.7;
	letter-spacing:0.08em;
}

.toggle-chip--on {
	background: rgba(255,255,255,0.95);
	border-color: rgba(28,32,48,0.1);
	color: #1a1c27;
}

.toggle-chip--on .toggle-chip__track {
	background: rgba(27,91,255,0.35);
}

.toggle-chip--on .toggle-chip__thumb {
	transform: translateX(16px);
	background: #f0f4ff;
}

.toggle-chip--off .toggle-chip__track {
	background: rgba(255,255,255,0.25);
}

.toggle-chip--off .toggle-chip__thumb {
	background: var(--body-text);
}

.toggle-chip--animation.toggle-chip--on .toggle-chip__track {
	background: rgba(27,201,120,0.35);
}

.toggle-chip--animation.toggle-chip--on .toggle-chip__thumb {
	background: #d8ffef;
}

.toggle-chip--animation.toggle-chip--off .toggle-chip__track {
	background: rgba(100,100,120,0.2);
}

.toggle-chip--animation.toggle-chip--off .toggle-chip__thumb {
	background: rgba(200,200,210,0.88);
}

body[data-theme='light'] .dynamic-backdrop {
	opacity:0.32;
}

body[data-theme='light'] .dynamic-backdrop {
	opacity:0.32;
}