/* ==========================================================================
 * Hivers — public profile, timeline, identity widgets
 * ========================================================================== */
.-center-panel::before,
.-tray-surface::before,
.-home-below::before,
.-foot::before,
.-play::before,
.-hero-center::before,
.-deck-of-notes-card::before {
	inset: 0;
	content: "";
	z-index: -1;
	position: var(--theme-before-position, absolute);
	pointer-events: none;
	transition: opacity 0.3s;
	opacity: var(--theme-background-opacity);
	background-image: var(--theme-background-image);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.-vibe-reactor-profile {
	display: flex;
	gap: 3.125vw;
	align-items: center;
}

.-vibe-reactor-profile-face {
	width: 18.75vw;
	height: 18.75vw;
	display: flex;
	min-width: 18.75vw;
	position: relative;
	border-radius: 50%;
	background-size: cover;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	justify-content: center;
	background-color: var(--dimmer);
	border: 1.5625vw solid var(--dimmer);
}

.-vibe-reactor-profile-copy {
	display: flex;
	gap: 0.9375vw;
	min-width: 0;
	flex-flow: column;
}

.-vibe-reactor-profile-name {
	color: #fff;
	font-family: "Delius";
	font-size: 4.0625vw;
}

.-vibe-reactor-profile-handle {
	color: #88d6ff;
	font-size: 3.4375vw;
}

.-vibe-reactor-profile-tags {
	color: #b5b5b5;
	font-size: 3.125vw;
	line-height: 4.6875vw;
}

.-profile-card .-card-capsule-text {
	font-weight: 900;
	font-size: 6.25vw;
	font-family: var(--app-font);
}

.-profile-card .-card-names {
	justify-content: center;
}

.-card:not(.-profile-card)[data-active-person="seeker"] .-card-face[data-card-person="seeker"],
.-card:not(.-profile-card)[data-active-person="host"] .-card-face[data-card-person="host"] {
	background-color: color-mix(in srgb, var(--card-hex) 20%, transparent);
}

.-deck-of-notes {
	z-index: 10;
	position: relative;
	margin: 0 3.125vw;
	perspective: 187.5vw;
	width: -webkit-fill-available;
	height: -webkit-fill-available;
}

.-deck-of-notes-card {
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	overflow: hidden;
	isolation: isolate;
	position: absolute;
	flex-flow: column;
	touch-action: pan-y;
	transform-origin: 50% 95%;
	clip-path: var(--squircle);
	background: var(--app-theme);
}

.-deck-of-notes-card.-card-front {
	z-index: 5;
	position: relative;
	transition: height 0.2s, z-index 0.2s;
}

.-deck-of-notes-card.-card-back {
	z-index: auto;
	position: absolute;
	transition: height 0.2s, z-index 0.2s;
}

.-deck-of-notes-photo {
	inset: 0;
	margin: 1.5625vw;
	position: absolute;
	clip-path: inherit;
	pointer-events: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 28%;
	box-shadow: inset 0 -25vw 25vw #000000b0, inset 0 25vw 25vw #00000040;
}

.-deck-of-notes-content {
	z-index: 3;
	height: 100%;
	display: flex;
	gap: 0.9375vw;
	font-weight: 500;
	color: #b0a890;
	overflow: hidden;
	position: relative;
	text-align: center;
	flex-flow: column;
	align-items: center;
	justify-content: end;
	width: -webkit-fill-available;
}

.-deck-of-notes-capsule {
	height: 10vw;
	display: flex;
	align-self: end;
	width: fit-content;
	position: absolute;
	font-size: 3.125vw;
	align-items: center;
	line-height: 4.6875vw;
	clip-path: var(--squircle);
	justify-content: flex-start;
	margin: auto 3.125vw 3.125vw;
	background: linear-gradient(45deg, var(--card-hex), #fff);
}

.-deck-of-notes-capsule .material-symbols-rounded {
	width: auto;
	height: 7.5vw;
	display: flex;
	color: #fff;
	margin: 1.25vw;
	font-size: 7.1875vw;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: var(--card-hsl-45);
}

.-deck-of-notes-capsule > span:last-child {
	height: 100%;
	display: flex;
	padding: 0 3.125vw 0 0;
	color: var(--card-hsl-20);
	font-size: 4.0625vw;
	align-items: center;
	font-family: Delius;
	justify-content: center;
}

.-deck-of-notes-category {
	order: 0;
	text-align: left;
	font-size: 3.125vw;
	padding: 0 6.25vw;
	color: var(--card-hex);
	text-transform: capitalize;
	text-decoration: underline;
	text-decoration-style: solid;
	width: -webkit-fill-available;
	text-underline-offset: 0.625vw;
	text-shadow: 0 0 0.625vw #000;
}

.-deck-of-notes-label {
	order: 1;
	display: flex;
	height: 6.25vw;
	text-align: left;
	overflow: hidden;
	white-space: pre;
	padding: 0 6.25vw;
	align-items: center;
	font-size: 4.6875vw;
	text-overflow: ellipsis;
	color: var(--card-hex);
	width: -webkit-fill-available;
	text-shadow: 0 0 0.625vw #000;
}

.-deck-of-notes-body {
	order: 2;
	margin: 0;
	color: #fff;
	font-weight: 500;
	text-align: left;
	overflow: hidden;
	padding: 0 6.25vw;
	height: fit-content;
	font-size: 3.4375vw;
	max-height: 15.625vw;
	display: -webkit-box;
	line-height: 5.3125vw;
	-webkit-line-clamp: 3;
	min-height: fit-content;
	-webkit-box-orient: vertical;
	width: -webkit-fill-available;
	text-shadow: 0 0 0.625vw #000;
}

.-deck-of-notes-date {
	order: 3;
	text-align: left;
	font-size: 3.125vw;
	padding: 0 6.25vw;
	margin: 0 0 9.375vw;
	line-height: 4.6875vw;
	color: var(--card-hex);
	width: -webkit-fill-available;
	text-shadow: 0 0 0.625vw #000;
}

.-deck-of-notes-empty {
	gap: 3.125vw;
	width: 100%;
	height: 100%;
	display: flex;
	color: #b5b5b5;
	align-items: center;
	flex-flow: column;
	justify-content: center;
	padding: 6.25vw;
	text-align: center;
}

.-deck-of-notes-empty .material-symbols-rounded {
	color: var(--card-hex, #78d9ff);
	width: 15.625vw;
	height: 15.625vw;
	font-size: 10vw;
}

.-deck-of-notes-content.---deck-note-locked {
	filter: blur(1.875vw);
}

.-deck-of-notes-lock {
	inset: 0;
	z-index: 5;
	gap: 1.5625vw;
	display: flex;
	color: #fff;
	position: absolute;
	align-items: center;
	flex-flow: column;
	text-align: center;
	justify-content: center;
	padding: 6.25vw;
	background: rgb(0 0 0 / 18%);
	text-shadow: .15625vw .15625vw .46875vw #000;
}

.-deck-of-notes-lock .material-symbols-rounded {
	width: 12.5vw;
	height: 12.5vw;
	color: #ff806f;
	font-size: 8.75vw;
}

.-widget .-deck-of-notes {
	aspect-ratio: 1/1;
}

/* Fanbase settings reuses the active card rather than a secondary modal. */

.---fanbase-settings .-deck-of-notes-content {
	justify-content: center;
}

/* Hivers · public profile and timeline */

.-hivers-profile-section {
	min-height: 131.25vw;
}

.-hiver-public-profile-card-shell {
	width: 100%;
	display: flex;
	min-height: 131.25vw;
	position: relative;
	overflow: visible;
}

.-hiver-public-profile-card-shell > .-card {
	min-height: 125vw;
}

.-left-panel-box.---timeline {
	gap: 0;
	padding: 3.125vw 0 9.375vw;
	color: var(--app-color);
}

.-hiver-timeline {
	width: 100%;
	display: flex;
	position: relative;
	flex-flow: column;
	padding: 0 3.125vw;
	box-sizing: border-box;
}

.-hiver-timeline::before {
	top: 0;
	left: 50%;
	bottom: 0;
	content: "";
	width: 0.625vw;
	position: absolute;
	transform: translateX(-50%);
	background: linear-gradient(#0000,var(--app-accent),#0000);
}

.-hiver-timeline-day {
	width: 100%;
	display: flex;
	position: relative;
	flex-flow: column;
	margin: 0 0 4.6875vw;
}

.-hiver-timeline-date,
.-hiver-timeline-moment {
	display: grid;
	grid-template-columns: minmax(0,1fr) 6.25vw minmax(0,1fr);
	align-items: center;
	position: relative;
}

.-hiver-timeline-date {
	min-height: 10.9375vw;
	color: var(--app-accent);
	font-family: Delius;
	font-size: 3.4375vw;
	font-weight: 600;
}

.-hiver-timeline-date > span:first-child {
	text-align: right;
	padding: 0 3.125vw 0 0;
}

.-hiver-timeline-date > span:last-child {
	text-align: left;
	padding: 0 0 0 3.125vw;
	color: #b0a890;
	font-size: 3.125vw;
}

.-hiver-timeline-spot,
.-hiver-timeline-moment-dot {
	z-index: 2;
	width: 6.25vw;
	margin: auto;
	display: block;
	position: relative;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1.25vw solid var(--app-theme);
}

.-hiver-timeline-spot::before,
.-hiver-timeline-moment-dot::before {
	content: "";
	width: 100%;
	aspect-ratio: 1/1;
	position: absolute;
	border-radius: 50%;
	background: var(--app-theme);
	border: 0.625vw solid var(--app-accent);
}

.-hiver-timeline-moment {
	min-height: 20.3125vw;
	color: var(--app-color);
	touch-action: manipulation;
}

.-hiver-timeline-moment time {
	color: #b0a890;
	text-align: right;
	padding: 0 3.125vw 0 0;
	font-size: 3.125vw;
	font-family: Delius;
	transition: color .3s, opacity .3s;
}

.-hiver-timeline-copy {
	gap: 0.625vw;
	display: flex;
	min-width: 0;
	padding: 0 0 0 3.125vw;
	flex-flow: column;
	font-size: 3.4375vw;
	line-height: 4.6875vw;
}

.-hiver-timeline-copy b {
	color: var(--app-accent);
	font-size: 3.125vw;
}

.-hiver-timeline-day.---active-timeline-day .-hiver-timeline-date,
.-hiver-timeline-day.---active-timeline-day .-hiver-timeline-date > span:last-child {
	color: var(--app-blue);
}

.-hiver-timeline-moment.---active-timeline-moment .-hiver-timeline-moment-dot::before {
	border-color: var(--timeline-color,var(--app-blue));
}

.-hiver-timeline-moment.---active-timeline-moment .-hiver-timeline-copy b {
	color: #38bdf8;
}

.-hiver-timeline-moment.---active-timeline-moment time {
	color: #38bdf8;
	opacity: .72;
}

.-hiver-timeline-copy span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.-hiver-timeline-moment.---search-glissando .-hiver-timeline-moment-dot {
	background: var(--app-accent);
}

.-hivers-versus-launch {
	width: 87.5vw;
	display: flex;
	gap: 3.125vw;
	margin: 6.25vw auto;
	padding: 6.25vw;
	box-sizing: border-box;
	flex-flow: column;
	align-items: center;
	text-align: center;
	color: #fff;
	clip-path: var(--squircle);
	background: var(--surface);
}

.-hivers-versus-launch .material-symbols-rounded {
	color: var(--card-hex);
	font-size: 12.5vw;
}

.-hivers-versus-launch b {
	color: var(--card-hex);
	font-size: 6.25vw;
}

.-hivers-versus-launch span:not(.material-symbols-rounded) {
	font-size: 3.75vw;
	line-height: 5vw;
}

.-hivers-versus-launch small {
	color: #b0a890;
	font-size: 3.125vw;
	line-height: 4.6875vw;
}

/* Hivers · public-page widgets, Ideas and Timeline controls */

.-hiver-public-item-meta {
	color: var(--widget-color, var(--app-accent));
	font-size: 3.125vw;
	white-space: pre;
	flex: 0 0 auto;
}

.-hiver-public-gallery {
	gap: 3.125vw;
	display: grid;
	margin: 0 3.125vw;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.-hiver-public-gallery-image {
	width: 100%;
	aspect-ratio: 1/1;
	position: relative;
	clip-path: var(--squircle);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--dimmer);
	touch-action: manipulation;
}

.-hiver-public-fanbase-row {
	gap: 3.125vw;
	display: flex;
	margin: 0 3.125vw;
	min-height: 14.0625vw;
	align-items: center;
	justify-content: space-between;
}

.-hiver-public-fanbase-row > span {
	flex: 1;
	color: #b0a890;
	font-size: 3.4375vw;
	line-height: 4.6875vw;
}

.-hiver-public-vibes {
	gap: 1.5625vw;
	display: flex;
	margin: 0 3.125vw;
	min-height: 28.125vw;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	color: #b0a890;
	clip-path: var(--squircle);
	background: var(--dimmer);
}

.-hiver-public-vibes b {
	color: var(--widget-color, var(--app-accent));
	font-size: 4.0625vw;
}

.-hiver-public-vibes > span:not(.-hiver-public-vibe-emoji) {
	font-size: 3.125vw;
}

.-hiver-public-vibe-emoji {
	font-size: 12.5vw;
	line-height: 15.625vw;
}

.-hiver-public-hobbies {
	gap: 1.5625vw;
	display: flex;
	flex-wrap: wrap;
	margin: 0 3.125vw;
}

.-hiver-public-hobbies span {
	padding: 2.5vw 3.125vw;
	color: var(--widget-color, var(--app-accent));
	font-size: 3.4375vw;
	clip-path: var(--squircle);
	background: var(--dimmer);
}

.-hiver-birthday {
	gap: 1.5625vw;
	display: flex;
	margin: 0 3.125vw;
	padding: 4.6875vw;
	align-items: center;
	flex-flow: column;
	text-align: center;
	color: #b0a890;
	clip-path: var(--squircle);
	background: var(--dimmer);
}

.-hiver-birthday-day {
	display: flex;
	height: 18.75vw;
	flex-flow: column;
	align-items: center;
	aspect-ratio: 1/1;
	font-family: system-ui;
	justify-content: center;
	clip-path: var(--squircle);
	background: var(--dimmer);
}

.-hiver-birthday-month {
	font-size: 3.75vw;
	color: var(--card-hex);
}

.-hiver-birthday-date {
	color: #fff;
	font-weight: 900;
	font-size: 8.75vw;
	line-height: 8.75vw;
}

.-hiver-birthday-countdown {
	color: var(--widget-color, #ff9a3d);
	font-size: 3.75vw;
	font-family: Delius;
}

.-hiver-birthday-shared {
	font-size: 3.4375vw;
	line-height: 4.6875vw;
}

.-hiver-birthday-event {
	gap: 0.9375vw;
	display: flex;
	margin-top: 1.5625vw;
	padding: 3.125vw;
	flex-flow: column;
	color: #b0a890;
	font-size: 3.125vw;
	line-height: 4.6875vw;
	clip-path: var(--squircle);
	background: var(--surface);
}

.-hiver-birthday-event b {
	color: #fff;
	font-size: 3.75vw;
}

.-hiver-ideas {
	gap: 3.125vw;
	width: 100%;
	display: flex;
	flex-flow: column;
}

.-widget-icon.-hiver-idea-face {
	width: 12.5vw;
	height: 12.5vw;
	min-width: 12.5vw;
	margin: 3.125vw 0 3.125vw 3.125vw;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.-hiver-idea-face .material-symbols-rounded {
	color: #0000;
}

.-hiver-idea .-widget-count {
	display: flex;
	min-width: 10vw;
	align-items: center;
	justify-content: center;
}

.-hiver-idea .-widget-count .material-symbols-rounded {
	color: var(--widget-color, var(--app-accent));
	font-size: 6.25vw;
}

.-panel-foot.---hiver-timeline-foot .-foot-go-snap .material-symbols-rounded {
	font-size: 7.5vw;
	text-shadow: none;
}

.-panel-foot.---hiver-timeline-foot[data-hiver-panel-mode="timeline"] .-foot-go-circle,
.-panel-foot.---hiver-timeline-foot[data-hiver-panel-mode="ideas"] .-foot-go-snap {
	background: #1e6590;
}

.-panel-foot.---hiver-timeline-foot[data-hiver-panel-mode="timeline"] .-foot-go-snap,
.-panel-foot.---hiver-timeline-foot[data-hiver-panel-mode="ideas"] .-foot-go-circle {
	background: #bb6213;
}

.-hiver-activity-launch {
	gap: 2.5vw;
	width: 87.5vw;
	display: flex;
	margin: 6.25vw auto;
	padding: 6.25vw;
	box-sizing: border-box;
	flex-flow: column;
	align-items: center;
	text-align: center;
	color: #b0a890;
	clip-path: var(--squircle);
	background: var(--surface);
}

.-hiver-activity-face {
	width: 21.875vw;
	height: 21.875vw;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	border: 1.5625vw solid #0000;
}

.-hiver-activity-launch b {
	color: var(--card-hex);
	font-size: 5vw;
}

.-hiver-activity-launch span {
	font-size: 3.4375vw;
}

.-hiver-activity-launch p {
	margin: 0;
	color: #fff;
	font-size: 3.75vw;
	line-height: 5.3125vw;
}

/* HiverGo timeline geometry stays untouched; only theme-aware colors change. */

.-hiver-timeline-date > span:last-child,
.-hiver-timeline-moment time {
	color: var(--app-muted);
}

.-hiver-timeline-moment[style] .-hiver-timeline-copy b {
	color: var(--timeline-color,var(--app-accent));
}

.-hiver-timeline-moment[style] .-hiver-timeline-moment-dot::before {
	border-color: var(--timeline-color,var(--app-accent));
}

.-hiver-timeline-moment-dot,
.-hiver-timeline-spot {
	border-color: var(--app-theme);
}

.-hiver-timeline-moment-dot::before,
.-hiver-timeline-spot::before {
	background: var(--app-theme);
}

.-hiver-timeline-moment.---active-timeline-moment .-hiver-timeline-copy b,
.-hiver-timeline-moment.---active-timeline-moment time {
	color: var(--timeline-color,var(--app-blue));
}

/* Profile: identity masthead, current Partner, then HiverGo widgets. */

.-profile-banner {
	flex: none;
	display: flex;
	margin: 3.125vw;
	position: relative;
	aspect-ratio: 1/1;
	width: -webkit-fill-available;
	height: auto;
	clip-path: none;
	background: var(--app-theme);
	touch-action: none;
}

.-profile-banner::after {
	inset: 0;
	content: "";
	position: absolute;
	clip-path: var(--squircle);
	background-color: var(--dimmer);
	background-image: var(--profile-cover,none);
	background-size: calc(100% * var(--profile-cover-zoom,1));
	background-repeat: no-repeat;
	background-position: var(--profile-cover-x,50%) var(--profile-cover-y,50%);
}

.-profile-banner > input,
.-profile-avatar-shell > input {
	width: 1px;
	height: 1px;
	opacity: 0;
	position: absolute;
	pointer-events: none;
}

.-profile-media-action {
	top: 3.125vw;
	right: 3.125vw;
	z-index: 5;
	width: 10.9375vw;
	aspect-ratio: 1/1;
	display: grid;
	place-items: center;
	position: absolute;
	color: var(--app-accent);
	border-radius: 50%;
	background: var(--field-surface);
	box-shadow: 0 1.5625vw 4.6875vw rgb(55 38 31 / 16%);
}

.-profile-media-action .material-symbols-rounded {
	font-size: 6.25vw;
}

.-profile-banner.---editing::after {
	filter: saturate(.72) brightness(.86);
}

.-profile-banner.---editing .-profile-media-action {
	color: #fff;
	background: var(--app-accent);
}

.-profile-banner.---editing .-profile-avatar-shell {
	outline: .625vw dashed var(--app-accent);
	outline-offset: 1.25vw;
}

.-profile-avatar-shell {
	left: 50%;
	bottom: -11.25vw;
	width: 25vw;
	height: 25vw;
	z-index: 2;
	padding: 1.5625vw;
	position: absolute;
	transform: translateX(-50%);
	border-radius: 50%;
	background: var(--app-theme);
	touch-action: none;
}

.-profile-avatar {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	font-size: 7.5vw;
	font-weight: 900;
	background-color: var(--app-accent);
	background-size: calc(100% * var(--profile-photo-zoom,1));
	background-repeat: no-repeat;
	background-position: var(--profile-photo-x,50%) var(--profile-photo-y,50%);
}

.-profile-identity {
	padding: 4.6875vw 4.6875vw 3.125vw;
	text-align: center;
}

.-profile-identity h2 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: 7.5vw;
}

.-profile-identity-email {
	margin: 1.5625vw 0 0;
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 700;
}

.-profile-stats {
	margin: 0 3.125vw 3.125vw;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 2.1875vw;
}

.-profile-stat {
	aspect-ratio: 1/1;
	display: flex;
	gap: 1.5625vw;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: 1.5625vw;
	text-align: center;
	clip-path: var(--squircle);
	background: #fff;
}

.-profile-stat b {
	display: flex;
	gap: .9375vw;
	align-items: center;
	justify-content: center;
	font-size: 5vw;
	color: var(--app-color);
}

.-profile-stat b .material-symbols-rounded {
	color: var(--app-accent);
	font-size: 5vw;
}

.-profile-stat small {
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 700;
}

[data-profile-widgets][data-widget-parent="profile"] {
	display: flex;
	flex-flow: column;
	gap: 3.125vw;
}

.-partner-card {
	min-height: 62.5vw;
	display: flex;
	gap: 3.125vw;
	position: relative;
	flex-flow: column;
	margin: 0 3.125vw 3.125vw;
	padding: 35.9375vw 0 3.125vw;
	overflow: hidden;
	clip-path: var(--squircle);
	background: #fff;
}

.-partner-card-face {
	inset: 0 0 auto;
	height: 31.25vw;
	position: absolute;
	clip-path: var(--squircle);
	background: linear-gradient(145deg,var(--app-theme),var(--field-surface));
}

.-partner-card-face .-profile-avatar-shell {
	top: 3.125vw;
	bottom: auto;
	background: #fff;
}

.-partner-card-copy {
	padding: 0 4.6875vw;
	text-align: center;
}

.-partner-card-copy h3 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: 6.25vw;
}

.-partner-card-copy p {
	display: flex;
	gap: .9375vw;
	align-items: center;
	justify-content: center;
	margin: 1.5625vw 0 .9375vw;
	color: var(--app-color);
	font-size: 3.125vw;
	font-weight: 900;
}

.-partner-card-copy p .material-symbols-rounded {
	color: var(--app-accent);
	font-size: 4.375vw;
}

.-partner-card-copy > small {
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 800;
}

.-partner-card .-widget-divider {
	margin-left: 4.6875vw;
	margin-right: 4.6875vw;
}

.-partner-card .-widget-divider::before {
	border-color: #fff;
}

.-partner-focus-tags {
	display: flex;
	gap: 1.5625vw;
	flex-wrap: wrap;
	padding: 0 4.6875vw;
}

.-partner-focus-tags span {
	min-height: 9.375vw;
	display: flex;
	align-items: center;
	padding: 0 3.125vw;
	color: var(--app-accent);
	font-size: 3.125vw;
	font-weight: 900;
	clip-path: var(--squircle);
	background: var(--field-surface);
}

.-partner-timeline {
	display: flex;
	gap: 2.1875vw;
	flex-flow: column;
	padding: 0 4.6875vw;
}

.-partner-timeline-moment {
	display: grid;
	grid-template-columns: 13.125vw 2.5vw 1fr;
	gap: 2.1875vw;
	align-items: center;
}

.-partner-timeline-moment time {
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 800;
	text-align: right;
}

.-partner-timeline-moment > span {
	width: 2.5vw;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: var(--app-accent);
}

.-partner-timeline-moment b,
.-partner-timeline-moment small {
	display: block;
	font-size: 3.125vw;
}

.-partner-timeline-moment small {
	margin-top: .625vw;
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 700;
}

.-partner-suggestions-page {
	display: flex;
	gap: 3.125vw;
	flex-flow: column;
}

.-partner-suggestion {
	width: 93.75vw;
	display: flex;
	gap: 3.125vw;
	flex-flow: column;
	padding-bottom: 3.125vw;
}

.-partner-suggestion-banner {
	width: 93.75vw;
	margin: 0;
}

.-partner-suggestion-identity {
	padding: 7.8125vw 4.6875vw 0;
	text-align: center;
}

.-partner-suggestion-identity h2 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: 7.5vw;
}

.-partner-suggestion-identity p {
	display: flex;
	gap: .9375vw;
	align-items: center;
	justify-content: center;
	margin: 1.5625vw 0 0;
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 800;
}

.-partner-suggestion-identity .material-symbols-rounded {
	color: var(--app-accent);
	font-size: 4.375vw;
}

.-partner-suggestion-details {
	display: flex;
	gap: 3.125vw;
	flex-flow: column;
	margin: 0;
	padding: 4.6875vw;
	clip-path: var(--squircle);
	background: #fff;
}

.-partner-suggestion-details > p {
	margin: 0;
	color: var(--app-color);
	font-size: 3.4375vw;
	line-height: 1.55;
}

.-partner-suggestion-details > small {
	color: var(--app-muted);
	font-size: 3.125vw;
	font-weight: 750;
}

.-partner-suggestion-details .-partner-focus-tags {
	padding: 0;
}

.-quiz-who .-hiver-idea {
	--widget-color: var(--app-accent);
}

.-quiz-who .-widget-icon.-hiver-idea-face {
	background-color: #fff;
}

.-partner-request-copy {
	width: 93.75vw;
	margin: 0 auto;
	padding: 4.6875vw;
	clip-path: var(--squircle);
	background: #fff;
	color: var(--app-muted);
	font-size: 3.125vw;
	line-height: 1.55;
}

.-profile-collection {
	gap: 3.125vw;
	display: grid;
	margin-bottom: 3.125vw;
}

.-profile-giving-total,
.-profile-record-list {
	gap: 3.125vw;
	display: grid;
}

.-profile-note-count {
	gap: 1.5625vw;
	display: grid;
	margin-top: 3.125vw;
	padding: 4.6875vw;
	place-items: center;
	clip-path: var(--squircle);
	background: color-mix(in srgb, var(--app-theme) 55%, #fff 45%);
}

.-profile-note-count .material-symbols-rounded {
	color: var(--app-accent);
	font-size: 8.75vw;
}

.-profile-note-count b {
	color: var(--app-color);
	font-size: 7.5vw;
}

.-profile-note-count small {
	color: var(--app-muted);
	font-size: 3.125vw;
}

.-profile-posts-page {
	gap: 3.125vw;
	width: 100%;
	display: flex;
	padding: 0 0 9.375vw;
	flex-flow: column;
	align-items: center;
}

.-profile-posts-page > .-article-kicker {
	width: 93.75vw;
}

.-profile-posts-page > .-hiver-ideas {
	align-items: center;
}

.-profile-giving-form .-widget-quota-slider {
	width: -webkit-fill-available;
	margin-bottom: 4.6875vw;
}