/* Verse: restrained studio neutrals, legible working type, minimal ornament. */
:root {
  --bg: oklch(19% .006 75); --side: oklch(17% .006 75);
  --panel: oklch(22% .006 75); --hover: oklch(27% .008 75);
  --text: oklch(93% .009 75); --muted: oklch(73% .01 75);
  --line: oklch(32% .008 75); --accent: oklch(83% .07 80);
  --accent-bg: oklch(29% .022 80); --mint: oklch(77% .065 160);
  --peach: oklch(78% .075 48); --blue: oklch(77% .055 240);
  --feedback-duration: 140ms; --surface-duration: 180ms;
  --settle: cubic-bezier(.22,1,.36,1);
}
:root[data-theme=light] {
  --bg: oklch(97% .009 80); --side: oklch(94% .012 80);
  --panel: oklch(99% .006 80); --hover: oklch(91% .014 80);
  --text: oklch(25% .008 75); --muted: oklch(47% .015 75);
  --line: oklch(83% .014 80); --accent: oklch(43% .065 65);
  --accent-bg: oklch(91% .025 80); --mint: oklch(43% .065 160);
  --peach: oklch(45% .085 48); --blue: oklch(44% .065 240);
}
body {font-size:14px}
h1 {font-size:30px;letter-spacing:-.8px;font-weight:550}
h2 {font-weight:550;font-size:17px;letter-spacing:-.2px}
.brand {font-weight:600;letter-spacing:-1px}
.brand-mark {background:transparent;color:var(--text);border:1px solid var(--line);border-radius:5px;font-style:normal}
.brand-dot {display:none}
.primary {background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:5px;font-weight:600}
.primary:hover {background:var(--accent);color:var(--bg);border-color:var(--accent)}
.secondary,.icon-btn,.inline-search,.segmented,input,select,textarea {border-radius:5px}
.secondary {background:transparent;font-size:13px}
.text-link {font-size:12px;color:var(--muted)}
.text-link:hover {color:var(--text);text-decoration:underline;text-underline-offset:4px}
.sidebar {padding-top:24px}
.nav-link {font-size:13px;min-height:38px;border-radius:4px;color:var(--muted)}
.nav-link.active {background:var(--hover);color:var(--text)}
.nav-link svg {width:16px;height:16px}
.nav-label {font:11px 'DM Sans',sans-serif;letter-spacing:.04em;color:var(--muted)}
.avatar {background:var(--hover);color:var(--text);border-radius:4px}
.artist-picker {background:transparent;border-radius:5px}
.topbar {height:64px;background:var(--bg)}
.breadcrumb {font-size:12px}
.search-button {font-size:12px}
.workspace {max-width:1380px;padding-top:16px}
.workspace-status {font-size:11px;color:var(--muted)}
.workspace-status .dot {width:4px;height:4px}
.page-heading {margin:24px 0 22px}
.page-heading .eyebrow {display:none}
.page-heading p:not(.eyebrow) {font-size:13px;margin-top:7px}
.attention-strip {border:0;border-radius:0;background:none;padding:0 0 20px;border-bottom:1px solid var(--line);gap:22px;font-size:12px}
.attention-signal {display:none}
.stat-strip {margin:20px 0 30px;padding-bottom:23px}
.stat-strip>div {border:0}
.stat-strip strong {font-size:27px;font-weight:500;margin:7px 0}
.stat-strip span,.stat-strip small {font-size:12px}
.panel {border-radius:0;background:transparent;border:0;padding:0;margin-bottom:28px}
.overview-grid {gap:32px 40px;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr)}
.overview-grid>.panel {border-top:1px solid var(--line);padding-top:19px}
.section-heading {margin-bottom:17px}
.eyebrow {font:11px 'DM Sans',sans-serif;letter-spacing:.04em;color:var(--muted)}
.work-row {padding:17px 0}
.record-title {font-size:14px;font-weight:500}
.work-row small,.work-row time,.activity-row small {font-size:12px}
.activity-row p {font-size:13px;line-height:1.6}
.task-check {width:24px;height:24px;border-radius:5px}
.badge {font-size:11px;border-radius:3px;background:var(--hover);color:var(--muted);padding:4px 7px}
.badge.purple {background:var(--hover);color:var(--muted)}
.cover,.cover.alternate {background:oklch(38% .032 60);border-radius:2px;box-shadow:none;color:oklch(94% .014 80)}
.cover.alternate {background:oklch(35% .025 170)}
.cover:after {display:none}
.cover h2 {font-weight:500;letter-spacing:-1px;font-size:36px}
.cover.mini {min-height:128px;padding:18px;border:0}
.cover.mini h2 {font-size:29px}
.release-feature>h2,.release-feature>p {display:none}
.release-feature .progress-label {margin-top:21px}
.progress {height:3px;border-radius:0}
.progress i {border-radius:0;background:var(--mint)}
.progress-label {font-size:12px}
.progress-label strong {color:var(--text)}
.chart-legend,.chart-legend small,.chart-y,.chart-x {font-size:11px}
.chart-wrap {height:190px}
.chart-legend {margin-top:20px}
.gridline {stroke-dasharray:none;opacity:.55}
.record-list {border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:0}
.record-icon {background:transparent;border-radius:0}
.record-row strong {font-size:14px;font-weight:500}
.record-main small,.record-row time {font-size:12px}
.board-col {background:transparent;border:0;border-radius:0;padding:0 8px}
.board-heading h2 {font-size:13px}
.task-card {border-radius:5px;padding:15px}
.task-card p,.task-meta,.status-select {font-size:12px}
.goal-panel,.social-grid>.panel {padding:20px 0;border-top:1px solid var(--line)}
.goal-number {font-size:32px;font-weight:500}
.calendar-scroll {border-radius:4px}
.calendar-event {border-radius:3px;font-size:12px}
.calendar-event small {font-size:10px}
.calendar-days b,.calendar-cell>span {font-size:12px}
.day-add {opacity:1;width:24px;height:24px}
.manager-code {font-size:13px;overflow-wrap:anywhere}
.profile-hero {border-radius:4px;background:transparent;padding:24px}
.artist-monogram {border-radius:4px;background:var(--hover);color:var(--text)}
dialog,.auth-panel form {border-radius:7px}
label,input,select,textarea {font-size:14px}
.public {max-width:1240px;padding:0 44px}
.public-nav {height:96px}
.welcome {grid-template-columns:1.1fr 1fr;gap:70px;min-height:530px;padding:50px 0 70px}
.welcome h1 {font-size:54px;letter-spacing:-2px;line-height:1.12;font-weight:500}
.welcome .lede {font-size:16px;line-height:1.7;max-width:43ch}
.welcome-proof {display:none}
.welcome-record {padding:0;display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.preview-heading {display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px}
.preview-heading small {font-size:10px;letter-spacing:.05em}
.preview-release {display:flex;align-items:center;gap:18px;padding:12px 0 28px}
.sleeve-number {width:64px;height:72px;display:grid;place-items:center;background:oklch(38% .032 60);color:oklch(94% .014 80);font:24px 'DM Mono',monospace}
.preview-release h2 {font-size:22px;letter-spacing:-.5px;margin:0 0 5px}
.preview-release p {font-size:12px;color:var(--muted);margin:0}
.preview-item {display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:19px 0;font-size:12px}
.preview-item>span {color:var(--muted);font:11px 'DM Mono',monospace}
.preview-item strong {font-weight:450;flex:1}
.preview-item small {font-size:11px;color:var(--muted)}
.preview-footer {border-top:1px solid var(--line);padding:20px 0;font-size:11px;color:var(--muted)}
.public-features {gap:70px;padding:35px 0}
.public-features h2,.public-features h3 {font-size:17px;font-weight:500}
.public-features p {font-size:14px}
button,a,input,select,textarea {touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
button:not(:disabled):active {opacity:.78}
@media(prefers-reduced-motion:no-preference) {
 button,a {transition:color var(--feedback-duration),background-color var(--feedback-duration),opacity var(--feedback-duration)}
 dialog[open],.auth-panel form {animation:surface-enter var(--surface-duration) var(--settle)}
 @keyframes surface-enter {from {opacity:0;transform:translateY(4px)} to {opacity:1;transform:translateY(0)}}
}
@media(max-width:900px) {
 .overview-grid {grid-template-columns:1fr;gap:28px}
 .welcome {gap:32px;grid-template-columns:1fr}
 .welcome-record {max-width:560px}
}
@media(max-width:680px) {
 .workspace {padding:14px 20px 32px}
 .attention-strip {gap:12px;font-size:12px}
 .stat-strip {gap:20px;margin-bottom:28px}
 .stat-strip strong {font-size:26px}
 .stat-strip span,.stat-strip small {font-size:11px}
 .public {padding:0 24px}
 .welcome {padding:30px 0 40px}
 .welcome h1 {font-size:39px;letter-spacing:-1.4px}
 .welcome-record {display:block}
 .preview-heading {gap:10px}
 .public-features {gap:22px}
 .nav-link,.primary,.secondary,.icon-btn {min-height:44px}
 .icon-btn {min-width:44px}
 input,select,textarea {font-size:16px;min-height:44px}
 .top-actions {gap:2px}
 .chart-legend {gap:8px}
 .chart-legend small {width:100%;margin-left:0}
 .auth-panel form {max-height:calc(100dvh - 40px)}
}