:root {
	--bg: #030b10;
	--nav: #06131c;
	--panel: #07141d;
	--panel2: #0b1c25;
	--line: rgba(255, 255, 255, .09);
	--line2: rgba(120, 217, 76, .22);
	--text: #f7fbff;
	--muted: #91a7b1;
	--muted2: #60737d;
	--green: #78d94c;
	--green2: #55b832;
	--soft: rgba(120, 217, 76, .09);
	--red: #ff6473;
	--amber: #f5c451;
	--blue: #70b7ff;
	--cyan: #7ed7d6
}

* {
	box-sizing: border-box
}

body {
	margin: 0;
	font-family: "Rubik", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background: radial-gradient(circle at 72% -10%, rgba(112, 183, 255, .10), transparent 34%), radial-gradient(circle at 0 0, rgba(120, 217, 76, .055), transparent 28%), linear-gradient(180deg, #07141d 0, #030b12 48%, #02070b 100%);
	color: var(--text)
}

a {
	color: inherit;
	text-decoration: none
}

.layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	min-height: 100vh
}

.sidebar {
	position: sticky;
	top: 0;
	height: 100vh;
	padding: 22px 14px;
	border-right: 1px solid rgba(255, 255, 255, .08);
	background: linear-gradient(180deg, rgba(8, 24, 34, .96), rgba(4, 12, 18, .96));
	box-shadow: 18px 0 60px rgba(0, 0, 0, .26);
	z-index: 10
}

.logo-link {
	display: block;
	padding: 12px 12px 26px
}

.site-logo {
	width: 190px;
	max-width: 100%;
	height: auto;
	display: block
}

.nav-title {
	color: #68858f;
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: 10px;
	font-weight: 900;
	padding: 0 14px 10px
}

.side-nav {
	display: grid;
	gap: 8px
}

.side-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border-radius: 14px;
	color: #d6e2e7;
	font-weight: 800;
	background: rgba(255, 255, 255, .025);
	border: 1px solid transparent
}

.side-nav a:hover,
.side-nav a.active {
	background: linear-gradient(135deg, rgba(112, 183, 255, .14), rgba(255, 255, 255, .035));
	border-color: rgba(112, 183, 255, .22);
	color: #fff
}

.nav-ico {
	width: 34px;
	height: 34px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: rgba(112, 183, 255, .08);
	box-shadow: 0 0 20px rgba(112, 183, 255, .08)
}

.nav-ico svg {
	width: 34px;
	height: 34px;
	display: block;
	--icon-accent: #7ed7d6;
	--icon-bg1: #102b3a;
	--icon-bg2: #07141d
}

.icon-img {
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: middle
}

.icon-sm {
	width: 22px;
	height: 22px;
	display: inline-block;
	vertical-align: middle
}

.icon-xs {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle
}

.section-title {
	display: flex;
	align-items: center;
	gap: 12px
}

.section-title .icon-img {
	width: 36px;
	height: 36px
}

.pill .icon-xs {
	margin-left: -2px
}

.score-title-icon {
	width: 25px;
	height: 25px
}

.metric-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px
}

.metric-top svg {
	width: 34px;
	height: 34px;
	--icon-accent: #7ed7d6;
	--icon-bg1: #102b3a;
	--icon-bg2: #07141d;
	filter: drop-shadow(0 0 12px rgba(112, 183, 255, .16))
}

.sidebar-note {
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 20px;
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 14px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.4;
	background: rgba(255, 255, 255, .025)
}

.page {
	min-width: 0
}

.top-ad-wrap {
	height: 126px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid rgba(255, 255, 255, .05);
	background: linear-gradient(180deg, rgba(255, 255, 255, .015), transparent)
}

.ad-slot {
	border: 1px dashed rgba(120, 217, 76, .45);
	background: linear-gradient(180deg, rgba(120, 217, 76, .07), rgba(255, 255, 255, .015));
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #cfe9db;
	position: relative
}

.ad-slot:before {
	content: "ADVERTISEMENT";
	position: absolute;
	top: 12px;
	left: 14px;
	color: #84a0aa;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: .18em
}

.ad-slot strong {
	display: block;
	font-size: 15px
}

.ad-slot span {
	display: block;
	color: #9fb2ba;
	font-size: 13px;
	margin-top: 4px
}

.ad-top {
	width: 728px;
	height: 90px;
	max-width: calc(100% - 40px)
}

.mobile-ad {
	display: none
}

.ad-square {
	height: 250px;
	margin-top: 18px
}

.content {
	width: 90%;
	margin: 0 auto;
	padding: 26px 0 64px
}

.shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 22px;
	align-items: start
}

.card {
	background: linear-gradient(180deg, rgba(255, 255, 255, .048), rgba(255, 255, 255, .018));
	border: 1px solid var(--line);
	border-radius: 24px;
	box-shadow: 0 24px 90px rgba(0, 0, 0, .28);
	overflow: hidden
}

.section {
	padding: 24px;
	margin-top: 22px
}

h1,
h2 {
	margin: 0;
	letter-spacing: -.055em
}

h1 {
	font-size: 42px;
	line-height: .95
}

h2 {
	font-size: 24px
}

.muted {
	color: var(--muted)
}

.positive {
	color: var(--green) !important
}

.negative {
	color: var(--red) !important
}

.profile-card {
	overflow: hidden
}

.cover {
	height: 250px;
	background: linear-gradient(135deg, rgba(120, 217, 76, .22), rgba(6, 20, 28, .62) 42%, rgba(3, 10, 15, .95)), repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 78px);
	position: relative
}

.cover:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 35%, rgba(3, 11, 16, .75))
}

.cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.profile-body {
	padding: 0 28px 38px;
	position: relative
}

.profile-row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: flex-start
}

.avatar {
	width: 132px;
	height: 132px;
	border-radius: 999px;
	border: 5px solid #07141a;
	background: linear-gradient(135deg, #16252b, #081116);
	display: grid;
	place-items: center;
	color: var(--green);
	font-size: 46px;
	font-weight: 950;
	margin-top: -66px;
	overflow: hidden;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .42);
	position: relative;
	z-index: 2
}

.avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.name-line {
	display: block;
	margin-top: 12px
}

.name-line h1 {
	display: inline
}

.verified {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	color: #031006;
	font-weight: 950;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 8px;
	margin-top: -20px;
	transform: translateY(-3px)
}

.handle {
	color: var(--muted);
	margin-top: 7px;
	font-size: 15px
}

.bio {
	color: #d9e4e9;
	line-height: 1.5;
	margin: 18px 0 0;
	max-width: 780px
}

.profile-meta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	color: var(--muted);
	font-size: 14px;
	margin-top: 18px
}

.pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, .035)
}

.pill.green {
	border-color: var(--line2);
	color: #d6f3dc;
	background: rgba(120, 217, 76, .07)
}

.concise-meta {
	gap: 10px;
	margin-top: 20px
}

.concise-meta .pill {
	padding: 8px 13px;
	background: rgba(255, 255, 255, .028);
	border-color: rgba(255, 255, 255, .11);
	font-weight: 750
}

.concise-meta .pill.green {
	background: rgba(120, 217, 76, .075);
	border-color: rgba(120, 217, 76, .26)
}

.rank-pill {
	color: #e9f6fb;
	background: linear-gradient(180deg, rgba(126, 215, 214, .07), rgba(255, 255, 255, .025)) !important;
	border-color: rgba(126, 215, 214, .18) !important;
	font-weight: 850 !important
}

.score-box {
	min-width: 190px;
	border: 1px solid var(--line2);
	background: linear-gradient(180deg, rgba(120, 217, 76, .11), rgba(255, 255, 255, .025));
	border-radius: 20px;
	padding: 18px;
	text-align: right;
	margin-top: 18px
}

.score-label-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	position: relative
}

.score-label {
	color: #a9bac1;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 12px;
	font-weight: 950;
	text-align: center;
	width: 100%
}

.score-num {
	font-size: 60px;
	font-weight: 950;
	letter-spacing: -.08em;
	color: var(--green);
	line-height: .95;
	margin-top: 8px;
	text-shadow: 0 0 12px rgba(142, 234, 99, .24), 0 0 28px rgba(142, 234, 99, .12)
}

.score-sub {
	color: var(--muted);
	font-size: 13px;
	margin-top: 7px
}

.score-help {
	position: absolute;
	right: 0;
	width: 19px;
	height: 19px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .26);
	color: #e6ffc8;
	display: inline-grid;
	place-items: center;
	font-size: 12px;
	font-weight: 950;
	cursor: help
}

.score-pop {
	position: absolute;
	right: 0;
	top: 28px;
	width: 315px;
	text-align: left;
	line-height: 1.45;
	font-size: 12px;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
	color: #d9e8e0;
	background: #07141a;
	border: 1px solid rgba(120, 217, 76, .35);
	border-radius: 15px;
	padding: 13px;
	box-shadow: 0 18px 60px rgba(0, 0, 0, .5);
	opacity: 0;
	transform: translateY(-4px);
	pointer-events: none;
	transition: .16s;
	z-index: 30
}

.score-help:hover .score-pop,
.score-help:focus .score-pop {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto
}

.metric-strip {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 12px;
	margin-top: 24px;
	align-items: stretch
}

.metric {
	border: 1px solid var(--line);
	background: linear-gradient(180deg, rgba(120, 217, 76, .035), rgba(0, 0, 0, .18));
	border-radius: 18px;
	padding: 16px;
	min-height: 116px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.metric strong {
	font-size: 34px;
	display: block;
	letter-spacing: -.055em;
	line-height: 1.02;
	font-weight: 950
}

.metric span {
	display: flex;
	align-items: center;
	color: var(--muted);
	font-size: 12px;
	margin-top: 0;
	line-height: 1.15;
	min-height: 28px;
	max-width: 82px
}

.side {
	display: grid;
	gap: 18px
}

.side-card {
	padding: 22px
}

.status-list {
	display: grid;
	gap: 10px;
	margin-top: 16px
}

.status-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 14px;
	background: rgba(0, 0, 0, .16)
}

.status-left {
	display: flex;
	align-items: center;
	gap: 10px
}

.status-ico {
	width: 38px;
	height: 38px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: rgba(120, 217, 76, .08);
	box-shadow: 0 0 22px rgba(120, 217, 76, .10)
}

.status-ico svg {
	width: 38px;
	height: 38px;
	display: block
}

.status-item span {
	color: var(--muted)
}

.status-item strong {
	font-size: 20px
}

.mini-bars {
	display: flex;
	gap: 4px;
	align-items: center
}

.mini-bars i {
	width: 6px;
	height: 18px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .10)
}

.mini-bars i.on {
	background: linear-gradient(180deg, var(--green), var(--green2));
	box-shadow: 0 0 9px rgba(120, 217, 76, .28)
}

.category-item {
	min-height: 86px
}

.category-row {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	width: 100%
}

.category-icon-svg {
	width: 42px;
	height: 42px;
	display: block;
	filter: drop-shadow(0 0 14px rgba(126, 215, 214, .10))
}

.category-name {
	display: block;
	font-size: 15px;
	font-weight: 950;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 7px;
	white-space: nowrap
}

.category-meta {
	display: block;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap
}

.category-meta .positive,
.category-meta .negative {
	font-weight: 750
}

.category-score {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 7px;
	min-width: 72px
}

.category-accuracy {
	font-size: 11px;
	color: var(--muted);
	white-space: nowrap
}

.market-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-top: 16px
}

.market-card {
	border: 1px solid var(--line);
	background: rgba(0, 0, 0, .16);
	border-radius: 18px;
	padding: 16px
}

.market-top {
	display: flex;
	justify-content: space-between;
	gap: 10px
}

.asset {
	font-size: 18px;
	font-weight: 950
}

.cat {
	color: var(--muted);
	font-size: 13px
}

.ret {
	font-size: 22px;
	font-weight: 950;
	margin-top: 12px
}

.market-stats {
	display: flex;
	gap: 12px;
	color: var(--muted);
	font-size: 13px;
	margin-top: 8px
}

.badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	padding: 6px 10px;
	font-size: 12px;
	font-weight: 900;
	text-transform: capitalize
}

.badge-hit {
	background: rgba(120, 217, 76, .14);
	color: #c8ff8a
}

.badge-miss {
	background: rgba(255, 95, 109, .14);
	color: #ff9ca6
}

.badge-pending {
	background: rgba(251, 191, 36, .14);
	color: #ffd36a
}

.badge-muted {
	background: rgba(255, 255, 255, .08);
	color: #b6c6cd
}

.dir-bullish {
	color: var(--green);
	font-weight: 950
}

.dir-bearish {
	color: var(--red);
	font-weight: 950
}

.dir-neutral {
	color: var(--muted);
	font-weight: 950
}

.tweet-chip-icon {
	width: 16px;
	height: 16px
}

.trade-row .icon-xs {
	width: 16px;
	height: 16px
}

.empty {
	border: 1px dashed var(--line);
	border-radius: 16px;
	padding: 18px;
	color: var(--muted);
	margin-top: 14px
}

.chart-controls {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px
}

.segmented {
	display: flex;
	background: rgba(0, 0, 0, .2);
	border: 1px solid var(--line);
	padding: 4px;
	border-radius: 999px
}

.segmented a {
	padding: 8px 13px;
	border-radius: 999px;
	color: var(--muted);
	font-size: 13px;
	font-weight: 900
}

.segmented a.active {
	background: var(--green);
	color: #061006
}

.accuracy-chart {
	height: 245px;
	display: flex;
	align-items: flex-end;
	gap: 13px;
	overflow-x: auto;
	padding: 26px 4px 34px;
	margin-top: 12px;
	border-bottom: 1px solid var(--line)
}

.bar-group {
	height: 190px;
	min-width: 42px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 4px;
	position: relative
}

.bar {
	width: 13px;
	border-radius: 7px 7px 0 0
}

.bar.hit {
	background: linear-gradient(180deg, var(--green), var(--green2))
}

.bar.miss {
	background: linear-gradient(180deg, #ff7b86, var(--red))
}

.bar-label {
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--muted);
	font-size: 11px;
	white-space: nowrap
}

.bar-tip {
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 11px;
	color: #e6eef2;
	white-space: nowrap;
	opacity: 0;
	transition: .15s
}

.bar-group:hover .bar-tip {
	opacity: 1
}

.chart-legend {
	display: flex;
	gap: 16px;
	color: var(--muted);
	font-size: 13px;
	margin-top: 12px
}

.legend-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	display: inline-block;
	margin-right: 6px
}

.legend-dot.hit {
	background: var(--green)
}

.legend-dot.miss {
	background: var(--red)
}

.feed-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 16px
}

.feed-head p {
	margin: 7px 0 0;
	color: var(--muted)
}

.filters {
	display: grid;
	grid-template-columns: 2fr repeat(5, 1fr) auto;
	gap: 10px;
	margin-top: 18px
}

.filters input,
.filters select {
	width: 100%;
	background: #081822;
	color: var(--text);
	border: 1px solid var(--line);
	border-radius: 13px;
	padding: 12px;
	font: inherit;
	font-size: 14px
}

.filter-actions {
	display: flex;
	gap: 8px
}

.button {
	border: 0;
	border-radius: 13px;
	background: var(--green);
	color: #061006;
	font-weight: 950;
	padding: 12px 14px;
	cursor: pointer
}

.button.secondary {
	background: rgba(255, 255, 255, .06);
	color: #dbe7ec;
	border: 1px solid var(--line)
}

.reset-btn {
	width: 42px;
	height: 42px;
	padding: 0;
	display: grid;
	place-items: center;
	font-size: 19px;
	line-height: 1;
	border-radius: 13px
}

.reset-btn:hover {
	border-color: rgba(126, 215, 214, .36);
	color: #fff;
	background: rgba(126, 215, 214, .08)
}

.feed {
	display: grid;
	gap: 14px;
	margin-top: 18px
}

.tweet-card {
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 18px;
	background: rgba(0, 0, 0, .17)
}

.tweet-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px
}

.tweet-author {
	display: flex;
	gap: 11px;
	align-items: center
}

.mini-avatar {
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #12242b;
	display: grid;
	place-items: center;
	color: var(--green);
	font-weight: 950;
	overflow: hidden
}

.mini-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.tweet-name {
	font-weight: 950
}

.tweet-time {
	color: var(--muted);
	font-size: 13px;
	margin-top: 3px
}

.tweet-text {
	font-size: 16px;
	line-height: 1.5;
	margin: 16px 0;
	color: #eef6f9
}

.trade-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px
}

.price-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-top: 14px
}

.price {
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 12px;
	background: rgba(255, 255, 255, .025)
}

.price span {
	display: block;
	color: var(--muted);
	font-size: 12px
}

.price strong {
	display: block;
	margin-top: 4px
}

.reasoning {
	color: #b5c7ce;
	background: rgba(255, 255, 255, .035);
	border-left: 3px solid rgba(120, 217, 76, .45);
	padding: 11px 12px;
	border-radius: 12px;
	margin-top: 14px;
	line-height: 1.45
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 18px;
	color: var(--muted)
}

.page-links {
	display: flex;
	gap: 8px;
	flex-wrap: wrap
}

.page-links a,
.page-links span {
	min-width: 38px;
	height: 38px;
	border-radius: 13px;
	border: 1px solid var(--line);
	display: grid;
	place-items: center
}

.page-links .current {
	background: var(--soft);
	border-color: var(--line2);
	color: var(--green);
	font-weight: 950
}

.ajax-loading {
	opacity: .55;
	transition: .15s
}

.icon-img,
.icon-sm,
.icon-xs,
.score-title-icon,
.tweet-chip-icon {
	display: inline-block;
	vertical-align: middle;
	--icon-line: #eef7f4;
	--icon-accent: #7ed7d6;
	--icon-bg1: #102b3a;
	--icon-bg2: #07141d;
	--icon-stroke: rgba(255, 255, 255, .16)
}

.icon-img {
	width: 28px;
	height: 28px
}

.icon-sm {
	width: 22px;
	height: 22px
}

.icon-xs {
	width: 18px;
	height: 18px
}

.score-title-icon {
	width: 25px;
	height: 25px
}

.tweet-chip-icon {
	width: 16px;
	height: 16px
}

.section-title>.icon-img {
	--icon-accent: #7ed7d6;
	--icon-bg1: #102b3a;
	--icon-bg2: #07141d
}

.positive,
.dir-bullish {
	color: #8eea63 !important
}

.negative,
.dir-bearish {
	color: #ff6d7b !important
}

.score-box {
	--icon-accent: #8eea63
}

.pill.green .icon-xs,
.badge-hit svg,
.status-hit svg {
	--icon-accent: #8eea63;
	--icon-bg1: #143626;
	--icon-bg2: #07140f
}

.badge-miss svg,
.status-miss svg {
	--icon-accent: #ff6d7b;
	--icon-bg1: #36171d;
	--icon-bg2: #16070b
}

.badge-pending svg,
.status-pending svg {
	--icon-accent: #f5c451;
	--icon-bg1: #372e16;
	--icon-bg2: #171207
}

.badge-muted svg,
.status-total svg {
	--icon-accent: #7ed7d6;
	--icon-bg1: #102b3a;
	--icon-bg2: #07141d
}

.status-hit .status-ico {
	background: rgba(142, 234, 99, .08);
	box-shadow: 0 0 22px rgba(142, 234, 99, .08)
}

.status-miss .status-ico {
	background: rgba(255, 109, 123, .08);
	box-shadow: 0 0 22px rgba(255, 109, 123, .08)
}

.status-pending .status-ico {
	background: rgba(245, 196, 81, .08);
	box-shadow: 0 0 22px rgba(245, 196, 81, .08)
}

.status-total .status-ico {
	background: rgba(126, 215, 214, .08);
	box-shadow: 0 0 22px rgba(126, 215, 214, .08)
}

.reputation-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px
}

.rep-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(126, 215, 214, .22);
	background: linear-gradient(180deg, rgba(126, 215, 214, .08), rgba(255, 255, 255, .025));
	border-radius: 999px;
	padding: 8px 12px;
	color: #e7f3f7;
	font-weight: 850;
	font-size: 13px
}

.rep-chip strong {
	color: #fff
}

.rep-chip .emoji {
	filter: drop-shadow(0 0 8px rgba(126, 215, 214, .22))
}

.tier-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 9px;
	border-radius: 999px;
	padding: 6px 10px;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .03em
}

.tier-legendary {
	background: rgba(255, 213, 92, .14);
	color: #ffe28a;
	border: 1px solid rgba(255, 213, 92, .34)
}

.tier-elite {
	background: rgba(157, 110, 255, .15);
	color: #cfb9ff;
	border: 1px solid rgba(157, 110, 255, .35)
}

.tier-proven {
	background: rgba(112, 183, 255, .14);
	color: #b9dcff;
	border: 1px solid rgba(112, 183, 255, .34)
}

.tier-reliable {
	background: rgba(120, 217, 76, .13);
	color: #caff9b;
	border: 1px solid rgba(120, 217, 76, .32)
}

.tier-developing {
	background: rgba(245, 196, 81, .13);
	color: #ffe0a0;
	border: 1px solid rgba(245, 196, 81, .32)
}

.tier-speculative,
.tier-unrated {
	background: rgba(255, 255, 255, .07);
	color: #b8c7ce;
	border: 1px solid rgba(255, 255, 255, .13)
}

.tier-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 9px;
	font-size: 11px
}

.tier-table td {
	padding: 3px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .07)
}

.tier-table tr:last-child td {
	border-bottom: 0
}

.sparkline {
	font-size: 20px;
	letter-spacing: .08em;
	line-height: 1;
	color: #8eea63;
	white-space: nowrap;
	text-shadow: 0 0 12px rgba(142, 234, 99, .12)
}

.sparkline .down {
	color: #ff6d7b
}

.sparkline .flat {
	color: #7ed7d6
}

.category-copy {
	min-width: 0
}

.category-copy strong {
	display: block
}

.tweet-scroll {
	max-height: 92px;
	overflow: auto;
	padding-right: 8px;
	scrollbar-width: thin;
	scrollbar-color: rgba(126, 215, 214, .38) rgba(255, 255, 255, .04)
}

.tweet-scroll::-webkit-scrollbar {
	width: 6px
}

.tweet-scroll::-webkit-scrollbar-thumb {
	background: rgba(126, 215, 214, .38);
	border-radius: 999px
}

.ai-summary {
	margin-top: 14px;
	border: 1px solid rgba(126, 215, 214, .15);
	background: linear-gradient(180deg, rgba(126, 215, 214, .07), rgba(255, 255, 255, .025));
	border-radius: 14px;
	padding: 12px 13px;
	color: #d8ecf0;
	line-height: 1.45
}

.ai-summary-label {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #7ed7d6;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 11px;
	font-weight: 950;
	margin-bottom: 5px
}

.tweet-card {
	padding: 16px
}

.tweet-text {
	margin: 14px 0 0
}

.reasoning {
	font-size: 13px
}

.category-spark-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%
}

.profile-card {
	box-shadow: 0 24px 90px rgba(0, 0, 0, .32), 0 0 0 1px rgba(126, 215, 214, .035)
}

.metric {
	transition: transform .16s ease, border-color .16s ease, background .16s ease
}

.metric:hover {
	transform: translateY(-2px);
	border-color: rgba(126, 215, 214, .24);
	background: linear-gradient(180deg, rgba(126, 215, 214, .055), rgba(0, 0, 0, .18))
}

.accuracy-chart {
	background: linear-gradient(180deg, rgba(126, 215, 214, .035), rgba(0, 0, 0, .09));
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 18px;
	padding-left: 18px;
	padding-right: 18px
}

.bar {
	box-shadow: 0 0 18px rgba(255, 255, 255, .05);
	transition: height .25s ease, transform .16s ease, filter .16s ease
}

.bar.hit {
	box-shadow: 0 0 18px rgba(120, 217, 76, .18)
}

.bar.miss {
	box-shadow: 0 0 18px rgba(255, 100, 115, .15)
}

.bar-group:hover .bar {
	transform: scaleY(1.035);
	filter: brightness(1.12)
}

.bar-tip {
	background: #07141a;
	border: 1px solid rgba(126, 215, 214, .24);
	border-radius: 999px;
	padding: 5px 9px;
	top: -34px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .32)
}

.tweet-card {
	position: relative;
	transition: transform .16s ease, border-color .16s ease, background .16s ease
}

.tweet-card:hover {
	transform: translateY(-2px);
	border-color: rgba(126, 215, 214, .24);
	background: linear-gradient(180deg, rgba(126, 215, 214, .045), rgba(0, 0, 0, .17))
}

.tweet-call-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 14px 0 10px;
	padding: 12px 13px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 15px;
	background: rgba(255, 255, 255, .026)
}

.tweet-call-main {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap
}

.tweet-asset {
	font-size: 18px;
	font-weight: 950;
	letter-spacing: -.035em
}

.tweet-return {
	font-size: 18px;
	font-weight: 950;
	white-space: nowrap
}

.tweet-scroll {
	max-height: 78px;
	background: rgba(0, 0, 0, .13);
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 14px;
	padding: 11px 12px
}

.ai-summary {
	border-left: 3px solid rgba(126, 215, 214, .5)
}

.x-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	color: #9ed7ff;
	font-weight: 800;
	font-size: 13px
}

.x-link:hover {
	color: #fff
}

.price strong {
	font-size: 17px
}

.feed {
	gap: 16px
}

.mobile-top {
	display: none
}

.hamb {
	display: none
}

.category-ad-title {
	margin-top: 18px;
	color: #68858f;
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: 11px;
	font-weight: 950
}

@media(max-width:1120px) {
	.layout {
		grid-template-columns: 1fr
	}

	.sidebar {
		display: none
	}

	.mobile-top {
		height: 72px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 18px;
		border-bottom: 1px solid var(--line);
		background: rgba(5, 14, 20, .92);
		position: sticky;
		top: 0;
		z-index: 20;
		backdrop-filter: blur(10px)
	}

	.mobile-top .site-logo {
		width: 170px
	}

	.hamb {
		display: grid;
		place-items: center;
		width: 42px;
		height: 42px;
		border: 1px solid var(--line);
		border-radius: 13px;
		background: rgba(255, 255, 255, .04);
		color: #fff
	}

	.content {
		width: min(100% - 28px, 1240px)
	}

	.shell {
		grid-template-columns: 1fr
	}

	.side {
		grid-template-columns: 1fr 1fr
	}

	.ad-square {
		height: 250px
	}

	.top-ad-wrap {
		height: 110px
	}

	.site-logo {
		width: 180px
	}
}

@media(max-width:820px) {
	.side {
		grid-template-columns: 1fr
	}

	.metric-strip,
	.market-grid,
	.price-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.filters {
		grid-template-columns: 1fr 1fr
	}

	.filter-actions {
		grid-column: 1/-1
	}

	.desktop-ad {
		display: none
	}

	.mobile-ad {
		display: flex
	}

	.ad-mobile-banner {
		height: 64px;
		width: 320px;
		max-width: calc(100% - 24px)
	}

	.ad-square {
		height: 250px
	}

	.top-ad-wrap {
		height: 86px
	}

	.profile-row {
		flex-direction: column
	}

	.score-box {
		width: 100%;
		text-align: left
	}

	.score-label-row {
		justify-content: flex-start
	}
}

@media(max-width:560px) {
	.content {
		width: min(100% - 20px, 1240px);
		padding-top: 18px
	}

	.cover {
		height: 170px
	}

	.avatar {
		width: 106px;
		height: 106px;
		margin-top: -53px
	}

	h1 {
		font-size: 31px
	}

	.metric-strip,
	.market-grid,
	.price-grid,
	.filters {
		grid-template-columns: 1fr
	}

	.section,
	.profile-body {
		padding-left: 18px;
		padding-right: 18px
	}

	.pagination {
		align-items: flex-start;
		flex-direction: column
	}

	.score-num {
		font-size: 52px
	}

	.score-pop {
		right: auto;
		left: 0;
		width: min(300px, calc(100vw - 54px))
	}

	.mobile-top .site-logo {
		width: 152px
	}
}


/* v3 mobile header/ad polish */
.mobile-top {
	min-width: 0;
}

.mobile-top .site-logo {
	width: 158px;
	max-width: calc(100vw - 88px);
}

.mobile-top a {
	display: flex;
	align-items: center;
	min-width: 0;
}

.hamb {
	flex: 0 0 auto;
}

.top-ad-wrap {
	padding: 0 14px;
}

.ad-top {
	width: 728px;
	height: 90px;
	max-width: 100%;
}

@media(max-width:820px) {
	.desktop-ad {
		display: flex;
	}

	.mobile-ad {
		display: none !important;
	}

	.top-ad-wrap {
		height: 118px;
		padding: 14px;
	}

	.ad-top {
		width: 100%;
		height: 90px;
		max-width: 728px;
	}
}

@media(max-width:560px) {
	.mobile-top {
		height: 68px;
		padding: 0 14px;
	}

	.mobile-top .site-logo {
		width: 142px;
		max-width: calc(100vw - 82px);
	}

	.hamb {
		width: 38px;
		height: 38px;
		border-radius: 12px;
	}

	.top-ad-wrap {
		height: 112px;
		padding: 11px 10px;
	}

	.ad-top {
		width: 100%;
		height: 90px;
	}

	.ad-slot:before {
		top: 9px;
		left: 11px;
		font-size: 8px;
		letter-spacing: .14em;
	}

	.ad-slot strong {
		font-size: 12px;
	}

	.ad-slot span {
		font-size: 10px;
	}
}

/* v4 mobile overflow fixes */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
	max-width: 100%;
}

@media (max-width: 820px) {
	body {
		width: 100%;
	}

	.layout,
	.page {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	.mobile-top {
		width: 100%;
		max-width: 100%;
		height: 68px;
		padding: 0 14px;
		gap: 12px;
		overflow: hidden;
	}

	.mobile-top a {
		min-width: 0;
		flex: 1 1 auto;
	}

	.mobile-top .site-logo {
		width: clamp(128px, 38vw, 165px);
		max-width: 100%;
	}

	.hamb {
		flex: 0 0 42px;
		width: 42px;
		height: 42px;
		margin-left: auto;
	}

	.top-ad-wrap {
		width: 100%;
		height: auto;
		min-height: 112px;
		padding: 14px 10px;
	}

	.ad-top {
		width: 100%;
		max-width: 728px;
		height: 90px;
		min-width: 0;
	}

	.desktop-ad {
		display: flex;
	}

	.mobile-ad {
		display: none !important;
	}

	.content {
		width: 100%;
		max-width: 100%;
		padding: 22px 10px 56px;
		margin: 0;
		overflow-x: hidden;
	}

	.shell {
		width: 100%;
		max-width: 100%;
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	main,
	.side,
	.card,
	.profile-card,
	.section {
		min-width: 0;
		max-width: 100%;
	}

	.card {
		border-radius: 20px;
	}

	.profile-row {
		display: block;
	}

	.profile-main {
		min-width: 0;
		max-width: 100%;
	}

	.profile-body {
		padding: 0 16px 22px;
	}

	.cover {
		height: 170px;
	}

	.avatar {
		width: 96px;
		height: 96px;
		margin-top: -48px;
		border-width: 4px;
	}

	.name-line {
		max-width: 100%;
	}

	.name-line h1 {
		display: inline;
		font-size: clamp(26px, 7vw, 34px);
		line-height: 1.03;
		letter-spacing: -0.055em;
		overflow-wrap: anywhere;
	}

	.verified {
		width: 42px;
		height: 42px;
		font-size: 13px;
		margin-left: 6px;
		margin-top: -20px;
		transform: translateY(-2px);
	}

	.bio {
		font-size: 14px;
		overflow-wrap: anywhere;
	}

	.concise-meta {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 3px;
		scrollbar-width: none;
		max-width: 100%;
	}

	.concise-meta::-webkit-scrollbar {
		display: none;
	}

	.concise-meta .pill {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 12px;
		padding: 8px 11px;
	}

	.score-box {
		width: 100%;
		min-width: 0;
		margin-top: 20px;
		text-align: left;
		padding: 18px;
	}

	.score-label-row {
		justify-content: center;
	}

	.score-num {
		font-size: clamp(50px, 15vw, 68px);
	}

	.score-pop {
		right: 0;
		left: auto;
		width: min(310px, calc(100vw - 46px));
	}

	.metric-strip {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.metric {
		min-height: 108px;
		padding: 14px;
	}

	.metric strong {
		font-size: clamp(28px, 8vw, 36px);
	}

	.metric span {
		max-width: none;
		font-size: 11px;
	}

	.side {
		grid-template-columns: 1fr;
	}

	.filters {
		grid-template-columns: 1fr;
	}

	.price-grid,
	.market-grid {
		grid-template-columns: 1fr;
	}

	.chart-controls {
		flex-direction: column;
		align-items: stretch;
	}

	.segmented {
		width: max-content;
	}
}

@media (max-width: 430px) {
	.content {
		padding-left: 8px;
		padding-right: 8px;
	}

	.top-ad-wrap {
		padding-left: 8px;
		padding-right: 8px;
	}

	.ad-slot:before {
		top: 10px;
		left: 11px;
		font-size: 9px;
	}

	.ad-slot strong {
		font-size: 13px;
	}

	.ad-slot span {
		font-size: 11px;
	}

	.profile-body,
	.section {
		padding-left: 14px;
		padding-right: 14px;
	}

	.metric-strip {
		grid-template-columns: 1fr;
	}

	.metric {
		min-height: 102px;
	}
}

/* =========================
   v5 Mobile Reordering
   ========================= */

@media (max-width: 820px) {

	/* Make shell items reorderable */
	.shell {
		display: flex;
		flex-direction: column;
	}

	/* Mobile content order */
	.mobile-performance {
		order: 1;
	}

	.mobile-category {
		order: 2;
	}

	.mobile-ad {
		order: 3;
	}

	.mobile-chart {
		order: 4;
	}

	.mobile-predictions {
		order: 5;
	}

	/* Slightly tighter spacing */
	.mobile-performance,
	.mobile-category,
	.mobile-ad,
	.mobile-chart,
	.mobile-predictions {
		margin-top: 0;
	}
}


/* =========================
   v7 Mobile Navigation Drawer
   ========================= */

.mobile-menu-overlay,
.mobile-drawer {
	display: none;
}

@media (max-width: 1120px) {
	.hamb {
		position: relative;
		z-index: 1002;
		cursor: pointer;
		transition: border-color .16s ease, background .16s ease, color .16s ease;
	}

	.hamb.is-active {
		border-color: rgba(126, 215, 214, .42);
		background: rgba(126, 215, 214, .10);
		color: #fff;
	}

	.mobile-menu-overlay {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, .58);
		backdrop-filter: blur(8px);
		opacity: 0;
		pointer-events: none;
		transition: opacity .18s ease;
		z-index: 998;
	}

	.mobile-drawer {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		width: min(86vw, 370px);
		height: 100dvh;
		max-width: 100%;
		padding: 18px 14px 18px;
		background: linear-gradient(180deg, rgba(8, 24, 34, .985), rgba(3, 10, 15, .985));
		border-left: 1px solid rgba(255, 255, 255, .10);
		box-shadow: -24px 0 80px rgba(0, 0, 0, .42);
		transform: translateX(105%);
		transition: transform .22s ease;
		z-index: 999;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.mobile-menu-open {
		overflow: hidden;
	}

	body.mobile-menu-open .mobile-menu-overlay {
		opacity: 1;
		pointer-events: auto;
	}

	body.mobile-menu-open .mobile-drawer {
		transform: translateX(0);
	}

	.mobile-drawer-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		padding: 4px 2px 24px;
	}

	.mobile-drawer-head .site-logo {
		width: 165px;
		max-width: calc(100vw - 120px);
	}

	.mobile-menu-close {
		width: 42px;
		height: 42px;
		border: 1px solid var(--line);
		border-radius: 13px;
		background: rgba(255, 255, 255, .045);
		color: #fff;
		font: inherit;
		font-size: 26px;
		line-height: 1;
		display: grid;
		place-items: center;
		cursor: pointer;
	}

	.mobile-menu-close:hover {
		border-color: rgba(126, 215, 214, .38);
		background: rgba(126, 215, 214, .09);
	}

	.mobile-drawer .nav-title {
		padding: 0 6px 10px;
		font-size: 10px;
	}

	.mobile-drawer-nav {
		gap: 9px;
	}

	.mobile-drawer-nav a {
		padding: 14px 12px;
		border-color: rgba(255, 255, 255, .045);
	}

	.mobile-drawer-note {
		position: static;
		margin-top: auto;
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 430px) {
	.mobile-drawer {
		width: min(90vw, 350px);
		padding: 16px 12px;
	}

	.mobile-drawer-head .site-logo {
		width: 150px;
	}
}

/* Alphingo floating navigation update
   Add this near the bottom of assets/css/alphingo.css, or overwrite the
   previous floating navigation CSS file with this version.

   v6 update:
   - Keeps the desktop menu visually the same as v5.
   - Changes desktop sidebar from sticky to fixed so it stays pinned while scrolling.
   - Reserves page space with layout padding so the fixed sidebar does not overlap content.
   - Keeps desktop menu 298px wide.
   - Keeps the larger 210px logo.
*/

@media (min-width: 1121px) {
    .layout-floating-nav {
        display: block;
        width: 100%;
        padding-left: 330px;
    }

    .layout-floating-nav .sidebar.floating-sidebar {
        flex: none;
    }

    .layout-floating-nav .page {
        min-width: 0;
        width: 100%;
    }

    .layout-floating-nav .floating-sidebar {
        position: fixed;
        top: 12px;
        left: 0;
        bottom: 12px;
        width: 298px;
        min-width: 298px;
        max-width: 298px;
        height: auto;
        min-height: auto;
        padding: 0;
        margin: 0;
        background: transparent;
        border-right: 0;
        z-index: 30;
    }

    .layout-floating-nav .sidebar-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        padding: 28px 22px 20px;
        border: 1px solid rgba(255, 255, 255, 0.10);
        border-left: 0;
        border-radius: 0 30px 30px 0;
        background:
            radial-gradient(circle at 0% 0%, rgba(20, 255, 166, 0.14), transparent 34%),
            radial-gradient(circle at 100% 20%, rgba(40, 210, 255, 0.12), transparent 30%),
            linear-gradient(180deg, rgba(12, 19, 26, 0.96), rgba(4, 8, 12, 0.94));
        box-shadow:
            0 24px 80px rgba(0, 0, 0, 0.42),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        overflow: hidden;
    }

    .layout-floating-nav .logo-link {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        max-width: 100%;
        margin-bottom: 22px;
    }

    .layout-floating-nav .logo-link .site-logo,
    .layout-floating-nav .sidebar-inner .site-logo {
        width: 210px;
        max-width: 100%;
        height: auto;
    }

    .layout-floating-nav .nav-title {
        margin: 0 0 18px;
        padding: 12px 16px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.035);
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .layout-floating-nav .side-nav {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }

    .layout-floating-nav .side-nav a {
        position: relative;
        display: flex;
        align-items: center;
        gap: 13px;
        min-height: 50px;
        padding: 13px 16px;
        border: 1px solid transparent;
        border-radius: 17px;
        color: rgba(255, 255, 255, 0.72);
        text-decoration: none;
        transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease;
    }

    .layout-floating-nav .side-nav a:hover {
        transform: translateX(3px);
        border-color: rgba(44, 255, 190, 0.20);
        background: rgba(255, 255, 255, 0.055);
        color: #ffffff;
    }

    .layout-floating-nav .side-nav a.active {
        border-color: rgba(49, 255, 184, 0.38);
        background:
            linear-gradient(135deg, rgba(44, 255, 190, 0.18), rgba(22, 173, 255, 0.10)),
            rgba(255, 255, 255, 0.045);
        color: #ffffff;
        box-shadow: 0 14px 34px rgba(0, 255, 170, 0.09);
    }

    .layout-floating-nav .side-nav a.active::before {
        content: "";
        position: absolute;
        left: -1px;
        top: 12px;
        bottom: 12px;
        width: 3px;
        border-radius: 999px;
        background: linear-gradient(180deg, #33ffbb, #20c8ff);
        box-shadow: 0 0 18px rgba(51, 255, 187, 0.65);
    }

    .layout-floating-nav .nav-ico {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.06);
        color: #39f6bd;
    }

    .layout-floating-nav .side-nav a.active .nav-ico {
        background: rgba(51, 255, 187, 0.14);
        color: #ffffff;
    }

    .layout-floating-nav .nav-label {
        font-weight: 700;
        letter-spacing: -0.01em;
    }

    .layout-floating-nav .sidebar-note {
        margin-top: auto;
        padding: 17px;
        border: 1px solid rgba(51, 255, 187, 0.16);
        border-radius: 20px;
        background:
            radial-gradient(circle at 0% 0%, rgba(51, 255, 187, 0.12), transparent 45%),
            rgba(255, 255, 255, 0.045);
        color: rgba(255, 255, 255, 0.70);
        line-height: 1.45;
    }

    .layout-floating-nav .sidebar-note strong {
        color: #ffffff;
    }
}

@media (min-width: 1121px) and (max-width: 1320px) {
    .layout-floating-nav {
        padding-left: 304px;
    }

    .layout-floating-nav .sidebar.floating-sidebar,
    .layout-floating-nav .floating-sidebar {
        width: 280px;
        min-width: 280px;
        max-width: 280px;
    }

    .layout-floating-nav .logo-link .site-logo,
    .layout-floating-nav .sidebar-inner .site-logo {
        width: 205px;
    }

    .layout-floating-nav .nav-title {
        font-size: 0.74rem;
        letter-spacing: 0.065em;
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (max-width: 1120px) {
    .layout-floating-nav {
        display: block;
        padding-left: 0;
    }

    .layout-floating-nav .floating-sidebar {
        display: none;
    }

    .mobile-drawer {
        border-radius: 0 28px 28px 0;
        background:
            radial-gradient(circle at 0% 0%, rgba(20, 255, 166, 0.13), transparent 36%),
            linear-gradient(180deg, rgba(10, 17, 24, 0.98), rgba(4, 8, 12, 0.98));
        box-shadow: 24px 0 70px rgba(0, 0, 0, 0.46);
    }

    .mobile-drawer .side-nav a {
        border-radius: 16px;
    }
}

/* =========================
   v7.1 Floating Navigation Breakpoint Fix
   Keeps desktop floating nav and mobile header in sync.
   Desktop floating sidebar: 1121px+
   Mobile/tablet header + drawer: 1120px and below
   ========================= */

@media (max-width: 1120px) {
    .layout-floating-nav {
        display: block !important;
        padding-left: 0 !important;
        width: 100% !important;
    }

    .layout-floating-nav .floating-sidebar {
        display: none !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .layout-floating-nav .page {
        width: 100% !important;
        min-width: 0 !important;
    }
}