/* Music is the Key — scoped visual frontend foundation. */
/* Member overview: presentation only, separate from Artist forms/admin layouts. */
.mitk-icon { flex: 0 0 auto; vertical-align: middle; }
.mitk-member-dashboard { display: grid; gap: 1.25rem; max-width: var(--mitk-workspace-width, 1120px); margin-inline: auto; }
.mitk-member-dashboard > *, .mitk-dashboard-top > *, .mitk-dashboard-artist > * { min-width: 0; }
.mitk-dashboard-welcome h1 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.3rem); overflow-wrap: anywhere; }
.mitk-dashboard-welcome .mitk-eyebrow { margin-bottom: .5rem; }
.mitk-dashboard-top { display: grid; gap: 1rem; }
.mitk-dashboard-panel { padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: var(--mitk-surface); }
.mitk-dashboard-progress { background: radial-gradient(at top right, rgb(146 92 255 / 18%), transparent 70%), var(--mitk-surface); border-color: var(--mitk-border-bright); }
.mitk-dashboard-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: .75rem; }
.mitk-member-dashboard h2 { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin: 0; font-size: 1.12rem; letter-spacing: -.02em; }
.mitk-member-dashboard h2 .mitk-icon { color: var(--mitk-blue); }
.mitk-dashboard-state { padding: .25rem .6rem; border: 1px solid var(--mitk-border-bright); border-radius: 20px; font-size: .75rem; color: var(--mitk-text-soft); }
.mitk-dashboard-week { margin: 0; font-size: .8rem; color: var(--mitk-muted); }
.mitk-dashboard-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: .65rem; margin: .5rem 0 .75rem; }
.mitk-dashboard-total strong { font-size: clamp(2.4rem, 5vw, 3.4rem); line-height: 1.15; letter-spacing: -.04em; }
.mitk-dashboard-total > span { color: var(--mitk-text-soft); font-size: .9rem; }
.mitk-dashboard-progress progress { display: block; width: 100%; height: 10px; appearance: none; border: 0; border-radius: 10px; overflow: hidden; background: #213553; accent-color: var(--mitk-purple); }
.mitk-dashboard-progress progress::-webkit-progress-bar { background: #213553; border-radius: 10px; }
.mitk-dashboard-progress progress::-webkit-progress-value { background: linear-gradient(90deg, var(--mitk-purple), var(--mitk-magenta)); border-radius: 10px; }
.mitk-dashboard-progress progress::-moz-progress-bar { background: var(--mitk-purple); border-radius: 10px; }
.mitk-dashboard-note { color: var(--mitk-text-soft); font-size: .85rem; line-height: 1.5; margin: .7rem 0; }
.mitk-dashboard-details { margin-block: 1rem; border-top: 1px solid var(--mitk-border); padding-top: .75rem; }
.mitk-dashboard-details summary { cursor: pointer; min-height: 44px; padding-block: .6rem; font-size: .9rem; color: var(--mitk-text); }
.mitk-dashboard-details summary:focus-visible { outline: 2px solid var(--mitk-purple); outline-offset: 3px; border-radius: 4px; }
.mitk-dashboard-details .mitk-dashboard-total strong { font-size: clamp(1.6rem, 3vw, 2rem); }
.mitk-dashboard-breakdown { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .45rem 1rem; font-size: .85rem; }
.mitk-dashboard-breakdown dt { overflow-wrap: anywhere; }
.mitk-dashboard-breakdown dd { margin: 0; text-align: right; }
.mitk-dashboard-coverage { border-inline-start: 2px solid var(--mitk-blue); padding-inline-start: .75rem; }
.mitk-dashboard-links { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.25rem; margin-top: 1rem; }
.mitk-dashboard-links > a, .mitk-dashboard-settings, .mitk-dashboard-add, .mitk-dashboard-all, .mitk-dashboard-review a { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; font-size: .85rem; }
.mitk-dashboard-settings { margin-top: .5rem; color: var(--mitk-text-soft); }
.mitk-dashboard-destinations { display: grid; gap: .65rem; align-content: start; }
.mitk-dashboard-destinations > a { display: flex; align-items: center; gap: .9rem; padding: 1.1rem; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: var(--mitk-surface); color: var(--mitk-text); }
.mitk-dashboard-destinations > a > .mitk-icon { width: 28px; height: 28px; color: var(--mitk-blue); }
.mitk-dashboard-destinations > a > span:not([aria-hidden]) { flex: 1; min-width: 0; }
.mitk-dashboard-destinations strong, .mitk-dashboard-destinations small { display: block; }
.mitk-dashboard-destinations strong { font-size: .92rem; }
.mitk-dashboard-destinations small { font-size: .78rem; color: var(--mitk-muted); margin-top: .2rem; }
.mitk-dashboard-destinations > a:hover { border-color: var(--mitk-purple); background: #15213a; }
.mitk-dashboard-count { font-size: .85rem; color: var(--mitk-muted); }
.mitk-dashboard-artists { display: grid; }
.mitk-dashboard-artist { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: .9rem; align-items: center; padding-block: .8rem; border-bottom: 1px solid var(--mitk-border); }
.mitk-dashboard-artist .mitk-artist-art { width: 52px; height: 52px; min-height: 0; border-radius: 12px; font-size: 1.4rem; aspect-ratio: 1; }
.mitk-dashboard-artist .mitk-artist-art > span { font-size: 1.4rem; }
.mitk-dashboard-artist h3 { margin: 0 0 .35rem; font-size: 1rem; overflow-wrap: anywhere; }
.mitk-dashboard-artist .mitk-badge { font-size: .68rem; padding: .2rem .45rem; }
.mitk-dashboard-artist-actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.mitk-dashboard-artist-actions > a { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; font-size: .82rem; }
.mitk-dashboard-all { margin-top: .5rem; margin-right: 1.25rem; }
.mitk-member-dashboard .mitk-dashboard-attention ul { list-style: none; margin: .65rem 0 0; padding: 0; }
.mitk-dashboard-attention li > a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; }
.mitk-dashboard-attention li strong { color: var(--mitk-text); }
.mitk-dashboard-playlist-list { list-style: none; margin: .5rem 0 0; padding: 0; }
.mitk-dashboard-playlist-list li { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; padding-block: .6rem; border-top: 1px solid var(--mitk-border); font-size: .85rem; }
.mitk-dashboard-playlist-list li > span { flex: 1; min-width: 130px; overflow-wrap: anywhere; }
.mitk-dashboard-playlist-list a { min-height: 44px; display: inline-flex; align-items: center; }
.mitk-dashboard-review { margin: 0; }
.mitk-dashboard-help { border-top: 1px solid var(--mitk-border); padding-top: .4rem; }
.mitk-dashboard-help > summary { display: flex; align-items: center; gap: .6rem; min-height: 48px; cursor: pointer; color: var(--mitk-text-soft); font-size: .9rem; }
.mitk-dashboard-help > summary::after { content: '+'; margin-left: auto; }
.mitk-dashboard-help[open] > summary::after { content: '−'; }
.mitk-dashboard-help .mitk-getting-started, .mitk-dashboard-help .mitk-resource-help { margin-block: .75rem; }
.mitk-member-dashboard a:focus-visible, .mitk-dashboard-help summary:focus-visible { outline: 2px solid var(--mitk-blue); outline-offset: 4px; }
@media (min-width: 768px) { .mitk-dashboard-top:has(.mitk-dashboard-progress) { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); } }
@media (max-width: 520px) { .mitk-dashboard-artist { grid-template-columns: 44px minmax(0, 1fr); gap: .75rem; }.mitk-dashboard-artist .mitk-artist-art { width: 44px; height: 44px; }.mitk-dashboard-artist-actions { grid-column: 2; }.mitk-dashboard-artist .mitk-status-group { gap: .35rem; }.mitk-dashboard-destinations > a { padding: .85rem 1rem; } }
/* MITK hides the WordPress admin bar; its html spacer must disappear too. */
html:has(> body.mitk-page.admin-bar) { margin-top: 0 !important; }
body.mitk-page {
	margin: 0 !important;
	min-width: 320px;
	background: #050914 !important;
	color: #f7f8ff !important;
}

/* Artist-side Playlist Applications. Keep large local catalogs searchable without a giant form. */
.mitk-application-page, .mitk-application-context { min-width: 0; }
.mitk-application-page { max-width: var(--mitk-workspace-width, 1120px); margin-inline: auto; }
.mitk-application-page .mitk-page-heading { margin-bottom: 1.5rem; }
.mitk-application-artist-select, .mitk-application-track-form, .mitk-application-review, .mitk-application-status, .mitk-application-context, .mitk-application-row { background: var(--mitk-surface, #111c2d); border: 1px solid var(--mitk-border, #30415c); border-radius: 18px; padding: clamp(1rem, 2vw, 1.75rem); }
.mitk-application-artist-select { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-bottom: 1rem; }
.mitk-application-artist-select label, .mitk-application-track-form > label, .mitk-application-review label { display: block; font-weight: 700; }
.mitk-application-page select, .mitk-application-page input[type="search"], .mitk-application-page textarea, .mitk-application-context select { max-width: 100%; width: min(100%, 480px); min-height: 44px; border: 1px solid var(--mitk-border, #405373); border-radius: 10px; padding: .65rem .8rem; background: #0a1528; color: #fff; }
.mitk-application-page textarea { width: 100%; }
.mitk-application-status { margin-bottom: 1rem; }
.mitk-application-status h2 { margin-top: 0; }
.mitk-application-track-form, .mitk-application-review { display: grid; gap: 1rem; }
.mitk-application-track-list { display: grid; gap: .5rem; max-height: 580px; overflow: auto; padding: .25rem; }
.mitk-application-track { display: flex; align-items: center; gap: .75rem; min-width: 0; padding: .75rem; border: 1px solid var(--mitk-border, #30415c); border-radius: 12px; cursor: pointer; }
.mitk-application-track:hover, .mitk-application-track:focus-within { border-color: #9b74f5; background: rgb(146 85 255 / 9%); }
.mitk-application-track input { flex: none; width: 20px; height: 20px; accent-color: #aa73f8; }
.mitk-application-track span { min-width: 0; overflow-wrap: anywhere; }
.mitk-application-track small { display: block; color: #a9bad3; }
.mitk-application-actions, .mitk-application-links { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.mitk-application-history, .mitk-application-list { display: grid; gap: .75rem; }
.mitk-application-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-width: 0; }
.mitk-application-row h2 { font-size: clamp(1.05rem, 2vw, 1.3rem); margin: .2rem 0; overflow-wrap: anywhere; }
.mitk-application-row p { margin: .25rem 0; }
.mitk-application-list { list-style: none; padding: 0; }
.mitk-application-list li { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; padding: .8rem 0; border-bottom: 1px solid var(--mitk-border, #30415c); overflow-wrap: anywhere; }
.mitk-application-list form { margin-left: auto; }
.mitk-application-context { margin-bottom: 2rem; }
.mitk-application-context form { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
@media (max-width: 560px) { .mitk-application-row { display: grid; } .mitk-application-artist-select, .mitk-application-context form { display: grid; } .mitk-application-page select, .mitk-application-page input[type="search"], .mitk-application-context select { width: 100%; } .mitk-application-actions .mitk-button { width: 100%; } }

body.mitk-page #wpadminbar { display: none; }
body.mitk-page.admin-bar { margin-top: 0 !important; }
body.mitk-page.admin-bar .mitk-site-header { top: 0; }

.mitk-shell {
	--mitk-bg: #050914;
	--mitk-bg-soft: #07101f;
	--mitk-surface: #0a1427;
	--mitk-surface-raised: #0d1a31;
	--mitk-surface-muted: #101d35;
	--mitk-text: #f7f8ff;
	--mitk-text-soft: #d4dced;
	--mitk-muted: #93a3be;
	--mitk-border: #213553;
	--mitk-border-bright: #36567d;
	--mitk-blue: #65c8ff;
	--mitk-purple: #925cff;
	--mitk-magenta: #df35dd;
	--mitk-green: #47d9a3;
	--mitk-amber: #f0b866;
	--mitk-red: #ff7696;
	--mitk-radius-sm: 10px;
	--mitk-radius: 16px;
	--mitk-radius-lg: 24px;
	--mitk-shadow: 0 24px 70px rgb(0 0 0 / 28%);
	--mitk-public-width: 1240px;
	--mitk-workspace-width: 1120px;
	--mitk-form-width: 42rem;
	--mitk-media-width: 1120px;
	--mitk-content: var(--mitk-public-width);
	min-height: 100vh;
	background:
		radial-gradient(circle at 82% 4%, rgb(78 52 169 / 17%), transparent 28rem),
		linear-gradient(180deg, #050914 0%, #06101e 48%, #050914 100%);
	color: var(--mitk-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.55;
}

.mitk-shell,
.mitk-shell * { box-sizing: border-box; }

.mitk-shell a { color: inherit; text-decoration: none; }
.mitk-shell button,
.mitk-shell input,
.mitk-shell textarea { font: inherit; }
.mitk-shell img { display: block; max-width: 100%; }
.mitk-shell h1,
.mitk-shell h2,
.mitk-shell h3,
.mitk-shell p { margin-top: 0; }

.mitk-skip-link {
	position: fixed;
	top: -5rem;
	left: 1rem;
	z-index: 99999;
	padding: .75rem 1rem;
	border-radius: 8px;
	background: #fff;
	color: #07101f !important;
	font-weight: 800;
}

.mitk-skip-link:focus { top: 1rem; }

.mitk-shell :where(a, button, input, textarea, summary):focus-visible {
	outline: 3px solid var(--mitk-blue);
	outline-offset: 3px;
}

.mitk-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid rgb(101 200 255 / 14%);
	background: rgb(5 9 20 / 92%);
	backdrop-filter: blur(18px);
}

.mitk-site-header__inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	gap: clamp(1.5rem, 4vw, 4rem);
	width: min(calc(100% - 2rem), var(--mitk-content));
	min-height: 72px;
	margin: 0 auto;
}

.mitk-page :where([id], [tabindex="-1"]) { scroll-margin-top: 88px; }
.mitk-attention { position: relative; justify-self: end; }
.mitk-attention summary { display: flex; align-items: center; gap: .45rem; min-height: 44px; padding: .35rem .5rem; border: 1px solid var(--mitk-border-bright); border-radius: 9px; background: #0b1730; color: #fff; cursor: pointer; list-style: none; font-size: .75rem; font-weight: 750; white-space: nowrap; }
.mitk-attention summary::-webkit-details-marker { display: none; }
.mitk-attention summary:hover, .mitk-attention[open] summary { background: var(--mitk-surface-muted); }
.mitk-attention summary strong { display: grid; place-items: center; min-width: 1.55rem; height: 1.55rem; padding: 0 .3rem; border-radius: 99px; background: #7442a4; color: #fff; font-size: .7rem; }
.mitk-attention nav { position: absolute; top: calc(100% + .55rem); right: 0; display: grid; width: min(330px, calc(100vw - 1.25rem)); max-height: min(70vh, 480px); padding: .4rem; overflow-y: auto; border: 1px solid var(--mitk-border-bright); border-radius: 12px; background: #09152a; box-shadow: var(--mitk-shadow); }
.mitk-attention nav a { display: flex; align-items: center; justify-content: space-between; gap: .8rem; min-height: 54px; padding: .65rem .75rem; border-radius: 8px; color: #fff; }
.mitk-attention nav a:hover, .mitk-attention nav a:focus-visible { background: var(--mitk-surface-muted); }
.mitk-attention nav a span { display: grid; min-width: 0; }
.mitk-attention nav a strong { font-size: .78rem; }
.mitk-attention nav a small { color: var(--mitk-muted); font-size: .68rem; }
.mitk-attention nav a b { flex: none; font-size: .78rem; }

.mitk-brand {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	width: fit-content;
	color: var(--mitk-text) !important;
	font-size: 1.15rem;
	font-weight: 850;
	letter-spacing: -.04em;
	white-space: nowrap;
}

.mitk-brand__mark {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2.35rem;
	border: 1px solid rgb(101 200 255 / 45%);
	border-radius: 50% 50% 48% 52%;
	background: linear-gradient(145deg, rgb(101 200 255 / 14%), rgb(146 92 255 / 18%));
	color: var(--mitk-blue);
	font-size: 1.35rem;
	box-shadow: 0 0 24px rgb(101 200 255 / 16%);
}

.mitk-brand em {
	background: linear-gradient(100deg, #a675ff, #f052dd);
	background-clip: text;
	color: transparent;
	font-style: normal;
}

.mitk-desktop-nav { display: flex; align-self: stretch; justify-content: center; gap: 1.8rem; }
.mitk-desktop-nav a {
	position: relative;
	display: grid;
	place-items: center;
	color: var(--mitk-text-soft);
	font-size: .84rem;
	font-weight: 650;
}
.mitk-desktop-nav a::after {
	position: absolute;
	right: 15%;
	bottom: 11px;
	left: 15%;
	height: 2px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--mitk-blue), var(--mitk-purple));
	content: "";
	transform: scaleX(0);
	transition: transform 160ms ease;
}
.mitk-desktop-nav a:hover,
.mitk-desktop-nav a.is-active { color: #fff; }
.mitk-desktop-nav a:hover::after,
.mitk-desktop-nav a.is-active::after { transform: scaleX(1); }

.mitk-user-menu { position: relative; justify-self: end; }
.mitk-user-menu summary { display: flex; align-items: center; gap: .6rem; min-height: 44px; padding: .35rem .5rem; border: 1px solid transparent; border-radius: 10px; cursor: pointer; list-style: none; }
.mitk-user-menu summary::-webkit-details-marker { display: none; }
.mitk-user-menu summary:hover,
.mitk-user-menu[open] summary { border-color: var(--mitk-border-bright); background: var(--mitk-surface-muted); }
.mitk-user-menu summary > span {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border: 1px solid #4d4e91;
	border-radius: 50%;
	background: linear-gradient(140deg, #243d70, #7d3d99);
	font-size: .76rem;
	font-weight: 850;
}
.mitk-user-menu summary strong { max-width: 9rem; overflow: hidden; color: var(--mitk-text-soft); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.mitk-user-menu summary i { width: 7px; height: 7px; margin: 0 .2rem 3px 0; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.mitk-user-menu nav { position: absolute; top: calc(100% + .55rem); right: 0; display: grid; min-width: 220px; padding: .55rem; border: 1px solid var(--mitk-border-bright); border-radius: 12px; background: #09152a; box-shadow: var(--mitk-shadow); }
.mitk-user-menu nav a { min-height: 44px; padding: .7rem .8rem; border-radius: 7px; color: var(--mitk-text-soft); font-size: .82rem; }
.mitk-user-menu nav a:hover { background: var(--mitk-surface-muted); color: #fff; }
.mitk-user-menu nav a:last-child { margin-top: .35rem; border-top: 1px solid var(--mitk-border); border-radius: 0 0 7px 7px; }
.mitk-user-menu .mitk-account-menu__group { margin: .6rem .75rem .15rem; color: var(--mitk-blue); font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.mitk-user-menu .mitk-account-menu__identity { margin-inline-start: .4rem; color: var(--mitk-muted); font-weight: 500; }
.mitk-user-menu nav { max-height: min(80vh, 620px); overflow-y: auto; }
.mitk-mobile-menu { display: none; }

/* 0.13.4: one information architecture, purpose-built desktop/mobile controls. */
.mitk-site-header__inner { position: relative; gap: clamp(.5rem, 1.5vw, 1.25rem); }
.mitk-desktop-nav { gap: clamp(.25rem, .8vw, .8rem); }
.mitk-desktop-nav > a,
.mitk-mega > summary { min-height: 44px; padding: .45rem .25rem; white-space: nowrap; }
.mitk-mega { display: flex; align-items: center; }
.mitk-mega > summary { display: flex; align-items: center; gap: .32rem; color: var(--mitk-text-soft); cursor: pointer; list-style: none; font-size: .8rem; font-weight: 700; }
.mitk-mega > summary::-webkit-details-marker { display: none; }
.mitk-mega > summary:hover,
.mitk-mega > summary.is-active,
.mitk-mega[open] > summary { color: #fff; }
.mitk-mega > summary.is-active { box-shadow: inset 0 -2px var(--mitk-blue); }
.mitk-mega__panel { position: absolute; z-index: 3; top: calc(100% + .5rem); right: 0; left: 0; display: grid; grid-template-columns: minmax(190px, .75fr) minmax(0, 2fr); gap: 1.2rem; max-height: min(70vh, 480px); overflow-y: auto; padding: 1.2rem; border: 1px solid var(--mitk-border-bright); border-radius: 16px; background: #09152a; box-shadow: var(--mitk-shadow); }
.mitk-mega__intro { padding: 1rem; border-radius: 12px; background: linear-gradient(145deg, #12264a, #141836); }
.mitk-mega__intro h2 { margin-bottom: .8rem; font-size: clamp(1.3rem, 2vw, 1.8rem); }
.mitk-mega__intro a { color: var(--mitk-blue); font-weight: 750; }
.mitk-mega__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: .3rem; }
.mitk-mega__links a { display: grid; align-content: center; min-height: 62px; padding: .65rem .8rem; border-radius: 9px; overflow-wrap: anywhere; }
.mitk-mega__links a:hover,
.mitk-mega__links a:focus-visible { background: var(--mitk-surface-muted); }
.mitk-mega__links strong { font-size: .85rem; }
.mitk-mega__links small { color: var(--mitk-muted); font-size: .71rem; }
.mitk-attention__empty { margin: .5rem; padding: .75rem; color: var(--mitk-text-soft); }
.mitk-attention.is-empty { display: none; }
.mitk-bottom-nav { display: none; }

.mitk-image-source { display: grid; gap: 1rem; margin-bottom: 1.25rem; padding: 1rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: rgb(8 18 36 / 78%); }
.mitk-image-source fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.mitk-image-source legend { margin-bottom: .25rem; font-size: .84rem; font-weight: 800; }
.mitk-image-source fieldset > p { margin-bottom: .8rem; color: var(--mitk-muted); font-size: .76rem; }
.mitk-image-source__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.mitk-image-source__options label { position: relative; cursor: pointer; }
.mitk-form-fields .mitk-image-source__options input[type="radio"] { position: absolute; top: .65rem; left: .65rem; z-index: 1; width: 1rem; min-height: 0; height: 1rem; margin: 0; padding: 0; border: 0; accent-color: var(--mitk-purple); appearance: auto; }
.mitk-image-source__options label > span { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: .1rem .55rem; min-height: 62px; padding: .45rem .55rem .45rem 2rem; border: 1px solid var(--mitk-border); border-radius: 10px; background: var(--mitk-surface); }
.mitk-image-source__options input:checked + span { border-color: var(--mitk-purple); box-shadow: 0 0 0 1px var(--mitk-purple); }
.mitk-image-source__options img,
.mitk-image-source__options i { grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: 8px; object-fit: cover; }
.mitk-image-source__options i { display: grid; place-items: center; background: var(--mitk-surface-muted); color: var(--mitk-blue); font-style: normal; }
.mitk-image-source__options strong { align-self: end; font-size: .78rem; }
.mitk-image-source__options small { align-self: start; color: var(--mitk-muted); font-size: .68rem; }
.mitk-image-source .mitk-button { justify-self: start; }

.mitk-spotify-verify { display: grid; gap: 1rem; }
.mitk-spotify-verify .mitk-button { justify-self: start; }
.mitk-spotify-connected { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem; margin-bottom: 1rem; padding: .8rem; border: 1px solid rgb(71 217 163 / 35%); border-radius: 10px; background: rgb(30 112 88 / 9%); }
.mitk-spotify-connected > span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgb(71 217 163 / 15%); color: var(--mitk-green); }
.mitk-spotify-connected strong { display: block; font-size: .82rem; }
.mitk-spotify-connected p { margin: 0; color: var(--mitk-muted); font-size: .68rem; }
.mitk-spotify-connected a { color: var(--mitk-green); font-size: .72rem; font-weight: 750; }
.mitk-spotify-preview { margin-top: 1rem; padding: 1rem; border: 1px solid #3f5f91; border-radius: 12px; background: linear-gradient(145deg, #0d1d37, #091426); }
.mitk-spotify-preview > div { display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem; }
.mitk-spotify-preview img,
.mitk-spotify-preview > div > span { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 10px; background: var(--mitk-surface-muted); object-fit: cover; }
.mitk-spotify-preview h3 { margin-bottom: .2rem; }
.mitk-spotify-preview a { color: var(--mitk-green); font-size: .75rem; font-weight: 750; }

.mitk-main {
	width: min(calc(100% - 2rem), var(--mitk-content));
	min-height: calc(100vh - 196px);
	margin: 0 auto;
	padding: clamp(2.25rem, 5vw, 4.5rem) 0 5rem;
}

.mitk-eyebrow {
	margin-bottom: .6rem !important;
	color: var(--mitk-blue);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.mitk-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	min-height: 46px;
	padding: .75rem 1.25rem;
	border: 1px solid transparent;
	border-radius: var(--mitk-radius-sm);
	background: linear-gradient(110deg, #735af6, #ca34dd);
	box-shadow: 0 10px 30px rgb(125 62 239 / 20%);
	color: #fff !important;
	font-weight: 780;
	line-height: 1.1;
	cursor: pointer;
	transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
}
.mitk-button:hover { filter: brightness(1.1); transform: translateY(-1px); }
.mitk-button--secondary { border-color: #526995; background: #0b1730; box-shadow: none; }
.mitk-button--success { background: linear-gradient(110deg, #178d74, #36b987); box-shadow: 0 10px 30px rgb(54 185 135 / 16%); }
.mitk-button--small { min-height: 38px; padding: .6rem 1rem; font-size: .78rem; }
.mitk-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.6rem; }

.mitk-text-link,
.mitk-section-heading > a,
.mitk-back-link { color: #8bd6ff !important; font-weight: 750; }
.mitk-text-link:hover,
.mitk-section-heading > a:hover,
.mitk-back-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.mitk-text-button { padding: .35rem; border: 0; background: transparent; color: #91d8ff; font-weight: 750; cursor: pointer; }
.mitk-text-button--danger { color: #ff9bb1; }

.mitk-dashboard-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr);
	align-items: center;
	min-height: 390px;
	padding: clamp(2rem, 5vw, 4rem);
	overflow: hidden;
	border: 1px solid #2d4270;
	border-radius: var(--mitk-radius-lg);
	background:
		linear-gradient(100deg, rgb(7 14 32 / 98%) 0%, rgb(10 20 47 / 90%) 52%, rgb(34 19 68 / 76%) 100%),
		var(--mitk-surface);
	box-shadow: var(--mitk-shadow);
}
.mitk-dashboard-hero::before {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 76% 44%, rgb(230 54 219 / 25%), transparent 14rem), radial-gradient(circle at 86% 28%, rgb(62 146 255 / 24%), transparent 13rem);
	content: "";
}
.mitk-dashboard-hero > div:first-child { position: relative; z-index: 2; max-width: 710px; }
.mitk-dashboard-hero h1 {
	margin-bottom: 1rem;
	font-size: clamp(2.2rem, 4.4vw, 4.1rem);
	font-weight: 860;
	letter-spacing: -.06em;
	line-height: .98;
}
.mitk-dashboard-hero h1 span { background: linear-gradient(100deg, #b481ff, #f059d9); background-clip: text; color: transparent; }
.mitk-dashboard-hero > div > p:not(.mitk-eyebrow) { max-width: 640px; margin-bottom: 0; color: var(--mitk-text-soft); font-size: 1.04rem; }
.mitk-dashboard-hero--onboarded { min-height: 330px; }
.mitk-process { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; margin: 1.4rem 0 0; padding: 0; color: var(--mitk-text-soft); font-size: .76rem; list-style: none; }
.mitk-process li { display: flex; align-items: center; gap: .45rem; }
.mitk-process li:not(:last-child)::after { margin-left: .65rem; color: var(--mitk-border-bright); content: "→"; }
.mitk-process strong { display: grid; place-items: center; width: 1.55rem; height: 1.55rem; border: 1px solid #6357a2; border-radius: 50%; color: #cfbaff; font-size: .65rem; }
.mitk-process--page { width: fit-content; margin: -1rem 0 1.5rem; padding: .8rem 1rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: var(--mitk-surface); }
.mitk-process .is-current { color: #fff; }
.mitk-dashboard-hero__visual { position: relative; z-index: 1; display: grid; place-items: center; min-height: 260px; }
.mitk-dashboard-hero__visual i { position: absolute; width: 220px; height: 220px; border: 1px solid rgb(128 157 255 / 32%); border-radius: 50%; box-shadow: inset 0 0 60px rgb(87 76 255 / 18%), 0 0 80px rgb(210 43 218 / 16%); }
.mitk-dashboard-hero__visual i::before,
.mitk-dashboard-hero__visual i::after { position: absolute; inset: 28px; border: 1px solid rgb(229 66 219 / 22%); border-radius: 50%; content: ""; }
.mitk-dashboard-hero__visual i::after { inset: 64px; }
.mitk-dashboard-hero__visual span { color: #db7cff; font-size: 7rem; line-height: 1; text-shadow: 0 0 35px rgb(219 124 255 / 48%); transform: rotate(-7deg); }

.mitk-section { margin-top: clamp(2.75rem, 6vw, 5rem); }
.mitk-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.4rem; }
.mitk-section-heading h2,
.mitk-review-callout h2 { margin-bottom: 0; font-size: clamp(1.55rem, 2.5vw, 2.15rem); letter-spacing: -.04em; line-height: 1.08; }
.mitk-section-heading > a { padding-bottom: .2rem; font-size: .8rem; }

.mitk-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.mitk-overview-grid article {
	display: flex;
	align-items: center;
	gap: 1rem;
	min-height: 110px;
	padding: 1.25rem;
	border: 1px solid var(--mitk-border);
	border-radius: var(--mitk-radius);
	background: linear-gradient(145deg, rgb(14 28 52 / 96%), rgb(7 16 31 / 96%));
}
.mitk-overview-icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 12px; background: rgb(146 92 255 / 14%); color: #c397ff; font-size: 1.3rem; }
.mitk-overview-grid strong { display: block; font-size: 2rem; line-height: 1; }
.mitk-overview-grid p { margin: .35rem 0 0; color: var(--mitk-muted); font-size: .82rem; }

.mitk-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mitk-artist-card {
	overflow: hidden;
	border: 1px solid var(--mitk-border);
	border-radius: var(--mitk-radius);
	background: linear-gradient(155deg, var(--mitk-surface-raised), #071120);
	box-shadow: 0 16px 42px rgb(0 0 0 / 16%);
}
.mitk-artist-card > .mitk-artist-art { width: 100%; height: 176px; border-radius: 0; }
.mitk-artist-card__body { padding: 1.35rem; }
.mitk-artist-card h3 { margin-bottom: .75rem; overflow-wrap: anywhere; font-size: 1.28rem; letter-spacing: -.025em; }
.mitk-artist-card__body > p:not(.mitk-card-role) { min-height: 3.1rem; margin: 1rem 0; color: var(--mitk-muted); font-size: .82rem; }
.mitk-card-role { margin-bottom: .25rem !important; color: var(--mitk-blue); font-size: .66rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }

.mitk-artist-art {
	position: relative;
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 74px;
	height: 74px;
	overflow: hidden;
	border: 1px solid rgb(101 200 255 / 22%);
	border-radius: 13px;
	background: radial-gradient(circle at 65% 30%, rgb(220 60 221 / 55%), transparent 28%), radial-gradient(circle at 25% 75%, rgb(55 150 255 / 60%), transparent 30%), linear-gradient(145deg, #162654, #27113f 70%);
}
.mitk-artist-art::after { position: absolute; inset: 0; background: linear-gradient(145deg, transparent 35%, rgb(2 7 18 / 42%)); content: ""; }
.mitk-artist-art img { width: 100%; height: 100%; object-fit: cover; }
.mitk-artist-art span { position: relative; z-index: 1; color: #fff; font-size: 2rem; font-weight: 900; text-shadow: 0 3px 20px rgb(0 0 0 / 40%); }

.mitk-status-group { display: flex; flex-wrap: wrap; gap: .45rem; }
.mitk-badge { display: inline-flex; align-items: center; gap: .42rem; width: fit-content; min-height: 25px; padding: .25rem .58rem; border: 1px solid #344b6d; border-radius: 99px; background: rgb(13 26 49 / 86%); color: #c9d6ea; font-size: .67rem; font-weight: 760; line-height: 1; white-space: nowrap; }
.mitk-badge > span { width: .38rem; height: .38rem; border-radius: 50%; background: #92a4bf; }
.mitk-badge--draft > span { background: #8ca0bd; }
.mitk-badge--pending-review { border-color: #6c559b; color: #dfcaff; }
.mitk-badge--pending-review > span { background: #b783ff; }
.mitk-badge--changes-requested { border-color: #75623d; color: #f5d49b; }
.mitk-badge--changes-requested > span { background: var(--mitk-amber); }
.mitk-badge--approved { border-color: #28735f; color: #9ce8c8; }
.mitk-badge--approved > span { background: var(--mitk-green); }
.mitk-badge--rejected { border-color: #7b3c50; color: #ffb4c4; }
.mitk-badge--rejected > span { background: var(--mitk-red); }
.mitk-badge--archived { opacity: .75; }
.mitk-badge--publication { border-style: dashed; }

.mitk-review-callout {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 1.4rem;
	margin-top: 4rem;
	padding: 1.6rem;
	border: 1px solid #57458e;
	border-radius: var(--mitk-radius);
	background: radial-gradient(circle at 18% 50%, rgb(144 86 255 / 18%), transparent 13rem), #0c1630;
}
.mitk-review-callout__icon { display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: 50%; background: rgb(146 92 255 / 17%); color: #c49cff; font-size: 1.5rem; }
.mitk-review-callout p:not(.mitk-eyebrow) { margin: .45rem 0 0; color: var(--mitk-muted); }

.mitk-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding: 0 clamp(.25rem, 2vw, 1rem); }
.mitk-page-heading--compact { align-items: center; }
.mitk-page-heading h1 { max-width: 900px; margin-bottom: .7rem; overflow-wrap: anywhere; font-size: clamp(2.15rem, 4.2vw, 3.5rem); letter-spacing: -.05em; line-height: 1; }
.mitk-page-heading > div > p:not(.mitk-eyebrow) { max-width: 650px; margin-bottom: 0; color: var(--mitk-muted); }
.mitk-back-link { display: inline-block; margin-bottom: 1.5rem; font-size: .78rem; }

.mitk-artist-list { display: grid; gap: .8rem; }
.mitk-artist-row { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto auto; align-items: center; gap: 1.25rem; padding: 1rem; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: linear-gradient(120deg, rgb(12 25 47 / 98%), rgb(7 16 31 / 98%)); }
.mitk-artist-row__identity { min-width: 0; }
.mitk-artist-row__identity h2 { margin-bottom: .25rem; overflow-wrap: anywhere; font-size: 1.08rem; letter-spacing: -.02em; }
.mitk-artist-row__identity > p:last-child { margin-bottom: 0; color: var(--mitk-muted); font-size: .76rem; }
.mitk-row-actions { display: flex; flex-direction: column; align-items: stretch; gap: .35rem; min-width: 132px; }
.mitk-row-actions .mitk-button { min-height: 40px; padding: .65rem .85rem; font-size: .76rem; }
.mitk-row-actions form { margin: 0; text-align: center; }

.mitk-empty,
.mitk-state-card { display: grid; place-items: center; max-width: 760px; min-height: 330px; margin: 3rem auto; padding: 2.5rem; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius-lg); background: linear-gradient(145deg, rgb(14 28 52 / 96%), rgb(7 15 29 / 96%)); text-align: center; }
.mitk-empty > span,
.mitk-state-card__icon { display: grid; place-items: center; width: 4rem; height: 4rem; margin-bottom: 1rem; border: 1px solid #584a8b; border-radius: 50%; background: rgb(146 92 255 / 12%); color: #c397ff; font-size: 1.8rem; }
.mitk-empty h2,
.mitk-empty h3,
.mitk-state-card h1 { margin-bottom: .6rem; font-size: 1.8rem; letter-spacing: -.035em; }
.mitk-empty p,
.mitk-state-card p:not(.mitk-eyebrow) { max-width: 480px; margin-bottom: 1.4rem; color: var(--mitk-muted); }

.mitk-notice,
.mitk-review-note { display: flex; align-items: flex-start; gap: .9rem; max-width: 980px; margin: 0 auto 1.5rem; padding: 1rem 1.15rem; border: 1px solid #536989; border-radius: var(--mitk-radius-sm); background: #0e1c34; box-shadow: 0 12px 30px rgb(0 0 0 / 18%); }
.mitk-notice.is-success { border-color: #2b8067; }
.mitk-notice.is-error { border-color: #8d4055; }
.mitk-notice__icon { display: grid; flex: 0 0 auto; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: rgb(101 200 255 / 14%); color: var(--mitk-blue); font-weight: 900; }
.mitk-notice strong,
.mitk-review-note strong { display: block; margin-bottom: .15rem; }
.mitk-notice p,
.mitk-review-note p { margin: 0; color: var(--mitk-text-soft); font-size: .86rem; }
.mitk-review-note { max-width: none; border-color: #806739; background: #1e1a18; }
.mitk-review-note > span { color: var(--mitk-amber); }

.mitk-profile-form { display: grid; gap: 1rem; }
.mitk-profile-data-form { display: none; }
.mitk-form-section { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.7fr); gap: clamp(1.35rem, 3vw, 3rem); padding: clamp(1.15rem, 2.3vw, 1.65rem); border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: linear-gradient(145deg, rgb(12 25 47 / 96%), rgb(7 16 31 / 96%)); }
.mitk-form-section__intro { display: flex; align-items: flex-start; gap: .8rem; }
.mitk-form-section__intro > span { display: grid; flex: 0 0 auto; place-items: center; width: 2rem; height: 2rem; border: 1px solid #4b4b89; border-radius: 50%; color: #c097ff; font-size: .65rem; font-weight: 850; }
.mitk-form-section__intro h2 { margin-bottom: .35rem; font-size: 1.15rem; letter-spacing: -.025em; }
.mitk-form-section__intro p { margin-bottom: 0; color: var(--mitk-muted); font-size: .78rem; }
.mitk-form-fields { display: grid; gap: .78rem; }
.mitk-form-fields label,
.mitk-link-fields label,
.mitk-decision-form label { display: grid; gap: .32rem; color: #dce4f4; font-size: .8rem; font-weight: 720; }
.mitk-form-fields input,
.mitk-form-fields textarea,
.mitk-link-fields input,
.mitk-decision-form textarea { width: 100%; min-height: 44px; padding: .62rem .8rem; border: 1px solid #3b5072; border-radius: 9px; outline: none; background: #071225; color: #fff; }
.mitk-form-fields textarea,
.mitk-decision-form textarea { resize: vertical; }
.mitk-form-fields input::placeholder,
.mitk-decision-form textarea::placeholder { color: #6f809c; }
.mitk-form-fields input:focus,
.mitk-form-fields textarea:focus,
.mitk-link-fields input:focus,
.mitk-decision-form textarea:focus { border-color: var(--mitk-purple); box-shadow: 0 0 0 3px rgb(146 92 255 / 16%); }
.mitk-form-fields input[aria-invalid="true"] { border-color: var(--mitk-red); }
.mitk-form-fields input:disabled,
.mitk-form-fields textarea:disabled { opacity: .68; cursor: not-allowed; }
.mitk-form-fields label > small { color: var(--mitk-muted); font-size: .7rem; font-weight: 500; }
.mitk-field-columns,
.mitk-link-fields { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: .78rem 1rem; }
.mitk-field-columns { align-items: start; }
.mitk-field-spacer { visibility: hidden; }
.mitk-field-error { display: block; color: #ffb4c8; font-size: .72rem; font-weight: 650; }
.mitk-help { margin-bottom: 0; color: var(--mitk-muted); font-size: .76rem; }
.mitk-form-submit { position: sticky; bottom: 1rem; z-index: 8; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .5rem; padding: 1rem 1.2rem; border: 1px solid #3a4f73; border-radius: var(--mitk-radius); background: rgb(8 18 36 / 94%); box-shadow: 0 14px 40px rgb(0 0 0 / 35%); backdrop-filter: blur(14px); }
.mitk-form-submit p { margin: 0; color: var(--mitk-muted); font-size: .78rem; }
.mitk-submit-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .7rem; }

.mitk-media-placeholder { display: grid; place-items: center; min-height: 150px; margin: 0; overflow: hidden; border: 1px dashed #40587d; border-radius: 12px; background: radial-gradient(circle at 65% 30%, rgb(202 55 218 / 16%), transparent 40%), #08152b; text-align: center; }
.mitk-media-placeholder span { color: #b589ff; font-size: 2rem; }
.mitk-media-placeholder strong,
.mitk-media-placeholder small { display: block; }
.mitk-media-placeholder small { color: var(--mitk-muted); }
.mitk-media-manager__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.mitk-media-control { min-width: 0; padding: .85rem; border: 1px solid var(--mitk-border); border-radius: 14px; background: #071326; }
.mitk-media-control figure { margin: 0 0 .8rem; overflow: hidden; border-radius: 10px; background: #050d1d; }
.mitk-media-control figure img { width: 100%; height: 100%; object-fit: cover; }
.mitk-media-control--profile figure,
.mitk-media-control--profile > .mitk-media-placeholder { aspect-ratio: 1; }
.mitk-media-control--hero figure,
.mitk-media-control--hero > .mitk-media-placeholder { aspect-ratio: 16 / 9; }
.mitk-media-control > .mitk-media-placeholder { min-height: 0; margin-bottom: .8rem; }
.mitk-media-control h3 { margin-bottom: .3rem; }
.mitk-media-control > p { margin-bottom: .65rem; color: var(--mitk-muted); font-size: .74rem; }
.mitk-media-control form { display: grid; gap: .7rem; margin-top: .8rem; }
.mitk-owner-control { display: inline-flex; margin-top: 1rem; padding: .55rem .75rem; border: 1px solid rgb(255 255 255 / 28%); border-radius: 8px; color: #fff; font-size: .78rem; font-weight: 750; }
.mitk-owner-control:hover { border-color: #fff; background: rgb(255 255 255 / 9%); }
.mitk-file-field { display: grid; gap: .4rem; color: var(--mitk-text-soft); font-size: .75rem; font-weight: 700; }
.mitk-file-field input { width: 100%; padding: .65rem; border: 1px solid var(--mitk-border-bright); border-radius: 8px; background: #050d1d; color: var(--mitk-text-soft); }
.mitk-card-actions { display: flex; flex-wrap: wrap; gap: .6rem 1rem; }
.mitk-artist-card h3 a,
.mitk-artist-row__identity h2 a { color: inherit; }
.mitk-artist-card h3 a:hover,
.mitk-artist-row__identity h2 a:hover { color: var(--mitk-blue); }

.mitk-next-step { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1.5rem; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid #544683; border-radius: var(--mitk-radius); background: radial-gradient(circle at 75% 30%, rgb(147 76 255 / 18%), transparent 18rem), #0b1730; }
.mitk-next-step h2 { margin-bottom: .45rem; font-size: 1.45rem; letter-spacing: -.03em; }
.mitk-next-step div > p:last-child { margin-bottom: 0; color: var(--mitk-muted); }

.mitk-review-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .65fr); align-items: start; gap: 1rem; }
.mitk-review-profile,
.mitk-decision-panel { border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: linear-gradient(145deg, rgb(12 25 47 / 98%), rgb(7 16 31 / 98%)); }
.mitk-review-profile__hero { display: flex; align-items: center; gap: 1.2rem; padding: 1.4rem; border-bottom: 1px solid var(--mitk-border); }
.mitk-review-profile__hero .mitk-artist-art { width: 108px; height: 108px; }
.mitk-review-profile__hero h2 { margin-bottom: .3rem; overflow-wrap: anywhere; font-size: 1.55rem; }
.mitk-review-profile__hero > div:last-child > p:last-child { margin-bottom: 0; color: var(--mitk-muted); }
.mitk-review-profile > section { padding: 1.5rem; border-top: 1px solid var(--mitk-border); }
.mitk-review-profile > section:first-of-type { border-top: 0; }
.mitk-review-profile h3 { margin-bottom: .75rem; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.mitk-prose { color: var(--mitk-text-soft); font-size: 1rem; line-height: 1.75; }
.mitk-prose > :last-child { margin-bottom: 0; }
.mitk-review-profile dl { display: grid; gap: .75rem; margin: 0; }
.mitk-review-profile dl > div { display: grid; grid-template-columns: 90px 1fr; gap: 1rem; }
.mitk-review-profile dt { color: var(--mitk-muted); font-size: .76rem; }
.mitk-review-profile dd { margin: 0; }
.mitk-review-profile dd a { color: var(--mitk-blue); }
.mitk-decision-panel { position: sticky; top: 92px; padding: 1.5rem; }
.mitk-decision-panel h2 { margin-bottom: .5rem; font-size: 1.5rem; letter-spacing: -.035em; }
.mitk-decision-panel > p:not(.mitk-eyebrow) { color: var(--mitk-muted); font-size: .82rem; }
.mitk-decision-form { display: grid; gap: .75rem; margin-top: 1.25rem; }
.mitk-decision-form .mitk-text-button { min-height: 40px; }
.mitk-approved-state { display: grid; place-items: center; margin: 1.4rem 0; padding: 1.3rem; border: 1px solid #28735f; border-radius: 12px; background: rgb(30 112 88 / 10%); text-align: center; }
.mitk-approved-state > span { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; margin-bottom: .6rem; border-radius: 50%; background: rgb(71 217 163 / 15%); color: var(--mitk-green); }
.mitk-approved-state p { margin: .35rem 0 0; color: var(--mitk-muted); font-size: .76rem; }
.mitk-danger-zone { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .65fr); align-items: start; gap: 1.5rem; margin-top: 2rem; padding: 1.4rem; border: 1px solid rgb(239 96 116 / 46%); border-radius: var(--mitk-radius); background: rgb(91 21 39 / 14%); }
.mitk-danger-zone h2 { margin-bottom: .45rem; font-size: 1.35rem; letter-spacing: -.035em; }
.mitk-danger-zone > div > p:last-child { max-width: 660px; margin: 0; color: var(--mitk-muted); font-size: .82rem; }
.mitk-danger-zone form { display: grid; gap: .85rem; }
.mitk-confirm-field { display: flex; align-items: flex-start; gap: .65rem; color: var(--mitk-text-soft); font-size: .78rem; line-height: 1.45; }
.mitk-confirm-field input { width: 1rem; height: 1rem; margin-top: .08rem; accent-color: #e55070; }
.mitk-button--danger { border-color: #e55070; background: linear-gradient(135deg, #a82143, #dd3e61); }

.mitk-public-main { width: 100%; padding-top: 0; }
.mitk-public-profile { min-height: 70vh; }
.mitk-public-hero { position: relative; min-height: 570px; overflow: hidden; border-bottom: 1px solid #283f72; background: linear-gradient(115deg, #07101f 0%, #111442 55%, #3b164d 100%); }
.mitk-public-hero__image { position: absolute; inset: 0; }
.mitk-public-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.mitk-public-hero.has-image::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(4 9 20 / 96%) 0%, rgb(4 9 20 / 72%) 48%, rgb(4 9 20 / 32%) 100%), linear-gradient(0deg, #06101f 0%, transparent 35%); content: ""; }
.mitk-public-hero__ambient { position: absolute; inset: 0; overflow: hidden; }
.mitk-public-hero__ambient::before { position: absolute; right: -8%; bottom: -35%; width: 58%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgb(210 50 220 / 34%), transparent 62%); content: ""; }
.mitk-public-hero__ambient i { position: absolute; bottom: -60px; width: 8px; height: 280px; border-radius: 99px; background: linear-gradient(transparent, rgb(100 191 255 / 22%)); transform: rotate(22deg); }
.mitk-public-hero__ambient i:nth-child(1) { right: 12%; }
.mitk-public-hero__ambient i:nth-child(2) { right: 27%; height: 390px; background: linear-gradient(transparent, rgb(230 70 218 / 24%)); }
.mitk-public-hero__ambient i:nth-child(3) { right: 42%; height: 220px; }
.mitk-public-hero__content { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(220px, 340px) minmax(0, 1fr); align-items: end; gap: clamp(2rem, 5vw, 5rem); width: min(calc(100% - 2rem), var(--mitk-content)); min-height: 570px; margin: 0 auto; padding: 5rem 0 4rem; }
.mitk-public-avatar { display: grid; place-items: center; width: 100%; aspect-ratio: 1; overflow: hidden; border: 1px solid rgb(137 118 255 / 52%); border-radius: 20px; background: radial-gradient(circle at 70% 25%, rgb(229 55 220 / 58%), transparent 28%), radial-gradient(circle at 24% 74%, rgb(54 151 255 / 62%), transparent 30%), linear-gradient(145deg, #13285a, #37143e); box-shadow: 0 28px 70px rgb(0 0 0 / 42%); }
.mitk-public-avatar > a { display: block; width: 100%; height: 100%; }
.mitk-public-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mitk-public-avatar span { font-size: clamp(5rem, 12vw, 9rem); font-weight: 900; text-shadow: 0 8px 40px rgb(0 0 0 / 38%); }
.mitk-public-identity { padding-bottom: .4rem; }
.mitk-public-identity h1 { max-width: 830px; margin-bottom: 1rem; overflow-wrap: anywhere; font-size: clamp(2.9rem, 7vw, 6.25rem); font-weight: 880; letter-spacing: -.065em; line-height: .9; }
.mitk-public-meta { margin-bottom: 1.5rem; color: var(--mitk-text-soft); font-size: 1rem; }
.mitk-public-links { display: flex; flex-wrap: wrap; gap: .65rem; }
.mitk-public-links a { display: inline-flex; align-items: center; gap: .5rem; min-height: 42px; padding: .65rem .9rem; border: 1px solid #576a99; border-radius: 99px; background: rgb(5 11 25 / 52%); color: #fff; font-size: .78rem; font-weight: 720; }
.mitk-public-links a:hover { border-color: #9b78f5; background: rgb(53 35 91 / 65%); }
.mitk-public-links span { color: var(--mitk-blue); }
.mitk-public-content { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .65fr); gap: clamp(1.5rem, 4vw, 4rem); width: min(calc(100% - 2rem), 1080px); margin: 0 auto; padding: clamp(3.5rem, 7vw, 6.5rem) 0; }
.mitk-public-about h2,
.mitk-public-connect h2 { margin-bottom: 1.2rem; font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.045em; line-height: 1.08; }
.mitk-public-about .mitk-prose { max-width: 680px; color: #cbd5e8; font-size: 1.08rem; }
.mitk-public-connect { position: relative; overflow: hidden; padding: 1.6rem; border: 1px solid #344a70; border-radius: var(--mitk-radius); background: radial-gradient(circle at 90% 5%, rgb(211 51 219 / 18%), transparent 10rem), var(--mitk-surface); }
.mitk-public-connect__mark { position: absolute; top: .7rem; right: 1rem; color: rgb(190 126 255 / 24%); font-size: 4rem; }
.mitk-public-connect > div { display: grid; gap: .5rem; }
.mitk-public-connect > div a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .2rem; border-bottom: 1px solid var(--mitk-border); color: var(--mitk-text-soft); font-size: .82rem; font-weight: 700; }
.mitk-public-connect > div a:last-child { border-bottom: 0; }
.mitk-public-connect > div i { color: var(--mitk-blue); font-style: normal; }
.mitk-public-connect > p:not(.mitk-eyebrow) { color: var(--mitk-muted); }
.mitk-public-nav { display: flex; align-items: center; gap: 1.5rem; font-size: .8rem; }
.mitk-public-nav > a:first-child { color: var(--mitk-text-soft); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

.mitk-music { width: min(calc(100% - 2rem), 1180px); margin: 0 auto; padding: clamp(2.8rem, 6vw, 5rem) 0 0; }
.mitk-music-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.4rem; }
.mitk-music-heading h2 { font-size: clamp(1.8rem, 4vw, 3.15rem); letter-spacing: -.05em; line-height: 1; }
.mitk-music-heading > p { margin: 0; color: var(--mitk-muted); font-size: .75rem; font-weight: 750; }
.mitk-release-card { min-width: 0; padding: .65rem; overflow: hidden; border: 1px solid #263b63; border-radius: 16px; background: linear-gradient(145deg, rgb(12 25 47 / 98%), rgb(7 16 31 / 98%)); }
.mitk-release-card--featured { display: grid; grid-template-columns: minmax(220px, 350px) minmax(0, 1fr); border-color: #55438b; background: radial-gradient(circle at 85% 15%, rgb(202 46 220 / 14%), transparent 20rem), linear-gradient(135deg, #0b1830, #090f21); box-shadow: 0 22px 60px rgb(0 0 0 / 24%); }
.mitk-release-art { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; border-radius: 12px; background: radial-gradient(circle at 68% 25%, rgb(216 59 222 / 42%), transparent 28%), radial-gradient(circle at 22% 78%, rgb(61 155 255 / 50%), transparent 30%), #101f45; color: rgb(255 255 255 / 82%); font-size: 4rem; }
.mitk-release-art img { width: 100%; height: 100%; object-fit: contain; }
.mitk-release-body { min-width: 0; padding: 1.25rem; }
.mitk-release-card--featured .mitk-release-body { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.4rem, 4vw, 2.6rem); }
.mitk-release-body h2 { margin-bottom: .45rem; overflow-wrap: anywhere; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.05em; line-height: 1; }
.mitk-release-body h3 { margin-bottom: .35rem; overflow-wrap: anywhere; font-size: 1.12rem; letter-spacing: -.025em; line-height: 1.15; }
.mitk-release-meta { margin-bottom: .85rem; color: var(--mitk-muted); font-size: .76rem; }
.mitk-release-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem 1rem; }
.mitk-release-actions button,
.mitk-track-actions button,
.mitk-close-player { min-height: 40px; padding: .55rem .8rem; border: 1px solid #8466dd; border-radius: 8px; background: linear-gradient(135deg, #7047de, #be37da); color: #fff; cursor: pointer; font: inherit; font-size: .74rem; font-weight: 800; }
.mitk-release-actions a,
.mitk-track-actions a { color: #a9c9ff; font-size: .74rem; font-weight: 750; }
.mitk-release-actions a,
.mitk-track-actions a { display: inline-flex; align-items: center; min-height: 40px; }
.mitk-release-actions a:hover,
.mitk-track-actions a:hover { color: #fff; }
.mitk-tracklist { margin-top: 1.1rem; border-top: 1px solid var(--mitk-border); }
.mitk-tracklist summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; color: var(--mitk-text-soft); cursor: pointer; font-size: .76rem; font-weight: 800; list-style: none; }
.mitk-tracklist summary::-webkit-details-marker { display: none; }
.mitk-tracklist summary::after { color: var(--mitk-blue); content: "+"; font-size: 1.15rem; }
.mitk-tracklist[open] summary::after { content: "−"; }
.mitk-tracklist summary span:nth-child(2) { margin-left: auto; color: var(--mitk-muted); font-size: .68rem; font-weight: 650; }
.mitk-tracklist ol { margin: 0; padding: 0; list-style: none; }
.mitk-tracklist li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .75rem; min-height: 48px; padding: .45rem 0; border-top: 1px solid rgb(123 151 198 / 13%); }
.mitk-track-identity { display: flex; min-width: 0; flex-direction: column; gap: .12rem; }
.mitk-track-identity strong { overflow: hidden; font-size: .78rem; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.mitk-track-identity span,
.mitk-tracklist time { color: var(--mitk-muted); font-size: .66rem; }
.mitk-track-actions { display: flex; align-items: center; gap: .6rem; }
.mitk-track-actions button { min-height: 40px; padding: .38rem .6rem; background: #15264a; }
.mitk-player-slot { grid-column: 1 / -1; margin-top: 1rem; }
.mitk-player-slot[hidden] { display: none; }
.mitk-player-slot iframe { display: block; width: 100%; border: 0; border-radius: 12px; background: #000; }
.mitk-spotify-embed--track { height: 152px; }
.mitk-spotify-embed--release { height: min(352px, 72vh); min-height: 260px; }
.mitk-close-player { display: block; min-height: 40px; margin: .8rem 0 0 auto; background: #111f3c; }
.mitk-discography { margin-top: clamp(2.2rem, 5vw, 4rem); }
.mitk-discography > h2 { margin-bottom: 1rem; font-size: 1.35rem; letter-spacing: -.035em; }
.mitk-release-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.mitk-release-grid .mitk-release-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: start; }
.mitk-release-grid .mitk-release-body { padding: 1rem; }
.mitk-release-grid .mitk-tracklist { grid-column: 1 / -1; }
.mitk-catalog-empty { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border: 1px solid var(--mitk-border); border-radius: 14px; background: var(--mitk-surface); }
.mitk-catalog-empty > span { display: grid; place-items: center; width: 3rem; height: 3rem; flex: 0 0 auto; border-radius: 50%; background: rgb(137 96 238 / 14%); color: #b995ff; }
.mitk-catalog-empty h3 { margin-bottom: .2rem; font-size: 1rem; }
.mitk-catalog-empty p { margin: 0; color: var(--mitk-muted); font-size: .78rem; }

.mitk-footer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; width: min(calc(100% - 2rem), var(--mitk-content)); min-height: 124px; margin: 0 auto; padding: 1.5rem 0; border-top: 1px solid var(--mitk-border); }
.mitk-footer > div { display: flex; align-items: center; gap: 1.2rem; }
.mitk-footer p { margin: 0; color: var(--mitk-muted); font-size: .72rem; }

/* Public Home and Discover foundation. */
.mitk-home-page .mitk-main,
.mitk-discover-page .mitk-main { width: 100%; padding: 0 0 5rem; }
.mitk-home-hero,
.mitk-discover-header,
.mitk-public-module,
.mitk-context-card,
.mitk-alpha-notice,
.mitk-values,
.mitk-home-cta { width: min(calc(100% - 2rem), var(--mitk-content)); margin-inline: auto; }
.mitk-home-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .75fr); align-items: center; min-height: 540px; padding-block: clamp(4rem, 9vw, 7rem); overflow: hidden; }
.mitk-home-hero h1 { max-width: 820px; margin-bottom: 1.2rem; font-size: clamp(3rem, 6.5vw, 6rem); letter-spacing: -.065em; line-height: .92; }
.mitk-home-hero h1 span { background: linear-gradient(100deg, #a675ff, #f052dd); background-clip: text; color: transparent; }
.mitk-home-hero > div:first-child > p:not(.mitk-eyebrow) { max-width: 650px; color: var(--mitk-text-soft); font-size: clamp(1rem, 1.6vw, 1.2rem); }
.mitk-home-hero__visual { position: relative; display: grid; place-items: center; height: 380px; }
.mitk-home-hero__visual > span { position: relative; z-index: 2; display: grid; place-items: center; width: 190px; aspect-ratio: 1; border: 1px solid rgb(126 166 255 / 42%); border-radius: 50%; background: radial-gradient(circle at 35% 25%, #983bdd, #30227b 50%, #08172f 74%); color: #fff; font-size: 7rem; box-shadow: 0 0 90px rgb(191 49 220 / 35%); }
.mitk-home-hero__visual i { position: absolute; width: 68%; height: 1px; background: linear-gradient(90deg, transparent, rgb(101 200 255 / 58%), transparent); transform: rotate(-22deg); }
.mitk-home-hero__visual i:nth-of-type(2) { transform: rotate(22deg); }
.mitk-home-hero__visual i:nth-of-type(3) { transform: rotate(90deg); }
.mitk-public-module { padding-block: clamp(3rem, 6vw, 5.5rem); border-top: 1px solid var(--mitk-border); }
.mitk-module-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.mitk-module-heading h2 { margin-bottom: .35rem; font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.05em; line-height: 1; }
.mitk-module-heading p:not(.mitk-eyebrow) { margin-bottom: 0; color: var(--mitk-muted); }
.mitk-module-heading > a { flex: 0 0 auto; color: var(--mitk-blue); font-size: .8rem; font-weight: 800; }
.mitk-featured-artist { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); align-items: center; gap: clamp(1.5rem, 5vw, 4.5rem); padding: clamp(1rem, 3vw, 2.25rem); border: 1px solid #3d4d83; border-radius: var(--mitk-radius-lg); background: radial-gradient(circle at 80% 20%, rgb(207 51 217 / 18%), transparent 18rem), linear-gradient(135deg, #09182f, #111332); }
.mitk-featured-artist > div:last-child h3 { margin-bottom: .7rem; font-size: clamp(2rem, 4vw, 3.8rem); letter-spacing: -.055em; }
.mitk-featured-artist > div:last-child > p:not(.mitk-eyebrow) { max-width: 580px; color: var(--mitk-text-soft); }
.mitk-discovery-card { min-width: 0; overflow: hidden; border: 1px solid var(--mitk-border); border-radius: 14px; background: linear-gradient(145deg, #0b1830, #081225); box-shadow: 0 18px 42px rgb(0 0 0 / 16%); }
.mitk-card-art { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; background: radial-gradient(circle at 70% 25%, rgb(223 53 221 / 38%), transparent 30%), linear-gradient(145deg, #10285a, #35143f); }
.mitk-card-art img { width: 100%; height: 100%; object-fit: cover; }
.mitk-card-art > span:not(.screen-reader-text) { font-size: clamp(3rem, 8vw, 5.5rem); font-weight: 900; }
.mitk-card-copy { display: grid; align-content: start; gap: .35rem; padding: 1rem; }
.mitk-card-copy h3 { margin-bottom: 0; overflow-wrap: anywhere; font-size: 1.08rem; line-height: 1.18; }
.mitk-card-copy > p { margin-bottom: 0; color: var(--mitk-muted); font-size: .74rem; }
.mitk-card-copy .mitk-card-artist a { color: var(--mitk-text-soft); font-weight: 720; }
.mitk-card-link { margin-top: .45rem; color: var(--mitk-blue) !important; font-size: .76rem; font-weight: 800; }
.mitk-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mitk-featured-artist .mitk-artist-card { max-width: 360px; }
.mitk-featured-artist .mitk-card-link { display: none; }
.mitk-release-tile { position: relative; display: grid; grid-template-rows: auto 1fr auto; flex: 0 0 calc((100% - 2rem) / 3); }
.mitk-release-tile .mitk-card-copy { grid-template-areas: "title" "artist" "sound" "meta" "actions"; grid-template-rows: 2.55rem 1.1rem 2.35rem 1.1rem minmax(44px, auto); min-height: 218px; }
.mitk-release-tile .mitk-card-copy h3 { display: -webkit-box; grid-area: title; min-height: 2.55rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mitk-release-tile .mitk-card-artist { grid-area: artist; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mitk-release-tile .mitk-release-sound { grid-area: sound; max-height: 2.35rem; overflow: hidden; }
.mitk-release-tile .mitk-release-sound span,
.mitk-release-tile .mitk-release-sound small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mitk-release-tile .mitk-release-meta { grid-area: meta; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mitk-release-tile .mitk-card-actions { grid-area: actions; align-self: end; }
.mitk-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-top: auto; padding-top: .55rem; }
.mitk-card-actions button,
.mitk-card-actions a { min-height: 44px; padding: .65rem .7rem; border: 1px solid #526995; border-radius: 8px; background: #0b1730; color: #fff; font-size: .72rem; font-weight: 760; cursor: pointer; }
.mitk-player-slot--card { grid-column: 1 / -1; margin: 0 1rem 1rem; }
.mitk-context-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.2rem; padding: clamp(1.3rem, 3vw, 2rem); border: 1px solid #4a4588; border-radius: var(--mitk-radius); background: linear-gradient(105deg, rgb(38 41 100 / 65%), rgb(15 28 54 / 80%)); }
.mitk-context-card > span { color: #d568f0; font-size: 2rem; }
.mitk-context-card h2 { margin-bottom: .3rem; font-size: clamp(1.35rem, 2.5vw, 2rem); }
.mitk-context-card p:last-child { margin-bottom: 0; color: var(--mitk-text-soft); }
.mitk-carousel { position: relative; }
.mitk-carousel__controls { display: flex; justify-content: flex-end; gap: .5rem; margin-bottom: .75rem; }
.mitk-carousel__controls button { width: 44px; height: 44px; border: 1px solid var(--mitk-border-bright); border-radius: 50%; background: var(--mitk-surface); color: #fff; cursor: pointer; }
.mitk-carousel__controls button:disabled { opacity: .35; cursor: default; }
.mitk-carousel__track { display: flex; gap: 1rem; padding: 2px 2px 1rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: inline mandatory; scrollbar-width: none; -ms-overflow-style: none; }
.mitk-carousel__track::-webkit-scrollbar { display: none; width: 0; height: 0; }
.mitk-carousel__track > * { scroll-snap-align: start; }
.mitk-values { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 5rem); padding-block: clamp(4rem, 8vw, 7rem); }
.mitk-values > div:first-child h2 { margin-bottom: .7rem; font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.05em; }
.mitk-values > div:first-child p:last-child { color: var(--mitk-text-soft); }
.mitk-values__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.mitk-values__grid article { padding: 1.2rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: var(--mitk-surface); }
.mitk-values__grid article > span { color: #c97aff; font-size: 1.6rem; }
.mitk-values__grid h3 { margin: .7rem 0 .35rem; }
.mitk-values__grid p { margin-bottom: 0; color: var(--mitk-muted); font-size: .78rem; }
.mitk-home-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 4vw, 2.75rem); border: 1px solid #454491; border-radius: var(--mitk-radius-lg); background: radial-gradient(circle at 75% 0%, rgb(213 52 220 / 25%), transparent 16rem), #0b1730; }
.mitk-home-cta h2 { margin-bottom: .4rem; font-size: clamp(1.8rem, 3.5vw, 3rem); letter-spacing: -.045em; }
.mitk-home-cta p:last-child { margin-bottom: 0; color: var(--mitk-text-soft); }
.mitk-home-cta .mitk-actions { flex: 0 0 auto; margin-top: 0; }
.mitk-discover-header { padding-block: clamp(4rem, 8vw, 7rem); text-align: center; }
.mitk-discover-header h1 { max-width: 900px; margin: 0 auto 1rem; font-size: clamp(2.8rem, 6vw, 5.3rem); letter-spacing: -.06em; line-height: .95; }
.mitk-discover-header > p:not(.mitk-eyebrow) { color: var(--mitk-text-soft); }
.mitk-discover-header form { max-width: 700px; margin: 2rem auto 0; text-align: left; }
.mitk-discover-header form > label { display: block; margin-bottom: .4rem; font-size: .78rem; font-weight: 760; }
.mitk-discover-header form > div { display: grid; grid-template-columns: 1fr auto; gap: .6rem; }
.mitk-discover-header input,
.mitk-discover-filters input,
.mitk-discover-filters select { min-width: 0; min-height: 46px; padding: .7rem .8rem; border: 1px solid #3b5072; border-radius: 9px; background: #071225; color: #fff; }
.mitk-discover-filters { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(160px, .65fr) minmax(130px, .5fr) auto; align-items: end; gap: .75rem; margin-bottom: 1.25rem; padding: 1rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: var(--mitk-surface); }
.mitk-discover-filters label { display: grid; gap: .3rem; color: var(--mitk-text-soft); font-size: .72rem; font-weight: 750; }
.mitk-release-browse-grid { align-items: start; }
.mitk-release-browse-grid .mitk-release-tile { width: auto; }
.mitk-pagination { display: flex; justify-content: center; gap: .45rem; margin-top: 1.5rem; }
.mitk-pagination a { display: grid; place-items: center; min-width: 42px; min-height: 42px; border: 1px solid var(--mitk-border-bright); border-radius: 8px; }
.mitk-pagination a[aria-current="page"] { border-color: var(--mitk-purple); background: rgb(146 92 255 / 20%); }
.mitk-public-empty { padding: 2rem; border: 1px dashed var(--mitk-border-bright); border-radius: 14px; background: rgb(8 18 36 / 55%); text-align: center; }
.mitk-public-empty h3 { margin-bottom: .35rem; }
.mitk-public-empty p { margin-bottom: 0; color: var(--mitk-muted); }
.mitk-public-empty a { display: inline-block; margin-top: .8rem; color: var(--mitk-blue); font-weight: 760; }
.mitk-primary-genres { min-width: 0; margin: 0; padding: .85rem; border: 1px solid var(--mitk-border); border-radius: 10px; }
.mitk-primary-genres legend { padding: 0 .35rem; font-size: .8rem; font-weight: 800; }
.mitk-primary-genres legend small { color: var(--mitk-muted); font-weight: 500; }
.mitk-primary-genres > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.mitk-form-fields .mitk-primary-genres label { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; }
.mitk-form-fields .mitk-primary-genres input[type="checkbox"] { width: 1rem; min-height: 0; height: 1rem; margin: 0; padding: 0; accent-color: var(--mitk-purple); appearance: auto; }
.mitk-primary-genres label > span { padding: .38rem .55rem; border: 1px solid var(--mitk-border-bright); border-radius: 99px; color: var(--mitk-text-soft); font-size: .7rem; }
.mitk-primary-genres label:has(input:checked) > span { border-color: var(--mitk-purple); background: rgb(146 92 255 / 18%); color: #fff; }
.mitk-media-control--profile figure,
.mitk-media-control--profile > .mitk-media-placeholder,
.mitk-media-control--hero figure,
.mitk-media-control--hero > .mitk-media-placeholder { height: 180px; aspect-ratio: auto; }

@media (max-width: 1024px) {
	.mitk-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mitk-release-tile { flex-basis: calc((100% - 1rem) / 2); }
	.mitk-discover-filters { grid-template-columns: 1fr 1fr; }
	.mitk-review-layout { grid-template-columns: minmax(0, 1fr) 320px; }
	.mitk-artist-row { grid-template-columns: auto minmax(160px, 1fr) auto; }
	.mitk-artist-row > .mitk-status-group { grid-column: 2; }
	.mitk-row-actions { grid-column: 3; grid-row: 1 / span 2; }
}

@media (max-width: 1100px) {
	.mitk-shell { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
	.mitk-site-header__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.mitk-attention.is-empty { display: block; }
	.mitk-attention { position: static; width: 0; height: 0; }
	.mitk-attention summary { display: none; }
	.mitk-attention nav { position: fixed; z-index: 6; top: auto; right: .6rem; bottom: calc(72px + env(safe-area-inset-bottom)); left: .6rem; width: auto; max-height: min(55vh, 420px); }
	.mitk-mobile-menu__panel { z-index: 5; }
	.mitk-mobile-menu__panel { max-height: calc(100vh - 136px - env(safe-area-inset-bottom)); max-height: calc(100dvh - 136px - env(safe-area-inset-bottom)); }
	.mitk-mobile-menu__panel nav { display: grid; grid-template-columns: 1fr; }
	.mitk-mobile-menu__panel nav > a,
	.mitk-mobile-menu__account a { display: block; min-height: 44px; padding: .65rem .75rem; border-radius: 8px; }
	.mitk-mobile-menu__group { border-top: 0; }
	.mitk-mobile-menu__group > summary { min-height: 48px; padding: .7rem .75rem; color: #fff; cursor: pointer; font-weight: 750; }
	.mitk-mobile-menu__group > div { display: grid; padding: .2rem .5rem .7rem; }
	.mitk-mobile-menu__group a { min-height: 44px; padding: .6rem .75rem; border-radius: 8px; color: var(--mitk-text-soft); }
	.mitk-mobile-menu__group a:hover,
	.mitk-mobile-menu__group a:focus-visible { background: var(--mitk-surface-muted); }
	.mitk-mobile-menu__account { display: grid; border-top: 1px solid var(--mitk-border); padding-top: .6rem; }
	.mitk-mobile-menu__account p { padding: .2rem .75rem; color: var(--mitk-blue); font-weight: 750; }
	.mitk-bottom-nav { position: fixed; z-index: 55; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: calc(62px + env(safe-area-inset-bottom)); padding: .2rem max(.35rem, env(safe-area-inset-left)) calc(.2rem + env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-right)); border-top: 1px solid var(--mitk-border-bright); background: rgb(7 16 31 / 97%); backdrop-filter: blur(14px); }
	.mitk-bottom-nav > :is(a, button) { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .05rem; min-width: 0; min-height: 52px; border: 0; border-radius: 9px; background: transparent; color: var(--mitk-text-soft); cursor: pointer; font-size: .68rem; font-weight: 750; }
	.mitk-bottom-nav > :is(a, button):hover,
	.mitk-bottom-nav > :is(a, button):focus-visible,
	.mitk-bottom-nav > .is-active { background: var(--mitk-surface-muted); color: #fff; }
	.mitk-bottom-nav > .is-active { box-shadow: inset 0 2px var(--mitk-blue); }
	.mitk-bottom-nav b { position: absolute; top: .1rem; left: calc(50% + .4rem); min-width: 1rem; height: 1rem; padding: 0 .15rem; border-radius: 1rem; background: #7442a4; color: #fff; font-size: .6rem; line-height: 1rem; text-align: center; }
	.mitk-bottom-nav svg { flex: none; }
	.mitk-footer { padding-bottom: 2rem; }
	.mitk-home-hero { grid-template-columns: 1fr; min-height: 0; padding-bottom: 2rem; }
	.mitk-home-hero__visual { height: 250px; }
	.mitk-home-hero__visual > span { width: 140px; font-size: 5rem; }
	.mitk-featured-artist,
	.mitk-values { grid-template-columns: 1fr; }
	.mitk-values__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mitk-context-card { grid-template-columns: auto 1fr; }
	.mitk-context-card .mitk-button { grid-column: 2; justify-self: start; }
	.mitk-home-cta { align-items: flex-start; flex-direction: column; }
	.mitk-release-browse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mitk-site-header__inner { position: relative; grid-template-columns: minmax(0, 1fr) auto auto; min-height: 66px; gap: .5rem; }
	.mitk-page :where([id], [tabindex="-1"]) { scroll-margin-top: 78px; }
	.mitk-attention summary { padding: .3rem .45rem; }
	.mitk-desktop-nav,
	.mitk-user-menu { display: none; }
	.mitk-mobile-menu { display: block; justify-self: end; }
	.mitk-mobile-menu summary { display: flex; align-items: center; gap: .55rem; min-height: 44px; padding: .55rem .7rem; border: 1px solid var(--mitk-border-bright); border-radius: 9px; background: #0b1730; color: #fff; cursor: pointer; list-style: none; }
	.mitk-mobile-menu summary::-webkit-details-marker { display: none; }
	.mitk-mobile-menu summary > span { display: grid; gap: 3px; width: 18px; }
	.mitk-mobile-menu summary > span i { display: block; width: 100%; height: 2px; border-radius: 9px; background: currentColor; transition: transform 160ms ease, opacity 160ms ease; }
	.mitk-mobile-menu summary strong { max-width: 8rem; overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
	.mitk-mobile-menu[open] summary > span i:first-child { transform: translateY(5px) rotate(45deg); }
	.mitk-mobile-menu[open] summary > span i:nth-child(2) { opacity: 0; }
	.mitk-mobile-menu[open] summary > span i:last-child { transform: translateY(-5px) rotate(-45deg); }
	.mitk-mobile-menu:not([open]) .mitk-mobile-menu__panel { display: none; }
	.mitk-mobile-menu__panel { position: absolute; top: calc(100% - 1px); right: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; max-height: calc(100vh - 66px); padding: 1rem; overflow-y: auto; border: 1px solid var(--mitk-border-bright); border-radius: 0 0 14px 14px; background: rgb(7 16 31 / 98%); box-shadow: 0 26px 48px rgb(0 0 0 / 45%); }
	.mitk-mobile-menu__panel nav { display: grid; align-content: start; gap: .2rem; }
	.mitk-mobile-menu__panel nav p { margin: 0 0 .35rem; color: var(--mitk-blue); font-size: .66rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
	.mitk-mobile-menu__panel nav a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: .65rem .7rem; border-radius: 8px; color: var(--mitk-text-soft); font-size: .82rem; font-weight: 700; }
	.mitk-mobile-menu__panel nav a:hover,
	.mitk-mobile-menu__panel nav a:focus-visible,
	.mitk-mobile-menu__panel nav a.is-active { background: var(--mitk-surface-muted); color: #fff; }
	.mitk-mobile-menu__panel nav a span { max-width: 9rem; overflow: hidden; color: var(--mitk-muted); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
	.mitk-dashboard-hero { grid-template-columns: 1fr; min-height: auto; }
	.mitk-dashboard-hero__visual { display: none; }
	.mitk-overview-grid { grid-template-columns: 1fr 1fr 1fr; }
	.mitk-overview-grid article { align-items: flex-start; min-height: 126px; }
	.mitk-overview-icon { display: none; }
	.mitk-review-callout { grid-template-columns: auto 1fr; }
	.mitk-review-callout .mitk-button { grid-column: 2; justify-self: start; }
	.mitk-page-heading { align-items: flex-start; }
	.mitk-form-section { grid-template-columns: 1fr; gap: 1.25rem; }
	.mitk-review-layout { grid-template-columns: 1fr; }
	.mitk-danger-zone { grid-template-columns: 1fr; }
	.mitk-decision-panel { position: static; }
	.mitk-public-hero,
	.mitk-public-hero__content { min-height: 520px; }
	.mitk-public-hero__content { grid-template-columns: 180px minmax(0, 1fr); gap: 1.5rem; }
	.mitk-public-identity h1 { font-size: clamp(2.65rem, 8vw, 4.5rem); }
	.mitk-public-content { grid-template-columns: 1fr; }
	.mitk-release-grid { grid-template-columns: 1fr; }
}
@media (max-width: 390px) {
	.mitk-bottom-nav > :is(a, button) { font-size: .6rem; }
	.mitk-bottom-nav svg { width: 20px; height: 20px; }
}

@media (max-width: 1100px) {
	.mitk-site-header__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.mitk-attention summary { display: none; }
	.mitk-mobile-menu__panel nav { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
	.mitk-site-header__inner,
	.mitk-main,
	.mitk-footer,
	.mitk-public-hero__content,
	.mitk-public-content,
	.mitk-home-hero,
	.mitk-discover-header,
	.mitk-public-module,
	.mitk-context-card,
	.mitk-values,
	.mitk-home-cta { width: min(calc(100% - 1.25rem), var(--mitk-content)); }
	.mitk-brand { font-size: 1rem; }
	.mitk-attention summary > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.mitk-brand__mark { width: 1.8rem; height: 2rem; font-size: 1.1rem; }
	.mitk-mobile-menu summary strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.mitk-mobile-menu__panel { grid-template-columns: 1fr; gap: .85rem; }
	.mitk-image-source__options { grid-template-columns: 1fr; }
	.mitk-spotify-connected { grid-template-columns: auto 1fr; }
	.mitk-spotify-connected a { grid-column: 2; }
	.mitk-main { padding-top: 1.5rem; padding-bottom: 3.5rem; }
	.mitk-dashboard-hero { padding: 1.5rem; border-radius: 18px; }
	.mitk-dashboard-hero h1 { font-size: clamp(1.95rem, 9.5vw, 2.8rem); }
	.mitk-dashboard-hero > div > p:not(.mitk-eyebrow) { font-size: .92rem; }
	.mitk-actions,
	.mitk-actions .mitk-button { width: 100%; }
	.mitk-overview-grid { grid-template-columns: 1fr; gap: .65rem; }
	.mitk-overview-grid article { align-items: center; min-height: 86px; }
	.mitk-overview-icon { display: grid; }
	.mitk-card-grid { grid-template-columns: 1fr; }
	.mitk-home-hero h1 { font-size: clamp(2.55rem, 13vw, 3.8rem); }
	.mitk-home-hero__visual { height: 190px; }
	.mitk-home-hero__visual > span { width: 110px; font-size: 3.8rem; }
	.mitk-module-heading { align-items: flex-start; flex-direction: column; }
	.mitk-featured-artist { padding: .8rem; }
	.mitk-featured-artist .mitk-artist-card { max-width: none; }
	.mitk-context-card { grid-template-columns: 1fr; }
	.mitk-context-card > span { display: none; }
	.mitk-context-card .mitk-button { grid-column: auto; width: 100%; }
	.mitk-release-tile { flex-basis: calc(100% - 1.5rem); }
	.mitk-values__grid,
	.mitk-release-browse-grid,
	.mitk-discover-filters { grid-template-columns: 1fr; }
	.mitk-home-cta .mitk-actions { width: 100%; }
	.mitk-discover-header form > div { grid-template-columns: 1fr; }
	.mitk-discover-header form .mitk-button,
	.mitk-discover-filters .mitk-button { width: 100%; }
	.mitk-form-fields .mitk-image-source__options input[type="radio"] { top: .55rem; left: .55rem; }
	.mitk-image-source__options label > span { min-height: 58px; }
	.mitk-card-grid .mitk-artist-card:last-child { display: block; }
	.mitk-section-heading { align-items: flex-start; }
	.mitk-review-callout { grid-template-columns: 1fr; text-align: left; }
	.mitk-review-callout__icon { width: 2.8rem; height: 2.8rem; }
	.mitk-review-callout .mitk-button { grid-column: auto; width: 100%; }
	.mitk-page-heading { display: grid; margin-bottom: 1.5rem; padding: 0; }
	.mitk-page-heading > .mitk-button { width: 100%; }
	.mitk-page-heading--compact > .mitk-status-group { margin-top: -.5rem; }
	.mitk-page-heading h1 { font-size: clamp(1.85rem, 8vw, 2.35rem); line-height: 1.04; }
	.mitk-artist-row { grid-template-columns: auto minmax(0, 1fr); gap: .9rem; }
	.mitk-artist-row > .mitk-status-group { grid-column: 1 / -1; }
	.mitk-row-actions { grid-column: 1 / -1; grid-row: auto; display: grid; grid-template-columns: 1fr auto; align-items: center; }
	.mitk-row-actions .mitk-button { min-height: 44px; }
	.mitk-form-section { padding: 1.1rem; }
	.mitk-field-columns,
	.mitk-link-fields,
	.mitk-media-grid { grid-template-columns: 1fr; }
	.mitk-media-placeholder--wide { min-height: 130px; }
	.mitk-form-submit { position: static; display: grid; }
	.mitk-form-submit .mitk-button,
	.mitk-submit-actions { width: 100%; }
	.mitk-submit-actions { display: grid; }
	.mitk-process { display: grid; gap: .55rem; }
	.mitk-process li:not(:last-child)::after { display: none; }
	.mitk-process--page { width: 100%; margin-top: -.5rem; }
	.mitk-media-manager__grid { grid-template-columns: 1fr; }
	.mitk-next-step { display: grid; }
	.mitk-next-step .mitk-button { width: 100%; }
	.mitk-danger-zone .mitk-button { width: 100%; }
	.mitk-review-profile__hero { align-items: flex-start; }
	.mitk-review-profile__hero .mitk-artist-art { width: 74px; height: 74px; }
	.mitk-decision-form .mitk-button { width: 100%; }
	.mitk-public-nav > a:first-child { display: none; }
	.mitk-public-nav .mitk-button { padding: .55rem .7rem; font-size: .7rem; }
	.mitk-public-hero { min-height: 620px; }
	.mitk-public-hero__content { grid-template-columns: 1fr; align-content: end; min-height: 620px; padding: 4rem 0 2.5rem; }
	.mitk-public-avatar { width: 150px; border-radius: 16px; }
	.mitk-public-avatar span { font-size: 4.5rem; }
	.mitk-public-identity h1 { font-size: clamp(2.45rem, 12vw, 3.75rem); }
	.mitk-public-content { padding: 3.25rem 0; }
	.mitk-music { width: min(calc(100% - 1.25rem), var(--mitk-content)); padding-top: 2.5rem; }
	.mitk-music-heading { align-items: flex-start; }
	.mitk-music-heading > p { display: none; }
	.mitk-release-card--featured { grid-template-columns: 1fr; }
	.mitk-release-card--featured .mitk-release-art { max-height: none; }
	.mitk-release-grid .mitk-release-card { grid-template-columns: 105px minmax(0, 1fr); }
	.mitk-release-grid .mitk-release-art { align-self: start; }
	.mitk-tracklist li { grid-template-columns: minmax(0, 1fr) auto; gap: .45rem; }
	.mitk-tracklist time { grid-column: 2; grid-row: 1; }
	.mitk-track-actions { grid-column: 1 / -1; }
	.mitk-track-actions button { min-width: 68px; }
	.mitk-release-actions button,
	.mitk-release-actions a,
	.mitk-track-actions button,
	.mitk-track-actions a { min-height: 44px; }
	.mitk-spotify-embed--release { height: min(352px, 68vh); }
	.mitk-footer { display: grid; justify-items: start; }
	.mitk-footer > div { display: grid; gap: .6rem; }
}

/* 0.11.1 public Playlist experience. */
.mitk-playlist-browse,
.mitk-playlist-public { width: min(calc(100% - 2rem), var(--mitk-public-width)); }
.mitk-playlist-browse { overflow: clip; }
.mitk-playlist-browse__hero { position: relative; max-width: 900px; padding: clamp(3.5rem, 8vw, 7rem) 0 clamp(2rem, 4vw, 3.5rem); }
.mitk-playlist-browse__hero::before { position: absolute; top: 8%; left: -14%; z-index: -1; width: 30rem; height: 18rem; border-radius: 50%; background: radial-gradient(circle, rgb(140 65 255 / 23%), transparent 68%); content: ""; filter: blur(10px); }
.mitk-playlist-browse__hero h1 { max-width: 760px; margin-bottom: 1rem; font-size: clamp(2.7rem, 6vw, 5.2rem); letter-spacing: -.06em; line-height: .98; }
.mitk-playlist-browse__hero > p:last-child { max-width: 680px; color: var(--mitk-text-soft); font-size: clamp(1rem, 1.5vw, 1.16rem); }
.mitk-playlist-filters { display: grid; grid-template-columns: minmax(220px, 1fr) auto; align-items: end; gap: .8rem; margin-bottom: 2rem; padding: 1rem; border: 1px solid var(--mitk-border); border-radius: 14px; background: rgb(9 21 42 / 82%); }
.mitk-playlist-filters--classifications-1 { grid-template-columns: minmax(220px, 1.5fr) minmax(170px, 1fr) auto; }
.mitk-playlist-filters--classifications-2 { grid-template-columns: minmax(220px, 1.5fr) repeat(2, minmax(170px, 1fr)) auto; }
.mitk-playlist-filters label { display: grid; gap: .35rem; color: var(--mitk-text-soft); font-size: .72rem; font-weight: 760; }
.mitk-playlist-filters input,
.mitk-playlist-filters select { min-width: 0; min-height: 44px; border: 1px solid var(--mitk-border-bright); border-radius: 8px; background: #071326; color: #fff; }
.mitk-playlist-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mitk-playlist-card { display: grid; grid-template-rows: auto 1fr; min-width: 0; overflow: hidden; border: 1px solid var(--mitk-border); border-radius: 14px; background: linear-gradient(155deg, #0c1a34, #071326); }
.mitk-playlist-card .mitk-card-art { aspect-ratio: 1; }
.mitk-playlist-card .mitk-card-copy { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 1rem; min-width: 0; padding: 1rem; }
.mitk-playlist-card__content { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.mitk-playlist-card .mitk-card-copy h3,
.mitk-playlist-card .mitk-card-copy p { overflow-wrap: anywhere; }
.mitk-playlist-card .mitk-playlist-card__content > p:not(.mitk-eyebrow, .mitk-card-genres, .mitk-card-styles) { color: var(--mitk-text-soft); }
.mitk-playlist-card .mitk-card-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-height: 44px; margin-top: 0; padding-top: .75rem; border-top: 1px solid var(--mitk-border); }
.mitk-card-actions__primary,
.mitk-card-actions__secondary { display: flex; flex-wrap: nowrap; align-items: center; gap: .5rem; min-width: 0; }
.mitk-card-actions__secondary { justify-content: flex-end; }
.mitk-playlist-card .mitk-card-actions .mitk-playlist-card__manage { border-color: var(--mitk-border-bright); background: transparent; color: var(--mitk-text-soft); }
.mitk-playlist-hero { display: grid; grid-template-columns: minmax(220px, 380px) minmax(0, 1fr); align-items: end; gap: clamp(1.5rem, 5vw, 5rem); padding: clamp(3rem, 7vw, 6rem) 0 clamp(2.5rem, 5vw, 4rem); }
.mitk-playlist-hero__art { display: grid; aspect-ratio: 1; place-items: center; overflow: hidden; border: 1px solid var(--mitk-border-bright); border-radius: 20px; background: radial-gradient(circle at 65% 25%, rgb(219 66 255 / 36%), transparent 32%), linear-gradient(145deg, #17294c, #090f21); box-shadow: 0 26px 70px rgb(0 0 0 / 38%); color: #d6b0ff; font-size: 7rem; }
.mitk-playlist-hero__art img { width: 100%; height: 100%; object-fit: cover; }
.mitk-playlist-hero__copy h1 { max-width: 900px; margin-bottom: .9rem; overflow-wrap: anywhere; font-size: clamp(2.65rem, 6vw, 5.6rem); letter-spacing: -.065em; line-height: .96; }
.mitk-playlist-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-top: 1rem; }
.mitk-playlist-hero__actions .mitk-owner-control { margin-top: 0; }
.mitk-playlist-tagline { max-width: 720px; color: var(--mitk-text-soft); font-size: clamp(1rem, 1.6vw, 1.2rem); }
.mitk-playlist-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0; }
.mitk-playlist-tags span { padding: .4rem .65rem; border: 1px solid rgb(172 107 255 / 40%); border-radius: 99px; background: rgb(118 68 215 / 13%); color: #d8c5ff; font-size: .7rem; font-weight: 750; }
.mitk-playlist-main-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 480px); align-items: start; gap: clamp(1.5rem, 4vw, 4rem); padding: clamp(2.5rem, 5vw, 5rem) 0; border-top: 1px solid var(--mitk-border); }
.mitk-playlist-story { display: grid; gap: 1.5rem; }
.mitk-playlist-story > section { padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--mitk-border); border-radius: 16px; background: rgb(9 21 42 / 76%); }
.mitk-playlist-story h2,
.mitk-playlist-spotify h2 { margin-bottom: .8rem; font-size: clamp(1.55rem, 2.7vw, 2.25rem); }
.mitk-playlist-spotify { position: sticky; top: 88px; min-width: 0; padding-top: .25rem; }
.mitk-playlist-spotify > .mitk-eyebrow { margin-bottom: .7rem; }
.mitk-playlist-spotify iframe { display: block; max-width: 100%; border: 0; border-radius: 12px; background: #000; }
.mitk-policy-state { display: inline-flex; padding: .4rem .65rem; border-radius: 99px; font-size: .75rem; font-weight: 800; }
.mitk-policy-state.is-open { background: rgb(62 214 128 / 16%); color: #7cf0ac; }
.mitk-policy-state.is-closed { background: rgb(255 182 72 / 14%); color: #ffc77a; }
.mitk-policy-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.mitk-policy-list div { padding: .75rem; border: 1px solid var(--mitk-border); border-radius: 9px; }
.mitk-policy-list dt { color: var(--mitk-muted); font-size: .67rem; font-weight: 760; text-transform: uppercase; }
.mitk-policy-list dd { margin: .2rem 0 0; color: #fff; font-weight: 750; }
.mitk-playlist-artists,
.mitk-community-playlists { padding: clamp(3rem, 6vw, 5.5rem) 0; border-top: 1px solid var(--mitk-border); }
.mitk-community-playlists { width: min(calc(100% - 2rem), 1080px); margin: 0 auto; }
.mitk-playlist-grid--compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mitk-playlist-grid--compact .mitk-playlist-card .mitk-card-art { aspect-ratio: 16 / 10; }
.mitk-playlist-grid--home .mitk-playlist-card .mitk-card-art { aspect-ratio: 16 / 10; }

/* Playlist management */
.mitk-playlist-management { width: min(calc(100% - 2rem), 1240px); padding-bottom: 5rem; overflow: clip; }
.mitk-management-hero { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; padding: clamp(3rem, 7vw, 6rem) 0 2rem; }
.mitk-management-hero > div { max-width: 760px; }
.mitk-management-hero h1 { margin-bottom: .75rem; overflow-wrap: anywhere; font-size: clamp(2.5rem, 6vw, 5rem); letter-spacing: -.055em; line-height: .98; }
.mitk-management-hero p:last-child { color: var(--mitk-text-soft); }
.mitk-management-list { display: grid; gap: .75rem; }
.mitk-management-list > article { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: .8rem; border: 1px solid var(--mitk-border); border-radius: 14px; background: rgb(8 19 38 / 88%); }
.mitk-management-list__art { display: grid; aspect-ratio: 1; place-items: center; overflow: hidden; border-radius: 10px; background: var(--mitk-surface-muted); color: #c9a5ff; font-size: 1.5rem; }
.mitk-management-list__art img { width: 100%; height: 100%; object-fit: cover; }
.mitk-management-list h2 { margin: 0 0 .25rem; overflow-wrap: anywhere; font-size: 1.2rem; }
.mitk-management-list p { margin: 0; color: var(--mitk-muted); font-size: .74rem; }
.mitk-management-form { display: grid; gap: 1rem; }
.mitk-playlist-management > .mitk-form-section,
.mitk-playlist-management > form > .mitk-form-section { margin-bottom: 1rem; }
.mitk-playlist-management form { min-width: 0; }
.mitk-playlist-management { --mitk-playlist-field-gap: .95rem; --mitk-playlist-action-gap: .75rem; }
.mitk-playlist-management .mitk-form-fields { gap: var(--mitk-playlist-field-gap); }
.mitk-playlist-management .mitk-form-fields > form { display: grid; gap: var(--mitk-playlist-action-gap); align-content: start; }
.mitk-playlist-management .mitk-form-fields > button,
.mitk-playlist-management .mitk-form-fields > form > button { justify-self: start; margin-top: .25rem; }
.mitk-playlist-management .mitk-form-fields label > small { line-height: 1.4; }
.mitk-playlist-management .mitk-primary-genres { display: flex; flex-wrap: wrap; gap: .5rem .8rem; }
.mitk-playlist-management .mitk-primary-genres legend { margin-bottom: .25rem; }
.mitk-playlist-management .mitk-primary-genres label { gap: .4rem; }
.mitk-playlist-management .mitk-check,
.mitk-playlist-management .mitk-confirm-field { display: flex; align-items: flex-start; gap: .55rem; line-height: 1.4; }
.mitk-playlist-management .mitk-check input,
.mitk-playlist-management .mitk-confirm-field input { flex: 0 0 auto; margin: .15rem 0 0; }
.mitk-playlist-management .mitk-state-actions form + form { margin-top: .35rem; }
.mitk-playlist-management select { min-height: 44px; border: 1px solid var(--mitk-border-bright); border-radius: 8px; background: #071326; color: #fff; }
.mitk-playlist-management fieldset { min-width: 0; margin: 0; padding: .75rem; border: 1px solid var(--mitk-border); border-radius: 10px; }
.mitk-playlist-management legend { padding: 0 .3rem; color: var(--mitk-text-soft); font-size: .75rem; font-weight: 750; }
.mitk-check { display: flex !important; grid-template-columns: auto 1fr; align-items: center; justify-content: start; }
.mitk-check input { width: 1rem !important; min-height: 0 !important; height: 1rem; }
.mitk-playlist-artwork-preview { display: grid; width: min(100%, 320px); aspect-ratio: 1; place-items: center; overflow: hidden; border: 1px solid var(--mitk-border); border-radius: 14px; background: #071326; color: #c9a5ff; font-size: 4rem; }
.mitk-playlist-artwork-preview img { width: 100%; height: 100%; object-fit: cover; }
.mitk-curator-list { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.mitk-curator-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem .8rem; border: 1px solid var(--mitk-border); border-radius: 10px; }
.mitk-curator-list form { margin: 0; }
.mitk-state-actions { align-content: start; }
.mitk-state-actions form { display: grid; gap: .7rem; }
.mitk-artist-hero-actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .8rem; }
.mitk-share-action { position: relative; display: inline-flex; align-items: center; gap: .45rem; }
.mitk-share-button { display: inline-grid; width: 44px; min-width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid var(--mitk-border-bright); border-radius: 8px; background: rgb(8 21 43 / 78%); color: #fff; font: inherit; cursor: pointer; }
.mitk-share-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mitk-share-button:hover,
.mitk-share-button:focus-visible { border-color: #ba72ff; background: rgb(108 62 194 / 30%); }
.mitk-share-button:focus-visible { outline: 3px solid #bc94ff; outline-offset: 3px; }
.mitk-share-status { position: absolute; right: 0; bottom: calc(100% + .45rem); width: max-content; max-width: min(16rem, 80vw); min-height: 0; color: #9ee8bd; font-size: .7rem; }
.mitk-share-status:empty { display: none; }
.mitk-share-fallback { position: absolute; right: 0; bottom: calc(100% + 1.65rem); z-index: 5; display: grid; gap: .3rem; width: min(19rem, 80vw); padding: .65rem; border: 1px solid var(--mitk-border-bright); border-radius: 8px; background: #071326; color: var(--mitk-text-soft); font-size: .7rem; box-shadow: 0 12px 30px rgb(0 0 0 / 35%); }
.mitk-share-fallback[hidden] { display: none; }
.mitk-share-fallback input { width: 100%; min-width: 0; }
.mitk-resource-share { display: flex; justify-content: flex-start; margin: 1rem 0 1.5rem; }

@media (max-width: 1024px) {
	.mitk-playlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
	.mitk-playlist-hero,
	.mitk-playlist-main-grid { grid-template-columns: 1fr; }
	.mitk-playlist-hero__art { width: min(65vw, 330px); }
	.mitk-playlist-spotify { position: static; }
	.mitk-playlist-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mitk-management-hero { align-items: start; flex-direction: column; }
}

@media (max-width: 560px) {
	.mitk-playlist-browse,
	.mitk-playlist-public,
	.mitk-community-playlists { width: min(calc(100% - 1.25rem), var(--mitk-content)); }
	.mitk-playlist-browse__hero { padding-top: 3rem; }
	.mitk-playlist-browse__hero h1,
	.mitk-playlist-hero__copy h1 { font-size: clamp(2.35rem, 12vw, 3.5rem); }
	.mitk-playlist-filters,
	.mitk-playlist-grid,
	.mitk-playlist-grid--compact { grid-template-columns: 1fr; }
	.mitk-playlist-filters .mitk-button { width: 100%; }
	.mitk-playlist-hero__art { width: min(82vw, 310px); }
	.mitk-management-list > article { grid-template-columns: 60px minmax(0, 1fr); }
	.mitk-management-list > article > .mitk-button { grid-column: 1 / -1; width: 100%; }
	.mitk-playlist-management { width: min(calc(100% - 1rem), 1240px); }
	.mitk-policy-list { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.mitk-shell *,
	.mitk-shell *::before,
	.mitk-shell *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* 0.10.5 public experience polish. */
.mitk-home-hero { width: 100%; max-width: none; min-height: 560px; padding: 0; isolation: isolate; }
.mitk-home-hero__backdrop { position: absolute; inset: 0; z-index: -2; background-color: #07101f; background-position: center 58%; background-repeat: no-repeat; background-size: cover; }
.mitk-home-hero::after { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(3 9 20 / 96%) 0%, rgb(3 9 20 / 78%) 50%, rgb(3 9 20 / 38%) 100%), linear-gradient(0deg, #07101f 0%, transparent 38%); content: ""; }
.mitk-home-hero__copy { width: min(calc(100% - 2rem), var(--mitk-content)); margin: 0 auto; padding-block: clamp(5rem, 10vw, 8rem); }
.mitk-home-hero__copy > p:not(.mitk-eyebrow) { max-width: 650px; color: var(--mitk-text-soft); font-size: clamp(1rem, 1.6vw, 1.2rem); }
.mitk-featured-tags { color: #c9b7ff !important; font-size: .78rem; font-weight: 720; }
.mitk-featured-latest { display: grid; gap: .1rem; margin: 1rem 0; }
.mitk-featured-latest span { color: var(--mitk-muted); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mitk-featured-latest strong { font-size: 1rem; }
.mitk-value-icon { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid rgb(182 111 255 / 38%); border-radius: 11px; background: linear-gradient(145deg, rgb(120 66 227 / 20%), rgb(36 135 222 / 12%)); }
.mitk-value-icon svg { width: 1.45rem; fill: none; stroke: #cf8cff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mitk-card-genres { color: #bba7fa !important; font-weight: 720; }
.mitk-card-styles { min-height: 1.1em; color: var(--mitk-muted) !important; }
.mitk-genre-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.mitk-genre-grid a { display: flex; min-width: 0; min-height: 126px; flex-direction: column; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: linear-gradient(145deg, #0b1830, #081225); color: #fff; }
.mitk-genre-grid a:hover,
.mitk-genre-grid a:focus-visible,
.mitk-genre-grid a[aria-current="true"] { border-color: #8d67ed; background: linear-gradient(145deg, rgb(71 48 132 / 72%), #0a1730); transform: translateY(-1px); }
.mitk-genre-grid span { display: grid; gap: .35rem; }
.mitk-genre-grid strong { font-size: .92rem; }
.mitk-genre-grid small { color: var(--mitk-muted); font-size: .7rem; line-height: 1.45; }
.mitk-genre-grid i { color: var(--mitk-blue); font-size: .68rem; font-style: normal; font-weight: 750; }
.mitk-load-more { display: flex; justify-content: center; margin-top: 1.5rem; }
.mitk-public-module[aria-busy="true"] [data-mitk-artist-results] { opacity: .55; transition: opacity 140ms ease; }
.mitk-public-intro { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); align-items: start; gap: clamp(1.5rem, 4vw, 4rem); width: min(calc(100% - 2rem), 1080px); margin: 0 auto; padding: clamp(3.5rem, 7vw, 6.5rem) 0 clamp(1.5rem, 3vw, 2.5rem); }
.mitk-public-intro h2 { margin-bottom: 1.2rem; font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.045em; line-height: 1.08; }
.mitk-muted-copy,
.mitk-spotify-artist-module > p:not(.mitk-eyebrow) { color: var(--mitk-muted); }
.mitk-spotify-artist-module { min-width: 0; }
.mitk-spotify-artist-module .mitk-eyebrow { margin-bottom: .65rem; }
.mitk-spotify-artist-embed { display: block; width: 100%; height: min(352px, 72vh); min-height: 300px; border: 0; border-radius: 12px; background: #000; }
.mitk-spotify-artist-module > a { display: inline-flex; min-height: 44px; align-items: center; margin-top: .45rem; color: #75e3a5; font-size: .75rem; font-weight: 760; }
.mitk-public-content--connect { display: block; max-width: 1080px; padding-top: 3rem; }
.mitk-public-content--connect .mitk-public-connect { max-width: 720px; margin-inline: auto; }
.mitk-release-sound { display: grid; gap: .15rem; margin: .35rem 0 0; overflow-wrap: anywhere; }
.mitk-release-sound span { color: #bba7fa; font-size: .72rem; font-weight: 720; }
.mitk-release-sound small { color: var(--mitk-muted); font-size: .68rem; }
.mitk-catalog-sync-status { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding: 1rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: #071326; }
.mitk-catalog-sync-status > div { display: grid; gap: .2rem; }
.mitk-catalog-sync-status span { color: var(--mitk-muted); font-size: .7rem; }

@media (max-width: 1024px) {
	.mitk-genre-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
	.mitk-public-intro { grid-template-columns: 1fr; }
	.mitk-genre-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.mitk-home-hero__copy,
	.mitk-public-intro { width: min(calc(100% - 1.25rem), var(--mitk-content)); }
	.mitk-home-hero { min-height: 590px; }
	.mitk-home-hero::after { background: linear-gradient(90deg, rgb(3 9 20 / 91%), rgb(3 9 20 / 62%)), linear-gradient(0deg, #07101f, transparent 52%); }
	.mitk-genre-grid { grid-template-columns: 1fr; }
	.mitk-genre-grid a { min-height: 104px; }
	.mitk-catalog-sync-status { align-items: stretch; flex-direction: column; }
	.mitk-catalog-sync-status .mitk-button { width: 100%; }
	.mitk-spotify-artist-module > a { display: flex; margin-top: .5rem; }
}
.mitk-review-page { width: min(100% - 2rem, 1200px); margin-inline: auto; padding-block: 2rem 5rem; }
.mitk-review-page .mitk-management-hero { padding-block: 2rem 1rem; }
.mitk-review-page .mitk-management-hero h1 { font-size: clamp(2rem, 4vw, 3.4rem); }
.mitk-review-filters { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem; margin: 1.5rem 0; }
.mitk-review-filters label { display: grid; gap: .35rem; min-width: min(100%, 190px); flex: 1 1 190px; }
.mitk-review-filters select, .mitk-review-item :is(select, input:not([type=checkbox]), textarea) { width: 100%; max-width: 100%; }
.mitk-review-page :is(select, textarea, input:not([type=checkbox])) { min-height: 44px; padding: .7rem .8rem; border: 1px solid #53627e; border-radius: 9px; background: #0b1528; color: #f5f5fb; font: inherit; }
.mitk-review-page textarea { min-height: 5rem; resize: vertical; }
.mitk-review-page :is(select, textarea, input, button, summary):focus-visible { outline: 3px solid #bc94ff; outline-offset: 2px; }
.mitk-review-listen button { padding: .7rem 1.1rem; border: 1px solid #a776ff; border-radius: 9px; background: #24183d; color: #f5ecff; cursor: pointer; }
.mitk-review-list { display: grid; gap: 1.1rem; margin-top: 1rem; }
.mitk-review-item { min-width: 0; padding: clamp(1rem, 2.5vw, 1.8rem); border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: #111b30; overflow-wrap: anywhere; }
.mitk-review-item__heading h2 { margin: .2rem 0; font-size: clamp(1.25rem, 2vw, 1.7rem); }
.mitk-review-item__heading p:last-child { color: var(--mitk-muted); }
.mitk-review-listen { display: grid; grid-template-columns: repeat(2, max-content); align-items: center; gap: .8rem; max-width: 100%; }
.mitk-review-listen .mitk-player-slot { grid-column: 1 / -1; }
.mitk-review-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; margin-block: 1rem; }
.mitk-review-item form { min-width: 0; display: grid; align-content: start; gap: .65rem; }
.mitk-review-item form label { display: grid; gap: .3rem; }
.mitk-review-item details { margin-top: 1rem; padding: .9rem; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius-sm); }
.mitk-review-item summary { cursor: pointer; font-weight: 700; }
.mitk-review-item details form { margin-top: 1rem; }
.mitk-review-item button { min-height: 44px; justify-self: start; }
@media (max-width: 640px) { .mitk-review-page { width: min(100% - 1.25rem, 1200px); } .mitk-review-item button, .mitk-review-filters button { width: 100%; } .mitk-review-listen { grid-template-columns: 1fr; } }
.mitk-admin-page { max-width: var(--mitk-workspace-width); margin-inline: auto; }
.mitk-admin-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1rem; }
.mitk-admin-card, .mitk-admin-preview { min-width: 0; padding: clamp(1rem, 2vw, 1.5rem); margin-block: 1rem; background: var(--mitk-surface); border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); }
.mitk-admin-card h2, .mitk-admin-preview h3 { margin-top: 0; }
.mitk-admin-card form, .mitk-admin-preview form { display: grid; gap: .75rem; max-width: var(--mitk-form-width, 42rem); }
.mitk-admin-card label, .mitk-admin-filters label { display: grid; gap: .35rem; }
.mitk-admin-card input:not([type="checkbox"]), .mitk-admin-card select, .mitk-admin-filters input, .mitk-admin-filters select { width: 100%; min-width: 0; padding: .7rem; color: #f8f8ff; background: #10192c; border: 1px solid #617098; border-radius: .5rem; }
.mitk-admin-card ul { padding-inline-start: 1.25rem; overflow-wrap: anywhere; }
.mitk-admin-actions, .mitk-admin-filters { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.mitk-admin-filters > label { flex: 1 1 12rem; min-width: min(100%, 12rem); }
.mitk-admin-card .mitk-button, .mitk-admin-preview .mitk-button { width: fit-content; max-width: 100%; white-space: normal; }
/* Private evidence stays bounded inside the existing technical card. */
.mitk-listening-evidence .mitk-admin-filters { max-width: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); align-items: end; }
.mitk-listening-evidence .mitk-admin-filters p { min-width: 0; margin: 0; }
.mitk-listening-evidence .mitk-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; margin-block: 1rem; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius-sm); }
.mitk-listening-evidence table { width: 100%; min-width: 60rem; border-collapse: collapse; font-size: .9rem; line-height: 1.5; }
.mitk-listening-evidence caption { padding: .75rem; text-align: left; font-weight: 700; }
.mitk-listening-evidence :is(th, td) { padding: .75rem; text-align: left; vertical-align: top; border-top: 1px solid var(--mitk-border); overflow-wrap: anywhere; }
.mitk-listening-evidence th { color: var(--mitk-muted); }
.mitk-listening-evidence :is(.mitk-table-scroll, input, select, button):focus-visible { outline: 3px solid #bc94ff; outline-offset: 3px; }
.mitk-account-page { max-width: var(--mitk-workspace-width); }
.mitk-account-page .mitk-account-tabs { flex-wrap: wrap; margin: 0 0 1rem; border-bottom: 1px solid var(--mitk-border); }
.mitk-account-tabs [aria-current="page"] { background: var(--mitk-surface-raised); color: var(--mitk-text); border-color: var(--mitk-border); }
.mitk-account-provider-title, .mitk-listening-provider-header { display: flex; align-items: center; gap: .65rem; }
.mitk-account-provider-title img, .mitk-listening-provider-header img { flex: none; }
.mitk-account-status-list { display: grid; gap: 0; padding: 0; list-style: none; }
.mitk-account-status-list li { display: grid; gap: .3rem; padding: .75rem 0; border-top: 1px solid var(--mitk-border); overflow-wrap: anywhere; }
.mitk-account-disclosure > summary, .mitk-listening-disclosure > summary { cursor: pointer; font-weight: 700; }
.mitk-account-disclosure[open] > summary, .mitk-listening-disclosure[open] > summary { margin-bottom: 1rem; }
/* Optional listening settings reuse Account controls without full-page state-card spacing. */
.mitk-listening .mitk-notice { display: block; max-width: none; margin: 1rem 0; }
.mitk-listening .mitk-listening-providers { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.mitk-listening .mitk-listening-panel { margin-block: 1rem; }
.mitk-listening-provider-header h3 { margin: 0; }
.mitk-listening .mitk-listening-provider-facts > div { min-width: 0; }
.mitk-listening .mitk-listening-provider-facts dd { margin-top: .25rem; }
@media (max-width: 720px) { .mitk-listening .mitk-listening-providers { grid-template-columns: minmax(0, 1fr); } }
.mitk-listening :is(p, dd, li), .mitk-listening-breakdown :is(p, dd) { overflow-wrap: anywhere; }
.mitk-listening :is(.mitk-control-confirm, .mitk-listening-choice) { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); align-items: start; gap: .65rem; min-height: 44px; padding-block: .5rem; line-height: 1.5; cursor: pointer; }
.mitk-listening .mitk-admin-card input:is([type="checkbox"], [type="radio"]) { width: 1.2rem; min-width: 1.2rem; height: 1.2rem; min-height: 1.2rem; margin: .15rem 0 0; padding: 0; accent-color: var(--mitk-purple); }
.mitk-listening fieldset { min-width: 0; margin: .25rem 0; padding: .75rem 1rem; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius-sm); }
.mitk-listening legend { max-width: 100%; padding-inline: .3rem; font-weight: 700; }
.mitk-listening dl, .mitk-listening-breakdown dl { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .5rem 1rem; margin-block: 1rem; }
.mitk-listening dt, .mitk-listening-breakdown dt { font-weight: 700; }
.mitk-listening dd, .mitk-listening-breakdown dd { min-width: 0; margin: 0; }
.mitk-state-card.mitk-listening-breakdown { display: block; min-height: 0; max-width: none; margin: 1rem 0; padding: clamp(1rem, 2vw, 1.5rem); text-align: left; }
.mitk-listening-breakdown p:not(.mitk-eyebrow) { max-width: 78ch; margin-block: .75rem; }
@media (max-width: 480px) { .mitk-listening dl, .mitk-listening-breakdown dl { grid-template-columns: minmax(0, 1fr); gap: .2rem; } .mitk-listening dd, .mitk-listening-breakdown dd { margin-bottom: .65rem; } }
.mitk-account-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 1rem; align-items: start; }
.mitk-account-grid .mitk-admin-card { margin: 0; overflow-wrap: anywhere; }
.mitk-account-help-list { display: grid; gap: .75rem; }
.mitk-account-help-list li { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.mitk-account-page :is(a, button, input, select, summary):focus-visible { outline: 3px solid var(--mitk-accent, #bc94ff); outline-offset: 3px; }

/* 0.14.6 Curator assignment and responsibility UX. */
.mitk-curator-editor { max-width: none !important; }
.mitk-curator-editor__summary { font-size: 1.05rem; }
.mitk-curator-editor__filters, .mitk-curator-editor__bulk { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; }
.mitk-curator-editor__filters > label:first-child { flex: 1 1 18rem; }
.mitk-curator-editor__filters .mitk-check-field { display: flex; align-items: center; gap: .55rem; min-height: 44px; }
.mitk-curator-editor__filters input[type="checkbox"] { width: 1.2rem; height: 1.2rem; }
.mitk-curator-editor__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: .65rem; max-height: 31rem; overflow-y: auto; padding: .25rem; }
.mitk-curator-editor__list > label { display: flex; grid-template-columns: none; align-items: flex-start; gap: .75rem; min-width: 0; min-height: 58px; padding: .75rem; border: 1px solid #4e5f84; border-radius: .7rem; background: #0d182b; cursor: pointer; }
.mitk-curator-editor__list > label:hover { border-color: #8a9bd0; }
.mitk-curator-editor__list input { flex: none; width: 1.2rem; height: 1.2rem; margin-top: .15rem; accent-color: var(--mitk-purple); }
.mitk-curator-editor__list span { min-width: 0; overflow-wrap: anywhere; }
.mitk-curator-editor__list small { display: block; margin-top: .2rem; color: var(--mitk-muted); }
.mitk-curator-editor :is(button, input):focus-visible { outline: 3px solid #bc94ff; outline-offset: 3px; }
.mitk-curator-playlist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; }
.mitk-curator-playlist-grid .mitk-admin-card { display: flex; flex-direction: column; margin: 0; }
.mitk-curator-playlist-grid .mitk-row-actions { margin-top: auto; }
.mitk-playlist-curators { margin-block: 1rem; }
.mitk-playlist-curators ul { display: flex; flex-wrap: wrap; gap: .35rem .75rem; padding: 0; margin: .35rem 0 0; list-style: none; }
.mitk-playlist-curators li:not(:last-child)::after { margin-left: .75rem; color: var(--mitk-muted); content: '·'; }
@media (max-width: 560px) { .mitk-curator-editor__bulk > *, .mitk-curator-editor > .mitk-button { width: 100%; } .mitk-curator-editor__list { grid-template-columns: 1fr; max-height: 26rem; } }

/* Resources are reading content, not dashboard tiles. */
.mitk-resource-main { width: min(100% - 2rem, 1180px); margin-inline: auto; }
.mitk-resource-heading { max-width: 760px; margin: clamp(2rem, 5vw, 4rem) 0 2rem; }
.mitk-resource-heading h1 { font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.1; margin: .4rem 0; }
.mitk-resource-heading p { color: #c2cce0; }
.mitk-resource-filters, .mitk-resource-editor__row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; }
.mitk-resource-filters { padding: 1rem; border: 1px solid #374467; border-radius: 1rem; background: #111b30; }
.mitk-resource-filters label, .mitk-resource-editor label { display: grid; gap: .4rem; font-weight: 650; }
.mitk-resource-filters label, .mitk-resource-editor__row label { flex: 1 1 13rem; min-width: min(100%, 13rem); }
.mitk-resource-main :is(input, select, textarea) { width: 100%; min-width: 0; max-width: 100%; min-height: 44px; padding: .65rem .8rem; border: 1px solid #617098; border-radius: .6rem; background: #0e182a; color: #f8f8ff; font: inherit; }
.mitk-resource-main input[type="checkbox"] { width: auto; min-height: auto; }
.mitk-resource-main :is(a, button, input, select, textarea):focus-visible, .mitk-resource-help a:focus-visible { outline: 3px solid #bc94ff; outline-offset: 3px; }
.mitk-resource-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 1rem; margin: 1.5rem 0 3rem; }
.mitk-resource-card { min-width: 0; padding: clamp(1rem, 2vw, 1.5rem); border: 1px solid #374467; border-radius: 1rem; background: #111b30; overflow-wrap: anywhere; }
.mitk-resource-card h2 { font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.3; margin: .4rem 0; }
.mitk-resource-card p { color: #c2cce0; }
.mitk-resource-pages { display: flex; flex-wrap: wrap; gap: .7rem; margin-block: 2rem; }
.mitk-resource-pages a { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; border: 1px solid #617098; border-radius: .5rem; }
.mitk-resource-reading { max-width: 760px; margin: clamp(2rem, 5vw, 5rem) auto; overflow-wrap: anywhere; }
.mitk-resource-reading h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; margin: .4rem 0 1rem; }
.mitk-resource-lead { color: #c9d2e7; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.6; }
.mitk-resource-prose { font-size: 1.05rem; line-height: 1.8; }
.mitk-resource-prose :is(h2, h3, h4) { line-height: 1.25; margin: 2.2rem 0 .8rem; }
.mitk-resource-prose p { margin: 0 0 1.2rem; }
.mitk-resource-prose :is(pre, code) { background: #15233a; border-radius: .35rem; }
.mitk-resource-prose pre { max-width: 100%; overflow-x: auto; padding: 1rem; }
.mitk-resource-prose blockquote { margin-inline: 0; padding: .4rem 1.25rem; border-left: 3px solid #af7aff; color: #d6dded; }
.mitk-resource-prose a { text-decoration: underline; text-underline-offset: .2em; }
.mitk-resource-authoring-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 330px); gap: clamp(1rem, 2.5vw, 2rem); align-items: start; margin-bottom: 4rem; }
.mitk-resource-editor { display: grid; gap: 1rem; min-width: 0; padding: clamp(1rem, 2.5vw, 2rem); border: 1px solid #374467; border-radius: 1rem; background: #111b30; }
.mitk-resource-editor__main { display: grid; gap: 1rem; min-width: 0; }
.mitk-resource-editor__main > h2, .mitk-resource-editor__sidebar > h2 { margin: 0; font-size: clamp(1.25rem, 2vw, 1.6rem); }
.mitk-resource-editor__sidebar { position: sticky; top: 6.5rem; display: grid; gap: 1rem; min-width: 0; padding: 1.25rem; border: 1px solid #53638b; border-radius: 1rem; background: #111b30; }
.mitk-resource-editor__sidebar label { display: grid; gap: .4rem; font-weight: 650; }
.mitk-resource-status-label { margin: 0; color: #c2cce0; }
.mitk-resource-editor__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding-top: .35rem; }
.mitk-resource-editor__actions .mitk-button { justify-content: center; text-align: center; }
.mitk-resource-lifecycle { display: grid; gap: .55rem; padding-top: 1rem; border-top: 1px solid #374467; }
.mitk-resource-lifecycle label { display: flex; grid-template-columns: none; align-items: flex-start; gap: .55rem; font-size: .9rem; }
.mitk-field-hint { display: block; color: #aebbd4; font-size: .86rem; font-weight: 400; line-height: 1.45; }
.mitk-resource-editor .wp-editor-wrap { min-width: 0; }
.mitk-resource-editor .wp-editor-container { border-color: #617098; }
.mitk-resource-editor .mce-toolbar-grp, .mitk-resource-editor .wp-editor-tabs { background: #172741; }
.mitk-resource-editor .wp-switch-editor { color: #10203a; }
.mitk-resource-editor .quicktags-toolbar { display: flex; flex-wrap: wrap; gap: .4rem; padding: .65rem; border: 1px solid #53638b; border-radius: .6rem .6rem 0 0; background: #172741; }
.mitk-resource-editor .quicktags-toolbar .ed_button { min-width: 44px; min-height: 42px; margin: 0 !important; padding: .45rem .7rem; border: 1px solid #7284ad; border-radius: .4rem; background: #263a5c; color: #fff; font-family: inherit; font-size: .82rem; font-weight: 700; line-height: 1.2; cursor: pointer; }
.mitk-resource-editor .quicktags-toolbar .ed_button:hover { background: #344c75; }
.mitk-resource-editor .quicktags-toolbar .ed_button:focus-visible { outline: 3px solid #bc94ff; outline-offset: 2px; }
.mitk-resource-editor textarea { min-height: 9rem; }
.mitk-resource-media { display: grid; gap: 1rem; margin-top: .75rem; padding-top: 1.25rem; border-top: 1px solid #374467; }
.mitk-resource-media__heading { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 1rem; }
.mitk-resource-media__heading h3 { margin: .2rem 0 0; }
.mitk-resource-media__heading > p { max-width: 32rem; margin: 0; color: #aebbd4; }
.mitk-resource-media__upload { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto; gap: .75rem; align-items: end; }
.mitk-resource-media__status { min-height: 1.5em; margin: 0; color: #d9e5ff; }
.mitk-resource-media__library { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: .75rem; max-height: 34rem; overflow-y: auto; overscroll-behavior: contain; }
.mitk-resource-media__item { display: grid; gap: .6rem; min-width: 0; padding: .75rem; border: 1px solid #53638b; border-radius: .75rem; background: #0e182a; }
.mitk-resource-media__item > img { width: 100%; height: 120px; border-radius: .45rem; object-fit: cover; background: #081120; }
.mitk-resource-media__item label { font-size: .82rem; }
.mitk-resource-image { max-width: 100%; margin: 1.5rem 0; }
.mitk-resource-image__image, .mitk-resource-image img { display: block; max-width: 100%; height: auto; border-radius: .65rem; }
.mitk-resource-image--center img { margin-inline: auto; }
.mitk-resource-image--left { margin-right: auto; }
.mitk-resource-image--right { margin-left: auto; }
.mitk-help-restore-local { margin-block: .5rem 1.5rem; }
.mitk-help-restore-local__button { min-height: 44px; padding: .45rem .7rem; border: 1px solid #66799f; border-radius: .5rem; background: transparent; color: #d9e5ff; cursor: pointer; }
.mitk-help-restore-local__button:focus-visible { outline: 3px solid #bc94ff; outline-offset: 3px; }
.mitk-resource-status { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-block: 1.5rem 3rem; }
.mitk-resource-status form { display: grid; gap: .5rem; }
.mitk-resource-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.4rem; margin-block: 1rem 1.5rem; border: 1px solid #594a88; border-radius: 1rem; background: #191b38; }
.mitk-resource-help h2 { font-size: 1.2rem; margin: .3rem 0; }
.mitk-resource-help p:last-child { margin-bottom: 0; }
.mitk-resource-help > div { min-width: 0; flex: 1 1 16rem; overflow-wrap: anywhere; }
.mitk-resource-help form { flex: 0 1 auto; }
.mitk-getting-started, .mitk-help-preferences { max-width: 900px; padding: clamp(1rem, 2.5vw, 1.6rem); margin-block: 1.5rem; border: 1px solid #594a88; border-radius: 1rem; background: #191b38; overflow-wrap: anywhere; }
.mitk-getting-started__heading { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.mitk-getting-started h2, .mitk-help-preferences h2 { margin: .3rem 0; }
.mitk-getting-started ul { display: grid; gap: .7rem; padding: 0; list-style: none; }
.mitk-getting-started li { display: flex; flex-wrap: wrap; gap: .7rem; align-items: baseline; }
.mitk-getting-started__state { min-width: 5.5rem; font-weight: 700; color: #d5c5ff; }
.mitk-help-preferences li { margin-block: .75rem; }
.mitk-help-preferences li form { display: inline-block; margin-inline-start: .6rem; }
.mitk-help-preferences button { min-height: 44px; }
.mitk-getting-started :is(a, button):focus-visible, .mitk-help-preferences :is(a, button):focus-visible { outline: 3px solid #bc94ff; outline-offset: 3px; }
@media (max-width: 640px) { .mitk-resource-main { width: min(100% - 1.25rem, 1180px); } .mitk-resource-filters > *, .mitk-resource-filters button { width: 100%; } .mitk-resource-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .mitk-resource-editor .quicktags-toolbar .ed_button { flex: 1 1 calc(50% - .4rem); max-width: calc(50% - .2rem); } }
@media (max-width: 900px) { .mitk-resource-authoring-layout { grid-template-columns: minmax(0, 1fr); } .mitk-resource-editor__sidebar { position: static; } }
@media (max-width: 700px) { .mitk-resource-media__upload { grid-template-columns: minmax(0, 1fr); } .mitk-resource-editor__actions { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 420px) { .mitk-playlist-card .mitk-card-actions { grid-template-columns: minmax(0, 1fr); } .mitk-card-actions__secondary { justify-content: flex-start; } }
.mitk-operations{max-width:1180px;margin-inline:auto}.mitk-operations-group{margin-block:2rem}.mitk-operations-group>h2{margin-bottom:1rem}.mitk-operations-check{margin-bottom:1rem;overflow-wrap:anywhere}.mitk-operations-check h3{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.mitk-operations-status{font-size:.7em;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.2em .6em}.mitk-operations-check details{margin-top:1rem}.mitk-operations-check summary{cursor:pointer;text-decoration:underline}.mitk-operations-check dl{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,2fr);gap:.35rem 1rem;margin-block:1rem}.mitk-operations-check dt{font-weight:600}.mitk-operations-check dd{margin:0;overflow-wrap:anywhere}@media(max-width:430px){.mitk-operations-check dl{grid-template-columns:minmax(0,1fr)}.mitk-operations-check dd{margin-bottom:.7rem}}
.mitk-operations .mitk-management-hero{padding-block:2rem 1rem}.mitk-operations .mitk-management-hero h1{font-size:clamp(2rem,4vw,3.4rem)}.mitk-operations-summary ul{margin-bottom:0}.mitk-operations-check{scroll-margin-top:7rem}

/* 0.14.2 shared form and navigation polish. */
form.mitk-admin-card { display: grid; align-content: start; gap: .85rem; }
:is(form.mitk-admin-card, .mitk-admin-card form, .mitk-admin-preview form, .mitk-resource-editor, .mitk-review-item form) > .mitk-button { margin-block-start: .55rem; }
.mitk-desktop-nav > a.mitk-button { align-self: center; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; height: fit-content; padding: .65rem 1.05rem; border: 1px solid #bb95ff; border-radius: 10px; line-height: 1.15; white-space: nowrap; }
.mitk-desktop-nav > a.mitk-button::after { display: none; }
.mitk-mega > summary svg, .mitk-mobile-menu__group > summary svg { width: 13px; height: 13px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 160ms ease; }
.mitk-mega[open] > summary svg, .mitk-mobile-menu__group[open] > summary svg { transform: rotate(180deg); }
.mitk-mega__panel { grid-template-columns: minmax(220px, .85fr) minmax(0, 1.7fr); gap: 1.1rem; padding: 1rem; border-color: #52658f; background: radial-gradient(circle at 10% 0, rgb(105 67 171 / 20%), transparent 38%), linear-gradient(145deg, #0d1b34, #091325 70%); box-shadow: 0 30px 70px rgb(0 0 0 / 55%); }
.mitk-mega__intro { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 225px; overflow: hidden; padding: 1.25rem; border: 1px solid rgb(176 140 255 / 23%); background: linear-gradient(145deg, #203b68, #201c48 70%, #321b49); }
.mitk-mega__intro::after { position: absolute; right: -2rem; bottom: -3.5rem; width: 12rem; height: 12rem; border: 1px solid rgb(190 160 255 / 24%); border-radius: 50%; box-shadow: 0 0 0 2rem rgb(190 160 255 / 5%), 0 0 0 4rem rgb(190 160 255 / 4%); content: ''; pointer-events: none; }
.mitk-mega__intro h2 { position: relative; z-index: 1; margin: .2rem 0 .6rem; letter-spacing: -.03em; }
.mitk-mega__intro p:not(.mitk-eyebrow) { position: relative; z-index: 1; max-width: 31ch; color: #d3ddf5; font-size: .85rem; line-height: 1.5; }
.mitk-mega__intro a { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; margin-top: auto; color: #a9e1ff; }
.mitk-mega__links { gap: .65rem; }
.mitk-mega__links a { place-items: center start; min-height: 86px; padding: .85rem 1rem; border: 1px solid rgb(130 151 198 / 20%); border-radius: 12px; background: rgb(21 36 64 / 67%); text-align: left; }
.mitk-mega__links a:hover, .mitk-mega__links a:focus-visible { border-color: #8a9bd0; background: #243960; }
.mitk-mega__panel a::after { display: none; }
.mitk-mega__links strong { color: #fff; font-size: .9rem; }
@media (max-width: 1100px) { .mitk-mobile-menu__group > summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; } }
@media (max-width: 1100px) { .mitk-site-header { transition: transform 190ms ease; } .mitk-site-header.is-auto-hidden { transform: translateY(-100%); } .mitk-page :where([id], [tabindex="-1"]) { scroll-margin-top: 76px; } }
@media (prefers-reduced-motion: reduce) { .mitk-site-header, .mitk-mega > summary svg, .mitk-mobile-menu__group > summary svg { transition: none; } }
.mitk-review-stage { margin: 1.4rem 0 .6rem; color: #bcdcff; font-size: .74rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.mitk-review-listen { margin: .8rem 0 1.2rem; padding: .9rem; border: 1px solid #40557b; border-radius: 12px; background: #0c1930; }
.mitk-review-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; }
.mitk-review-decision { min-width: 0; padding: clamp(1rem, 2vw, 1.35rem); border: 1px solid #4b5e83; border-radius: 14px; background: #16243d; }
.mitk-review-decision h3 { margin: 0 0 .4rem; font-size: 1.2rem; }
.mitk-review-decision > p { margin: 0 0 1rem; color: var(--mitk-text-soft); font-size: .82rem; }
.mitk-review-decision--approve { border-color: #6179a5; background: linear-gradient(155deg, #1a2c4d, #132138); }
.mitk-review-decision--decline { background: #151e30; }
.mitk-review-decision--awaiting { margin-top: 1.3rem; border-color: #8a7bc3; background: linear-gradient(145deg, #282448, #16243d); }
.mitk-review-manual-choice { margin-top: 1.2rem; padding-top: 1.1rem; border-top: 1px solid #536b94; }
.mitk-review-manual-choice h4 { margin: 0 0 .75rem; font-size: .9rem; }
.mitk-review-item form label.mitk-confirm-field { display: flex; align-items: flex-start; gap: .7rem; }
.mitk-review-item .mitk-confirm-field input { flex: none; width: 20px; height: 20px; margin: .1rem 0 0; }
.mitk-review-item > details { border-color: #3c4d6a; background: #101b30; }
@media (max-width: 760px) { .mitk-review-actions { grid-template-columns: 1fr; } }

/* 0.14.3 account entry and authentication polish. */
.mitk-skip-link:not(:focus):not(:focus-visible) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.mitk-skip-link:focus, .mitk-skip-link:focus-visible { position: fixed; top: 1rem; left: 1rem; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; clip-path: none; box-shadow: 0 0 0 4px #65c8ff; }
.mitk-account-entry { display: grid; place-items: start center; min-height: calc(100vh - 10rem); padding-block: clamp(3rem, 8vw, 7rem); }
.mitk-account-entry__panel { width: min(100%, 34rem); padding: clamp(1.25rem, 4vw, 2.25rem); border: 1px solid var(--mitk-border-bright); border-radius: var(--mitk-radius-lg); background: linear-gradient(155deg, #111f39, #0a1427 70%); box-shadow: var(--mitk-shadow); }
.mitk-account-entry__panel > h1 { margin-bottom: .7rem; font-size: clamp(2.2rem, 6vw, 3.8rem); letter-spacing: -.05em; line-height: 1; }
.mitk-account-entry__panel > p { color: var(--mitk-text-soft); }
.mitk-account-entry__form { display: grid; gap: .55rem; margin-block: 1.5rem; }
.mitk-account-entry__form label:not(.mitk-check-field) { margin-top: .5rem; font-weight: 750; }
.mitk-account-entry__form input:not([type="checkbox"]) { width: 100%; min-width: 0; min-height: 48px; padding: .75rem .85rem; border: 1px solid #617098; border-radius: .6rem; background: #081326; color: #fff; }
.mitk-account-entry__form .mitk-check-field { display: flex; align-items: center; gap: .65rem; min-height: 44px; margin-block: .25rem; cursor: pointer; }
.mitk-account-entry__form .mitk-check-field input { width: 1.15rem; height: 1.15rem; accent-color: var(--mitk-purple); }
.mitk-account-entry__form .mitk-button { width: 100%; margin-top: .65rem; }
.mitk-account-entry__links { display: grid; gap: .75rem; padding-top: 1.15rem; border-top: 1px solid var(--mitk-border); color: var(--mitk-text-soft); }
.mitk-account-entry__links a { color: var(--mitk-blue); text-decoration: underline; text-underline-offset: .18em; }
.mitk-join-hero { padding-bottom: 1rem; }
.mitk-join-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); align-items: start; gap: clamp(1rem, 3vw, 2rem); max-width: 64rem; margin-inline: auto; }
.mitk-join-value { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgb(146 92 255 / 38%); border-radius: var(--mitk-radius-lg); background: radial-gradient(circle at 10% 0, rgb(101 200 255 / 12%), transparent 48%), #0c1730; }
.mitk-join-value h2 { font-size: clamp(1.6rem, 3vw, 2.35rem); letter-spacing: -.035em; }
.mitk-join-value ul { display: grid; gap: .75rem; padding-left: 1.25rem; color: var(--mitk-text-soft); }
.mitk-join-form { width: 100%; max-width: 36rem; margin: 0; }
.mitk-field-help { margin: -.25rem 0 .25rem; color: var(--mitk-muted); font-size: .84rem; }
.mitk-account-state { max-width: var(--mitk-form-width, 42rem); margin-inline: auto; }
.mitk-verification-resend { max-width: var(--mitk-form-width, 42rem); margin: 1.25rem auto; border: 1px solid var(--mitk-border); border-radius: var(--mitk-radius); background: #0b162b; }
.mitk-verification-resend > summary { min-height: 48px; padding: .8rem 1rem; color: var(--mitk-text-soft); cursor: pointer; font-weight: 750; }
.mitk-verification-resend > div { padding: 0 1rem 1rem; }
.mitk-verification-resend form { display: grid; gap: .7rem; }
.mitk-verification-resend label { display: grid; gap: .35rem; }
.mitk-verification-resend input { width: 100%; min-height: 46px; padding: .7rem; border: 1px solid #617098; border-radius: .5rem; background: #10192c; color: #fff; }
@media (max-width: 760px) { .mitk-account-entry { padding-block: 2rem 5rem; } .mitk-join-grid { grid-template-columns: 1fr; } .mitk-join-value { order: 2; } }

/* 0.18.1 alpha UX polish. */
.mitk-artist-managers {
	display: flex;
	align-items: center;
	gap: .65rem 1rem;
	width: min(100% - 2rem, 1080px);
	margin: 1rem auto 0;
	padding: .7rem 1rem;
	border: 1px solid rgb(113 130 171 / 48%);
	border-radius: 12px;
	background: rgb(13 27 51 / 78%);
}
.mitk-artist-managers__label { flex: none; margin: 0; color: var(--mitk-muted); font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.mitk-artist-managers ul { display: flex; flex-wrap: wrap; gap: .45rem .8rem; min-width: 0; margin: 0; padding: 0; list-style: none; }
.mitk-artist-managers li { min-width: 0; overflow-wrap: anywhere; }
.mitk-artist-managers li:not(:last-child)::after { margin-left: .8rem; color: var(--mitk-muted); content: '·'; }
.mitk-playlist-filters { grid-template-columns: minmax(190px, 1.5fr) auto; gap: .65rem; margin-bottom: 1rem; padding: .75rem; }
.mitk-playlist-filters--classifications-1 { grid-template-columns: minmax(190px, 1.5fr) minmax(150px, 1fr) auto; }
.mitk-playlist-filters--classifications-2 { grid-template-columns: minmax(190px, 1.5fr) repeat(2, minmax(150px, 1fr)) auto; }
.mitk-playlist-filters label { font-size: .68rem; }
.mitk-playlist-filter-apply { min-height: 44px; }
.mitk-playlist-filter-reset { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: .5rem; }
.mitk-member-filters { gap: .65rem; margin: 1rem 0 .75rem; padding: .75rem; border: 1px solid var(--mitk-border); border-radius: 12px; background: rgb(11 24 45 / 72%); }
.mitk-member-filters > label { flex-basis: 10.5rem; min-width: min(100%, 10.5rem); color: var(--mitk-text-soft); font-size: .72rem; font-weight: 760; }
.mitk-member-filters > label:first-child { flex-basis: 15rem; }
.mitk-member-filters .mitk-button { min-height: 44px; }
.mitk-member-result-count { margin: .5rem 0 .8rem; color: var(--mitk-text-soft); font-size: .82rem; }
.mitk-member-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr)); align-items: stretch; gap: .75rem; }
.mitk-member-card { display: flex; flex-direction: column; gap: .55rem; margin: 0; padding: 1rem; }
.mitk-member-card__content { flex: 1; min-width: 0; }
.mitk-member-card h2 { margin: 0 0 .55rem; font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.25; overflow-wrap: anywhere; }
.mitk-member-card p { margin: .35rem 0; color: var(--mitk-text-soft); font-size: .82rem; line-height: 1.4; }
.mitk-member-card__identity { display: flex; flex-wrap: wrap; gap: .35rem .5rem; align-items: center; }
.mitk-member-card__identity span { padding: .12rem .45rem; border: 1px solid #4e5f84; border-radius: 999px; color: #dbe4f7; font-size: .7rem; }
.mitk-member-card__label { display: block; color: var(--mitk-muted); font-size: .68rem; font-weight: 760; letter-spacing: .04em; text-transform: uppercase; }
.mitk-member-card__actions { display: flex; align-items: end; margin-top: auto; padding-top: .45rem; border-top: 1px solid rgb(83 98 126 / 42%); }
.mitk-member-card__actions .mitk-button { min-height: 44px; margin: 0; }
.mitk-playlist-curator-contact { display: flex; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; padding: 1rem 1.2rem; border: 1px solid #4b5e83; border-radius: 14px; background: linear-gradient(145deg, #14243d, #101b31); }
.mitk-playlist-curator-contact h2 { margin: .2rem 0; font-size: clamp(1.15rem, 2vw, 1.45rem); }
.mitk-playlist-curator-contact p { margin: .25rem 0; color: var(--mitk-text-soft); }
.mitk-playlist-curator-contact__actions { display: flex; flex-wrap: wrap; gap: .55rem; flex: none; }
.mitk-spotify-trust { margin: 1rem 0; padding: 1rem; border: 1px solid #4e6289; border-radius: 12px; background: #101d33; }
.mitk-spotify-trust h3 { margin: 0 0 .45rem; font-size: 1.1rem; }
.mitk-spotify-trust p { color: var(--mitk-text-soft); }
.mitk-spotify-trust details { margin-top: .8rem; border-top: 1px solid #3d4d6c; }
.mitk-spotify-trust summary { min-height: 44px; padding-block: .75rem; cursor: pointer; font-weight: 750; }
@media (max-width: 1100px) {
	.mitk-site-header__inner { grid-template-columns: minmax(0, 1fr) auto; min-height: 58px; gap: .35rem; padding-block: .3rem; }
	.mitk-site-header--notifications .mitk-site-header__inner { grid-template-columns: minmax(0, 1fr) auto auto auto; }
	.mitk-brand { min-width: 0; }
	.mitk-brand__text { line-height: 1.05; }
	.mitk-attention { display: none; }
	.mitk-menu-toggle, .mitk-notification-bell { min-width: 44px; min-height: 44px; }
}
@media (max-width: 720px) {
	.mitk-playlist-filters, .mitk-playlist-filters--classifications-1, .mitk-playlist-filters--classifications-2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.mitk-playlist-filters > label:first-child { grid-column: 1 / -1; }
	.mitk-playlist-filter-apply, .mitk-playlist-filter-reset { width: 100%; }
	.mitk-artist-managers, .mitk-playlist-curator-contact { align-items: flex-start; flex-direction: column; }
	.mitk-playlist-curator-contact__actions { width: 100%; }
}
@media (max-width: 430px) {
	.mitk-site-header__inner, .mitk-site-header--notifications .mitk-site-header__inner { min-height: 54px; }
	.mitk-brand__mark { width: 30px; height: 30px; }
	.mitk-brand__text { font-size: .86rem; }
	.mitk-menu-toggle { padding-inline: .65rem; }
	.mitk-playlist-filters, .mitk-playlist-filters--classifications-1, .mitk-playlist-filters--classifications-2 { grid-template-columns: minmax(0, 1fr); }
	.mitk-playlist-filters > label:first-child { grid-column: auto; }
	.mitk-member-filters > *, .mitk-member-filters .mitk-button { width: 100%; }
}
/* Compact desktop menus stay below the primary navigation row. */
@media(min-width:1101px){
 .mitk-mega{position:static}
 .mitk-desktop-nav>a,.mitk-mega>summary{position:relative;z-index:4}
 .mitk-mega__panel{top:calc(100% + .35rem);z-index:3;grid-template-columns:minmax(170px,.65fr) minmax(0,2fr);gap:.65rem;padding:.65rem;max-height:min(560px,calc(100dvh - 112px));overflow-y:auto;overscroll-behavior:contain}
 .mitk-mega:not([open])>.mitk-mega__panel{display:none}
 .mitk-mega__intro{min-height:0;padding:.8rem}
 .mitk-mega__intro h2{font-size:1.2rem;margin:.15rem 0 .4rem}
 .mitk-mega__intro p:not(.mitk-eyebrow){font-size:.8rem;line-height:1.4}
 .mitk-mega__links{gap:.3rem}
 .mitk-mega__links a{min-height:52px;padding:.45rem .6rem;border-radius:7px;gap:.15rem}
 .mitk-mega__links strong{font-size:.82rem}
}
@media(min-width:1440px){.mitk-mega__links{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mitk-tasks-entry{display:flex;align-items:center;gap:.45rem;justify-self:end;min-height:44px;padding:.35rem .65rem;border:1px solid var(--mitk-border-bright);border-radius:9px;color:#fff;background:#0b1730;text-decoration:none;font-size:.8rem;font-weight:700}.mitk-tasks-entry:hover,.mitk-tasks-entry:focus-visible{background:var(--mitk-surface-muted)}.mitk-tasks-entry strong{display:grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .3rem;border-radius:99px;background:#7442a4;color:#fff;font-size:.7rem}
.mitk-task-list{display:grid;gap:.8rem;list-style:none;padding:0;margin:1rem 0}.mitk-task-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--mitk-border-bright);border-radius:10px}.mitk-task-card h2{font-size:1.05rem;margin:0 0 .3rem}.mitk-task-card h2 span{font-size:.8rem;color:var(--mitk-text-soft)}.mitk-task-card p{margin:0;color:var(--mitk-text-soft)}.mitk-tasks{max-width:72rem}.mitk-tasks :focus-visible{outline:3px solid #c2adff;outline-offset:3px}
@media(max-width:1100px){.mitk-tasks-entry{display:none}}
@media(max-width:600px){.mitk-task-card{align-items:stretch;flex-direction:column}.mitk-task-card .mitk-button{align-self:flex-start}}
@media(min-width:1101px){.mitk-mega__links a{position:relative}.mitk-mega__links .mitk-nav-help{position:absolute;z-index:7;top:calc(100% - .25rem);left:.4rem;right:.4rem;display:none;padding:.45rem .55rem;background:#263a60;color:#fff;border:1px solid #a9b4d0;border-radius:7px;box-shadow:0 9px 18px #0007;line-height:1.35}.mitk-mega__links a:hover .mitk-nav-help,.mitk-mega__links a:focus-visible .mitk-nav-help{display:block}.mitk-mega__links a:hover,.mitk-mega__links a:focus-visible{z-index:6}}
.mitk-mobile-menu__group a.mitk-mobile-menu__described{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.12rem}
.mitk-mobile-menu__group a small{display:block;font-size:.72rem;line-height:1.35;color:var(--mitk-text-soft)}
.mitk-mega[data-mitk-mega="playlists"] .mitk-mega__panel{grid-template-columns:minmax(170px,1fr) minmax(0,1fr);max-width:44rem}
.mitk-mega[data-mitk-mega="playlists"] .mitk-mega__links:not(:has(a)){display:none}
.mitk-mega[data-mitk-mega="playlists"] .mitk-mega__links{grid-template-columns:1fr}
.mitk-mega[data-mitk-mega="playlists"] .mitk-mega__panel:not(:has(.mitk-mega__links a)){grid-template-columns:1fr;max-width:28rem}
.mitk-tasks .mitk-management-hero,.mitk-notifications .mitk-management-hero{padding-block:2rem 1rem}.mitk-tasks .mitk-management-hero h1,.mitk-notifications .mitk-management-hero h1{font-size:clamp(2rem,4vw,3.4rem)}

/* Coherence: compact empty states, stable source order, no hidden actionable work. */
.mitk-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start;max-width:90rem;margin-inline:auto}
.mitk-dashboard-layout>*,.mitk-dashboard-layout .mitk-section{min-width:0;margin-block:0}
.mitk-dashboard-layout>.mitk-admin-card{padding:1.25rem}
.mitk-dashboard-layout>.mitk-getting-started,.mitk-dashboard-layout>.mitk-resource-help{padding:1rem}
.mitk-getting-started-complete{padding:.75rem 1rem;border:1px solid var(--mitk-border-bright);border-radius:12px;background:var(--mitk-surface)}
.mitk-getting-started-complete>summary{cursor:pointer;min-height:44px;align-content:center;font-weight:650}
.mitk-getting-started-complete .mitk-getting-started{border:0;padding:1rem 0 0;margin:0}
.mitk-dashboard-layout .mitk-getting-started__heading{gap:.75rem}
.mitk-dashboard-layout .mitk-getting-started p{margin-block:.4rem}
.mitk-dashboard-layout .mitk-getting-started ul{margin-block:.65rem}
.mitk-dashboard-layout .mitk-getting-started li{padding-block:.5rem}
.mitk-dashboard-layout [data-density="compact"]{padding:1rem}
.mitk-dashboard-layout h2{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.25}
.mitk-dashboard-layout .mitk-dashboard-hero{min-height:0;padding:clamp(1.25rem,3vw,2.25rem)}
.mitk-dashboard-layout .mitk-dashboard-hero h1{font-size:clamp(1.8rem,3.5vw,3rem)}
.mitk-dashboard-layout .mitk-dashboard-hero__visual{min-height:0}
.mitk-dashboard-layout .mitk-dashboard-hero__visual i{width:120px;height:120px}
.mitk-dashboard-layout .mitk-review-callout{padding:1.1rem;flex-wrap:wrap;gap:1rem}
.mitk-dashboard-layout .mitk-review-callout h2{margin-block:.2rem}
.mitk-dashboard-layout .mitk-empty{padding:1.25rem;min-height:0}
.mitk-dashboard-layout .mitk-empty>span{display:none}
.mitk-dashboard-layout .mitk-empty h3{font-size:1.2rem}
#mitk-resource-categories{display:grid;place-items:stretch;min-height:0;max-width:none;padding:1.25rem;text-align:left}
#mitk-resource-categories h2{margin:0 0 .5rem;font-size:1.35rem}
#mitk-resource-categories p:not(.mitk-eyebrow){max-width:65ch;margin-bottom:.75rem}
.mitk-resource-category-row{padding-block:.2rem;border-bottom:1px solid var(--mitk-border-bright)}
.mitk-resource-category-row summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}
.mitk-resource-category-row form{display:flex;align-items:end;flex-wrap:wrap;gap:.7rem;margin-block:.65rem}
.mitk-spotify-observation-summary dl{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,2fr);gap:.5rem 1rem}
.mitk-spotify-observation-summary dt{color:var(--mitk-text-soft)}
.mitk-spotify-observation-summary dd{margin:0;overflow-wrap:anywhere}
.mitk-feedback-context{width:min(calc(100% - 2rem),1080px);margin-inline:auto}
.mitk-feedback-opportunities{list-style:none;padding:0;display:grid;gap:.75rem}
.mitk-feedback-opportunity-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.mitk-feedback-opportunity-actions>a{min-height:44px;align-content:center}
.mitk-feedback-opportunities li{display:block;border:1px solid var(--mitk-border-bright);border-radius:14px;padding:1rem;background:var(--mitk-surface)}
.mitk-feedback-opportunities h3{margin:0;font-size:1.05rem}.mitk-feedback-opportunities p{margin:.25rem 0;color:var(--mitk-text-soft)}
.mitk-feedback-context{padding-block:2rem}
.mitk-feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.mitk-feedback-heading h2{font-size:1.4rem;margin:0 0 .4rem}.mitk-feedback-heading p{color:var(--mitk-text-soft);margin:0}
.mitk-feedback-browse{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.9rem;flex-shrink:0}
.mitk-feedback-track-row{display:flex;align-items:center;gap:1rem}.mitk-feedback-track-info{flex:1;min-width:0;overflow-wrap:anywhere}
.mitk-feedback-track-icon,.mitk-alpha-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:rgba(143,98,255,.12);color:#c0a9ff}
.mitk-feedback-wanted{font-size:.75rem;color:var(--mitk-text-soft);display:block;margin-bottom:.25rem}
.mitk-feedback-opportunity-actions{flex-shrink:0}.mitk-feedback-opportunity-actions .mitk-button{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem .85rem;font-size:.85rem;min-height:44px}
.mitk-feedback-more{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.mitk-feedback-more [role=status]{color:var(--mitk-text-soft);font-size:.85rem}
.mitk-alpha-notice{position:relative;display:flex;align-items:flex-start;gap:1rem;margin-top:1.25rem;padding:1.2rem 4rem 1.2rem 1.2rem;border:1px solid rgba(143,98,255,.35);border-radius:16px;background:linear-gradient(110deg,rgba(143,98,255,.1),rgba(15,33,50,.65))}
.mitk-alpha-notice[hidden]{display:none}.mitk-alpha-notice h2{font-size:1.2rem;margin:.15rem 0 .5rem}.mitk-alpha-notice p:not(.mitk-eyebrow){color:var(--mitk-text-soft);font-size:.92rem;line-height:1.6;margin:0}
.mitk-alpha-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem 1.25rem;margin-top:.5rem;font-size:.85rem}
.mitk-alpha-actions a,.mitk-alpha-actions button{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--mitk-text);background:none;border:0;font:inherit;padding:0;cursor:pointer}.mitk-alpha-actions span{color:var(--mitk-text-soft)}
.mitk-alpha-close{position:absolute;right:.5rem;top:.5rem;display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:10px;color:var(--mitk-text-soft);cursor:pointer}
.mitk-alpha-notice [hidden],.mitk-feedback-context [hidden]{display:none}.mitk-alpha-close:hover{background:rgba(143,98,255,.15);color:var(--mitk-text)}
.mitk-alpha-notice :focus-visible,.mitk-feedback-context :focus-visible{outline:2px solid #c0a9ff;outline-offset:4px}
@media(max-width:900px){.mitk-feedback-track-row{flex-wrap:wrap}.mitk-feedback-track-info{flex-basis:calc(100% - 60px)}.mitk-feedback-opportunity-actions{margin-left:60px}.mitk-feedback-heading{align-items:flex-start;flex-direction:column;gap:.4rem}}
@media(max-width:600px){.mitk-alpha-notice{gap:.75rem;padding:1rem 3rem 1rem 1rem}.mitk-alpha-icon{width:30px;height:30px}.mitk-alpha-notice h2{font-size:1.05rem}.mitk-feedback-track-icon{width:36px;height:36px}.mitk-feedback-opportunity-actions{margin-left:0;width:100%;gap:.5rem}.mitk-feedback-opportunities .mitk-button{align-self:auto}.mitk-feedback-track-row{gap:.75rem}}
.mitk-feedback-quotes{display:grid;gap:1rem}.mitk-feedback-quotes figure{margin:0;padding:1rem;border:1px solid var(--mitk-border-bright);border-radius:10px}.mitk-feedback-quotes blockquote{margin:0;overflow-wrap:anywhere}.mitk-feedback-quotes figcaption{font-size:.85rem;color:var(--mitk-text-soft)}
@media(min-width:1024px){.mitk-dashboard-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.mitk-dashboard-layout>*{grid-column:1/-1}.mitk-dashboard-layout>.mitk-review-callout{grid-column:auto}}
@media(min-width:1024px){.mitk-dashboard-layout>.mitk-admin-card,.mitk-dashboard-layout>.mitk-getting-started,.mitk-dashboard-layout>.mitk-getting-started-complete,.mitk-dashboard-layout>.mitk-resource-help{grid-column:auto}}
@media(min-width:1280px){.mitk-feedback-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mitk-feedback-opportunities li{align-items:stretch;flex-direction:column}.mitk-feedback-opportunities .mitk-button{align-self:flex-start}.mitk-spotify-observation-summary dl{grid-template-columns:1fr;gap:.25rem}.mitk-spotify-observation-summary dd{margin-bottom:.65rem}.mitk-dashboard-layout .mitk-dashboard-hero__visual{display:none}}
/* Existing Resources: restrained, state-aware help rather than another dashboard. */
/* Policies reuse the product shell; prose stays readable on wide screens. */
.mitk-policy { max-width: 900px; margin-inline: auto; overflow-wrap: anywhere; }
.mitk-policy section { margin-block: 1.75rem; }
.mitk-policy section h2 { font-size: 1.2rem; }
.mitk-policy section p { max-width: 75ch; line-height: 1.7; }
.mitk-policy-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.mitk-policy-links a, .mitk-footer-help a { display: inline-flex; align-items: center; min-height: 44px; }
.mitk-policy-links [aria-current="page"] { text-decoration-thickness: 2px; }
.mitk-join-form .mitk-policy-ack { display: flex; flex-direction: row; align-items: flex-start; gap: .65rem; }
.mitk-join-form .mitk-policy-ack input { flex: 0 0 24px; width: 24px; min-height: 24px; margin: .15rem 0 0; }
.mitk-join-form .mitk-policy-ack span { flex: 1; }
.mitk-help-recommended { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: 0; list-style: none; }
.mitk-help-recommended li { padding: .75rem; border: 1px solid var(--mitk-border); border-radius: .75rem; }
.mitk-help-recommended p { margin: .35rem 0 0; font-size: .9rem; }
.mitk-help-actions, .mitk-footer-help { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.mitk-context-help a { display: inline-flex; align-items: center; gap: .4rem; font-size: .9rem; }
.mitk-footer-help button { min-height: 44px; padding: .5rem; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
@media (max-width: 600px) { .mitk-help-recommended { grid-template-columns: 1fr; } }
:root .mitk-news-main { max-width: 1280px; }
.mitk-news-heading { margin: 0 0 2rem; }
.mitk-news-heading h1 { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.12; overflow-wrap: anywhere; }
.mitk-news-heading p { max-width: 65ch; }
.mitk-news-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.mitk-news-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--mitk-border, #31415d); border-radius: 18px; overflow: hidden; background: var(--mitk-surface, #111d31); }
.mitk-news-card__image { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.mitk-news-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mitk-news-card__body { display: flex; flex-direction: column; flex: 1; padding: 1.25rem; }
.mitk-news-card time, .mitk-news-heading time { color: #b6c4d9; font-size: .875rem; }
.mitk-news-card :is(h2,h3) { margin: .65rem 0; font-size: 1.2rem; line-height: 1.35; overflow-wrap: anywhere; }
.mitk-news-card :is(h2,h3) a { color: inherit; text-decoration: none; }
.mitk-news-card p { margin: 0 0 1rem; overflow-wrap: anywhere; }
.mitk-news-read { margin-top: auto; padding: .5rem 0; min-height: 44px; display: inline-flex; align-items: center; align-self: flex-start; }
.mitk-news-editorial { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.25rem; }
.mitk-news-editorial--single { grid-template-columns: minmax(0, 1fr); max-width: 820px; }
.mitk-news-editorial > div, .mitk-news-secondary { min-width: 0; }
.mitk-news-editorial > div > .mitk-news-card { height: 100%; }
.mitk-news-editorial > div:first-child h3 { font-size: clamp(1.4rem, 2.2vw, 2rem); }
.mitk-news-secondary { display: grid; gap: 1rem; align-content: start; }
.mitk-news-card--compact { flex-direction: row; }
.mitk-news-card--compact .mitk-news-card__image { width: 30%; flex: 0 0 30%; aspect-ratio: auto; }
.mitk-news-card--compact .mitk-news-card__body { padding: 1rem; }
.mitk-news-card--compact h3 { font-size: 1.05rem; }
.mitk-news-pagination { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 1rem; margin: 2rem 0; }
.mitk-news-pagination a, .mitk-news-back { display: inline-flex; align-items: center; min-height: 44px; }
.mitk-news-article { max-width: 850px; margin: auto; }
.mitk-news-hero-image { margin: 0 0 2rem; }
.mitk-news-hero-image img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; border-radius: 18px; }
.mitk-news-content { line-height: 1.75; overflow-wrap: anywhere; }
.mitk-news-content h2 { font-size: 1.6rem; margin-top: 2rem; }
.mitk-news-content h3 { font-size: 1.3rem; }
.mitk-news-content img, .mitk-news-content video { max-width: 100%; height: auto; }
.mitk-news-content figure { max-width: 100%; margin-inline: 0; }
.mitk-news-content blockquote { border-left: 3px solid #b565ff; margin-inline: 0; padding: .5rem 1.25rem; background: #111d31; }
.mitk-news-content a { text-decoration: underline; }
.mitk-news-content table { display: block; overflow-x: auto; }
.mitk-news-content .alignwide, .mitk-news-content .alignfull { margin-inline: 0; max-width: 100%; }
.mitk-news-content pre { overflow-x: auto; }
.mitk-news-media { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-block: 1.5rem; }
.mitk-news-media > p, .mitk-news-media > div { flex-basis: 100%; margin: 0; }
.mitk-news-media > div:empty { display: none; }
.mitk-news-page :focus-visible, .mitk-news-home :focus-visible { outline: 3px solid #d38aff; outline-offset: 4px; }
@media (max-width: 1000px) { .mitk-news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .mitk-news-grid, .mitk-news-editorial { grid-template-columns: minmax(0,1fr); } .mitk-news-card__image { max-height: 240px; } .mitk-news-card--compact .mitk-news-card__image { max-height: none; } .mitk-news-card__body { padding: 1rem; } }

/* Shared workspace dimensions; public/full-bleed discovery layouts retain their own contract. */
.mitk-shell > .mitk-workspace { width:min(calc(100% - 2rem),var(--mitk-workspace-width)); margin:1.25rem auto 0; }
.mitk-member-workspace .mitk-workspace__sections { padding-bottom:.35rem; }
.mitk-member-workspace + .mitk-main { padding-top:clamp(1.25rem,3vw,2.25rem); }
.mitk-workspace + .mitk-main:not(.mitk-public-content) { max-width:var(--mitk-workspace-width); }
.mitk-account-page .mitk-management-hero h1,.mitk-admin-page .mitk-management-hero h1 { font-size:clamp(1.7rem,3vw,2.4rem); }
@media(max-width:560px) { .mitk-shell > .mitk-workspace { width:min(calc(100% - 1.25rem),var(--mitk-workspace-width)); } }