:root {
        color-scheme: light;
        --bg: var(--color-canvas, #f4efe6);
        --panel: var(--ui-card-background, rgba(255, 252, 246, 0.9));
        --surface: color-mix(in srgb, var(--color-surface, #ffffff) 72%, transparent);
        --surface-strong: color-mix(in srgb, var(--color-surface, #ffffff) 90%, transparent);
        --surface-warm: color-mix(in srgb, var(--color-surface-alt, #faf1e4) 82%, transparent);
        --text: var(--color-text, #1f1c16);
        --muted: var(--color-text-muted, #665d50);
        --muted-2: var(--color-text-subtle, #8a7f70);
        --accent: var(--color-accent-primary, #c46a2e);
        --accent-dark: var(--color-accent-primary-strong, #8d441a);
        --accent-soft: color-mix(in srgb, var(--color-accent-primary, #c46a2e) 12%, transparent);
        --forest: var(--color-semantic-success, #2f6a49);
        --forest-soft: color-mix(in srgb, var(--color-semantic-success, #2f6a49) 13%, transparent);
        --danger: var(--color-semantic-error, #8b2a28);
        --danger-soft: color-mix(in srgb, var(--color-semantic-error, #8b2a28) 10%, transparent);
        --border: color-mix(in srgb, var(--color-border, rgba(31, 28, 22, 0.1)) 100%, transparent);
        --border-strong: color-mix(in srgb, var(--color-border-strong, rgba(31, 28, 22, 0.16)) 100%, transparent);
        --shadow: var(--shadow-lg, 0 20px 50px rgba(85, 55, 24, 0.12));
        --shadow-soft: var(--ui-card-shadow, 0 12px 32px rgba(85, 55, 24, 0.08));
        --focus-ring: 0 0 0 4px var(--color-focus-ring, rgba(196, 106, 46, 0.2));
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        min-height: 100vh;
        font-family: "Avenir Next", "Segoe UI", sans-serif;
        color: var(--text);
        background:
          radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 20%, transparent), transparent 32%),
          radial-gradient(circle at bottom right, color-mix(in srgb, var(--forest) 18%, transparent), transparent 28%),
          linear-gradient(160deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 82%, white) 48%, color-mix(in srgb, var(--bg) 68%, white) 100%);
      }

      body.loading-screen {
        color-scheme: dark;
        background:
          radial-gradient(circle at 76% 12%, rgba(19, 194, 150, 0.18), transparent 30%),
          radial-gradient(circle at 18% 0%, rgba(47, 129, 247, 0.1), transparent 28%),
          radial-gradient(circle at 8% 88%, rgba(47, 106, 73, 0.16), transparent 32%),
          linear-gradient(145deg, #07100d 0%, #0a1414 52%, #111816 100%);
      }

      #app {
        width: 100%;
        min-width: 0;
      }

      body.auth-screen {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
        background:
          linear-gradient(120deg, rgba(8, 12, 17, 0.58) 0%, rgba(15, 20, 27, 0.46) 42%, rgba(31, 24, 17, 0.3) 100%),
          url("/assets/auth-welcome-bg.png") center center / cover fixed no-repeat,
          #0b1016;
      }

      body.authenticated-screen {
        background:
          linear-gradient(140deg, rgba(9, 14, 20, 0.96) 0%, rgba(18, 24, 33, 0.88) 34%, rgba(34, 25, 16, 0.72) 72%, rgba(234, 188, 125, 0.28) 100%),
          radial-gradient(circle at 82% 18%, rgba(255, 204, 136, 0.28), transparent 24%),
          radial-gradient(circle at 18% 12%, rgba(255, 165, 92, 0.16), transparent 30%),
          url("/assets/auth-welcome-bg.png") center center / cover fixed no-repeat;
      }

      body.authenticated-screen #app,
      body.authenticated-screen main {
        min-height: 100vh;
      }

      body.auth-screen #app,
      body.auth-screen main {
        min-height: 100vh;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
      }

      body.authenticated-screen main {
        padding-top: calc(var(--space-8, 2rem) * 2.7);
      }

      body.auth-screen main {
        padding: 0;
      }

      main {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: calc(var(--space-8, 2rem) * 1.5) var(--space-5, 1.25rem) calc(var(--space-9, 2.5rem) * 1.2);
      }

      .auth-welcome-shell {
        position: relative;
        min-height: 100vh;
        border-radius: 36px;
        overflow: hidden;
        display: grid;
        align-items: stretch;
        background:
          linear-gradient(115deg, rgba(9, 14, 20, 0.48) 0%, rgba(20, 27, 36, 0.3) 36%, rgba(23, 16, 10, 0.18) 68%, rgba(255, 205, 132, 0.12) 100%),
          radial-gradient(circle at 78% 42%, rgba(255, 212, 136, 0.18), transparent 22%),
          url("/assets/auth-welcome-bg.png") center center / cover no-repeat;
        box-shadow: 0 28px 80px rgba(17, 14, 12, 0.26);
      }

      body.auth-screen .auth-welcome-shell {
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
      }

      body.authenticated-screen .nav-item {
        border-color: rgba(255, 255, 255, 0.08);
        background: #171b20;
        color: rgba(255, 242, 226, 0.7);
        box-shadow: none !important;
        filter: none;
        backdrop-filter: none;
      }

      body.authenticated-screen .nav-item-active {
        background: #171b20;
        border-color: rgba(255, 255, 255, 0.08);
        color: #fff5e8;
        box-shadow: none !important;
      }

      body.authenticated-screen .panel {
        border-color: rgba(255, 223, 186, 0.16);
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.14), transparent 24%),
          radial-gradient(circle at 12% 86%, rgba(107, 161, 104, 0.08), transparent 28%),
          linear-gradient(145deg, rgba(16, 21, 29, 0.9), rgba(37, 29, 19, 0.78));
        box-shadow: 0 30px 70px rgba(7, 9, 13, 0.3);
        backdrop-filter: blur(18px);
      }

      body.authenticated-screen .app-shell {
        gap: 22px;
      }

      body.authenticated-screen .app-sidebar {
        top: calc(var(--space-lg) + 12px);
        padding: 22px;
        border-radius: 30px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: #171b20;
        box-shadow: none !important;
        backdrop-filter: none;
        color: rgba(255, 243, 231, 0.9);
      }

      body.authenticated-screen .app-sidebar .nav-item,
      body.authenticated-screen .app-sidebar .nav-item-active {
        box-shadow: none !important;
        filter: none;
        backdrop-filter: none;
      }

      body.authenticated-screen .app-sidebar .eyebrow,
      body.authenticated-screen .app-sidebar .small {
        color: rgba(255, 238, 220, 0.64);
      }

      body.authenticated-screen .app-sidebar h1,
      body.authenticated-screen .app-sidebar strong {
        color: #fff7ee;
      }

      body.authenticated-screen .session-card,
      body.authenticated-screen .sidebar-callout {
        border-color: rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.03);
        box-shadow: none;
        color: inherit;
      }

      body.authenticated-screen .page-header {
        border-color: rgba(255, 255, 255, 0.1);
        background: rgba(20, 24, 30, 0.9);
        box-shadow: none;
      }

      body.authenticated-screen .page-header .eyebrow {
        color: rgba(255, 232, 204, 0.72);
      }

      body.authenticated-screen .page-header h1,
      body.authenticated-screen .page-header h2,
      body.authenticated-screen .page-header .ui-section-title,
      body.authenticated-screen .page-header .section-title {
        color: #fff7ee;
      }

      body.authenticated-screen .page-header p,
      body.authenticated-screen .page-header .ui-section-description {
        color: rgba(255, 241, 225, 0.74);
      }

      body.authenticated-screen .page-header-setup {
        border-color: rgba(255, 223, 186, 0.18);
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.16), transparent 24%),
          radial-gradient(circle at 12% 86%, rgba(107, 161, 104, 0.12), transparent 28%),
          linear-gradient(145deg, rgba(17, 23, 31, 0.9), rgba(43, 34, 22, 0.76));
        box-shadow: 0 24px 48px rgba(8, 10, 14, 0.2);
      }

      body.authenticated-screen .page-header-setup .eyebrow,
      body.authenticated-screen .page-header-setup .ui-section-description,
      body.authenticated-screen .page-header-setup p {
        color: rgba(255, 238, 220, 0.74);
      }

      body.authenticated-screen .subpanel,
      body.authenticated-screen .nested-panel,
      body.authenticated-screen .metric-card,
      body.authenticated-screen .ui-card,
      body.authenticated-screen .ui-stat-block,
      body.authenticated-screen .empty-state,
      body.authenticated-screen .dashboard-list-row,
      body.authenticated-screen .dashboard-guidance-list > *,
      body.authenticated-screen .workout-card,
      body.authenticated-screen .today-stat-card,
      body.authenticated-screen .dashboard-metric,
      body.authenticated-screen .plan-week-card,
      body.authenticated-screen .plan-callout,
      body.authenticated-screen .plan-detail-panel,
      body.authenticated-screen .workout-builder-panel,
      body.authenticated-screen .workout-canvas-section,
      body.authenticated-screen .exercise-entry-card,
      body.authenticated-screen .today-hero-card,
      body.authenticated-screen .today-hero-focus,
      body.authenticated-screen .today-checklist,
      body.authenticated-screen .today-plan-strip {
        border-color: rgba(255, 223, 186, 0.12);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.12), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        box-shadow: 0 16px 34px rgba(7, 9, 13, 0.14);
        color: #fff8f0;
      }

      body.authenticated-screen .today-hero,
      body.authenticated-screen .command-hero {
        border-color: rgba(255, 223, 186, 0.22);
        background:
          radial-gradient(circle at 84% 12%, rgba(255, 201, 120, 0.22), transparent 26%),
          radial-gradient(circle at 16% 88%, rgba(74, 130, 92, 0.14), transparent 28%),
          linear-gradient(145deg, rgba(17, 23, 31, 0.9), rgba(39, 30, 19, 0.76));
        box-shadow: 0 28px 58px rgba(7, 9, 13, 0.24);
      }

      body.authenticated-screen .today-hero h2,
      body.authenticated-screen .command-title,
      body.authenticated-screen .today-hero strong,
      body.authenticated-screen .command-hero strong,
      body.authenticated-screen .workout-builder-panel h2,
      body.authenticated-screen .custom-workout-builder-header h2 {
        color: #fff8f0;
      }

      body.authenticated-screen .custom-workout-builder-header .section-kicker,
      body.authenticated-screen .custom-workout-builder-header .eyebrow {
        color: rgba(255, 236, 214, 0.76);
      }

      body.authenticated-screen .today-hero p,
      body.authenticated-screen .today-hero .small,
      body.authenticated-screen .today-hero-subtitle,
      body.authenticated-screen .command-subtitle,
      body.authenticated-screen .command-hero p {
        color: rgba(255, 236, 214, 0.76);
      }

      body.authenticated-screen .command-title {
        font-size: clamp(2.4rem, 4.2vw, 4.2rem);
        line-height: 0.94;
        letter-spacing: -0.04em;
        max-width: 10ch;
      }

      body.authenticated-screen .command-subtitle {
        max-width: 58ch;
        font-size: 1.04rem;
        line-height: 1.62;
      }

      body.authenticated-screen .today-hero-subtitle {
        font-size: 0.96rem;
        letter-spacing: 0.01em;
      }

      body.authenticated-screen .today-stat-card,
      body.authenticated-screen .quick-stat,
      body.authenticated-screen .dashboard-metric,
      body.authenticated-screen .task-card {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.14), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        color: #fff8f0;
        box-shadow: 0 18px 36px rgba(18, 13, 9, 0.08);
      }

      body.authenticated-screen .task-card-primary {
        border-color: rgba(255, 194, 112, 0.22);
        background:
          radial-gradient(circle at top right, rgba(255, 188, 92, 0.28), transparent 34%),
          radial-gradient(circle at 12% 86%, rgba(107, 161, 104, 0.12), transparent 28%),
          linear-gradient(145deg, rgba(22, 29, 38, 0.96), rgba(55, 37, 21, 0.86));
        box-shadow: 0 22px 40px rgba(7, 9, 13, 0.18);
      }

      body.authenticated-screen .task-card strong,
      body.authenticated-screen .today-task-grid .today-task-title {
        font-size: clamp(1.12rem, 1.35vw, 1.38rem);
        line-height: 1.18;
      }

      body.authenticated-screen .quick-stat strong,
      body.authenticated-screen .today-stat-card strong,
      body.authenticated-screen .dashboard-metric strong {
        font-size: clamp(1.3rem, 1.8vw, 1.72rem);
        line-height: 1.05;
      }

      body.authenticated-screen .dashboard-card,
      body.authenticated-screen .dashboard-card-wide,
      body.authenticated-screen .ops-alert-card,
      body.authenticated-screen .ui-state-panel,
      body.authenticated-screen .ui-inline-notice {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.14), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.4);
        box-shadow: 0 18px 36px rgba(7, 9, 13, 0.16);
        color: #fff8f0;
      }

      body.authenticated-screen .dashboard-card strong,
      body.authenticated-screen .dashboard-card-wide strong,
      body.authenticated-screen .ops-alert-card strong,
      body.authenticated-screen .ui-state-panel strong,
      body.authenticated-screen .ui-inline-notice strong {
        color: #fff8f0;
      }

      body.authenticated-screen button:not(.nav-item):not(#logout-button),
      body.authenticated-screen .small-button {
        border: 1px solid rgba(255, 211, 154, 0.18);
        background: linear-gradient(135deg, #c86d30 0%, #de8a46 100%);
        color: #fff8f1;
        box-shadow: 0 16px 28px rgba(112, 57, 19, 0.22);
      }

      body.authenticated-screen button:not(.nav-item):not(#logout-button):hover:not(:disabled),
      body.authenticated-screen .small-button:hover:not(:disabled) {
        box-shadow: 0 20px 34px rgba(112, 57, 19, 0.26);
      }

      body.authenticated-screen button.secondary:not(.nav-item),
      body.authenticated-screen .secondary.small-button {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        color: #fff4e7;
        box-shadow: 0 10px 22px rgba(7, 9, 13, 0.14);
      }

      body.authenticated-screen button.secondary:not(.nav-item):hover:not(:disabled),
      body.authenticated-screen .secondary.small-button:hover:not(:disabled) {
        box-shadow: 0 14px 26px rgba(20, 15, 10, 0.08);
      }

      body.authenticated-screen button.secondary:not(.nav-item),
      body.authenticated-screen .secondary.small-button,
      body.authenticated-screen a.secondary.small-button {
        backdrop-filter: blur(10px);
      }

      body.authenticated-screen .secondary.small-button,
      body.authenticated-screen button.secondary.small-button {
        min-height: 40px;
        padding: 0.7rem 1rem 0.7rem 1.2rem;
      }

      body.authenticated-screen .page-stack {
        gap: 28px;
      }

      body.authenticated-screen .section-header,
      body.authenticated-screen .ui-section-header,
      body.authenticated-screen .ui-section-header-spread {
        align-items: end;
        gap: 18px;
      }

      body.authenticated-screen .command-hero,
      body.authenticated-screen .today-hero {
        gap: 24px;
        padding: 28px;
        border-radius: 30px;
      }

      body.authenticated-screen .command-hero::before {
        inset: 16px;
        border-color: rgba(255, 243, 224, 0.12);
      }

      body.authenticated-screen .command-hero-main,
      body.authenticated-screen .today-hero-copy {
        gap: 24px;
      }

      body.authenticated-screen .command-aside,
      body.authenticated-screen .today-hero-metrics {
        gap: 16px;
      }

      body.authenticated-screen .task-grid.today-task-grid {
        gap: 16px;
      }

      body.authenticated-screen .today-task-grid > .task-card {
        min-height: 19.5rem;
        padding: 22px;
      }

      body.authenticated-screen .today-task-grid .today-task-title {
        min-height: 3rem;
      }

      body.authenticated-screen .today-task-grid .today-task-detail {
        line-height: 1.5;
        color: rgba(255, 236, 214, 0.76);
      }

      body.authenticated-screen #readiness-panel {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.14), transparent 24%),
          radial-gradient(circle at 12% 86%, rgba(107, 161, 104, 0.1), transparent 28%),
          linear-gradient(145deg, rgba(17, 23, 31, 0.92), rgba(43, 34, 22, 0.8));
        box-shadow: 0 22px 42px rgba(7, 9, 13, 0.16);
        color: #fff8f0;
      }

      body.authenticated-screen #readiness-panel .ui-form-section,
      body.authenticated-screen #readiness-panel .ui-inline-notice,
      body.authenticated-screen #readiness-panel .ui-state-panel {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.16), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 244, 230, 0.04)),
          rgba(14, 19, 26, 0.42);
        box-shadow: 0 14px 28px rgba(7, 9, 13, 0.14);
        color: #fff8f0;
      }

      body.authenticated-screen #readiness-panel .ui-form-section-header strong,
      body.authenticated-screen #readiness-panel strong,
      body.authenticated-screen #readiness-panel h2 {
        color: #fff8f0;
      }

      body.authenticated-screen #readiness-panel p,
      body.authenticated-screen #readiness-panel .small,
      body.authenticated-screen #readiness-panel span,
      body.authenticated-screen #readiness-panel label {
        color: rgba(255, 236, 214, 0.78);
      }

      body.authenticated-screen #readiness-panel .ui-field-group input,
      body.authenticated-screen #readiness-panel .ui-field-group select,
      body.authenticated-screen #readiness-panel .ui-field-group textarea {
        border-color: rgba(255, 223, 186, 0.16);
        background: linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
      }

      body.authenticated-screen #readiness-panel .readiness-intro-grid {
        grid-template-columns: minmax(240px, 320px) minmax(280px, 1fr);
        align-items: start;
      }

      body.authenticated-screen #readiness-panel .readiness-date-stack {
        max-width: 320px;
      }

      body.authenticated-screen #readiness-panel .goal-target-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 18px;
        align-items: start;
      }

      body.authenticated-screen #readiness-panel .readiness-score-field {
        display: grid;
        gap: 0.6rem;
        min-width: 0;
        align-items: start;
        justify-items: start;
      }

      body.authenticated-screen #readiness-panel .readiness-score-field > span {
        display: block;
        color: rgba(255, 236, 214, 0.82);
      }

      body.authenticated-screen #readiness-panel .readiness-score-field select {
        min-height: 56px;
        width: min(100%, 144px);
        justify-self: start;
        padding: 0.9rem 2.5rem 0.9rem 1rem;
        line-height: 1.2;
        border-color: rgba(255, 223, 186, 0.16);
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      }

      body.authenticated-screen #readiness-panel .readiness-score-field select:focus {
        border-color: rgba(200, 109, 48, 0.42);
        box-shadow: 0 0 0 4px rgba(200, 109, 48, 0.12);
        background: linear-gradient(180deg, rgba(34, 45, 58, 0.96), rgba(23, 31, 42, 0.94));
      }

      body.authenticated-screen #readiness-panel textarea[name="notes"] {
        min-height: 132px;
        padding: 1rem 1rem 0.95rem;
        line-height: 1.5;
        background: transparent !important;
        box-shadow: none !important;
      }

      body.authenticated-screen #readiness-panel textarea[name="notes"]::placeholder {
        color: rgba(255, 236, 214, 0.56);
      }

      body.authenticated-screen #readiness-panel .ui-field-group input:focus,
      body.authenticated-screen #readiness-panel .ui-field-group select:focus,
      body.authenticated-screen #readiness-panel .ui-field-group textarea:focus {
        border-color: rgba(200, 109, 48, 0.42);
        box-shadow: 0 0 0 4px rgba(200, 109, 48, 0.12);
        background: linear-gradient(180deg, rgba(34, 45, 58, 0.96), rgba(23, 31, 42, 0.94));
      }

      body.authenticated-screen .content-grid,
      body.authenticated-screen .today-grid,
      body.authenticated-screen .dashboard-grid {
        gap: 20px;
      }

      body.authenticated-screen .subpanel {
        padding: 22px;
      }

      body.authenticated-screen .dashboard-list,
      body.authenticated-screen .dashboard-guidance-list {
        gap: 12px;
      }

      body.authenticated-screen .dashboard-list-row {
        padding: 16px 18px;
        border-radius: 18px;
        border: 1px solid rgba(255, 223, 186, 0.12);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.3);
      }

      body.authenticated-screen .dashboard-list-row .small,
      body.authenticated-screen .dashboard-guidance-list .small,
      body.authenticated-screen .subpanel .small {
        color: rgba(255, 236, 214, 0.72);
      }

      body.authenticated-screen .pill,
      body.authenticated-screen .chip-token,
      body.authenticated-screen .ui-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.34);
        color: rgba(255, 236, 214, 0.88);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
        min-height: 34px;
        padding: 0.48rem 0.92rem;
        line-height: 1.2;
        white-space: nowrap;
        vertical-align: middle;
      }

      body.authenticated-screen .pill-warning {
        border-color: rgba(201, 145, 70, 0.2);
        background: linear-gradient(180deg, rgba(112, 73, 27, 0.52), rgba(74, 47, 18, 0.42));
        color: rgba(255, 239, 220, 0.94);
      }

      body.authenticated-screen .pill-success {
        border-color: rgba(70, 125, 86, 0.18);
        background: linear-gradient(180deg, rgba(49, 90, 62, 0.52), rgba(31, 57, 40, 0.42));
        color: rgba(235, 247, 239, 0.92);
      }

      body.authenticated-screen .pill-danger {
        border-color: rgba(170, 92, 78, 0.22);
        background: linear-gradient(180deg, rgba(118, 55, 45, 0.52), rgba(73, 33, 27, 0.42));
        color: rgba(252, 236, 233, 0.94);
      }

      body.authenticated-screen #readiness-panel .pill,
      body.authenticated-screen .today-plan-strip .pill,
      body.authenticated-screen .today-stat-card .pill {
        min-height: 36px;
        padding-inline: 1rem;
        font-size: 0.84rem;
      }

      body.authenticated-screen #readiness-panel .dashboard-list-row .pill,
      body.authenticated-screen .today-plan-strip .dashboard-list-row .pill {
        align-self: center;
        margin-left: 0.5rem;
      }

      body.authenticated-screen .ops-alert-card,
      body.authenticated-screen .dashboard-card,
      body.authenticated-screen .dashboard-card-wide {
        padding: 22px;
      }

      body.authenticated-screen .ops-alert-card,
      body.authenticated-screen .ui-state-panel-warning,
      body.authenticated-screen .ui-inline-notice-warning {
        background: linear-gradient(180deg, rgba(112, 73, 27, 0.52), rgba(74, 47, 18, 0.42));
      }

      body.authenticated-screen .ui-inline-notice,
      body.authenticated-screen .ui-state-panel {
        border-radius: 20px;
      }

      body.authenticated-screen .ui-inline-notice-info,
      body.authenticated-screen .ui-state-panel-info {
        border-color: rgba(120, 157, 193, 0.18);
        background: linear-gradient(180deg, rgba(52, 79, 104, 0.5), rgba(34, 49, 67, 0.42));
        color: rgba(236, 244, 251, 0.92);
      }

      body.authenticated-screen .ui-inline-notice-success,
      body.authenticated-screen .ui-state-panel-success {
        border-color: rgba(70, 125, 86, 0.18);
        background: linear-gradient(180deg, rgba(49, 90, 62, 0.52), rgba(31, 57, 40, 0.42));
        color: rgba(235, 247, 239, 0.92);
      }

      body.authenticated-screen .ui-inline-notice-warning,
      body.authenticated-screen .ui-state-panel-warning {
        border-color: rgba(201, 145, 70, 0.2);
        color: rgba(255, 239, 220, 0.94);
      }

      body.authenticated-screen .ui-inline-notice-danger,
      body.authenticated-screen .ui-state-panel-danger {
        border-color: rgba(170, 92, 78, 0.2);
        background: linear-gradient(180deg, rgba(118, 55, 45, 0.52), rgba(73, 33, 27, 0.42));
        color: rgba(252, 236, 233, 0.94);
      }

      body.authenticated-screen .route-hero {
        position: relative;
      }

      body.authenticated-screen .route-hero-plan {
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 198, 112, 0.26), transparent 24%),
          radial-gradient(circle at 12% 84%, rgba(126, 101, 56, 0.18), transparent 28%),
          linear-gradient(145deg, rgba(18, 24, 31, 0.92), rgba(48, 34, 19, 0.8));
      }

      body.authenticated-screen .route-hero-workouts {
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 176, 104, 0.24), transparent 24%),
          radial-gradient(circle at 10% 88%, rgba(100, 132, 158, 0.18), transparent 28%),
          linear-gradient(145deg, rgba(16, 22, 30, 0.92), rgba(40, 30, 22, 0.78));
      }

      body.authenticated-screen .route-hero-nutrition {
        background:
          radial-gradient(circle at 84% 14%, rgba(235, 196, 126, 0.22), transparent 24%),
          radial-gradient(circle at 12% 86%, rgba(97, 144, 98, 0.2), transparent 28%),
          linear-gradient(145deg, rgba(15, 23, 26, 0.92), rgba(34, 33, 21, 0.78));
      }

      body.authenticated-screen .route-hero-setup {
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.24), transparent 24%),
          radial-gradient(circle at 12% 86%, rgba(107, 161, 104, 0.16), transparent 28%),
          linear-gradient(145deg, rgba(17, 23, 31, 0.92), rgba(43, 34, 22, 0.8));
      }

      body.authenticated-screen .route-hero-setup .ui-stat-block {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 244, 230, 0.04)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 20px 40px rgba(7, 9, 13, 0.18);
      }

      body.authenticated-screen .route-hero-setup .ui-stat-block strong {
        color: #fff8f0;
      }

      body.authenticated-screen .route-hero-setup .ui-stat-block .small,
      body.authenticated-screen .route-hero-setup .ui-stat-block > span:first-child {
        color: rgba(255, 236, 214, 0.78);
      }

      body.authenticated-screen .route-summary-grid {
        gap: 14px;
      }

      body.authenticated-screen .route-summary-grid .quick-stat {
        padding: 18px;
        border-radius: 20px;
      }

      body.authenticated-screen .route-intro-panel {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at top right, rgba(255, 203, 125, 0.14), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 22px 40px rgba(7, 9, 13, 0.16);
        color: #fff8f0;
      }

      body.authenticated-screen .route-intro-plan {
        background:
          radial-gradient(circle at top right, rgba(255, 203, 125, 0.18), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
      }

      body.authenticated-screen .route-intro-workouts {
        background:
          radial-gradient(circle at top right, rgba(255, 176, 104, 0.18), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
      }

      body.authenticated-screen .route-intro-nutrition {
        background:
          radial-gradient(circle at top right, rgba(107, 161, 104, 0.18), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
      }

      body.authenticated-screen .daily-loop-panel {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
      }

      body.authenticated-screen .daily-loop-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }

      body.authenticated-screen .daily-loop-card {
        display: grid;
        align-content: space-between;
        gap: 14px;
        min-height: 190px;
        padding: 16px;
        border-radius: 18px;
        border: 1px solid rgba(255, 223, 186, 0.13);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.34);
        color: #fff8f0;
        box-shadow: 0 16px 34px rgba(7, 9, 13, 0.12);
      }

      body.authenticated-screen .daily-loop-card-success {
        border-color: rgba(75, 143, 96, 0.2);
        background:
          linear-gradient(180deg, rgba(55, 106, 70, 0.34), rgba(25, 49, 35, 0.28)),
          rgba(14, 19, 26, 0.34);
      }

      body.authenticated-screen .daily-loop-card-warning {
        border-color: rgba(201, 145, 70, 0.24);
        background:
          linear-gradient(180deg, rgba(112, 73, 27, 0.34), rgba(74, 47, 18, 0.28)),
          rgba(14, 19, 26, 0.34);
      }

      body.authenticated-screen .daily-loop-card-danger {
        border-color: rgba(170, 92, 78, 0.24);
        background:
          linear-gradient(180deg, rgba(118, 55, 45, 0.34), rgba(73, 33, 27, 0.28)),
          rgba(14, 19, 26, 0.34);
      }

      body.authenticated-screen .daily-loop-card strong {
        font-size: 1.08rem;
        line-height: 1.2;
      }

      body.authenticated-screen .nutrition-page-stack .pill {
        border-color: rgba(255, 223, 186, 0.16);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(18, 25, 34, 0.42);
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 0.52rem 0.96rem;
        line-height: 1.2;
      }

      body.authenticated-screen .nutrition-page-stack .section-header > .pill,
      body.authenticated-screen .nutrition-page-stack .dashboard-list-row .pill,
      body.authenticated-screen .nutrition-page-stack .timeline-row .pill {
        align-self: start;
      }

      body.authenticated-screen .nutrition-page-stack .ui-summary-block,
      body.authenticated-screen .nutrition-page-stack .notice-inline,
      body.authenticated-screen .nutrition-page-stack .dashboard-list-row,
      body.authenticated-screen .nutrition-page-stack .timeline-row {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.12), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        box-shadow: 0 16px 34px rgba(7, 9, 13, 0.14);
        color: #fff8f0;
      }

      body.authenticated-screen .nutrition-page-stack .ui-summary-block strong,
      body.authenticated-screen .nutrition-page-stack .dashboard-list-row strong,
      body.authenticated-screen .nutrition-page-stack .timeline-row strong,
      body.authenticated-screen .nutrition-page-stack .section-header h2 {
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
      }

      body.authenticated-screen .nutrition-page-stack .ui-summary-block .eyebrow,
      body.authenticated-screen .nutrition-page-stack .notice-inline strong,
      body.authenticated-screen .nutrition-page-stack .dashboard-list-row .eyebrow,
      body.authenticated-screen .nutrition-page-stack .timeline-row .eyebrow {
        color: rgba(255, 221, 180, 0.78);
      }

      body.authenticated-screen .nutrition-page-stack .ui-summary-block .small,
      body.authenticated-screen .nutrition-page-stack .notice-inline .small,
      body.authenticated-screen .nutrition-page-stack .dashboard-list-row .small,
      body.authenticated-screen .nutrition-page-stack .timeline-row .small,
      body.authenticated-screen .nutrition-page-stack .section-kicker {
        color: rgba(255, 232, 214, 0.74);
      }

      body.authenticated-screen .nutrition-guidance-panel .ui-summary-block,
      body.authenticated-screen .nutrition-goal-coaching-panel .ui-summary-block,
      body.authenticated-screen .nutrition-safety-panel .ui-summary-block {
        border-radius: 22px;
      }

      body.authenticated-screen .nutrition-meal-logs-panel label,
      body.authenticated-screen .nutrition-templates-panel label {
        display: grid;
        gap: 0.55rem;
        min-width: 0;
        align-items: start;
      }

      body.authenticated-screen .nutrition-meal-logs-panel label > span,
      body.authenticated-screen .nutrition-templates-panel label > span {
        color: rgba(255, 236, 214, 0.82);
        font-weight: 700;
        letter-spacing: 0.01em;
      }

      body.authenticated-screen .nutrition-meal-logs-panel input:not([type="checkbox"]):not([type="hidden"]),
      body.authenticated-screen .nutrition-meal-logs-panel select,
      body.authenticated-screen .nutrition-meal-logs-panel textarea,
      body.authenticated-screen .nutrition-templates-panel input:not([type="checkbox"]):not([type="hidden"]),
      body.authenticated-screen .nutrition-templates-panel select,
      body.authenticated-screen .nutrition-templates-panel textarea {
        min-height: 52px;
        padding: 0.9rem 1rem;
        line-height: 1.35;
        border-radius: 20px;
        border-color: rgba(255, 223, 186, 0.16);
        background: linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
      }

      body.authenticated-screen .nutrition-meal-logs-panel textarea,
      body.authenticated-screen .nutrition-templates-panel textarea {
        min-height: 120px;
        padding-top: 1rem;
        line-height: 1.5;
      }

      body.authenticated-screen .nutrition-meal-logs-panel input[name="entryDate"],
      body.authenticated-screen .nutrition-meal-logs-panel textarea[name="notes"],
      body.authenticated-screen .nutrition-templates-panel textarea[name="notes"] {
        background: transparent !important;
        box-shadow: none !important;
      }

      body.authenticated-screen .nutrition-meal-logs-panel input::placeholder,
      body.authenticated-screen .nutrition-meal-logs-panel textarea::placeholder,
      body.authenticated-screen .nutrition-templates-panel input::placeholder,
      body.authenticated-screen .nutrition-templates-panel textarea::placeholder {
        color: rgba(255, 231, 212, 0.46);
      }

      body.authenticated-screen .nutrition-meal-logs-panel input:focus,
      body.authenticated-screen .nutrition-meal-logs-panel select:focus,
      body.authenticated-screen .nutrition-meal-logs-panel textarea:focus,
      body.authenticated-screen .nutrition-templates-panel input:focus,
      body.authenticated-screen .nutrition-templates-panel select:focus,
      body.authenticated-screen .nutrition-templates-panel textarea:focus {
        border-color: rgba(200, 109, 48, 0.42);
        box-shadow: 0 0 0 4px rgba(200, 109, 48, 0.12);
        background: linear-gradient(180deg, rgba(34, 45, 58, 0.96), rgba(23, 31, 42, 0.94));
      }

      body.authenticated-screen .nutrition-meal-logs-panel input[name="entryDate"]:focus,
      body.authenticated-screen .nutrition-meal-logs-panel textarea[name="notes"]:focus,
      body.authenticated-screen .nutrition-templates-panel textarea[name="notes"]:focus {
        background: transparent !important;
      }

      body.authenticated-screen .plan-summary,
      body.authenticated-screen .workout-review-panel {
        gap: 22px;
      }

      body.authenticated-screen .plan-callout {
        padding: 20px 22px;
        border-color: rgba(255, 223, 186, 0.14);
        border-radius: 24px;
        background:
          radial-gradient(circle at top right, rgba(255, 198, 112, 0.18), transparent 26%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 18px 36px rgba(7, 9, 13, 0.14);
        color: #fff8f0;
      }

      body.authenticated-screen .plan-calendar-panel,
      body.authenticated-screen .plan-detail-panel,
      body.authenticated-screen .workout-detail-workspace,
      body.authenticated-screen .workout-form-panel {
        border-color: rgba(255, 223, 186, 0.14);
        border-radius: 26px;
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.12), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 22px 42px rgba(7, 9, 13, 0.16);
        color: #fff8f0;
      }

      body.authenticated-screen .plan-calendar-panel {
        background:
          radial-gradient(circle at top right, rgba(255, 203, 125, 0.18), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
      }

      body.authenticated-screen .plan-detail-panel {
        padding: 24px;
      }

      body.authenticated-screen .plan-detail-panel .subpanel,
      body.authenticated-screen .workout-detail-workspace .subpanel,
      body.authenticated-screen .workout-detail-workspace .nested-panel {
        border-color: rgba(255, 223, 186, 0.12);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.3);
        box-shadow: 0 14px 30px rgba(7, 9, 13, 0.12);
      }

      body.authenticated-screen .plan-detail-panel .quick-stat-grid,
      body.authenticated-screen .workout-detail-workspace .dashboard-metrics-grid,
      body.authenticated-screen .workout-detail-workspace .dashboard-metrics,
      body.authenticated-screen .workout-detail-workspace .metric-grid {
        gap: 14px;
      }

      body.authenticated-screen .workout-detail-workspace {
        padding: 22px;
      }

      body.authenticated-screen .workout-detail-workspace > .subpanel.nested-panel,
      body.authenticated-screen .workout-detail-workspace .run-performance-card,
      body.authenticated-screen .workout-detail-workspace .ui-chart-card,
      body.authenticated-screen .workout-detail-workspace .ui-summary-block {
        border-radius: 22px;
      }

      body.authenticated-screen .workout-form-panel {
        top: 18px;
      }

      body.authenticated-screen .workout-form-panel .ui-field-group {
        display: grid;
        gap: 0.6rem;
        align-items: start;
        min-width: 0;
      }

      body.authenticated-screen .workout-form-panel .ui-field-group > span:first-child {
        display: block;
        color: rgba(255, 236, 214, 0.82);
        font-weight: 700;
        letter-spacing: 0.01em;
      }

      body.authenticated-screen .workout-form-panel .ui-field-group .small,
      body.authenticated-screen .workout-form-panel .ui-field-group .ui-field-feedback {
        color: rgba(255, 232, 214, 0.66);
      }

      body.authenticated-screen .workout-form-panel .ui-field-group .ui-field-feedback {
        font-weight: 600;
      }

      body.authenticated-screen .route-intro-workouts .ui-section-header h2,
      body.authenticated-screen .workout-detail-workspace .ui-section-header h2,
      body.authenticated-screen .workout-form-panel .ui-section-header h2,
      body.authenticated-screen .workout-archive-panel .ui-section-header h2 {
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
      }

      body.authenticated-screen .workout-form-panel .notice-inline,
      body.authenticated-screen .workout-form-panel .pill {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.34);
      }

      body.authenticated-screen .workout-form-panel .notice-inline {
        gap: 0.55rem;
        align-items: start;
      }

      body.authenticated-screen .workout-form-panel .notice-inline > * {
        min-width: 0;
      }

      body.authenticated-screen .workout-list {
        gap: 14px;
      }

      body.authenticated-screen .workout-card {
        border-radius: 22px;
      }

      body.authenticated-screen .archive-toolbar {
        padding: 18px 20px;
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        box-shadow: 0 12px 24px rgba(7, 9, 13, 0.12);
        color: #fff8f0;
      }

      body.authenticated-screen .custom-workout-builder-shell label,
      body.authenticated-screen .workout-builder-panel label {
        display: grid;
        gap: 0.55rem;
        min-width: 0;
        align-items: start;
      }

      body.authenticated-screen .custom-workout-builder-shell label > span,
      body.authenticated-screen .workout-builder-panel label > span {
        color: rgba(255, 236, 214, 0.8);
      }

      body.authenticated-screen .custom-workout-builder-shell input:not([type="checkbox"]):not([type="hidden"]),
      body.authenticated-screen .custom-workout-builder-shell select,
      body.authenticated-screen .custom-workout-builder-shell textarea,
      body.authenticated-screen .workout-builder-panel input:not([type="checkbox"]):not([type="hidden"]),
      body.authenticated-screen .workout-builder-panel select,
      body.authenticated-screen .workout-builder-panel textarea {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        padding: 0.95rem 1rem;
        border-radius: 24px;
        border: 1px solid rgba(255, 223, 186, 0.16);
        background: linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
      }

      body.authenticated-screen .custom-workout-builder-shell textarea,
      body.authenticated-screen .workout-builder-panel textarea {
        min-height: 120px;
        line-height: 1.5;
        resize: vertical;
      }

      body.authenticated-screen .custom-workout-builder-shell textarea[name="customWorkoutDescription"],
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customWorkoutNotes"],
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSectionNotes"],
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSectionTargets"],
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSegmentNotes"],
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSegmentTargets"],
      body.authenticated-screen .workout-builder-panel textarea[name="customWorkoutDescription"],
      body.authenticated-screen .workout-builder-panel textarea[name="customWorkoutNotes"],
      body.authenticated-screen .workout-builder-panel textarea[name="customSectionNotes"],
      body.authenticated-screen .workout-builder-panel textarea[name="customSectionTargets"],
      body.authenticated-screen .workout-builder-panel textarea[name="customSegmentNotes"],
      body.authenticated-screen .workout-builder-panel textarea[name="customSegmentTargets"] {
        background: transparent !important;
        box-shadow: none !important;
      }

      body.authenticated-screen .custom-workout-builder-shell input::placeholder,
      body.authenticated-screen .custom-workout-builder-shell textarea::placeholder,
      body.authenticated-screen .workout-builder-panel input::placeholder,
      body.authenticated-screen .workout-builder-panel textarea::placeholder {
        color: rgba(255, 236, 214, 0.52);
      }

      body.authenticated-screen .custom-workout-builder-shell input:not([type="checkbox"]):not([type="hidden"]):focus,
      body.authenticated-screen .custom-workout-builder-shell select:focus,
      body.authenticated-screen .custom-workout-builder-shell textarea:focus,
      body.authenticated-screen .workout-builder-panel input:not([type="checkbox"]):not([type="hidden"]):focus,
      body.authenticated-screen .workout-builder-panel select:focus,
      body.authenticated-screen .workout-builder-panel textarea:focus {
        border-color: rgba(200, 109, 48, 0.42);
        box-shadow: 0 0 0 4px rgba(200, 109, 48, 0.12);
        background: linear-gradient(180deg, rgba(34, 45, 58, 0.96), rgba(23, 31, 42, 0.94));
      }

      body.authenticated-screen .custom-workout-builder-shell textarea[name="customWorkoutDescription"]:focus,
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customWorkoutNotes"]:focus,
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSectionNotes"]:focus,
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSectionTargets"]:focus,
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSegmentNotes"]:focus,
      body.authenticated-screen .custom-workout-builder-shell textarea[name="customSegmentTargets"]:focus,
      body.authenticated-screen .workout-builder-panel textarea[name="customWorkoutDescription"]:focus,
      body.authenticated-screen .workout-builder-panel textarea[name="customWorkoutNotes"]:focus,
      body.authenticated-screen .workout-builder-panel textarea[name="customSectionNotes"]:focus,
      body.authenticated-screen .workout-builder-panel textarea[name="customSectionTargets"]:focus,
      body.authenticated-screen .workout-builder-panel textarea[name="customSegmentNotes"]:focus,
      body.authenticated-screen .workout-builder-panel textarea[name="customSegmentTargets"]:focus {
        background: transparent !important;
      }

      body.authenticated-screen .custom-workout-builder-shell label.workout-builder-optional-toggle,
      body.authenticated-screen .workout-builder-panel label.workout-builder-optional-toggle {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: space-between;
        gap: 0.7rem;
        width: fit-content;
        min-width: 0;
        align-self: center;
        min-height: 52px;
        padding: 0.75rem 1rem;
        border-color: rgba(255, 223, 186, 0.16);
        border-radius: 24px;
        background: transparent !important;
        color: rgba(255, 236, 214, 0.88);
        box-shadow: none !important;
        white-space: nowrap;
      }

      body.authenticated-screen .custom-workout-builder-shell label.workout-builder-optional-toggle > span,
      body.authenticated-screen .workout-builder-panel label.workout-builder-optional-toggle > span {
        display: inline-flex;
        align-items: center;
        line-height: 1;
        margin: 0;
        transform: none;
      }

      body.authenticated-screen .custom-workout-builder-shell label.workout-builder-optional-toggle input[type="checkbox"],
      body.authenticated-screen .workout-builder-panel label.workout-builder-optional-toggle input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin: 0;
        display: block !important;
        position: static;
        margin-left: auto;
        transform: none;
        accent-color: #c86d30;
      }

      body.authenticated-screen .custom-workout-builder-shell label.workout-builder-optional-toggle:has(input[type="checkbox"]:checked),
      body.authenticated-screen .workout-builder-panel label.workout-builder-optional-toggle:has(input[type="checkbox"]:checked) {
        border-color: rgba(70, 125, 86, 0.24);
        background: transparent !important;
        color: rgba(235, 247, 239, 0.94);
      }

      body.authenticated-screen .workout-builder-shell {
        gap: 18px;
      }

      body.authenticated-screen .workout-builder-canvas,
      body.authenticated-screen .workout-builder-panel {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.14), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 18px 36px rgba(7, 9, 13, 0.16);
        color: #fff8f0;
      }

      body.authenticated-screen .workout-builder-canvas .small,
      body.authenticated-screen .workout-builder-panel .small,
      body.authenticated-screen .workout-builder-canvas span,
      body.authenticated-screen .workout-builder-panel span {
        color: rgba(255, 236, 214, 0.76);
      }

      body.authenticated-screen .workout-builder-divider {
        background: linear-gradient(90deg, transparent, rgba(255, 223, 186, 0.22), transparent);
      }

      body.authenticated-screen .workout-canvas-section,
      body.authenticated-screen .workout-canvas-segment {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.34);
        box-shadow: 0 14px 28px rgba(7, 9, 13, 0.12);
        color: #fff8f0;
      }

      body.authenticated-screen .workout-canvas-section:hover,
      body.authenticated-screen .workout-canvas-segment:hover {
        border-color: rgba(255, 203, 125, 0.24);
        box-shadow: 0 18px 34px rgba(7, 9, 13, 0.16);
        transform: translateY(-1px);
      }

      body.authenticated-screen .workout-canvas-section-active,
      body.authenticated-screen .workout-canvas-segment-active {
        border-color: rgba(255, 203, 125, 0.3);
        box-shadow:
          0 18px 34px rgba(7, 9, 13, 0.18),
          inset 0 0 0 1px rgba(255, 203, 125, 0.12);
        background:
          radial-gradient(circle at top right, rgba(255, 203, 125, 0.16), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 244, 230, 0.04)),
          rgba(14, 19, 26, 0.38);
      }

      body.authenticated-screen .workout-canvas-drag-handle {
        color: rgba(255, 198, 135, 0.84);
        border-color: rgba(255, 223, 186, 0.12);
        background: rgba(255, 255, 255, 0.04);
      }

      body.authenticated-screen .workout-canvas-meta-chip {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.32);
        color: rgba(255, 236, 214, 0.82);
      }

      body.authenticated-screen .workout-canvas-meta-chip strong {
        color: #fff8f0;
      }

      body.authenticated-screen .workout-breakdown-summary {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.3);
        color: rgba(255, 236, 214, 0.78);
      }

      body.authenticated-screen .database-row-active td {
        background: rgba(255, 203, 125, 0.14);
      }

      body.authenticated-screen .route-utility-panel {
        border-color: rgba(255, 223, 186, 0.14);
        border-radius: 24px;
        background:
          radial-gradient(circle at 84% 14%, rgba(255, 203, 125, 0.14), transparent 24%),
          radial-gradient(circle at 12% 86%, rgba(107, 161, 104, 0.1), transparent 28%),
          linear-gradient(145deg, rgba(17, 23, 31, 0.92), rgba(43, 34, 22, 0.8));
        box-shadow: 0 20px 38px rgba(7, 9, 13, 0.16);
        color: #fff8f0;
      }

      body.authenticated-screen .route-utility-panel .ui-form-section,
      body.authenticated-screen .route-utility-panel .ui-action-bar,
      body.authenticated-screen .route-utility-panel .dashboard-card,
      body.authenticated-screen .route-utility-panel .dashboard-card-wide {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.16), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 244, 230, 0.04)),
          rgba(14, 19, 26, 0.42);
        box-shadow: 0 14px 28px rgba(7, 9, 13, 0.14);
        color: #fff8f0;
      }

      body.authenticated-screen .command-hero .ui-action-bar,
      body.authenticated-screen .today-hero .ui-action-bar {
        border-color: rgba(255, 223, 186, 0.14);
        background:
          radial-gradient(circle at 86% 18%, rgba(255, 203, 125, 0.14), transparent 24%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.34);
        box-shadow: 0 12px 24px rgba(7, 9, 13, 0.12);
        color: #fff8f0;
      }

      body.authenticated-screen .command-hero .ui-action-bar {
        width: fit-content;
        max-width: 100%;
        justify-self: start;
      }

      body.authenticated-screen .route-utility-panel .ui-form-section {
        border-radius: 22px;
      }

      body.authenticated-screen .route-utility-panel .ui-form-section-header strong,
      body.authenticated-screen .route-utility-panel .ui-action-bar strong {
        color: #fff8f0;
      }

      body.authenticated-screen .route-transfer-panel h2,
      body.authenticated-screen .comment-thread-panel h3,
      body.authenticated-screen .workout-builder-panel h3,
      body.authenticated-screen .route-transfer-panel .ui-field-group > span:first-child,
      body.authenticated-screen .comment-thread-panel .ui-field-group > span:first-child {
        color: #fff8f0;
      }

      body.authenticated-screen .route-utility-panel .ui-field-group input,
      body.authenticated-screen .route-utility-panel .ui-field-group select,
      body.authenticated-screen .route-utility-panel .ui-field-group textarea,
      body.authenticated-screen .workout-form-panel input,
      body.authenticated-screen .workout-form-panel select,
      body.authenticated-screen .workout-form-panel textarea {
        border-color: rgba(255, 223, 186, 0.16);
        background: linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
      }

      body.authenticated-screen .workout-form-panel .ui-field-group:has(input[name="date"]) {
        width: min(100%, 280px);
        justify-self: start;
      }

      body.authenticated-screen .workout-form-panel input,
      body.authenticated-screen .workout-form-panel select,
      body.authenticated-screen .workout-form-panel textarea,
      body.authenticated-screen .exercise-entry-card input,
      body.authenticated-screen .exercise-entry-card select,
      body.authenticated-screen .exercise-entry-card textarea {
        min-height: 52px;
        padding: 0.9rem 1rem;
        line-height: 1.35;
        border-radius: 20px;
      }

      body.authenticated-screen .workout-form-panel textarea,
      body.authenticated-screen .exercise-entry-card textarea {
        min-height: 136px;
        padding-top: 1rem;
        line-height: 1.5;
      }

      body.authenticated-screen .workout-form-panel input[name="date"] {
        width: 100%;
        background: transparent !important;
        box-shadow: none !important;
      }

      body.authenticated-screen .workout-form-panel textarea[name="notes"] {
        background: transparent !important;
        box-shadow: none !important;
      }

      body.authenticated-screen .workout-form-panel input::placeholder,
      body.authenticated-screen .workout-form-panel textarea::placeholder,
      body.authenticated-screen .exercise-entry-card input::placeholder,
      body.authenticated-screen .exercise-entry-card textarea::placeholder {
        color: rgba(255, 231, 212, 0.46);
      }

      body.authenticated-screen .route-utility-panel .ui-field-group input:focus,
      body.authenticated-screen .route-utility-panel .ui-field-group select:focus,
      body.authenticated-screen .route-utility-panel .ui-field-group textarea:focus,
      body.authenticated-screen .workout-form-panel input:focus,
      body.authenticated-screen .workout-form-panel select:focus,
      body.authenticated-screen .workout-form-panel textarea:focus {
        border-color: rgba(200, 109, 48, 0.42);
        box-shadow: 0 0 0 4px rgba(200, 109, 48, 0.12);
        background: linear-gradient(180deg, rgba(34, 45, 58, 0.96), rgba(23, 31, 42, 0.94));
      }

      body.authenticated-screen .workout-form-panel input[name="date"]:focus,
      body.authenticated-screen .workout-form-panel textarea[name="notes"]:focus {
        background: transparent !important;
      }

      body.authenticated-screen .route-transfer-panel .ui-field-group {
        align-items: start;
      }

      body.authenticated-screen .exercise-entry-card {
        gap: 14px;
      }

      body.authenticated-screen .exercise-entry-card label {
        display: grid;
        gap: 0.55rem;
        min-width: 0;
        align-items: start;
      }

      body.authenticated-screen .exercise-entry-card label > span {
        color: rgba(255, 236, 214, 0.8);
        font-weight: 700;
        letter-spacing: 0.01em;
      }

      body.authenticated-screen .route-transfer-panel .ui-field-group select[name="format"] {
        width: min(100%, 136px);
        min-height: 48px;
        padding: 0.72rem 2.6rem 0.72rem 1rem;
        color: #fff8f0;
        -webkit-text-fill-color: #fff8f0;
        text-align: left;
        appearance: none;
        -webkit-appearance: none;
        background-image:
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.25L7 9.25L11 5.25' stroke='%23FFF4E7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
          linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
        background-repeat: no-repeat, no-repeat;
        background-position: right 0.95rem center, center;
        background-size: 14px 14px, auto;
      }

      body.authenticated-screen .route-transfer-panel .ui-field-group select[name="format"] option {
        color: #1f1710;
        background: #fff7ee;
      }

      body.authenticated-screen .route-transfer-panel .ui-field-group input[type="file"] {
        width: min(100%, 360px);
        padding: 0.8rem 1rem;
        color: rgba(255, 236, 214, 0.82);
        background: linear-gradient(180deg, rgba(28, 37, 48, 0.94), rgba(19, 26, 35, 0.92));
      }

      body.authenticated-screen .route-transfer-panel .ui-field-group input[type="file"]::file-selector-button {
        margin-right: 0.85rem;
        padding: 0.68rem 0.95rem;
        border: 1px solid rgba(255, 223, 186, 0.14);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        color: #fff4e7;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        cursor: pointer;
      }

      body.authenticated-screen .route-transfer-panel .ui-field-group input[type="file"]::-webkit-file-upload-button {
        margin-right: 0.85rem;
        padding: 0.68rem 0.95rem;
        border: 1px solid rgba(255, 223, 186, 0.14);
        border-radius: 999px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.36);
        color: #fff4e7;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        cursor: pointer;
      }

      body.authenticated-screen .route-transfer-panel textarea[name="content"] {
        min-height: 240px;
        padding: 1rem 1rem 0.95rem;
        line-height: 1.55;
        background: transparent !important;
        box-shadow: none !important;
      }

      body.authenticated-screen .route-transfer-panel textarea[name="content"]::placeholder {
        color: rgba(255, 236, 214, 0.54);
      }

      body.authenticated-screen .route-transfer-panel textarea[name="content"]:focus {
        background: transparent !important;
      }

      body.authenticated-screen .comment-thread-panel .dashboard-guidance-list,
      body.authenticated-screen .comment-thread-panel .comment-thread-replies {
        gap: 12px;
      }

      body.authenticated-screen .comment-thread-panel .ui-comment-card,
      body.authenticated-screen .comment-thread-panel .comment-thread-node {
        border-color: rgba(255, 223, 186, 0.14);
        border-radius: 20px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 12px 24px rgba(7, 9, 13, 0.12);
        color: #fff8f0;
      }

      body.authenticated-screen .comment-thread-panel textarea {
        min-height: 112px;
      }

      body.authenticated-screen .route-transfer-panel .button-row,
      body.authenticated-screen .comment-thread-panel .button-row,
      body.authenticated-screen .workout-form-panel .button-row {
        gap: 10px;
      }

      body.authenticated-screen .route-transfer-panel .dashboard-list,
      body.authenticated-screen .comment-thread-panel .dashboard-list {
        gap: 12px;
      }

      body.authenticated-screen .ui-table-wrap,
      body.authenticated-screen .database-table-wrap {
        border-color: rgba(255, 223, 186, 0.14);
        border-radius: 22px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 244, 230, 0.03)),
          rgba(14, 19, 26, 0.38);
        box-shadow: 0 14px 28px rgba(7, 9, 13, 0.12);
      }

      body.authenticated-screen .ui-table th,
      body.authenticated-screen .database-table th {
        color: rgba(255, 236, 214, 0.7);
        background: rgba(255, 255, 255, 0.04);
      }

      body.authenticated-screen .ui-table td,
      body.authenticated-screen .database-table td {
        border-bottom-color: rgba(255, 223, 186, 0.08);
        color: rgba(255, 244, 235, 0.88);
      }

      body.authenticated-screen .ui-table tbody tr:hover td,
      body.authenticated-screen .database-table tbody tr:hover td {
        background: rgba(255, 203, 125, 0.08);
      }

      body.authenticated-screen .two-up,
      body.authenticated-screen .goal-target-grid,
      body.authenticated-screen .grid-two {
        gap: 16px;
      }

      body.authenticated-screen #logout-button {
        border-color: rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.06);
        color: #fff1df;
        box-shadow: none;
      }

      body.authenticated-screen #logout-button:hover:not(:disabled),
      body.authenticated-screen #logout-button:focus-visible {
        border-color: rgba(255, 203, 125, 0.26);
        background: rgba(255, 255, 255, 0.1);
      }

      body.auth-screen .auth-welcome-grid {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 460px) minmax(0, 1fr);
        gap: clamp(20px, 4vw, 48px);
        align-items: center;
      }

      body.auth-screen .auth-welcome-story {
        grid-column: 1 / 2;
        align-self: center;
        max-width: 520px;
      }

      body.auth-screen .auth-welcome-card {
        grid-column: 2 / 3;
        justify-self: center;
        width: min(100%, 460px);
      }

      .auth-welcome-shell::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(5, 8, 12, 0.08) 0%, rgba(5, 8, 12, 0.22) 100%),
          radial-gradient(circle at 18% 18%, rgba(255, 188, 92, 0.1), transparent 28%);
        pointer-events: none;
      }

      .auth-welcome-grid {
        position: relative;
        z-index: 1;
        min-height: inherit;
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(320px, 460px);
        gap: 28px;
        align-items: center;
        padding: clamp(24px, 5vw, 56px);
      }

      .auth-welcome-story {
        display: grid;
        gap: 18px;
        align-content: end;
        color: rgba(255, 248, 240, 0.96);
        max-width: 560px;
      }

      .auth-welcome-kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        width: fit-content;
        padding: 10px 14px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(14px);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .auth-welcome-kicker::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #ffcb7d;
        box-shadow: 0 0 18px rgba(255, 203, 125, 0.85);
      }

      .auth-welcome-story h1 {
        margin: 0;
        font-size: clamp(2.7rem, 5vw, 5rem);
        line-height: 0.94;
        letter-spacing: -0.045em;
        max-width: 9ch;
        color: #fff8f0;
        text-wrap: balance;
      }

      .auth-welcome-story p {
        margin: 0;
        max-width: 52ch;
        font-size: clamp(1rem, 1.8vw, 1.15rem);
        line-height: 1.65;
        color: rgba(255, 244, 232, 0.82);
      }

      .auth-public-positioning {
        display: grid;
        gap: 0.55rem;
        padding: 16px 18px;
        border-radius: 24px;
        border: 1px solid rgba(255, 223, 186, 0.14);
        background: rgba(15, 21, 29, 0.56);
        color: #fff8f0;
      }

      .auth-public-positioning strong {
        color: #fff8f0;
        font-size: clamp(1.08rem, 1.8vw, 1.25rem);
        line-height: 1.18;
      }

      .auth-public-positioning span {
        color: rgba(255, 232, 214, 0.76);
        line-height: 1.55;
      }

      .auth-welcome-story-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 6px;
      }

      .auth-welcome-stat {
        display: grid;
        gap: 6px;
        padding: 16px 18px;
        border-radius: 20px;
        background: rgba(12, 16, 22, 0.36);
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(16px);
      }

      .auth-welcome-stat small {
        color: rgba(255, 198, 135, 0.9);
        font-size: 0.7rem;
        font-weight: 900;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .auth-welcome-stat strong {
        font-size: 1.45rem;
        line-height: 1;
        color: #fff7eb;
      }

      .auth-welcome-stat span {
        color: rgba(255, 238, 220, 0.72);
        font-size: 0.9rem;
      }

      .auth-welcome-card {
        justify-self: end;
        width: min(100%, 460px);
        display: grid;
        gap: 22px;
        padding: clamp(22px, 3vw, 34px);
        border-radius: 30px;
        background: linear-gradient(180deg, rgba(13, 18, 24, 0.84) 0%, rgba(18, 23, 31, 0.7) 100%);
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 28px 70px rgba(7, 8, 11, 0.35);
        backdrop-filter: blur(26px);
        color: #f7efe4;
      }

      .auth-welcome-card-header {
        display: grid;
        gap: 10px;
      }

      .auth-welcome-mode {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        min-height: 32px;
        padding: 0 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: rgba(255, 241, 225, 0.86);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .auth-welcome-card h2 {
        margin: 0;
        font-size: clamp(2rem, 3vw, 2.7rem);
        line-height: 1;
        letter-spacing: -0.04em;
        color: #fff9f2;
      }

      .auth-welcome-card > p,
      .auth-welcome-card-header > p {
        margin: 0;
        color: rgba(247, 237, 225, 0.75);
        line-height: 1.6;
      }

      .auth-provider-stack {
        display: grid;
        gap: 10px;
      }

      .auth-provider-button {
        width: 100%;
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        min-height: 58px;
        padding: 0 18px;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 249, 242, 0.94);
        color: #18120d;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: -0.01em;
        cursor: pointer;
        transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, background 140ms ease;
      }

      .auth-provider-button:hover:not(:disabled),
      .auth-provider-button:focus-visible {
        transform: translateY(-1px);
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
        border-color: rgba(255, 255, 255, 0.34);
        outline: none;
      }

      .auth-provider-button:disabled {
        opacity: 0.56;
        cursor: not-allowed;
      }

      .auth-provider-button-apple {
        background: rgba(248, 247, 245, 0.92);
      }

      .auth-provider-icon {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .auth-provider-icon svg {
        width: 22px;
        height: 22px;
        display: block;
      }

      .auth-divider {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 12px;
        align-items: center;
        color: rgba(247, 237, 225, 0.62);
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.12em;
      }

      .auth-divider::before,
      .auth-divider::after {
        content: "";
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.12));
      }

      .auth-email-form {
        display: grid;
        gap: 14px;
      }

      .auth-field {
        display: grid;
        gap: 8px;
      }

      .auth-field-label-row {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
      }

      .auth-field label,
      .auth-field-label {
        color: rgba(255, 244, 232, 0.92);
        font-size: 0.92rem;
        font-weight: 700;
      }

      .auth-field-hint {
        color: rgba(247, 237, 225, 0.54);
        font-size: 0.78rem;
      }

      .auth-field input {
        width: 100%;
        min-height: 56px;
        padding: 0 16px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(247, 243, 238, 0.12);
        color: #fff7ef;
        font: inherit;
        transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
      }

      .auth-field input::placeholder {
        color: rgba(255, 240, 224, 0.42);
      }

      .auth-field input:focus {
        outline: none;
        border-color: rgba(255, 208, 150, 0.58);
        background: rgba(255, 243, 229, 0.16);
        box-shadow: 0 0 0 4px rgba(255, 196, 122, 0.14);
      }

      .auth-submit-button {
        width: 100%;
        min-height: 58px;
        border: 0;
        border-radius: 18px;
        background: linear-gradient(135deg, #f27b36 0%, #b14a1a 100%);
        color: #fff7ef;
        font-size: 1rem;
        font-weight: 800;
        letter-spacing: -0.01em;
        cursor: pointer;
        box-shadow: 0 18px 36px rgba(171, 73, 23, 0.34);
        transition: transform 140ms ease, box-shadow 140ms ease, opacity 140ms ease;
      }

      .auth-submit-button:hover:not(:disabled),
      .auth-submit-button:focus-visible {
        transform: translateY(-1px);
        box-shadow: 0 22px 44px rgba(171, 73, 23, 0.4);
        outline: none;
      }

      .auth-submit-button:disabled {
        opacity: 0.62;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
      }

      .auth-validation-inline {
        display: grid;
        gap: 8px;
        padding: 14px 16px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .auth-validation-item {
        display: flex;
        align-items: center;
        gap: 10px;
        color: rgba(255, 241, 227, 0.78);
        font-size: 0.86rem;
      }

      .auth-validation-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.28);
        flex: 0 0 auto;
      }

      .auth-validation-item-ready .auth-validation-dot {
        background: #ffcb7d;
        box-shadow: 0 0 10px rgba(255, 203, 125, 0.6);
      }

      .auth-terms {
        margin: 0;
        color: rgba(247, 237, 225, 0.58);
        font-size: 0.8rem;
        line-height: 1.6;
      }

      .auth-mode-switch {
        margin: 0;
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 6px;
        flex-wrap: nowrap;
        color: rgba(255, 243, 232, 0.78);
      }

      .auth-mode-switch button {
        display: inline-flex;
        align-items: baseline;
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        border-radius: 0;
        padding: 0;
        margin: 0;
        background: none;
        box-shadow: none;
        color: #ffcb7d;
        font: inherit;
        line-height: inherit;
        text-decoration: none;
        font-weight: 700;
        cursor: pointer;
      }

      .auth-provider-note,
      .auth-followup-note {
        color: rgba(247, 237, 225, 0.66);
        font-size: 0.84rem;
        line-height: 1.55;
      }

      .auth-toast-override .ui-toast-rail {
        margin: 0;
      }

      .auth-inline-notice .ui-inline-notice {
        background: rgba(255, 255, 255, 0.07);
        border-color: rgba(255, 255, 255, 0.12);
        color: #fff2e2;
      }

      @media (max-width: 980px) {
        .auth-welcome-grid {
          grid-template-columns: 1fr;
          gap: 20px;
          align-items: end;
        }

        .auth-welcome-story {
          max-width: none;
        }

        .auth-welcome-card {
          justify-self: stretch;
          width: 100%;
        }

        body.auth-screen .auth-welcome-grid {
          grid-template-columns: minmax(0, 460px);
          justify-content: center;
          justify-items: center;
          align-content: center;
          align-items: center;
        }

        body.auth-screen .auth-welcome-story,
        body.auth-screen .auth-welcome-card {
          grid-column: auto;
        }

        body.auth-screen .auth-welcome-story {
          max-width: 640px;
          text-align: center;
        }

        body.auth-screen .auth-welcome-card {
          justify-self: center;
        }
      }

      @media (max-width: 720px) {
        body.auth-screen {
          min-height: 100dvh;
          background-attachment: scroll;
          background-position: center center;
        }

        body.auth-screen #app,
        body.auth-screen main {
          min-height: 100dvh;
        }

        main {
          padding: 0;
        }

        .auth-welcome-shell {
          margin-top: 0;
          width: 100%;
          max-width: 100%;
          min-height: 100dvh;
          border-radius: 0;
        }

        .auth-welcome-grid {
          width: 100%;
          max-width: 100%;
          justify-items: stretch;
          gap: 16px;
          padding-block: 14px;
          padding-inline: max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));
        }

        body.auth-screen .auth-welcome-story,
        body.auth-screen .auth-welcome-card {
          width: 100%;
          max-width: none;
          justify-self: stretch;
        }

        .auth-welcome-story h1 {
          max-width: none;
          font-size: clamp(2rem, 10vw, 2.65rem);
          line-height: 0.95;
        }

        .auth-welcome-story {
          gap: 12px;
        }

        .auth-welcome-kicker {
          padding: 8px 12px;
          font-size: 0.68rem;
        }

        .auth-public-positioning {
          gap: 0.4rem;
          padding: 12px;
          border-radius: 18px;
        }

        .auth-public-positioning strong {
          font-size: 1rem;
        }

        .auth-public-positioning span {
          font-size: 0.92rem;
          line-height: 1.4;
        }

        .auth-welcome-story-grid {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .auth-welcome-stat {
          gap: 4px;
          padding: 12px 14px;
          border-radius: 18px;
        }

        .auth-welcome-stat strong {
          font-size: 1.08rem;
        }

        .auth-welcome-stat span {
          font-size: 0.84rem;
          line-height: 1.35;
        }

        .auth-welcome-card {
          border-radius: 24px;
        }
      }

      /* Shared typography, layout, surfaces, and controls are provided by packages/ui. */

      .error {
        padding: var(--ui-compact-padding, 0.875rem 1rem);
        border-radius: var(--ui-chip-radius, 14px);
        background: var(--danger-soft);
        color: var(--danger);
        font-size: 14px;
      }

      .session-card {
        display: grid;
        gap: 10px;
        padding: var(--ui-card-padding, 18px);
        border-radius: var(--ui-card-radius, 16px);
        background: color-mix(in srgb, var(--forest) 12%, var(--panel));
        border: 1px solid color-mix(in srgb, var(--forest) 18%, transparent);
      }

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

      .notice {
        padding: var(--ui-compact-padding, 0.875rem 1rem);
        border-radius: var(--ui-chip-radius, 14px);
        background: var(--forest-soft);
        color: var(--forest);
        font-size: 14px;
      }

      /* Shared run-prescription and run-detail visual primitives now live in packages/ui. */

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

      /* Shared shell, navigation, and panel layout live in packages/ui. */

      .two-up {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
        gap: 14px;
      }

      fieldset {
        margin: 0;
        padding: 0;
        border: 0;
      }

      legend {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 600;
      }

      .chip-token {
        gap: 10px;
      }

      .profile-exclusion-adder {
        align-items: center;
      }

      .goal-target-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
        gap: 14px;
      }

      .workout-list {
        display: grid;
        gap: 12px;
      }
      /* Shared chip, card, button, and empty-state treatments live in packages/ui. */

      .plan-summary {
        gap: 16px;
      }

      .plan-callout {
        display: grid;
        gap: 10px;
        padding: var(--ui-card-padding, 18px);
        border-radius: var(--ui-card-radius, 16px);
        background: color-mix(in srgb, var(--accent) 8%, var(--panel));
        border: 1px solid color-mix(in srgb, var(--accent) 16%, transparent);
      }

      .plan-week-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
        gap: 14px;
      }

      .plan-week-card {
        display: grid;
        gap: 14px;
        padding: var(--ui-card-padding, 18px);
        border-radius: var(--ui-card-radius, 16px);
        border: 1px solid var(--border);
        background: var(--panel);
        box-shadow: var(--ui-card-shadow, none);
      }

      .plan-day-list {
        display: grid;
        gap: 10px;
      }

      .plan-day-row {
        display: grid;
        gap: 10px;
        padding: var(--ui-compact-padding, 0.875rem 1rem);
        border-radius: var(--ui-chip-radius, 14px);
        border-top: 1px solid var(--border);
      }

      .plan-day-row-active {
        border-color: color-mix(in srgb, var(--accent) 22%, transparent);
        background: color-mix(in srgb, var(--accent) 8%, var(--panel));
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);
      }

      .plan-day-head,
      .plan-day-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .plan-detail-panel {
        padding: var(--ui-card-padding, 20px);
        border-radius: calc(var(--ui-card-radius, 22px) + 2px);
        border: 1px solid var(--border);
        background:
          radial-gradient(circle at top left, color-mix(in srgb, var(--forest) 12%, transparent), transparent 30%),
          var(--panel);
        box-shadow: var(--shadow-soft);
      }

      .plan-detail-panel-collapsed {
        background: rgba(255, 255, 255, 0.54);
        box-shadow: none;
      }

      .app-main[data-ui-mode="coach"] .plan-week-card,
      .app-main[data-ui-mode="coach"] .plan-detail-panel,
      .app-main[data-ui-mode="coach"] .plan-callout {
        gap: max(14px, var(--ui-row-gap, 14px));
      }

      .app-main[data-ui-mode="performance"] .plan-week-card,
      .app-main[data-ui-mode="performance"] .plan-detail-panel,
      .app-main[data-ui-mode="performance"] .plan-callout {
        gap: max(10px, calc(var(--ui-row-gap, 12px) - 2px));
        box-shadow: var(--ui-card-shadow, none);
      }

      .pill-warning {
        background: color-mix(in srgb, var(--color-semantic-warning, #8d5c14) 14%, transparent);
        color: var(--color-semantic-warning, #8d5c14);
      }

      .metric-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
        gap: 14px;
      }

      /* Shared performance metric and insight cards now live in packages/ui. */

      .empty-inline {
        padding: var(--ui-compact-padding, 0.875rem 1rem);
        border-radius: var(--ui-chip-radius, 14px);
        border: 1px dashed rgba(31, 28, 22, 0.14);
        background: rgba(255, 255, 255, 0.48);
      }

      .exercise-entry-list,
      .exercise-summary-list {
        display: grid;
        gap: 10px;
      }

      .exercise-entry-card {
        display: grid;
        gap: 12px;
        padding: 16px;
        border-radius: 16px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.62);
      }

      .exercise-entry-grid {
        display: grid;
        grid-template-columns: 1.8fr 0.7fr 0.7fr 0.9fr;
        gap: 12px;
      }

      .workout-card {
        display: grid;
        gap: 12px;
        padding: 18px;
        border-radius: 16px;
        border: 1px solid rgba(31, 28, 22, 0.1);
        background: rgba(255, 255, 255, 0.74);
        transition:
          border-color 160ms ease,
          box-shadow 160ms ease,
          transform 160ms ease;
      }

      .workout-card:hover {
        border-color: rgba(196, 106, 46, 0.24);
        box-shadow: var(--shadow-soft);
        transform: translateY(-1px);
      }

      /* Shared dashboard grid and card treatments live in packages/ui. */

      .plan-week-card-droppable {
        transition:
          border-color 160ms ease,
          box-shadow 160ms ease,
          transform 160ms ease,
          background 160ms ease;
      }

      .plan-week-card-draggable {
        cursor: grab;
      }

      .plan-week-card-dragging {
        opacity: 0.72;
        transform: rotate(-1deg) scale(0.99);
      }

      .plan-week-card-drop-active {
        border-color: rgba(62, 123, 87, 0.3);
        box-shadow:
          0 18px 28px rgba(31, 28, 22, 0.08),
          inset 0 0 0 2px rgba(62, 123, 87, 0.12);
        background:
          radial-gradient(circle at top left, rgba(62, 123, 87, 0.12), transparent 34%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(243, 248, 244, 0.86));
      }

      .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .workout-builder-shell {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
        gap: 18px;
        align-items: start;
      }

      .workout-builder-inspector {
        position: sticky;
        top: 20px;
      }

      .workout-builder-panel {
        padding: 20px;
        border-radius: 20px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(246, 239, 228, 0.82)),
          rgba(255, 255, 255, 0.8);
        box-shadow: var(--shadow-soft);
      }

      .workout-builder-summary-strip {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .workout-builder-divider {
        height: 1px;
        background: rgba(31, 28, 22, 0.08);
      }

      .workout-builder-canvas {
        min-width: 0;
      }

      .workout-builder-lane {
        display: grid;
        gap: 14px;
      }

      .workout-canvas-section {
        display: grid;
        gap: 14px;
        padding: 18px;
        border-radius: 22px;
        border: 1px solid rgba(31, 28, 22, 0.1);
        background:
          radial-gradient(circle at top left, rgba(196, 106, 46, 0.08), transparent 32%),
          rgba(255, 255, 255, 0.78);
        box-shadow: 0 10px 22px rgba(31, 28, 22, 0.06);
        transition:
          border-color 160ms ease,
          box-shadow 160ms ease,
          transform 160ms ease;
      }

      .workout-canvas-section:hover {
        border-color: rgba(196, 106, 46, 0.22);
        transform: translateY(-1px);
      }

      .workout-canvas-section-active {
        border-color: rgba(196, 106, 46, 0.32);
        box-shadow:
          0 18px 32px rgba(31, 28, 22, 0.08),
          inset 0 0 0 1px rgba(196, 106, 46, 0.12);
      }

      .workout-canvas-section-head,
      .workout-canvas-segment-head,
      .workout-canvas-title-row {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        justify-content: space-between;
        gap: 10px;
      }

      .workout-canvas-drag-handle {
        display: inline-flex;
        align-items: center;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(31, 28, 22, 0.06);
        color: var(--muted);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .workout-canvas-segment-list {
        display: grid;
        gap: 10px;
      }

      .workout-canvas-segment {
        display: grid;
        gap: 12px;
        padding: 16px;
        border-radius: 18px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.88);
        transition:
          border-color 160ms ease,
          box-shadow 160ms ease,
          transform 160ms ease;
      }

      .workout-canvas-segment:hover {
        border-color: rgba(62, 123, 87, 0.22);
        transform: translateY(-1px);
      }

      .workout-canvas-segment-active {
        border-color: rgba(62, 123, 87, 0.32);
        box-shadow:
          0 12px 22px rgba(31, 28, 22, 0.06),
          inset 0 0 0 1px rgba(62, 123, 87, 0.12);
      }

      .workout-canvas-meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .workout-canvas-meta-chip {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        padding: 10px 12px;
        border-radius: 12px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(248, 244, 238, 0.92);
        font-size: 12px;
        color: var(--muted);
      }

      .workout-canvas-meta-chip strong {
        color: var(--text);
      }

      .button-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: end;
      }

      .button-row-start {
        justify-content: start;
      }

      .section-header {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 16px;
      }

      .section-kicker {
        margin: 0;
        color: var(--muted);
      }

      .muted-copy {
        margin: 0;
        color: var(--muted);
      }

      .command-hero {
        position: relative;
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
        gap: 18px;
        padding: 24px;
        border-radius: 28px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background:
          radial-gradient(circle at 84% 8%, rgba(196, 106, 46, 0.24), transparent 28%),
          radial-gradient(circle at 12% 92%, rgba(62, 123, 87, 0.16), transparent 28%),
          linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(246, 236, 222, 0.88));
        box-shadow: var(--shadow);
      }

      .command-hero::before {
        content: "";
        position: absolute;
        inset: 14px;
        pointer-events: none;
        border-radius: 22px;
        border: 1px solid rgba(255, 255, 255, 0.56);
      }

      .command-hero > * {
        position: relative;
      }

      .command-hero-main {
        display: grid;
        align-content: space-between;
        gap: 20px;
      }

      .command-title {
        font-size: clamp(28px, 4vw, 46px);
        line-height: 0.98;
      }

      .command-subtitle {
        max-width: 68ch;
        margin: 0;
        color: var(--muted);
      }

      .command-aside {
        display: grid;
        gap: 14px;
      }

      .status-tile {
        display: grid;
        gap: 8px;
        padding: 18px;
        border-radius: 20px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.76);
      }

      .status-tile strong {
        font-size: 20px;
      }

      .status-tile-featured {
        background:
          linear-gradient(135deg, rgba(196, 106, 46, 0.16), rgba(255, 255, 255, 0.78)),
          rgba(255, 255, 255, 0.78);
      }

      .status-strip {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
        gap: 12px;
      }

      .task-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
        gap: 14px;
      }

      .task-card {
        display: grid;
        align-content: space-between;
        gap: 16px;
        min-height: 176px;
        padding: 20px;
        border-radius: 22px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(250, 244, 235, 0.68)),
          rgba(255, 255, 255, 0.72);
        box-shadow: var(--shadow-soft);
      }

      .task-card-primary {
        background:
          radial-gradient(circle at top right, rgba(196, 106, 46, 0.2), transparent 35%),
          linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(251, 235, 214, 0.8));
      }

      .task-card strong {
        font-size: 20px;
      }

      .timeline-list {
        display: grid;
        gap: 10px;
      }

      .timeline-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 12px;
        align-items: start;
        padding: 14px 16px;
        border-radius: 16px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.62);
      }

      .timeline-row-today {
        border-color: rgba(196, 106, 46, 0.34);
        background: rgba(196, 106, 46, 0.08);
      }

      .timeline-dot {
        width: 12px;
        height: 12px;
        margin-top: 4px;
        border-radius: 999px;
        background: rgba(31, 28, 22, 0.18);
        box-shadow: 0 0 0 5px rgba(31, 28, 22, 0.04);
      }

      .timeline-row-today .timeline-dot,
      .timeline-row-complete .timeline-dot {
        background: var(--accent);
        box-shadow: 0 0 0 5px rgba(196, 106, 46, 0.14);
      }

      .content-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
        gap: 18px;
      }

      .workout-command-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
        gap: 18px;
        align-items: start;
      }

      .workout-form-panel {
        position: sticky;
        top: 24px;
      }

      .workout-form-panel .header-row {
        align-items: center;
      }

      .workout-form-panel button {
        min-height: 46px;
        padding: 0.85rem 1.1rem 0.85rem 1.35rem;
        line-height: 1.35;
      }

      .workout-form-panel .small-button {
        min-height: 40px;
        padding: 0.7rem 0.95rem 0.7rem 1.2rem;
      }

      .workout-form-panel .notice-inline,
      .workout-form-panel .pill {
        padding: 1rem 1.125rem;
      }

      .workout-review-panel {
        display: grid;
        gap: 18px;
      }

      .archive-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 16px 18px;
        border-radius: 18px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.58);
      }

      .quick-stat-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 12px;
      }

      .quick-stat {
        display: grid;
        gap: 6px;
        min-width: 0;
        padding: 16px;
        border-radius: 18px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.68);
      }

      .quick-stat strong {
        font-size: 22px;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .today-hero {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
        gap: 18px;
        padding: 22px;
        border-radius: 24px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background:
          radial-gradient(circle at top right, rgba(196, 106, 46, 0.18), transparent 28%),
          linear-gradient(150deg, rgba(255, 255, 255, 0.92), rgba(247, 238, 226, 0.88));
      }

      .today-hero-copy {
        align-content: space-between;
      }

      .today-hero-subtitle {
        margin: 0;
        color: var(--accent-dark);
        font-weight: 700;
      }

      .today-hero-metrics {
        display: grid;
        gap: 12px;
      }

      .today-stat-card {
        display: grid;
        gap: 6px;
        padding: 18px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.74);
        border: 1px solid rgba(31, 28, 22, 0.08);
      }

      .today-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
        gap: 18px;
      }

      .dashboard-list,
      .dashboard-guidance-list {
        display: grid;
        gap: 10px;
      }

      .dashboard-list-row {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px;
        border-top: 0;
      }

      .dashboard-list-row-today {
        color: var(--accent-dark);
      }

      .dashboard-metrics {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
        gap: 12px;
      }

      .content-grid > *,
      .workout-command-grid > *,
      .today-grid > *,
      .today-hero > *,
      .dashboard-metrics > *,
      .plan-week-grid > *,
      .metric-grid > *,
      .two-up > *,
      .workspace-grid > *,
      .status-strip > *,
      .task-grid > *,
      .command-hero > *,
      .goal-target-grid > *,
      .workout-builder-shell > * {
        min-width: 0;
      }

      .dashboard-metric {
        display: grid;
        gap: 6px;
        padding: 16px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(31, 28, 22, 0.08);
      }

      /* Shared table treatments live in packages/ui. */

      .nested-panel {
        padding: 20px;
        border-radius: 18px;
        border: 1px solid rgba(31, 28, 22, 0.08);
        background: rgba(255, 255, 255, 0.58);
      }

      .compact-empty {
        padding: 20px;
      }

      /* Shared metric-chart, route-preview, and sample-feed primitives now live in packages/ui. */

      body.authenticated-screen .today-cockpit {
        display: none;
      }

      body.authenticated-screen .today-mobile-current-flow {
        display: grid;
        gap: 28px;
      }

      @media (min-width: 1025px) {
        body.authenticated-screen {
          background:
            radial-gradient(circle at 18% 0%, rgba(31, 117, 255, 0.14), transparent 30%),
            radial-gradient(circle at 88% 8%, rgba(25, 211, 178, 0.1), transparent 26%),
            radial-gradient(circle at 8% 92%, rgba(191, 103, 44, 0.11), transparent 30%),
            linear-gradient(145deg, #070b10 0%, #0d131b 52%, #17130f 100%) !important;
        }

        body.authenticated-screen .panel {
          border-color: rgba(148, 163, 184, 0.16) !important;
          background:
            linear-gradient(180deg, rgba(15, 23, 32, 0.92), rgba(10, 15, 22, 0.94)),
            rgba(8, 12, 18, 0.94) !important;
          box-shadow: 0 30px 80px rgba(0, 0, 0, 0.32) !important;
        }

        body.authenticated-screen .app-sidebar {
          gap: 18px;
          border-color: rgba(148, 163, 184, 0.18) !important;
          background:
            linear-gradient(180deg, rgba(16, 23, 33, 0.96), rgba(7, 11, 17, 0.96)),
            rgba(7, 11, 17, 0.96) !important;
        }

        body.authenticated-screen .sidebar-brand {
          display: flex;
          align-items: center;
          gap: 12px;
        }

        body.authenticated-screen .sidebar-brand-mark {
          display: inline-flex;
          width: 38px;
          height: 38px;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
          border: 1px solid rgba(47, 129, 247, 0.38);
          background: linear-gradient(135deg, rgba(47, 129, 247, 0.95), rgba(25, 211, 178, 0.66));
          color: #f8fbff;
          font-size: 0.8rem;
          font-weight: 900;
        }

        body.authenticated-screen .app-sidebar h1 {
          margin: 0;
          font-family: Inter, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
          font-size: 1.08rem;
          font-weight: 760;
          line-height: 1;
          letter-spacing: 0.14em;
          text-transform: uppercase;
        }

        body.authenticated-screen .app-nav {
          gap: 20px;
        }

        body.authenticated-screen .app-nav-group-label {
          color: rgba(170, 180, 196, 0.58);
        }

        body.authenticated-screen .app-sidebar .nav-item {
          justify-content: flex-start;
          min-height: 46px;
          border-color: transparent !important;
          border-radius: 12px;
          background: transparent !important;
          color: #aeb7c6 !important;
          font-weight: 620;
        }

        body.authenticated-screen .app-sidebar .nav-item:hover:not(:disabled) {
          background: rgba(47, 129, 247, 0.1) !important;
          color: #f3f6fb !important;
        }

        body.authenticated-screen .app-sidebar .nav-item-active {
          border-color: rgba(47, 129, 247, 0.34) !important;
          background: linear-gradient(90deg, rgba(47, 129, 247, 0.28), rgba(47, 129, 247, 0.08)) !important;
          color: #f3f6fb !important;
          box-shadow: inset 3px 0 0 #2f81f7 !important;
        }

        body.authenticated-screen .sidebar-profile-card {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
          align-items: center;
          gap: 12px;
          border-radius: 16px;
          border-color: rgba(148, 163, 184, 0.18) !important;
          background: rgba(15, 23, 32, 0.72) !important;
        }

        body.authenticated-screen .sidebar-avatar {
          display: inline-flex;
          width: 42px;
          height: 42px;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          border: 1px solid rgba(226, 232, 240, 0.24);
          background: rgba(47, 129, 247, 0.16);
          color: #f8fbff;
          font-size: 0.8rem;
          font-weight: 900;
        }

        body.authenticated-screen .sidebar-callout {
          border-radius: 16px;
          border-color: rgba(148, 163, 184, 0.16) !important;
          background: rgba(15, 23, 32, 0.58) !important;
        }

        body.authenticated-screen .today-mobile-current-flow {
          display: none;
        }

        body.authenticated-screen .today-cockpit {
          display: grid;
          gap: 16px;
          color: #d7dee9;
          font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
          font-weight: 500;
          letter-spacing: 0;
          -webkit-font-smoothing: antialiased;
          text-rendering: geometricPrecision;
        }

        body.authenticated-screen .app-sidebar,
        body.authenticated-screen .today-cockpit,
        body.authenticated-screen .today-cockpit button {
          font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        }

        body.authenticated-screen .app-sidebar .nav-item,
        body.authenticated-screen .app-sidebar .nav-item *,
        body.authenticated-screen .sidebar-profile-card,
        body.authenticated-screen .sidebar-callout {
          font-family: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        }

        body.authenticated-screen .today-cockpit-topbar,
        body.authenticated-screen .today-cockpit-card-head,
        body.authenticated-screen .today-cockpit-session-row,
        body.authenticated-screen .today-cockpit-week-row {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 14px;
        }

        body.authenticated-screen .today-cockpit-topbar {
          padding: 0 6px;
        }

        body.authenticated-screen .today-cockpit-topbar-actions {
          display: flex;
          align-items: center;
          gap: 14px;
        }

        body.authenticated-screen .today-cockpit .today-cockpit-icon-button {
          position: relative;
          display: inline-flex;
          width: 38px;
          height: 38px;
          min-height: 38px;
          align-items: center;
          justify-content: center;
          border: 0 !important;
          border-radius: 999px;
          padding: 0 !important;
          background: transparent !important;
          color: rgba(226, 232, 240, 0.76) !important;
          box-shadow: none !important;
        }

        body.authenticated-screen .today-cockpit-icon-button svg {
          width: 22px;
          height: 22px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.8;
        }

        body.authenticated-screen .today-cockpit-notification-button span {
          position: absolute;
          top: 1px;
          right: 0;
          display: inline-flex;
          width: 17px;
          height: 17px;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          background: #1f7aff;
          color: #f8fbff;
          font-size: 0.68rem;
          font-weight: 900;
        }

        body.authenticated-screen .today-cockpit-hero,
        body.authenticated-screen .today-cockpit-card,
        body.authenticated-screen .today-cockpit-hero-stat {
          border: 1px solid rgba(122, 151, 190, 0.2);
          background:
            radial-gradient(circle at 18% 0%, rgba(47, 129, 247, 0.12), transparent 38%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(122, 151, 190, 0.028)),
            rgba(13, 20, 29, 0.86);
          box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.07),
            0 18px 42px rgba(0, 0, 0, 0.24);
        }

        body.authenticated-screen .today-cockpit-hero {
          position: relative;
          overflow: hidden;
          display: grid;
          min-height: 290px;
          grid-template-columns: minmax(0, 1fr) minmax(260px, 0.36fr);
          align-items: end;
          gap: 24px;
          padding: 34px;
          border-radius: 24px;
          background:
            linear-gradient(90deg, rgba(7, 11, 17, 0.9) 0%, rgba(7, 11, 17, 0.72) 44%, rgba(7, 11, 17, 0.34) 100%),
            url("/assets/auth-welcome-bg.png") center center / cover no-repeat,
            linear-gradient(145deg, #101822, #17130f);
        }

        body.authenticated-screen .today-cockpit-hero > * {
          position: relative;
        }

        body.authenticated-screen .today-cockpit-hero-copy {
          display: grid;
          max-width: 660px;
          gap: 18px;
        }

        body.authenticated-screen .today-cockpit-hero h2 {
          max-width: 13ch;
          margin: 0;
          color: #ffffff !important;
          font-family: Inter, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
          font-size: clamp(2.45rem, 4vw, 4.4rem);
          font-weight: 820;
          line-height: 0.96;
          letter-spacing: 0;
        }

        body.authenticated-screen .today-cockpit-hero p,
        body.authenticated-screen .today-cockpit .small {
          color: #b6c0ce !important;
        }

        body.authenticated-screen .today-cockpit .eyebrow {
          color: #2f8cff !important;
          font-size: 0.74rem;
          font-weight: 740;
          letter-spacing: 0.06em;
          text-transform: uppercase;
        }

        body.authenticated-screen .today-cockpit h3,
        body.authenticated-screen .today-cockpit strong {
          color: #f8fbff !important;
        }

        body.authenticated-screen .today-cockpit-card .eyebrow {
          color: #f8fbff !important;
          font-size: 0.9rem;
          font-weight: 700;
          letter-spacing: 0;
          text-transform: none;
        }

        body.authenticated-screen .today-cockpit button:not(.secondary) {
          border-color: rgba(47, 129, 247, 0.4) !important;
          background: linear-gradient(135deg, #0969da 0%, #1f7aff 100%) !important;
          color: #f8fbff !important;
          font-weight: 720;
          box-shadow: 0 16px 34px rgba(9, 105, 218, 0.26) !important;
        }

        body.authenticated-screen .today-cockpit button.secondary {
          border-color: rgba(148, 163, 184, 0.22) !important;
          background: rgba(15, 23, 32, 0.64) !important;
          color: #e7edf6 !important;
          font-weight: 680;
        }

        body.authenticated-screen .today-cockpit-hero-stats,
        body.authenticated-screen .today-cockpit-slot-list,
        body.authenticated-screen .today-cockpit-session-list,
        body.authenticated-screen .today-cockpit-week-list,
        body.authenticated-screen .today-cockpit-readiness-copy {
          display: grid;
          gap: 10px;
        }

        body.authenticated-screen .today-cockpit-hero-stat {
          display: grid;
          gap: 4px;
          padding: 16px;
          border-radius: 16px;
          background: rgba(15, 23, 32, 0.7);
        }

        body.authenticated-screen .today-cockpit-grid {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
          align-items: stretch;
        }

        body.authenticated-screen .today-cockpit-card {
          display: grid;
          align-content: start;
          gap: 16px;
          min-height: 220px;
          padding: 18px;
          border-radius: 14px;
        }

        body.authenticated-screen .today-cockpit-card h3 {
          margin: 0;
          font-size: 1.12rem;
          font-weight: 720;
          line-height: 1.18;
        }

        body.authenticated-screen .today-cockpit-card-title-row {
          display: flex;
          min-width: 0;
          align-items: flex-start;
          gap: 10px;
        }

        body.authenticated-screen .today-cockpit-card-title-row > .stack-tight {
          min-width: 0;
        }

        body.authenticated-screen .today-cockpit-card-title-row > h3 {
          min-width: 0;
          align-self: center;
        }

        body.authenticated-screen .today-cockpit-card-icon {
          display: inline-flex;
          width: 22px;
          height: 22px;
          flex: 0 0 22px;
          align-items: center;
          justify-content: center;
          color: #58a6ff;
        }

        body.authenticated-screen .today-cockpit-card-icon svg {
          width: 20px;
          height: 20px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.85;
        }

        body.authenticated-screen .today-cockpit-big-metric {
          display: flex;
          align-items: baseline;
          gap: 8px;
        }

        body.authenticated-screen .today-cockpit-big-metric strong {
          font-size: 2.05rem;
          font-weight: 760;
          line-height: 1;
        }

        body.authenticated-screen .today-cockpit-big-metric span,
        body.authenticated-screen .today-cockpit-pace span {
          color: rgba(226, 232, 240, 0.64);
        }

        body.authenticated-screen .today-cockpit-pace {
          display: grid;
          gap: 3px;
          justify-items: end;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-sparkline {
          width: 100%;
          min-height: 74px;
          overflow: visible;
        }

        body.authenticated-screen .today-cockpit-sparkline polyline {
          fill: none;
          stroke: #1f7aff;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 3;
        }

        body.authenticated-screen .today-cockpit-sparkline circle {
          fill: #25b4ff;
          stroke: #08111c;
          stroke-width: 2;
        }

        body.authenticated-screen .today-cockpit-slot-row {
          display: grid;
          gap: 6px;
          padding: 12px;
          border-radius: 14px;
          background: rgba(255, 255, 255, 0.04);
        }

        body.authenticated-screen .today-cockpit-readiness {
          position: relative;
          width: 142px;
          height: 142px;
          justify-self: center;
          overflow: visible;
        }

        body.authenticated-screen .today-cockpit-readiness-ring {
          width: 142px;
          height: 142px;
          overflow: visible;
          transform: rotate(-90deg);
        }

        body.authenticated-screen .today-cockpit-readiness-track,
        body.authenticated-screen .today-cockpit-readiness-value {
          fill: none;
          stroke-width: 7;
        }

        body.authenticated-screen .today-cockpit-readiness-track {
          stroke: rgba(148, 163, 184, 0.16);
        }

        body.authenticated-screen .today-cockpit-readiness-value {
          stroke: #19d3b2;
          stroke-linecap: round;
        }

        body.authenticated-screen .today-cockpit-readiness-label {
          position: absolute;
          inset: 0;
          display: grid;
          place-content: center;
          gap: 2px;
          text-align: center;
        }

        body.authenticated-screen .today-cockpit-readiness-label strong {
          font-size: 1.92rem;
          line-height: 1;
        }

        body.authenticated-screen .today-cockpit-readiness-label span {
          color: #19d3b2;
          font-size: 0.72rem;
          font-weight: 800;
        }

        body.authenticated-screen .today-cockpit-progress {
          height: 8px;
          overflow: hidden;
          border-radius: 999px;
          background: rgba(148, 163, 184, 0.14);
        }

        body.authenticated-screen .today-cockpit-progress-fill {
          display: block;
          height: 100%;
          border-radius: inherit;
          background: linear-gradient(90deg, #0969da, #19d3b2);
        }

        body.authenticated-screen .today-cockpit-progress-0 { width: 8%; }
        body.authenticated-screen .today-cockpit-progress-25 { width: 25%; }
        body.authenticated-screen .today-cockpit-progress-50 { width: 50%; }
        body.authenticated-screen .today-cockpit-progress-75 { width: 75%; }
        body.authenticated-screen .today-cockpit-progress-100 { width: 100%; }

        body.authenticated-screen .today-cockpit-week-row,
        body.authenticated-screen .today-cockpit-session-row,
        body.authenticated-screen .today-cockpit-focus {
          padding: 10px 12px;
          border-radius: 14px;
          background: rgba(255, 255, 255, 0.04);
        }

        body.authenticated-screen .today-cockpit-week-row-current {
          background: rgba(47, 129, 247, 0.14);
        }

        body.authenticated-screen .today-cockpit-day {
          display: inline-flex;
          width: 42px;
          min-height: 30px;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          background: rgba(47, 129, 247, 0.14);
          color: #cfe3ff;
          font-size: 0.78rem;
          font-weight: 900;
        }

        body.authenticated-screen .today-cockpit-session-icon {
          display: inline-flex;
          width: 38px;
          height: 38px;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
          background: rgba(47, 129, 247, 0.16);
          color: #cfe3ff;
          font-weight: 900;
        }

        body.authenticated-screen .today-cockpit-focus {
          display: grid;
          gap: 4px;
        }

        body.authenticated-screen .today-cockpit-load-card h3 span {
          font-size: 2.05rem;
          line-height: 1;
        }

        body.authenticated-screen .today-cockpit-load-card h3 small {
          color: rgba(226, 232, 240, 0.56);
          font-size: 0.78rem;
          font-weight: 700;
        }

        body.authenticated-screen .today-cockpit-status-pill {
          display: inline-flex;
          min-height: 30px;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          padding: 0 12px;
          background: rgba(25, 211, 178, 0.12);
          color: #41e8c8;
          font-size: 0.76rem;
          font-weight: 900;
        }

        body.authenticated-screen .today-cockpit-status-watch {
          background: rgba(245, 158, 11, 0.14);
          color: #ffd166;
        }

        body.authenticated-screen .today-cockpit-status-hold {
          background: rgba(239, 120, 92, 0.16);
          color: #ffb2a1;
        }

        body.authenticated-screen .today-cockpit-load-chart {
          width: 100%;
          min-height: 124px;
          overflow: visible;
        }

        body.authenticated-screen .today-cockpit-load-chart polygon {
          fill: rgba(47, 129, 247, 0.18);
        }

        body.authenticated-screen .today-cockpit-load-chart polyline {
          fill: none;
          stroke: #1f7aff;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 4;
          filter: drop-shadow(0 10px 16px rgba(31, 122, 255, 0.36));
        }

        body.authenticated-screen .today-cockpit-load-chart circle {
          fill: #25b4ff;
          stroke: #08111c;
          stroke-width: 2;
        }

        body.authenticated-screen .today-cockpit-load-chart .today-cockpit-load-axis-label,
        body.authenticated-screen .today-cockpit-load-chart .today-cockpit-load-day-label {
          fill: rgba(182, 192, 206, 0.74);
          font-size: 11px;
          font-weight: 680;
          text-anchor: middle;
        }

        body.authenticated-screen .today-cockpit-load-chart .today-cockpit-load-axis-label {
          text-anchor: start;
        }

        body.authenticated-screen .today-cockpit-load-chart .today-cockpit-load-day-selected {
          fill: #1f7aff;
          stroke: none;
        }

        body.authenticated-screen .today-cockpit-load-chart .today-cockpit-load-day-label-selected {
          fill: #f8fbff;
          font-size: 10px;
          font-weight: 900;
        }

        body.authenticated-screen .today-cockpit-load-meta,
        body.authenticated-screen .today-cockpit-load-empty {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
        }

        @media (min-width: 1280px) {
          body.authenticated-screen .today-cockpit-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
        }
      }

      @media (min-width: 1025px) {
        body.authenticated-screen main {
          min-height: 100vh;
          padding: 12px !important;
        }

        body.authenticated-screen .panel.stack {
          width: min(1564px, calc(100vw - 24px));
          min-height: calc(100vh - 24px);
          margin: 0 auto;
          overflow: hidden;
          padding: 0 !important;
          border-radius: 20px !important;
        }

        body.authenticated-screen .app-shell {
          display: grid;
          grid-template-columns: 244px minmax(0, 1fr);
          gap: 0 !important;
          min-height: calc(100vh - 24px);
        }

        body.authenticated-screen .app-sidebar.stack {
          position: relative !important;
          top: 0 !important;
          display: flex !important;
          min-height: calc(100vh - 24px);
          flex-direction: column;
          gap: 18px;
          padding: 30px 14px 20px !important;
          border: 0 !important;
          border-right: 1px solid rgba(148, 163, 184, 0.16) !important;
          border-radius: 0 !important;
          box-shadow: none !important;
        }

        body.authenticated-screen .app-main.stack {
          gap: 16px !important;
          min-width: 0;
          padding: 26px 28px 28px !important;
          overflow: auto;
        }

        body.authenticated-screen .page-header-today {
          display: none !important;
        }

        body.authenticated-screen .today-page-stack {
          gap: 16px !important;
        }

        body.authenticated-screen .sidebar-brand {
          padding: 0 14px 16px;
        }

        body.authenticated-screen .sidebar-brand-mark {
          display: none !important;
        }

        body.authenticated-screen .sidebar-brand h1 {
          font-size: 1.16rem;
          font-weight: 760;
          letter-spacing: 0.03em;
        }

        body.authenticated-screen .sidebar-brand h1 span {
          color: #2f81f7 !important;
        }

        body.authenticated-screen .app-nav {
          display: grid;
          gap: 0 !important;
        }

        body.authenticated-screen .app-nav-group-label {
          display: none;
        }

        body.authenticated-screen .app-nav-group,
        body.authenticated-screen .app-nav-group-items {
          display: grid;
          gap: 10px;
        }

        body.authenticated-screen .app-sidebar .nav-item {
          display: flex;
          width: 100%;
          min-height: 48px;
          align-items: center;
          justify-content: flex-start;
          gap: 14px;
          padding: 0 16px !important;
          font-weight: 620;
        }

        body.authenticated-screen .nav-item-icon {
          display: inline-flex;
          width: 22px;
          height: 22px;
          flex: 0 0 22px;
          align-items: center;
          justify-content: center;
        }

        body.authenticated-screen .nav-item-icon svg {
          width: 21px;
          height: 21px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.8;
        }

        body.authenticated-screen .sidebar-profile-card {
          margin-top: auto;
        }

        body.authenticated-screen .sidebar-callout {
          display: grid;
          gap: 10px;
          padding: 16px !important;
        }

        body.authenticated-screen #logout-button {
          min-height: 40px;
          border-radius: 12px;
        }

        body.authenticated-screen .today-cockpit-topbar {
          min-height: 38px;
          padding: 0 6px 2px;
        }

        body.authenticated-screen .today-cockpit-hero {
          min-height: 306px;
          grid-template-columns: minmax(0, 1fr) 288px;
          align-items: end;
          padding: 30px 32px 24px 46px;
          border-radius: 14px;
          background:
            linear-gradient(90deg, rgba(7, 11, 17, 0.9) 0%, rgba(7, 11, 17, 0.74) 38%, rgba(7, 11, 17, 0.22) 100%),
            url("/assets/auth-welcome-bg.png") center 48% / cover no-repeat,
            linear-gradient(145deg, #101822, #17130f);
        }

        body.authenticated-screen .today-cockpit-hero-copy {
          max-width: 620px;
          gap: 16px;
        }

        body.authenticated-screen .today-cockpit-hero h2 {
          max-width: 18ch;
          font-size: clamp(2.35rem, 2.8vw, 3.1rem);
        }

        body.authenticated-screen .today-cockpit-hero p:not(.eyebrow) {
          max-width: 38ch;
          font-size: 1.04rem;
          line-height: 1.48;
        }

        body.authenticated-screen .today-cockpit-hero-stats {
          gap: 0;
          padding: 14px 18px;
          border: 1px solid rgba(148, 163, 184, 0.18);
          border-radius: 14px;
          background: rgba(15, 23, 32, 0.76);
        }

        body.authenticated-screen .today-cockpit-hero-stat {
          border: 0;
          border-radius: 0;
          gap: 2px;
          padding: 8px 0;
          background: transparent;
          box-shadow: none;
        }

        body.authenticated-screen .today-cockpit-hero-stat .small {
          overflow: hidden;
          font-size: 0.76rem;
          line-height: 1.25;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-hero-stat strong {
          font-size: 1.24rem;
          line-height: 1.1;
        }

        body.authenticated-screen .today-cockpit-hero-stat + .today-cockpit-hero-stat {
          border-top: 1px solid rgba(148, 163, 184, 0.14);
        }

        body.authenticated-screen .today-cockpit-grid {
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 14px;
        }

        body.authenticated-screen .today-cockpit-card {
          min-height: 266px;
          gap: 12px;
          padding: 15px;
          border-radius: 12px;
        }

        body.authenticated-screen .today-cockpit-card h3 {
          font-size: 1.02rem;
          font-weight: 720;
        }

        body.authenticated-screen .today-cockpit-card-icon {
          width: 20px;
          height: 20px;
          flex-basis: 20px;
        }

        body.authenticated-screen .today-cockpit-card-icon svg {
          width: 18px;
          height: 18px;
        }

        body.authenticated-screen .today-cockpit-workout-visual {
          display: grid;
          height: 100%;
          grid-template-columns: minmax(0, 1fr) 118px;
          gap: 4px;
          align-items: end;
        }

        body.authenticated-screen .today-cockpit-body-map {
          width: 118px;
          height: 178px;
          align-self: end;
          justify-self: end;
          display: block;
          object-fit: contain;
          object-position: center bottom;
        }

        body.authenticated-screen .today-cockpit-readiness {
          width: 132px;
          height: 132px;
          transform: translateY(-5px);
        }

        body.authenticated-screen .today-cockpit-readiness-ring {
          width: 132px;
          height: 132px;
        }

        body.authenticated-screen .today-cockpit-load-chart {
          min-height: 124px;
        }

        body.authenticated-screen .today-cockpit-recent-card,
        body.authenticated-screen .today-cockpit-plan-card,
        body.authenticated-screen .today-cockpit-strength-card,
        body.authenticated-screen .today-cockpit-running-card {
          min-height: 230px;
        }

        body.authenticated-screen .today-cockpit-card {
          height: 280px;
          overflow: hidden;
          grid-template-rows: auto minmax(0, 1fr) auto;
        }

        body.authenticated-screen .today-cockpit-workout-card {
          gap: 12px;
          grid-template-rows: auto minmax(0, 1fr);
        }

        body.authenticated-screen .today-cockpit-workout-card .today-cockpit-card-head {
          min-height: 24px;
        }

        body.authenticated-screen .today-cockpit-strength-card,
        body.authenticated-screen .today-cockpit-running-card,
        body.authenticated-screen .today-cockpit-recent-card,
        body.authenticated-screen .today-cockpit-plan-card {
          height: 238px;
          min-height: 238px;
        }

        body.authenticated-screen .today-cockpit-insight-card {
          height: 280px;
          gap: 10px;
        }

        body.authenticated-screen .today-cockpit-insight-card p {
          display: -webkit-box;
          margin: 0;
          overflow: hidden;
          color: #c4ccd8;
          font-size: 0.82rem;
          line-height: 1.38;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 5;
        }

        body.authenticated-screen .today-cockpit-insight-card .today-cockpit-focus {
          display: flex;
          align-items: center;
          gap: 9px;
          margin-top: auto;
          padding: 10px 12px;
          color: #2f8cff;
        }

        body.authenticated-screen .today-cockpit-insight-card .today-cockpit-focus strong {
          color: #58a6ff !important;
          font-size: 0.86rem;
          line-height: 1.35;
        }

        body.authenticated-screen .today-cockpit-focus-icon {
          display: inline-flex;
          width: 18px;
          height: 18px;
          flex: 0 0 18px;
          align-items: center;
          justify-content: center;
          color: #2f8cff;
        }

        body.authenticated-screen .today-cockpit-focus-icon svg {
          width: 18px;
          height: 18px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.85;
        }

        body.authenticated-screen .today-cockpit-load-chart polygon {
          fill: url("#todayLoadAreaGradient");
        }

        body.authenticated-screen .today-cockpit-load-chart polyline {
          stroke: url("#todayLoadLineGradient");
        }

        body.authenticated-screen .today-cockpit-load-chart .today-cockpit-chart-grid {
          fill: none;
          stroke: rgba(148, 163, 184, 0.16);
          stroke-dasharray: 4 6;
          stroke-width: 1;
        }

        body.authenticated-screen .today-cockpit-sparkline {
          filter: drop-shadow(0 12px 18px rgba(31, 122, 255, 0.18));
        }

        body.authenticated-screen .today-cockpit-sparkline polygon {
          fill: rgba(31, 122, 255, 0.14);
        }

        body.authenticated-screen .today-cockpit-readiness-value {
          stroke: url("#todayReadinessGradient");
          filter: drop-shadow(0 0 10px rgba(25, 211, 178, 0.62));
        }

        body.authenticated-screen .today-cockpit-body-map {
          filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.36));
        }

        body.authenticated-screen .today-cockpit-week-list,
        body.authenticated-screen .today-cockpit-session-list {
          gap: 8px;
          overflow: hidden;
        }

        body.authenticated-screen .today-cockpit-week-row,
        body.authenticated-screen .today-cockpit-session-row {
          min-height: 42px;
          padding: 8px 10px;
        }

        body.authenticated-screen .today-cockpit-session-row {
          display: grid;
          width: 100%;
          min-width: 0;
          grid-template-columns: 38px minmax(0, 1fr) minmax(42px, auto);
          gap: 8px;
          box-sizing: border-box;
          overflow: hidden;
        }

        body.authenticated-screen .today-cockpit-week-row {
          display: grid;
          width: 100%;
          min-width: 0;
          grid-template-columns: 34px minmax(0, 1fr) 14px;
          gap: 8px;
          box-sizing: border-box;
          overflow: hidden;
        }

        body.authenticated-screen .today-cockpit-week-row strong {
          min-width: 0;
        }

        body.authenticated-screen .today-cockpit-plan-icon {
          justify-self: end;
        }

        body.authenticated-screen .today-cockpit-plan-card {
          gap: 5px;
          padding-block: 13px;
        }

        body.authenticated-screen .today-cockpit-plan-card .today-cockpit-card-head {
          min-height: 24px;
        }

        body.authenticated-screen .today-cockpit-plan-card .today-cockpit-week-list {
          position: relative;
          gap: 0;
        }

        body.authenticated-screen .today-cockpit-plan-card .today-cockpit-week-list::before {
          content: "";
          position: absolute;
          top: 22px;
          bottom: 14px;
          left: 45px;
          width: 2px;
          border-radius: 999px;
          background: rgba(148, 163, 184, 0.18);
        }

        body.authenticated-screen .today-cockpit-plan-card .today-cockpit-week-row {
          position: relative;
          min-height: 21px;
          grid-template-columns: 31px 14px minmax(0, 1fr) minmax(26px, auto);
          align-items: center;
          gap: 5px;
          padding: 0 7px;
          border-radius: 7px;
          background: transparent;
          font-size: 0.7rem;
        }

        body.authenticated-screen .today-cockpit-plan-card .today-cockpit-week-row-current {
          background: rgba(47, 129, 247, 0.16);
        }

        body.authenticated-screen .today-cockpit-plan-card .today-cockpit-day {
          width: 30px;
          min-height: 17px;
          justify-content: flex-start;
          background: transparent;
          color: #aeb8c5;
          font-size: 0.68rem;
        }

        body.authenticated-screen .today-cockpit-week-row .small,
        body.authenticated-screen .today-cockpit-session-row .small {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-card-head {
          min-height: 48px;
          align-items: start;
        }

        body.authenticated-screen .today-cockpit-card h3 {
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

        body.authenticated-screen .today-cockpit-card-action {
          width: 100%;
          min-height: 38px !important;
          margin-top: auto;
          border-radius: 10px !important;
          padding: 0 14px !important;
          font-size: 0.86rem;
        }

        body.authenticated-screen .today-cockpit-workout-pill {
          display: inline-flex;
          width: fit-content;
          max-width: 100%;
          min-height: 23px;
          align-items: center;
          border-radius: 999px;
          padding: 0 9px;
          background: rgba(31, 122, 255, 0.16);
          color: #58a6ff;
          font-size: 0.72rem;
          font-weight: 850;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-workout-card .stack-tight {
          gap: 6px;
        }

        body.authenticated-screen .today-cockpit-workout-copy {
          display: grid;
          min-width: 0;
          grid-template-rows: minmax(0, 1fr) auto;
          align-content: stretch;
          align-self: stretch;
        }

        body.authenticated-screen .today-cockpit-workout-main {
          display: grid;
          min-width: 0;
          gap: 9px;
          align-self: center;
          transform: translateY(-6px);
        }

        body.authenticated-screen .today-cockpit-workout-copy h3 {
          margin: 0;
          color: #f8fbff !important;
          font-size: 0.98rem;
          font-weight: 760;
          line-height: 1.16;
        }

        body.authenticated-screen .today-cockpit-workout-card .today-cockpit-metric-list {
          gap: 9px;
          margin-top: 4px;
        }

        body.authenticated-screen .today-cockpit-workout-card .today-cockpit-metric-row--icon strong {
          max-width: calc(100% - 23px);
          color: #aeb8c5 !important;
          font-size: 0.78rem;
          font-weight: 650;
        }

        body.authenticated-screen .today-cockpit-workout-card .today-cockpit-row-icon,
        body.authenticated-screen .today-cockpit-workout-card .today-cockpit-row-icon svg {
          width: 16px;
          height: 16px;
          flex-basis: 16px;
        }

        body.authenticated-screen .today-cockpit-metric-list {
          display: grid;
          gap: 7px;
          min-width: 0;
        }

        body.authenticated-screen .today-cockpit-metric-row {
          display: flex;
          min-width: 0;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
        }

        body.authenticated-screen .today-cockpit-metric-row strong {
          max-width: 58%;
          overflow: hidden;
          font-size: 0.82rem;
          font-weight: 700;
          text-align: right;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-metric-row--icon {
          justify-content: flex-start;
          gap: 7px;
        }

        body.authenticated-screen .today-cockpit-metric-row--icon strong {
          max-width: calc(100% - 24px);
          color: #aeb8c5;
          font-size: 0.76rem;
          font-weight: 650;
          text-align: left;
        }

        body.authenticated-screen .today-cockpit-row-icon {
          display: inline-flex;
          width: 17px;
          height: 17px;
          flex: 0 0 17px;
          align-items: center;
          justify-content: center;
          color: #8fa2b7;
        }

        body.authenticated-screen .today-cockpit-row-icon svg {
          width: 17px;
          height: 17px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.8;
        }

        body.authenticated-screen .today-cockpit-workout-details {
          min-width: 0;
          align-self: end;
          padding-bottom: 5px;
        }

        body.authenticated-screen .today-cockpit-readiness-layout {
          display: grid;
          grid-template-columns: 133px minmax(0, 1fr);
          gap: 8px;
          align-items: center;
          min-height: 132px;
          transform: translateY(-12px);
        }

        body.authenticated-screen .today-cockpit-readiness-card {
          grid-template-rows: auto minmax(0, 1fr) auto auto;
          gap: 9px;
        }

        body.authenticated-screen .today-cockpit-readiness-stats {
          display: grid;
          gap: 7px;
          min-width: 0;
          width: max-content;
          max-width: 100%;
          justify-self: center;
        }

        body.authenticated-screen .today-cockpit-readiness-stat {
          display: grid;
          min-width: 0;
          grid-template-columns: 16px minmax(0, 1fr);
          column-gap: 7px;
          row-gap: 1px;
          align-items: center;
        }

        body.authenticated-screen .today-cockpit-readiness-stat-icon {
          display: inline-flex;
          width: 16px;
          height: 16px;
          grid-row: span 2;
          align-items: center;
          justify-content: center;
          color: #91a4b8;
        }

        body.authenticated-screen .today-cockpit-readiness-stat-icon svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.75;
        }

        body.authenticated-screen .today-cockpit-readiness-stat span {
          min-width: 0;
          color: #98a4b3;
          font-size: 0.7rem;
          line-height: 1;
        }

        body.authenticated-screen .today-cockpit-readiness-stat strong {
          min-width: 0;
          color: #f3f7fb !important;
          font-size: 0.74rem;
          font-weight: 690;
          line-height: 1.04;
        }

        body.authenticated-screen .today-cockpit-readiness-note {
          margin: -3px 0 0;
          overflow: hidden;
          color: #9da8b6;
          font-size: 0.68rem;
          line-height: 1.25;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-readiness-card .today-cockpit-card-action {
          min-height: 34px !important;
          padding: 0 12px !important;
        }

        body.authenticated-screen .today-cockpit-load-card {
          grid-template-rows: auto auto minmax(0, 1fr);
          gap: 8px;
        }

        body.authenticated-screen .today-cockpit-load-card .today-cockpit-card-head {
          min-height: 28px;
        }

        body.authenticated-screen .today-cockpit button.today-cockpit-card-more {
          min-height: 0 !important;
          border: 0 !important;
          border-radius: 0 !important;
          padding: 0 !important;
          background: transparent !important;
          color: rgba(226, 232, 240, 0.76) !important;
          font-size: 0.76rem;
          font-weight: 700;
          box-shadow: none !important;
        }

        body.authenticated-screen .today-cockpit-load-summary {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 2px;
          min-width: 0;
        }

        body.authenticated-screen .today-cockpit-load-summary h3 {
          margin: 0;
        }

        body.authenticated-screen .today-cockpit-load-summary h3 span,
        body.authenticated-screen .today-cockpit-big-metric strong {
          font-size: 1.78rem;
        }

        body.authenticated-screen .today-cockpit-load-meta {
          min-height: 24px;
          overflow: hidden;
        }

        body.authenticated-screen .today-cockpit-load-meta .small {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-strength-card,
        body.authenticated-screen .today-cockpit-running-card {
          grid-template-rows: auto auto minmax(0, 1fr);
          gap: 10px;
        }

        body.authenticated-screen .today-cockpit-strength-card .today-cockpit-sparkline,
        body.authenticated-screen .today-cockpit-running-card .today-cockpit-sparkline {
          height: 58px;
          min-height: 58px;
          overflow: hidden;
        }

        body.authenticated-screen .today-cockpit-session-copy {
          min-width: 0;
        }

        body.authenticated-screen .today-cockpit-session-copy strong,
        body.authenticated-screen .today-cockpit-session-metric strong,
        body.authenticated-screen .today-cockpit-week-row strong {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        body.authenticated-screen .today-cockpit-session-metric {
          display: grid;
          gap: 1px;
          font-size: 0.84rem;
          justify-self: end;
          text-align: right;
        }

        body.authenticated-screen .today-cockpit-session-metric span {
          color: rgba(182, 192, 206, 0.7);
          font-size: 0.66rem;
          font-weight: 650;
        }

        body.authenticated-screen .today-cockpit-recent-card {
          gap: 8px;
          grid-template-rows: auto minmax(0, 1fr) auto;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-card-head {
          min-height: 28px;
          align-items: center;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-list {
          gap: 5px;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-row {
          min-height: 42px;
          grid-template-columns: 32px minmax(0, 1fr) minmax(64px, auto);
          gap: 8px;
          padding: 5px 7px;
          border-radius: 9px;
          background: rgba(255, 255, 255, 0.035);
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-icon {
          width: 32px;
          height: 32px;
          border-radius: 9px;
          background: rgba(31, 122, 255, 0.17);
          color: #58a6ff;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-copy {
          display: grid;
          gap: 1px;
          line-height: 1.12;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-copy strong {
          font-size: 0.81rem;
          line-height: 1.08;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-row .small {
          font-size: 0.7rem;
          line-height: 1.08;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-session-metric {
          max-width: 72px;
          font-size: 0.74rem;
          line-height: 1.12;
        }

        body.authenticated-screen .today-cockpit-recent-card .today-cockpit-card-action {
          min-height: 34px !important;
          font-size: 0.8rem;
        }

        body.authenticated-screen .today-cockpit-mini-icon {
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }

        body.authenticated-screen .today-cockpit-mini-icon svg {
          width: 16px;
          height: 16px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 1.85;
        }

        body.authenticated-screen .today-cockpit-plan-status {
          position: relative;
          z-index: 1;
          display: inline-flex;
          width: 13px;
          height: 13px;
          align-items: center;
          justify-content: center;
          border-radius: 999px;
          justify-self: center;
          background: #141c27;
        }

        body.authenticated-screen .today-cockpit-plan-status-complete {
          background: rgba(25, 211, 178, 0.18);
          color: #41e8c8;
        }

        body.authenticated-screen .today-cockpit-plan-status-complete svg {
          width: 10px;
          height: 10px;
          fill: none;
          stroke: currentColor;
          stroke-linecap: round;
          stroke-linejoin: round;
          stroke-width: 3;
        }

        body.authenticated-screen .today-cockpit-plan-status-current {
          background: #1f7aff;
          box-shadow: 0 0 0 4px rgba(31, 122, 255, 0.12);
        }

        body.authenticated-screen .today-cockpit-plan-status-planned {
          border: 2px solid rgba(148, 163, 184, 0.42);
        }

        body.authenticated-screen .today-cockpit-plan-icons {
          display: inline-flex;
          gap: 5px;
          justify-self: end;
          color: #9ca8ba;
        }

        body.authenticated-screen .today-cockpit-plan-mini-icon svg {
          width: 14px;
          height: 14px;
        }
      }

      @media (max-width: 1024px) {
        body.authenticated-screen .page-stack {
          gap: 24px;
        }

        body.authenticated-screen .command-hero,
        body.authenticated-screen .today-hero {
          padding: 24px;
          gap: 20px;
        }

        body.authenticated-screen .command-title {
          font-size: clamp(2.15rem, 5vw, 3.2rem);
          max-width: 11ch;
        }

        body.authenticated-screen .command-subtitle {
          font-size: 1rem;
          max-width: 52ch;
        }

        body.authenticated-screen .today-task-grid > .task-card {
          min-height: 18.25rem;
          padding: 20px;
        }

        body.authenticated-screen .quick-stat strong,
        body.authenticated-screen .today-stat-card strong,
        body.authenticated-screen .dashboard-metric strong {
          font-size: clamp(1.18rem, 2.3vw, 1.5rem);
        }
      }

      @media (max-width: 720px) {
        main {
          width: 100%;
        }

        .app-shell,
        .app-sidebar,
        .header-row,
        .section-header,
        .button-row,
        .command-hero,
        .status-strip,
        .daily-loop-grid,
        .task-grid,
        .content-grid,
        .workout-command-grid,
        .quick-stat-grid,
        .today-hero,
        .today-grid,
        .two-up,
        .workspace-grid,
        .workout-builder-shell,
        .dashboard-grid,
        .dashboard-metrics,
        .metric-chart-grid,
        .goal-target-grid,
        .plan-week-grid,
        .metric-grid,
        .exercise-entry-grid {
          grid-template-columns: 1fr;
          display: grid;
        }

        .plan-day-head,
        .plan-day-actions {
          display: grid;
          justify-content: start;
        }

        .app-sidebar {
          position: static;
        }

        .workout-form-panel {
          position: static;
        }

        .sample-feed-row {
          grid-template-columns: 1fr;
        }

        .run-prescription-head,
        .run-phase-header,
        .run-step-row,
        .workout-canvas-section-head,
        .workout-canvas-segment-head,
        .workout-canvas-title-row {
          align-items: start;
        }

        .run-step-row {
          display: grid;
          grid-template-columns: auto minmax(0, 1fr);
        }

        .run-step-actions {
          grid-column: 2;
          justify-items: start;
          grid-auto-flow: column;
          justify-content: start;
        }

        .workout-form-panel .header-row,
        .workout-form-panel .button-row,
        .plan-day-head,
        .plan-day-actions {
          grid-template-columns: 1fr;
          display: grid;
          align-items: start;
        }

        .metric-chart-grid,
        .dashboard-list,
        .dashboard-guidance-list {
          gap: 12px;
        }

        body.authenticated-screen main {
          padding-top: calc(var(--space-8, 2rem) * 2.15);
        }

        body.authenticated-screen .page-stack {
          gap: 22px;
        }

        body.authenticated-screen .subpanel,
        body.authenticated-screen .dashboard-card,
        body.authenticated-screen .dashboard-card-wide,
        body.authenticated-screen .ops-alert-card {
          padding: 18px;
        }

        body.authenticated-screen .command-hero,
        body.authenticated-screen .today-hero {
          padding: 20px;
          gap: 18px;
          border-radius: 24px;
        }

        body.authenticated-screen .command-hero::before {
          inset: 12px;
        }

        body.authenticated-screen .command-title {
          font-size: clamp(1.9rem, 8vw, 2.55rem);
          line-height: 0.96;
          max-width: none;
        }

        body.authenticated-screen .command-subtitle,
        body.authenticated-screen .today-hero-subtitle {
          font-size: 0.95rem;
          line-height: 1.5;
        }

        body.authenticated-screen .button-row {
          gap: 10px;
        }

        body.authenticated-screen .button-row > * {
          width: 100%;
        }

        body.authenticated-screen .today-task-grid {
          gap: 14px;
        }

        body.authenticated-screen .today-task-grid > .task-card {
          min-height: 0;
          padding: 18px;
          gap: 14px;
        }

        body.authenticated-screen .today-task-grid .today-task-title,
        body.authenticated-screen .task-card strong {
          min-height: 0;
          font-size: 1.1rem;
        }

        body.authenticated-screen .today-task-grid .today-task-detail {
          font-size: 0.93rem;
          line-height: 1.48;
        }

        body.authenticated-screen .quick-stat-grid,
        body.authenticated-screen .dashboard-metrics {
          gap: 10px;
        }

        body.authenticated-screen .quick-stat,
        body.authenticated-screen .today-stat-card,
        body.authenticated-screen .dashboard-metric {
          padding: 14px;
        }

        body.authenticated-screen .quick-stat strong,
        body.authenticated-screen .today-stat-card strong,
        body.authenticated-screen .dashboard-metric strong {
          font-size: 1.15rem;
        }

        body.authenticated-screen button.secondary:not(.nav-item),
        body.authenticated-screen .secondary.small-button {
          min-height: 42px;
          padding: 0.75rem 1rem;
        }

        body.authenticated-screen .pill,
        body.authenticated-screen .chip-token,
        body.authenticated-screen .ui-chip {
          min-height: 28px;
          padding: 0.36rem 0.62rem;
          font-size: 0.8rem;
        }

        .workout-builder-inspector {
          position: static;
        }

        .app-nav {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }