/* LinkUUp navigation: one calm night-blue control rail, built for touch first.
 * Navigation stays legible; colour identifies a function rather than decorating it. */
.md-sidenav-left {
	border-right:1px solid rgba(171,202,255,.14);
	background:linear-gradient(162deg,#111a2b 0%,#121827 46%,#0d1220 100%);
	box-shadow:18px 0 44px rgba(0,0,0,.36);
}

.md-sidenav-left .sidenav-brand {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:82px;
	border-bottom:1px solid rgba(181,213,255,.14);
	background:radial-gradient(circle at 88% 24%,rgba(108,177,245,.27),transparent 29%),linear-gradient(115deg,rgba(91,81,190,.48),rgba(21,39,67,.72) 68%);
}
.md-sidenav-left .sidenav-brand::before {
	display:block;
	content:'';
	position:absolute;
	right:-31px;
	top:-58px;
	width:144px;
	height:144px;
	border:1px solid rgba(214,233,255,.17);
	border-radius:50%;
	box-shadow:0 0 0 17px rgba(132,172,255,.045),0 0 0 36px rgba(150,113,236,.035);
}
.md-sidenav-left .sidenav-brand .md-toolbar-tools { position:relative; z-index:1; height:82px; padding:0 16px; }
.md-sidenav-left .sidenav-brand h1 { margin:0; color:#f8fbff; font-size:22px; font-weight:770; letter-spacing:-.035em; line-height:1; }
.md-sidenav-left .sidenav-brand span { display:block; margin-top:6px; color:#bbd4f1; font-size:9px; font-weight:820; letter-spacing:.135em; text-transform:uppercase; }
.md-sidenav-left .nav-close { display:grid; place-items:center; width:34px; height:34px; margin-right:11px; border:0; border-radius:0; background:transparent; color:#d7eeff; cursor:pointer; font-size:25px; line-height:1; }
.md-sidenav-left .nav-close:hover { color:#fff; text-shadow:0 0 12px rgba(142,215,255,.72); }

.md-sidenav-left md-content,
.left-sidebar { background:transparent; }
.md-sidenav-left md-list { padding:10px 11px 22px; background:transparent; color:#edf4ff; }
.sidebar-user-card { display:flex; align-items:center; gap:11px; margin:14px 12px 9px; padding:11px; border:1px solid rgba(178,212,255,.15); border-radius:15px; background:linear-gradient(135deg,rgba(83,139,210,.18),rgba(111,86,192,.13)); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 9px 18px rgba(0,0,0,.15); }
.sidebar-user-card:hover { transform:none; background:linear-gradient(135deg,rgba(93,157,228,.24),rgba(125,92,210,.18)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 20px rgba(0,0,0,.19); }
.sidebar-user-card .lup-avatar { flex:0 0 auto; outline:2px solid rgba(166,219,255,.42); outline-offset:2px; }
.sidebar-user-card > div { min-width:0; flex:1; }.sidebar-user-card strong { color:#f5f8ff; font-size:13px; font-weight:760; }.sidebar-user-card span { color:#b7c8df; font-size:10px; }.sidebar-user-card > .material-icons { color:#bcdcff; font-size:19px; }

.md-sidenav-left .sidebar-section-title,
.md-sidenav-left .md-subheader { min-height:0; margin:19px 7px 6px; padding:0; background:transparent; color:#8294ae; font-size:8px; font-weight:850; letter-spacing:.16em; line-height:18px; text-transform:uppercase; }
.md-sidenav-left .sidebar-section-title:first-child { margin-top:8px; }
.md-sidenav-left .sidebar-legal-title { margin-top:22px; padding-top:13px; border-top:1px solid rgba(187,212,255,.10); }
.md-sidenav-left md-list-item { position:relative; overflow:hidden; min-height:47px; margin:2px 0; border:1px solid transparent; border-radius:11px; background:transparent; transition:background .18s ease,border-color .18s ease; }
.md-sidenav-left md-list-item::before { content:''; position:absolute; top:12px; bottom:12px; left:0; width:2px; border-radius:0 3px 3px 0; background:transparent; transition:background .18s ease,box-shadow .18s ease; }
.md-sidenav-left md-list-item:hover { transform:none; border-color:rgba(179,211,255,.12); background:linear-gradient(90deg,rgba(98,142,214,.22),rgba(104,85,188,.055) 72%,transparent); }
.md-sidenav-left md-list-item:hover::before { background:#9edbff; box-shadow:0 0 11px rgba(139,207,255,.75); }
.md-sidenav-left md-list-item p { margin:0; color:#e3edf9; font-size:13px; font-weight:650; letter-spacing:.005em; }
.md-sidenav-left md-list-item .nav-icon { display:grid; place-items:center; flex:0 0 29px; width:29px; height:29px; margin-right:12px; border:1px solid rgba(188,214,255,.16); border-radius:9px 9px 9px 4px; background:rgba(255,255,255,.045); color:#b6d3f0; font-size:16px; transition:transform .18s ease,background .18s ease,color .18s ease; }
.md-sidenav-left md-list-item:hover .nav-icon { transform:translateY(-1px); border-color:rgba(183,221,255,.31); background:rgba(121,170,231,.14); color:#e9f7ff; }
.md-sidenav-left md-list-item.nav-discover .nav-icon { color:#9ee2ff; background:rgba(76,172,233,.13); }.md-sidenav-left md-list-item.nav-settings .nav-icon { color:#d3bfff; background:rgba(143,102,223,.14); }.md-sidenav-left md-list-item.nav-account .nav-icon { color:#a7e6eb; background:rgba(64,176,181,.12); }.md-sidenav-left md-list-item.nav-friends .nav-icon { color:#ffb2d5; background:rgba(232,105,168,.12); }
.md-sidenav-left md-list-item.nav-logout { margin-top:9px; border-color:rgba(255,165,184,.11); background:rgba(255,125,151,.045); }.md-sidenav-left md-list-item.nav-logout .nav-icon { color:#ffb1bd; background:rgba(255,119,147,.10); }.md-sidenav-left md-list-item.nav-logout p { color:#ffd5dc; }
.md-sidenav-left md-list-item:has(.impressum) .nav-icon,.md-sidenav-left md-list-item:has(.tos) .nav-icon,.md-sidenav-left md-list-item:has(.privacy) .nav-icon { border-color:transparent; background:transparent; color:#8396b1; font-size:15px; }.md-sidenav-left md-list-item:has(.impressum) p,.md-sidenav-left md-list-item:has(.tos) p,.md-sidenav-left md-list-item:has(.privacy) p { color:#aab8ca; font-size:11px; font-weight:590; }

@media (max-width:599px) {
	.md-sidenav-left { width:min(86vw,332px); }
	.md-sidenav-left .sidenav-brand { min-height:76px; }.md-sidenav-left .sidenav-brand .md-toolbar-tools { height:76px; }
	.sidebar-user-card { margin-top:12px; }.md-sidenav-left md-list { padding-bottom:18px; }
}

/* Shared midnight navigation — one calm material across every app view. */
.md-sidenav-left {
	border-right:1px solid rgba(181,210,238,.10);
	background:#080e18;
	box-shadow:20px 0 54px rgba(0,0,0,.46);
}
.md-sidenav-left .sidenav-brand {
	min-height:94px;
	border-bottom:1px solid rgba(184,213,239,.10);
	background:linear-gradient(144deg,#0d1727,#090f1b 78%);
}
.md-sidenav-left .sidenav-brand::before {
	right:21px;
	top:29px;
	width:5px;
	height:5px;
	border:0;
	border-radius:50%;
	background:#9fe8ff;
	box-shadow:-25px 17px 0 -1px rgba(159,232,255,.52),-47px -9px 0 -2px rgba(159,232,255,.35),0 0 17px rgba(114,218,255,.72);
}
.md-sidenav-left .sidenav-brand .md-toolbar-tools { height:94px; padding:0 19px; }
.md-sidenav-left .sidenav-brand h1 { font-size:23px; font-weight:720; letter-spacing:-.045em; }
.md-sidenav-left .sidenav-brand span { margin-top:7px; color:#8fa4bd; font-size:8px; font-weight:800; letter-spacing:.18em; }
.md-sidenav-left .nav-close { width:36px; height:36px; margin-right:10px; border:1px solid rgba(191,220,244,.12); border-radius:50%; color:#bcd5e9; }

.md-sidenav-left md-content { overflow-x:hidden; background:#080e18; }
.md-sidenav-left md-list { padding:14px 13px 26px; }
.sidebar-user-card {
	margin:15px 14px 13px;
	padding:12px 2px 15px;
	border:0;
	border-bottom:1px solid rgba(186,214,239,.10);
	border-radius:0;
	background:transparent;
	box-shadow:none;
}
.sidebar-user-card:hover { background:transparent; box-shadow:none; }
.sidebar-user-card .lup-avatar { outline:1px solid rgba(159,227,255,.58); outline-offset:3px; }
.sidebar-user-card strong { color:#eff7ff; font-size:13px; font-weight:700; }
.sidebar-user-card span { display:block; margin-top:3px; color:#8195ad; font-size:9px; letter-spacing:.03em; }
.sidebar-user-card > .material-icons { color:#88d9f3; opacity:.72; }

.md-sidenav-left .sidebar-section-title,.md-sidenav-left .md-subheader {
	margin:22px 6px 7px;
	color:#677b92;
	font-size:8px;
	font-weight:820;
	letter-spacing:.19em;
}
.md-sidenav-left .sidebar-legal-title { margin-top:29px; padding-top:15px; border-top:1px solid rgba(186,214,239,.09); }
.md-sidenav-left md-list-item {
	min-height:49px;
	margin:1px 0;
	border:0;
	border-radius:8px;
	background:transparent;
}
.md-sidenav-left md-list-item::before { top:13px; bottom:13px; width:1px; background:transparent; }
.md-sidenav-left md-list-item:hover { border:0; background:rgba(141,202,235,.075); }
.md-sidenav-left md-list-item:hover::before { background:#9ce5ff; box-shadow:0 0 12px rgba(123,215,255,.78); }
.md-sidenav-left md-list-item p { color:#cfdae7; font-size:13px; font-weight:610; }
.md-sidenav-left md-list-item .nav-icon {
	width:28px;
	height:28px;
	margin-right:13px;
	border:0;
	border-radius:0;
	background:transparent;
	color:#849ab2;
	font-size:19px;
	box-shadow:none;
}
.md-sidenav-left md-list-item:hover .nav-icon { border:0; background:transparent; color:#ccefff; transform:translateX(1px); }
.md-sidenav-left md-list-item.nav-discover .nav-icon,
.md-sidenav-left md-list-item.nav-settings .nav-icon,
.md-sidenav-left md-list-item.nav-account .nav-icon,
.md-sidenav-left md-list-item.nav-friends .nav-icon { color:#849ab2; background:transparent; }
.md-sidenav-left md-list-item.nav-discover:hover .nav-icon { color:#9fe8ff; }
.md-sidenav-left md-list-item.nav-logout { margin-top:13px; border:0; background:transparent; }
.md-sidenav-left md-list-item.nav-logout .nav-icon { color:#9a7180; background:transparent; }
.md-sidenav-left md-list-item.nav-logout p { color:#bda1ab; }
.md-sidenav-left md-list-item.nav-logout:hover { background:rgba(215,126,147,.065); }
.md-sidenav-left md-list-item:has(.impressum) .nav-icon,.md-sidenav-left md-list-item:has(.tos) .nav-icon,.md-sidenav-left md-list-item:has(.privacy) .nav-icon { color:#647890; }
.md-sidenav-left md-list-item:has(.impressum) p,.md-sidenav-left md-list-item:has(.tos) p,.md-sidenav-left md-list-item:has(.privacy) p { color:#8395aa; font-size:11px; font-weight:560; }
@media (max-width:599px) {
	.md-sidenav-left .sidenav-brand,.md-sidenav-left .sidenav-brand .md-toolbar-tools { min-height:82px; height:82px; }
	.md-sidenav-left .sidenav-brand .md-toolbar-tools { padding:0 15px; }
	.sidebar-user-card { margin-top:13px; }
}