:root {
        --bg: #edf7f1;
        --bg-deep: #d7e8dc;
        --bg-paper: #f7fbf8;
        --panel: rgba(250, 253, 250, 0.94);
        --panel-strong: rgba(255, 255, 252, 0.97);
        --panel-dark: #12372b;
        --panel-dark-soft: rgba(18, 55, 43, 0.9);
        --ink: #143126;
        --muted: #50675b;
        --accent: #1f6a4e;
        --accent-deep: #123f2f;
        --accent-soft: rgba(31, 106, 78, 0.12);
        --accent-bright: #2f8b66;
        --accent-mist: rgba(31, 106, 78, 0.08);
        --gold: #e1bf43;
        --gold-deep: #b48b1f;
        --line: rgba(20, 49, 38, 0.12);
        --line-strong: rgba(20, 49, 38, 0.18);
        --shadow: 0 18px 54px rgba(26, 74, 54, 0.1);
        --shadow-soft: 0 14px 28px rgba(12, 45, 31, 0.08);
        --success: #246c45;
        --success-soft: rgba(36, 108, 69, 0.12);
        --warning: #8a601e;
        --warning-soft: rgba(138, 96, 30, 0.14);
        --danger: #9f2f2f;
        --danger-soft: rgba(159, 47, 47, 0.12);
        --jade: #2d7d5b;
        --jade-soft: rgba(45, 125, 91, 0.14);
        --gold-soft: rgba(225, 191, 67, 0.2);
        --shadow-strong: 0 24px 80px rgba(14, 44, 31, 0.2);
        --surface-shadow: 0 14px 28px rgba(16, 56, 38, 0.07), 0 2px 6px rgba(11, 31, 22, 0.035);
        --surface-shadow-hover:
          0 18px 34px rgba(16, 56, 38, 0.1),
          0 8px 18px rgba(11, 31, 22, 0.05);
        --body-glow-one: rgba(184, 222, 202, 0.34);
        --body-glow-two: rgba(31, 106, 78, 0.12);
        --body-glow-three: rgba(225, 191, 67, 0.18);
        --body-glow-four: rgba(205, 179, 78, 0.14);
        --body-orb-top: rgba(179, 216, 193, 0.34);
        --body-orb-bottom: rgba(82, 134, 102, 0.22);
        --button-top: var(--accent-bright);
        --button-bottom: var(--accent-deep);
        --button-hover-top: var(--accent);
        --button-hover-bottom: var(--accent-deep);
        --text-display: clamp(3rem, 6vw, 5.2rem);
        --text-title-1: clamp(1.82rem, 3vw, 2.28rem);
        --text-title-2: clamp(1.42rem, 2.4vw, 1.82rem);
        --text-title-3: 1.18rem;
        --text-body-lg: 1.02rem;
        --text-body: 0.96rem;
        --text-body-sm: 0.88rem;
        --text-caption: 0.8rem;
        --text-overline: 0.74rem;
        --weight-heavy: 800;
        --weight-strong: 700;
        --weight-body: 600;
      }

      * {
        box-sizing: border-box;
      }

      html,
      body {
        margin: 0;
        min-height: 100%;
        scroll-behavior: smooth;
      }

      body {
        font-family:
          "SF Pro Text",
          "Segoe UI Variable Text",
          "Avenir Next",
          "Segoe UI",
          system-ui,
          sans-serif;
        color: var(--ink);
        background:
          radial-gradient(circle at top left, var(--body-glow-one), transparent 24%),
          radial-gradient(circle at 82% 14%, var(--body-glow-two), transparent 24%),
          radial-gradient(circle at bottom right, var(--body-glow-three), transparent 28%),
          radial-gradient(circle at 30% 82%, var(--body-glow-four), transparent 20%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 34%),
          linear-gradient(140deg, #fcfefb 0%, #f3f8f4 28%, var(--bg) 58%, var(--bg-deep) 100%);
        letter-spacing: 0.002em;
        position: relative;
        overflow-x: hidden;
        overscroll-behavior-y: none;
        scrollbar-gutter: stable both-edges;
        scrollbar-width: thin;
        scrollbar-color: rgba(18, 63, 47, 0.34) rgba(255, 255, 255, 0.3);
        text-rendering: optimizeLegibility;
        font-size: var(--text-body);
        line-height: 1.52;
        font-weight: 500;
      }

      #app {
        position: relative;
        isolation: isolate;
      }

      #app::before,
      #app::after {
        content: "";
        position: fixed;
        pointer-events: none;
        z-index: -1;
      }

      #app::before {
        inset: 0;
        opacity: 0.56;
        background:
          linear-gradient(118deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 34%),
          repeating-linear-gradient(
            90deg,
            rgba(20, 49, 38, 0.028) 0 1px,
            transparent 1px 58px
          ),
          repeating-linear-gradient(
            0deg,
            rgba(20, 49, 38, 0.024) 0 1px,
            transparent 1px 58px
          );
        animation: contourFloat 34s ease-in-out infinite;
      }

      #app::after {
        top: 16%;
        right: 7%;
        width: min(34vw, 420px);
        height: min(34vw, 420px);
        border-radius: 50%;
        background:
          radial-gradient(circle, var(--accent-soft), transparent 58%),
          radial-gradient(circle at 62% 38%, var(--gold-soft), transparent 42%);
        filter: blur(16px);
        opacity: 0.46;
        animation: haloFloat 22s ease-in-out infinite;
      }

      body::-webkit-scrollbar {
        width: 11px;
      }

      body::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.34);
      }

      body::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, rgba(31, 106, 78, 0.54), rgba(18, 63, 47, 0.72));
        border-radius: 999px;
        border: 2px solid rgba(255, 255, 255, 0.48);
      }

      body::before,
      body::after {
        content: "";
        position: fixed;
        border-radius: 999px;
        filter: blur(8px);
        pointer-events: none;
        z-index: -1;
      }

      body::before {
        width: 380px;
        height: 380px;
        top: -140px;
        right: -120px;
        background: radial-gradient(circle, var(--body-orb-top), transparent 68%);
        animation: drift 18s ease-in-out infinite;
      }

      body::after {
        width: 420px;
        height: 420px;
        bottom: -180px;
        left: -120px;
        background: radial-gradient(circle, var(--body-orb-bottom), transparent 70%);
        animation: drift 24s ease-in-out infinite reverse;
      }

      @keyframes drift {
        0%,
        100% {
          transform: translate3d(0, 0, 0) scale(1);
        }
        50% {
          transform: translate3d(18px, -20px, 0) scale(1.06);
        }
      }

      @keyframes fadeUp {
        from {
          opacity: 0;
          transform: translateY(14px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes glowPulse {
        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(31, 106, 78, 0.18);
        }
        50% {
          box-shadow: 0 0 0 14px rgba(31, 106, 78, 0);
        }
      }

      @keyframes sheen {
        from {
          transform: translateX(-140%) skewX(-14deg);
        }
        to {
          transform: translateX(220%) skewX(-14deg);
        }
      }

      @keyframes slowShift {
        0%,
        100% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
      }

      @keyframes bubbleGloss {
        0% {
          transform: translateX(-160%) skewX(-18deg);
          opacity: 0;
        }
        12% {
          opacity: 0.14;
        }
        34% {
          transform: translateX(180%) skewX(-18deg);
          opacity: 0.44;
        }
        52%,
        100% {
          transform: translateX(220%) skewX(-18deg);
          opacity: 0;
        }
      }

      @keyframes orbFloat {
        0%,
        100% {
          transform: translate3d(0, 0, 0) scale(1);
          opacity: 0.52;
        }
        50% {
          transform: translate3d(-10px, -12px, 0) scale(1.12);
          opacity: 0.8;
        }
      }

      @keyframes contourFloat {
        0%,
        100% {
          transform: translate3d(0, 0, 0) scale(1);
        }
        50% {
          transform: translate3d(12px, -10px, 0) scale(1.02);
        }
      }

      @keyframes panelTilt {
        0%,
        100% {
          transform: rotate(16deg) translate3d(0, 0, 0);
        }
        50% {
          transform: rotate(11deg) translate3d(-8px, 8px, 0);
        }
      }

      @keyframes authTickerFlow {
        from {
          transform: translateX(-50%);
        }
        to {
          transform: translateX(0%);
        }
      }

      @keyframes statusPulse {
        0%,
        100% {
          transform: scale(0.92);
          opacity: 0.78;
        }
        50% {
          transform: scale(1.18);
          opacity: 1;
        }
      }

      @keyframes panelReveal {
        from {
          opacity: 0;
          transform: translateY(10px) scale(0.985);
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      @keyframes haloFloat {
        0%,
        100% {
          transform: translate3d(0, 0, 0) scale(1);
          opacity: 0.28;
        }
        50% {
          transform: translate3d(8px, -10px, 0) scale(1.08);
          opacity: 0.52;
        }
      }

      @keyframes startupLogoIn {
        0% {
          opacity: 0;
          transform: translateY(20px) scale(0.84) rotate(-6deg);
        }
        58% {
          opacity: 1;
          transform: translateY(-4px) scale(1.03) rotate(1.4deg);
        }
        100% {
          opacity: 1;
          transform: translateY(0) scale(1) rotate(0deg);
        }
      }

      @keyframes startupGlowPulse {
        0%,
        100% {
          transform: scale(0.9);
          opacity: 0.28;
        }
        50% {
          transform: scale(1.08);
          opacity: 0.72;
        }
      }

      @keyframes startupCopyIn {
        0% {
          opacity: 0;
          transform: translateY(14px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes startupOrbitSpin {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }

      @keyframes startupOrbitCounter {
        from {
          transform: rotate(360deg);
        }
        to {
          transform: rotate(0deg);
        }
      }

      @keyframes startupBeamSweep {
        0% {
          opacity: 0;
          transform: translate3d(-22%, 8%, 0) rotate(-18deg) scaleY(0.92);
        }
        20% {
          opacity: 0.18;
        }
        50% {
          opacity: 0.56;
          transform: translate3d(6%, -4%, 0) rotate(-18deg) scaleY(1.04);
        }
        100% {
          opacity: 0;
          transform: translate3d(24%, -10%, 0) rotate(-18deg) scaleY(0.96);
        }
      }

      @keyframes startupMeterPulse {
        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(225, 191, 67, 0.18);
        }
        50% {
          box-shadow: 0 0 0 10px rgba(225, 191, 67, 0);
        }
      }

      .startup-splash {
        position: fixed;
        inset: 0;
        z-index: 3000;
        display: grid;
        place-items: center;
        padding: 28px;
        overflow: hidden;
        background:
          radial-gradient(circle at 50% 18%, rgba(225, 191, 67, 0.18), transparent 20%),
          radial-gradient(circle at 18% 22%, rgba(104, 175, 124, 0.16), transparent 22%),
          radial-gradient(circle at 82% 78%, rgba(191, 225, 203, 0.12), transparent 22%),
          linear-gradient(160deg, rgba(10, 32, 24, 0.98), rgba(18, 63, 47, 0.96), rgba(34, 106, 73, 0.92));
        background-size: 160% 160%;
        animation: slowShift 16s ease-in-out infinite;
        transition:
          opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),
          visibility 620ms ease,
          transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .startup-splash::before,
      .startup-splash::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
        filter: blur(6px);
      }

      .startup-splash::before {
        width: min(42vw, 440px);
        height: min(42vw, 440px);
        top: -12%;
        right: -8%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.16), transparent 68%);
        animation: drift 18s ease-in-out infinite;
      }

      .startup-splash::after {
        width: min(36vw, 360px);
        height: min(36vw, 360px);
        bottom: -10%;
        left: -6%;
        background: radial-gradient(circle, rgba(113, 188, 137, 0.18), transparent 68%);
        animation: drift 22s ease-in-out infinite reverse;
      }

      .startup-splash.is-exiting {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.015);
        pointer-events: none;
      }

      .startup-splash.is-ready .startup-logo-card {
        transform: scale(1.03);
        box-shadow:
          0 38px 108px rgba(4, 17, 12, 0.42),
          inset 0 1px 0 rgba(255, 255, 255, 0.92);
      }

      .startup-splash.is-ready .startup-progress-bar {
        box-shadow:
          0 0 24px rgba(225, 191, 67, 0.34),
          0 0 0 1px rgba(255, 255, 255, 0.08) inset;
      }

      .startup-grid {
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0.22;
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 56px 56px;
        mask-image: radial-gradient(circle at center, black 32%, transparent 88%);
      }

      .startup-beam {
        position: absolute;
        inset: -8% auto auto 50%;
        width: min(34vw, 320px);
        height: 120%;
        pointer-events: none;
        opacity: 0;
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0),
          rgba(225, 191, 67, 0.1),
          rgba(255, 255, 255, 0)
        );
        filter: blur(10px);
      }

      .startup-beam-one {
        animation: startupBeamSweep 8.2s ease-in-out infinite;
      }

      .startup-beam-two {
        width: min(22vw, 220px);
        margin-left: 90px;
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0),
          rgba(113, 188, 137, 0.12),
          rgba(255, 255, 255, 0)
        );
        animation: startupBeamSweep 7.1s ease-in-out infinite reverse;
      }

      .startup-splash-inner {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 24px;
        justify-items: center;
        text-align: center;
        width: min(92vw, 760px);
      }

      .startup-logo-stage {
        position: relative;
        display: grid;
        place-items: center;
        width: min(58vw, 360px);
        aspect-ratio: 1 / 1;
      }

      .startup-logo-stage::before {
        content: "";
        position: absolute;
        inset: 8%;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.3), rgba(225, 191, 67, 0) 66%);
        filter: blur(8px);
        animation: startupGlowPulse 2.8s ease-in-out infinite;
      }

      .startup-logo-stage::after {
        content: "";
        position: absolute;
        inset: 16%;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow:
          0 0 0 1px rgba(255, 255, 255, 0.04) inset,
          0 0 42px rgba(225, 191, 67, 0.08);
        animation: startupGlowPulse 3.4s ease-in-out infinite reverse;
      }

      .startup-orbit-ring,
      .startup-orbit-dot {
        position: absolute;
        pointer-events: none;
      }

      .startup-orbit-ring {
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.12);
      }

      .startup-orbit-ring.outer {
        inset: 2%;
        border-color: rgba(225, 191, 67, 0.16);
        box-shadow: 0 0 26px rgba(225, 191, 67, 0.06);
        animation: startupOrbitSpin 22s linear infinite;
      }

      .startup-orbit-ring.inner {
        inset: 13%;
        border-style: dashed;
        border-color: rgba(191, 225, 203, 0.2);
        animation: startupOrbitCounter 16s linear infinite;
      }

      .startup-orbit-dot {
        inset: 0;
      }

      .startup-orbit-dot::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        margin: -6px 0 0 -6px;
        border-radius: 50%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(225, 191, 67, 0.9));
        box-shadow:
          0 0 18px rgba(225, 191, 67, 0.32),
          0 0 0 4px rgba(225, 191, 67, 0.08);
      }

      .startup-orbit-dot.one {
        animation: startupOrbitSpin 12s linear infinite;
      }

      .startup-orbit-dot.one::before {
        transform: translateX(142px);
      }

      .startup-orbit-dot.two {
        animation: startupOrbitCounter 10s linear infinite;
      }

      .startup-orbit-dot.two::before {
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(113, 188, 137, 0.92));
        box-shadow:
          0 0 14px rgba(113, 188, 137, 0.3),
          0 0 0 4px rgba(113, 188, 137, 0.08);
        transform: translateX(-118px);
      }

      .startup-logo-card {
        position: relative;
        display: grid;
        place-items: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        padding: clamp(20px, 4vw, 28px);
        border-radius: clamp(28px, 5vw, 42px);
        background: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.82);
        box-shadow:
          0 34px 90px rgba(4, 17, 12, 0.34),
          inset 0 1px 0 rgba(255, 255, 255, 0.92);
        overflow: hidden;
        animation: startupLogoIn 1100ms cubic-bezier(0.22, 1, 0.36, 1) both;
        transition: transform 320ms ease, box-shadow 320ms ease;
      }

      .startup-logo-card::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 -34%;
        width: 34%;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0),
          rgba(255, 255, 255, 0.42),
          rgba(255, 255, 255, 0)
        );
        transform: translateX(-180%) skewX(-18deg);
        animation: bubbleGloss 5.8s ease-in-out infinite 680ms;
      }

      .startup-logo-card::after {
        content: "";
        position: absolute;
        inset: auto -24px -30px auto;
        width: 118px;
        height: 118px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.24), transparent 72%);
        animation: haloFloat 10s ease-in-out infinite;
      }

      .startup-logo {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .startup-wordmark {
        display: grid;
        gap: 10px;
        justify-items: center;
        color: #f4fbf6;
      }

      .startup-wordmark > * {
        opacity: 0;
        animation: startupCopyIn 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
      }

      .startup-kicker {
        margin: 0;
        font-size: 0.8rem;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        font-weight: 800;
        color: rgba(242, 228, 173, 0.92);
        animation-delay: 180ms;
      }

      .startup-title {
        font-size: clamp(1.5rem, 4vw, 2.2rem);
        letter-spacing: -0.04em;
        font-weight: 800;
        animation-delay: 280ms;
      }

      .startup-motto {
        margin: 0;
        color: rgba(247, 239, 200, 0.98);
        font-size: clamp(1rem, 2.4vw, 1.24rem);
        letter-spacing: 0.02em;
        font-weight: 700;
        animation-delay: 340ms;
      }

      .startup-subtitle {
        max-width: 34ch;
        color: rgba(227, 242, 232, 0.76);
        font-size: 0.98rem;
        animation-delay: 380ms;
      }

      .startup-status-stack {
        width: min(92vw, 620px);
        display: grid;
        gap: 14px;
      }

      .startup-chip-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
      }

      .startup-chip-row > * {
        opacity: 0;
        animation: startupCopyIn 720ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
      }

      .startup-chip-row > *:nth-child(1) {
        animation-delay: 420ms;
      }

      .startup-chip-row > *:nth-child(2) {
        animation-delay: 500ms;
      }

      .startup-chip-row > *:nth-child(3) {
        animation-delay: 580ms;
      }

      .startup-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(240, 248, 243, 0.9);
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .startup-chip::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(225, 191, 67, 0.92);
        animation: startupMeterPulse 2.6s ease-in-out infinite;
      }

      .startup-progress-shell {
        opacity: 0;
        animation: startupCopyIn 820ms cubic-bezier(0.22, 1, 0.36, 1) forwards 620ms;
        display: grid;
        gap: 12px;
        padding: 18px 18px 16px;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.06));
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 20px 44px rgba(2, 12, 8, 0.16);
        backdrop-filter: blur(10px);
      }

      .startup-progress-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 14px;
        color: rgba(234, 245, 238, 0.88);
        font-size: 0.92rem;
      }

      .startup-progress-value {
        color: rgba(247, 239, 200, 0.98);
        font-weight: 800;
        letter-spacing: 0.04em;
      }

      .startup-progress-track {
        position: relative;
        height: 12px;
        border-radius: 999px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.08);
      }

      .startup-progress-track::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.05) 100%);
        animation: slowShift 6s ease-in-out infinite;
        background-size: 180% 100%;
      }

      .startup-progress-bar {
        position: absolute;
        inset: 0 auto 0 0;
        width: var(--startup-progress, 12%);
        border-radius: inherit;
        background:
          linear-gradient(90deg, rgba(225, 191, 67, 0.84), rgba(255, 222, 129, 0.96), rgba(113, 188, 137, 0.9));
        background-size: 180% 100%;
        animation: slowShift 4.8s ease-in-out infinite, startupMeterPulse 2.8s ease-in-out infinite;
        transition: width 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms ease;
        box-shadow:
          0 0 18px rgba(225, 191, 67, 0.22),
          0 0 0 1px rgba(255, 255, 255, 0.08) inset;
      }

      a {
        color: var(--accent-deep);
      }

      button,
      input,
      select,
      textarea {
        font: inherit;
      }

      button,
      input,
      select,
      textarea {
        border-radius: 12px;
      }

      .secondary-button,
      .ghost-button,
      .inline-link.secondary-button,
      .inline-link.ghost-button {
        border-radius: 999px;
      }

      button,
      a.secondary-button,
      a.ghost-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        border: 1px solid rgba(18, 63, 47, 0.12);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0))
            padding-box,
          linear-gradient(180deg, var(--button-top), var(--button-bottom)) border-box;
        color: white;
        padding: 10px 14px;
        font-size: var(--text-body-sm);
        font-weight: var(--weight-strong);
        letter-spacing: 0.005em;
        cursor: pointer;
        transition:
          transform 180ms ease,
          opacity 180ms ease,
          box-shadow 180ms ease,
          background 180ms ease,
          border-color 180ms ease,
          color 180ms ease,
          filter 180ms ease;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 8px 18px rgba(15, 55, 39, 0.14);
        text-decoration: none;
      }

      button,
      button *,
      a.secondary-button,
      a.secondary-button *,
      a.ghost-button,
      a.ghost-button * {
        color: inherit;
      }

      button:not([class]),
      button:not([class]) * {
        color: #ffffff !important;
      }

      button:hover,
      a.secondary-button:hover,
      a.ghost-button:hover {
        transform: translateY(-2px);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
            padding-box,
          linear-gradient(180deg, var(--button-hover-top), var(--button-hover-bottom)) border-box;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 10px 20px rgba(15, 55, 39, 0.16);
      }

      button:active,
      a.secondary-button:active,
      a.ghost-button:active {
        transform: translateY(0);
      }

      button:disabled {
        cursor: not-allowed;
        opacity: 0.56;
        transform: none;
        box-shadow: none;
      }

      button:focus-visible,
      a:focus-visible,
      input:focus-visible,
      select:focus-visible,
      textarea:focus-visible {
        outline: none;
        box-shadow:
          0 0 0 3px rgba(255, 255, 255, 0.82),
          0 0 0 6px rgba(31, 106, 78, 0.18);
      }

      :is(button, a).secondary-button,
      :is(button, a).ghost-button,
      .inline-link.secondary-button,
      .inline-link.ghost-button {
        background: rgba(255, 255, 255, 0.98);
        color: var(--ink);
        border: 1px solid rgba(18, 63, 47, 0.12);
        box-shadow: none;
        font-size: var(--text-body-sm);
        font-weight: var(--weight-strong);
      }

      :is(button, a).secondary-button:hover,
      :is(button, a).ghost-button:hover,
      .inline-link.secondary-button:hover,
      .inline-link.ghost-button:hover {
        background: rgba(248, 250, 248, 1);
        color: var(--ink);
        border-color: rgba(18, 63, 47, 0.18);
        box-shadow: 0 6px 12px rgba(15, 55, 39, 0.06);
      }

      a.secondary-button:visited,
      a.ghost-button:visited,
      a.inline-link.secondary-button:visited,
      a.inline-link.ghost-button:visited {
        color: var(--ink);
      }

      :is(.hero-panel, .portal-ribbon, .workspace-hero, .competitor-hero)
        :is(.secondary-button, .ghost-button, .inline-link) {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05))
            padding-box,
          linear-gradient(180deg, rgba(91, 153, 117, 0.9), rgba(24, 87, 57, 0.98)) border-box;
        color: #f7fbf8;
        border: 1px solid transparent;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 10px 20px rgba(6, 20, 13, 0.18);
        font-weight: 800;
        letter-spacing: 0.005em;
        backdrop-filter: blur(12px);
      }

      :is(.hero-panel, .portal-ribbon, .workspace-hero, .competitor-hero)
        :is(.secondary-button, .ghost-button, .inline-link),
      :is(.hero-panel, .portal-ribbon, .workspace-hero, .competitor-hero)
        :is(.secondary-button, .ghost-button, .inline-link) * {
        color: #f7fbf8 !important;
      }

      :is(.hero-panel, .portal-ribbon, .workspace-hero, .competitor-hero)
        :is(.secondary-button, .ghost-button, .inline-link):hover {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.08))
            padding-box,
          linear-gradient(180deg, rgba(113, 177, 138, 0.96), rgba(31, 106, 78, 1)) border-box;
        color: #ffffff;
        border-color: transparent;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.2),
          0 12px 24px rgba(6, 20, 13, 0.2);
      }

      :is(.hero-panel, .portal-ribbon, .workspace-hero, .competitor-hero)
        a:is(.secondary-button, .ghost-button):visited {
        color: #f7fbf8;
      }

      .danger-button {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0))
            padding-box,
          linear-gradient(180deg, #b64040, #8b2e2e) border-box;
        border-color: rgba(133, 39, 39, 0.2);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 10px 24px rgba(133, 39, 39, 0.16);
      }

      .danger-button,
      .danger-button * {
        color: #ffffff !important;
      }

      .danger-button:hover {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
            padding-box,
          linear-gradient(180deg, #c24c4c, #7d2424) border-box;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 14px 28px rgba(133, 39, 39, 0.2);
      }

      .inline-link {
        text-decoration: none;
      }

      .page-shell {
        max-width: 1440px;
        margin: 0 auto;
        padding: 22px 20px 34px;
      }

      .auth-page {
        position: relative;
      }

      .auth-top-ticker {
        position: sticky;
        top: 0;
        z-index: 12;
        overflow: hidden;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background: linear-gradient(90deg, rgba(10, 14, 12, 0.98), rgba(18, 36, 28, 0.96));
        box-shadow: 0 12px 24px rgba(6, 15, 11, 0.12);
        backdrop-filter: blur(10px);
      }

      .auth-top-ticker-track {
        width: max-content;
        display: flex;
        align-items: center;
        gap: 28px;
        padding: 11px 0;
        will-change: transform;
        animation: authTickerFlow 28s linear infinite;
      }

      .auth-top-ticker-item {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color: rgba(245, 251, 247, 0.96);
        font-size: 0.88rem;
        font-weight: 800;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .auth-top-ticker-item::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--gold), #fff0b8);
        box-shadow:
          0 0 0 4px rgba(225, 191, 67, 0.12),
          0 0 18px rgba(225, 191, 67, 0.3);
      }

      .confirm-dialog-layer {
        position: fixed;
        inset: 0;
        z-index: 96;
        display: grid;
        place-items: center;
        padding: 24px;
      }

      .confirm-dialog-backdrop {
        position: absolute;
        inset: 0;
        border: 0;
        background: rgba(6, 15, 11, 0.46);
        backdrop-filter: blur(12px);
        cursor: pointer;
      }

      .confirm-dialog-card {
        position: relative;
        z-index: 1;
        width: min(100%, 540px);
        padding: 24px;
        border-radius: 28px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.94)),
          var(--panel);
        border: 1px solid rgba(255, 255, 255, 0.72);
        box-shadow:
          0 30px 70px rgba(4, 16, 11, 0.2),
          inset 0 1px 0 rgba(255, 255, 255, 0.84);
        animation: fadeUp 180ms ease both;
      }

      .confirm-dialog-card.warning {
        border-color: rgba(225, 191, 67, 0.24);
      }

      .confirm-dialog-card.danger {
        border-color: rgba(182, 64, 64, 0.22);
      }

      .confirm-dialog-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 14px;
      }

      .confirm-dialog-head h3 {
        margin: 0;
        font-size: 1.35rem;
      }

      .confirm-dialog-copy {
        margin: 0;
        color: var(--muted);
        line-height: 1.65;
      }

      .confirm-dialog-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 12px;
        margin-top: 22px;
      }

      .auth-shell {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(390px, 560px);
        gap: 24px;
        align-items: start;
      }

      .workspace-shell {
        display: grid;
        grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
        gap: 24px;
        align-items: start;
      }

      .hero-panel,
      .auth-card,
      .menu-panel,
      .content-panel,
      .surface,
      .stat-card,
      .inline-card,
      .directory-card,
      .link-card,
      .subsurface {
        background: var(--panel);
        border: 1px solid rgba(255, 255, 255, 0.6);
        border-radius: 22px;
        box-shadow: var(--surface-shadow);
        backdrop-filter: blur(14px);
        animation: fadeUp 480ms ease both;
      }

      .hero-panel {
        background:
          radial-gradient(circle at top left, rgba(89, 157, 120, 0.2), transparent 28%),
          radial-gradient(circle at 82% 18%, rgba(225, 191, 67, 0.18), transparent 24%),
          radial-gradient(circle at bottom right, rgba(90, 138, 109, 0.18), transparent 30%),
          linear-gradient(160deg, rgba(14, 46, 34, 0.99), rgba(28, 88, 58, 0.96));
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: #f4f9ff;
        position: relative;
        overflow: hidden;
        box-shadow: var(--shadow-strong);
        background-size: 140% 140%;
        animation: fadeUp 480ms ease both, slowShift 20s ease-in-out infinite;
      }

      .hero-panel,
      .auth-card,
      .menu-panel,
      .content-panel,
      .surface,
      .inline-card,
      .directory-card,
      .link-card,
      .subsurface {
        padding: 16px;
        scroll-margin-top: 28px;
      }

      .workspace-topbar,
      .auth-card,
      .menu-welcome-card,
      .search-result-card,
      .participant-track-card,
      .participant-team-card {
        position: relative;
        overflow: hidden;
      }

      .workspace-topbar > *,
      .auth-card > *,
      .menu-welcome-card > *,
      .search-result-card > *,
      .participant-track-card > *,
      .participant-team-card > * {
        position: relative;
        z-index: 1;
      }

      .workspace-topbar::before,
      .auth-card::before,
      .menu-welcome-card::before,
      .search-result-card::before,
      .participant-track-card::before,
      .participant-team-card::before {
        content: "";
        position: absolute;
        inset: 0 auto auto 22px;
        width: min(36%, 152px);
        height: 2px;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0.9),
          rgba(225, 191, 67, 0.72),
          rgba(31, 106, 78, 0)
        );
        pointer-events: none;
        opacity: 0.92;
      }

      .workspace-topbar::after,
      .auth-card::after,
      .search-result-card::after,
      .participant-track-card::after,
      .participant-team-card::after {
        content: "";
        position: absolute;
        top: -48px;
        right: -22px;
        width: 158px;
        height: 158px;
        border-radius: 38px;
        background:
          linear-gradient(140deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.08)),
          radial-gradient(circle at 36% 38%, var(--gold-soft), transparent 68%);
        border: 1px solid rgba(255, 255, 255, 0.44);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
        opacity: 0.46;
        transform: rotate(16deg);
        pointer-events: none;
      }

      .workspace-topbar::after {
        display: none;
      }

      .hero-panel {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 600px;
      }

      .auth-hero {
        min-height: 640px;
      }

      .hero-panel > *,
      .competitor-hero > * {
        position: relative;
        z-index: 1;
      }

      .hero-panel .muted,
      .hero-panel .hero-copy,
      .hero-panel .manager-note,
      .hero-panel .fine-print {
        color: rgba(243, 249, 245, 0.9);
        font-weight: 650;
      }

      .hero-panel .eyebrow {
        color: rgba(241, 229, 179, 0.88);
      }

      .hero-panel h1,
      .hero-panel h2,
      .hero-panel h3 {
        color: #fbfdfb;
      }

      .hero-panel .stat-card,
      .hero-panel .inline-card {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: none;
      }

      .hero-panel::after {
        content: "";
        position: absolute;
        inset: auto -60px -120px auto;
        width: 280px;
        height: 280px;
        background:
          radial-gradient(circle, rgba(225, 191, 67, 0.18), transparent 62%),
          conic-gradient(
            from 180deg,
            rgba(255, 255, 255, 0.14),
            rgba(255, 255, 255, 0) 44%,
            rgba(255, 255, 255, 0.08) 74%,
            rgba(255, 255, 255, 0)
          );
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.08);
        pointer-events: none;
        animation: orbFloat 16s ease-in-out infinite;
      }

      .hero-panel::before {
        content: "";
        position: absolute;
        inset: 0 auto auto -35%;
        width: 46%;
        height: 100%;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0),
          rgba(255, 255, 255, 0.08),
          rgba(255, 255, 255, 0)
        );
        pointer-events: none;
        animation: sheen 9s linear infinite;
      }

      .eyebrow {
        margin: 0 0 10px;
        color: var(--accent);
        text-transform: uppercase;
        letter-spacing: 0.14em;
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        line-height: 1.1;
      }

      h1,
      h2,
      h3,
      h4 {
        margin: 0;
        font-family: inherit;
        letter-spacing: -0.03em;
        font-weight: var(--weight-heavy);
        line-height: 1.04;
        text-wrap: balance;
      }

      h1 {
        font-size: var(--text-display);
        line-height: 0.94;
      }

      h2 {
        font-size: var(--text-title-1);
        line-height: 1;
      }

      h3 {
        font-size: var(--text-title-2);
        line-height: 1.08;
      }

      h4 {
        font-size: var(--text-title-3);
        line-height: 1.12;
      }

      p,
      li {
        line-height: 1.58;
      }

      .muted {
        color: var(--muted);
        font-weight: var(--weight-body);
      }

      .hero-copy {
        max-width: 56ch;
        color: var(--muted);
        font-size: var(--text-body-lg);
        line-height: 1.62;
      }

      .hero-grid,
      .stat-grid,
      .surface-grid,
      .two-column,
      .three-column,
      .tournament-grid,
      .directory-grid,
      .links-grid {
        display: grid;
        gap: 10px;
        align-items: start;
      }

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

      .hero-feature-list,
      .hero-stat-band,
      .auth-support-grid,
      .portal-focus-grid,
      .portal-info-grid,
      .portal-round-list {
        display: grid;
        gap: 10px;
      }

      .hero-feature-list {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      }

      .hero-feature {
        padding: 16px 18px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .hero-feature strong {
        display: block;
        margin-bottom: 6px;
        font-size: 1.02rem;
        color: #ffffff;
        font-weight: var(--weight-heavy);
      }

      .hero-stat-band {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .hero-stat-chip {
        padding: 16px 18px;
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .hero-stat-chip strong {
        display: block;
        margin-top: 6px;
        font-size: 1.12rem;
        color: #ffffff;
        font-weight: var(--weight-heavy);
      }

      .hero-feature .muted,
      .hero-stat-chip .muted,
      .hero-feature .fine-print,
      .hero-stat-chip .fine-print {
        color: rgba(243, 249, 245, 0.92);
        font-weight: 650;
      }

      .surface-grid {
        grid-template-columns: 1.1fr 0.9fr;
      }

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

      .three-column {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

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

      .directory-grid,
      .links-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .registration-speaker-grid {
        gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      }

      .stat-card {
        padding: 12px 13px;
      }

      .stat-card strong {
        display: block;
        margin-top: 6px;
        font-size: 1.7rem;
        font-family: inherit;
      }

      .auth-forms {
        display: grid;
        gap: 18px;
      }

      .auth-card {
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.14), transparent 28%),
          radial-gradient(circle at 14% 16%, rgba(106, 164, 129, 0.1), transparent 24%),
          linear-gradient(180deg, rgba(254, 255, 252, 0.98), rgba(244, 249, 245, 0.97));
        border: 1px solid rgba(20, 49, 38, 0.1);
        box-shadow:
          0 24px 58px rgba(14, 44, 31, 0.1),
          inset 0 1px 0 rgba(255, 255, 255, 0.74);
      }

      .auth-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
      }

      .auth-primary {
        display: grid;
        gap: 12px;
      }

      .form-shell,
      .auth-support-card,
      .portal-note-card,
      .portal-round-card,
      .portal-focus-card {
        border: 1px solid var(--line);
        border-radius: 18px;
      }

      .form-shell {
        padding: 24px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 251, 248, 0.82));
        box-shadow: 0 16px 34px rgba(15, 55, 39, 0.08);
      }

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

      .auth-support-grid > :last-child {
        grid-column: 1 / -1;
      }

      .auth-support-card {
        padding: 20px;
        background: linear-gradient(180deg, rgba(249, 252, 250, 0.9), rgba(244, 249, 245, 0.86));
        box-shadow: var(--shadow-soft);
        display: grid;
        gap: 14px;
      }

      .auth-support-card p,
      .auth-support-card li,
      .auth-support-card .auth-footer {
        color: rgba(20, 49, 38, 0.78);
        font-weight: 600;
      }

      .auth-support-card .button-row {
        align-items: stretch;
      }

      .auth-support-card :is(.secondary-button, .ghost-button, .inline-link),
      .auth-card :is(.secondary-button, .ghost-button, .inline-link) {
        background: rgba(255, 255, 255, 0.98);
        color: var(--ink);
        border: 1px solid rgba(18, 63, 47, 0.12);
        box-shadow: none;
        font-weight: 800;
      }

      .auth-support-card :is(.secondary-button, .ghost-button, .inline-link),
      .auth-support-card :is(.secondary-button, .ghost-button, .inline-link) *,
      .auth-card :is(.secondary-button, .ghost-button, .inline-link),
      .auth-card :is(.secondary-button, .ghost-button, .inline-link) * {
        color: var(--ink) !important;
      }

      .auth-support-card :is(.secondary-button, .ghost-button, .inline-link):hover,
      .auth-card :is(.secondary-button, .ghost-button, .inline-link):hover {
        background: rgba(248, 250, 248, 1);
        color: var(--ink);
        border-color: rgba(18, 63, 47, 0.18);
        box-shadow: 0 6px 12px rgba(15, 55, 39, 0.06);
      }

      .auth-support-card a:is(.secondary-button, .ghost-button):visited,
      .auth-card a:is(.secondary-button, .ghost-button):visited {
        color: var(--ink);
      }

      .auth-page .hero-panel .button-row > button:not(.danger-button),
      .auth-page .hero-panel .button-row > a,
      .auth-support-card .button-row > button:not(.danger-button),
      .auth-support-card .button-row > a,
      .participant-profile-shell .button-row > button:not(.danger-button),
      .participant-profile-shell .button-row > a {
        min-height: 46px;
        width: auto;
        max-width: 100%;
        padding: 10px 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.98);
        color: var(--ink);
        border: 1px solid rgba(18, 63, 47, 0.12);
        box-shadow: none;
        font-weight: var(--weight-strong);
        align-self: flex-start;
      }

      .auth-page .hero-panel .button-row > button:not(.danger-button) *,
      .auth-page .hero-panel .button-row > a *,
      .auth-support-card .button-row > button:not(.danger-button) *,
      .auth-support-card .button-row > a *,
      .participant-profile-shell .button-row > button:not(.danger-button) *,
      .participant-profile-shell .button-row > a * {
        color: var(--ink) !important;
      }

      .auth-page .hero-panel .button-row > button:not(.danger-button):hover,
      .auth-page .hero-panel .button-row > a:hover,
      .auth-support-card .button-row > button:not(.danger-button):hover,
      .auth-support-card .button-row > a:hover,
      .participant-profile-shell .button-row > button:not(.danger-button):hover,
      .participant-profile-shell .button-row > a:hover {
        background: rgba(248, 250, 248, 1);
        color: var(--ink);
        border-color: rgba(18, 63, 47, 0.18);
        box-shadow: 0 6px 12px rgba(15, 55, 39, 0.06);
      }

      .auth-about-card {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08));
        border: 1px solid rgba(255, 255, 255, 0.14);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      }

      .auth-feature-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 8px;
      }

      .auth-feature-list li {
        position: relative;
        padding: 10px 12px 10px 34px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: rgba(245, 251, 247, 0.95);
        font-size: 0.9rem;
        line-height: 1.35;
      }

      .auth-feature-list li::before {
        content: "";
        position: absolute;
        left: 12px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-radius: 999px;
        transform: translateY(-50%);
        background: linear-gradient(180deg, #d8b54a, #b98d18);
        box-shadow: 0 0 0 4px rgba(216, 181, 74, 0.14);
      }

      .auth-support-card h3 {
        margin-bottom: 6px;
      }

      .auth-security-note {
        padding: 16px 18px;
        border-radius: 18px;
        background: rgba(225, 191, 67, 0.12);
        border: 1px solid var(--line);
      }

      .auth-card .section-heading {
        align-items: flex-start;
      }

      .auth-card .role-pill {
        background: rgba(31, 106, 78, 0.1);
        color: var(--accent-deep);
      }

      .auth-security-note p:last-child,
      .auth-support-card p:last-child,
      .portal-note-card p:last-child {
        margin-bottom: 0;
      }

      .stack {
        display: grid;
        gap: 16px;
      }

      .field-grid {
        display: grid;
        gap: 12px;
        align-items: start;
      }

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

      .field-grid.three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .field-grid.four {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      label {
        display: grid;
        gap: 9px;
        align-content: start;
        font-size: 0.95rem;
        font-weight: 600;
      }

      input,
      select,
      textarea {
        width: 100%;
        min-height: 48px;
        border: 1px solid var(--line);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 248, 0.88));
        padding: 13px 15px;
        color: var(--ink);
        line-height: 1.4;
        box-shadow:
          inset 0 1px 2px rgba(22, 33, 43, 0.04),
          0 1px 0 rgba(255, 255, 255, 0.42);
      }

      input:focus,
      select:focus,
      textarea:focus {
        outline: none;
        border-color: rgba(31, 106, 78, 0.34);
        box-shadow:
          0 0 0 4px rgba(31, 106, 78, 0.12),
          inset 0 1px 2px rgba(22, 33, 43, 0.04);
        background: white;
      }

      textarea {
        min-height: 112px;
        resize: vertical;
      }

      .checkbox-row,
      .toolbar-row,
      .button-row,
      .chip-row,
      .meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }

      .button-row,
      .toolbar-row,
      .wrap-row {
        align-items: stretch;
      }

      .button-row > button,
      .button-row > a,
      .wrap-row > button,
      .wrap-row > a,
      .toolbar-row > button,
      .toolbar-row > a {
        min-height: 42px;
      }

      .checkbox-row {
        align-items: center;
      }

      .checkbox-row input {
        width: 18px;
        height: 18px;
      }

      .skip-link {
        position: absolute;
        left: 16px;
        top: -64px;
        z-index: 40;
        padding: 10px 14px;
        border-radius: 12px;
        background: #fff;
        color: #10201b;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
      }

      .skip-link:focus {
        top: 16px;
      }

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

      .menu-panel {
        position: sticky;
        top: 18px;
        height: fit-content;
        max-height: calc(100vh - 36px);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(225, 242, 231, 0.44) rgba(255, 255, 255, 0.05);
        background:
          radial-gradient(circle at top right, var(--accent-soft), transparent 24%),
          radial-gradient(circle at 16% 18%, var(--gold-soft), transparent 18%),
          linear-gradient(180deg, var(--panel-dark), var(--accent-deep));
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 28px 72px rgba(7, 12, 19, 0.28);
        color: #f4f9ff;
        background-size: 140% 140%;
        animation: fadeUp 480ms ease both, slowShift 22s ease-in-out infinite;
      }

      .menu-panel > * {
        position: relative;
        z-index: 1;
      }

      .menu-panel::-webkit-scrollbar {
        width: 9px;
      }

      .menu-panel::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.04);
        border-radius: 999px;
      }

      .menu-panel::-webkit-scrollbar-thumb {
        background: rgba(225, 242, 231, 0.34);
        border-radius: 999px;
      }

      .menu-brand {
        margin-bottom: 18px;
      }

      .menu-brand h2,
      .menu-panel h3,
      .menu-panel strong {
        color: #f4f9ff;
      }

      .menu-panel .muted,
      .menu-panel .fine-print {
        color: rgba(225, 242, 231, 0.74);
      }

      .menu-panel .inline-card,
      .menu-panel .subsurface {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.05));
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: none;
      }

      .menu-panel .secondary-button,
      .menu-panel .ghost-button {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 247, 0.9));
        color: var(--accent-deep);
        border: 1px solid rgba(255, 255, 255, 0.22);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.72),
          0 8px 18px rgba(6, 20, 13, 0.12);
      }

      .menu-panel .secondary-button,
      .menu-panel .ghost-button,
      .menu-panel .secondary-button *,
      .menu-panel .ghost-button * {
        color: var(--accent-deep) !important;
      }

      .menu-panel .secondary-button:hover,
      .menu-panel .ghost-button:hover {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 248, 0.94));
        color: var(--accent-deep);
        border-color: rgba(255, 255, 255, 0.28);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.78),
          0 10px 20px rgba(6, 20, 13, 0.14);
      }

      .menu-panel .theme-section-label {
        color: rgba(225, 242, 231, 0.74);
      }

      .menu-panel .theme-switch-pill {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 247, 0.9));
        color: var(--accent-deep);
        border-color: rgba(255, 255, 255, 0.22);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.72),
          0 8px 18px rgba(6, 20, 13, 0.12);
      }

      .menu-panel .theme-switch-pill,
      .menu-panel .theme-switch-pill * {
        color: var(--accent-deep) !important;
      }

      .menu-panel .theme-switch-pill:hover {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 248, 0.94));
        color: var(--accent-deep);
        border-color: rgba(255, 255, 255, 0.28);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.78),
          0 10px 20px rgba(6, 20, 13, 0.14);
      }

      .menu-panel .secondary-button.is-active {
        background: linear-gradient(180deg, var(--accent-bright), var(--accent-deep));
        color: white;
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 12px 28px rgba(6, 20, 13, 0.22);
      }

      .menu-panel .secondary-button.is-active,
      .menu-panel .secondary-button.is-active * {
        color: #ffffff !important;
      }

      .menu-welcome-card {
        display: grid;
        gap: 16px;
      }

      .menu-welcome-card .section-heading {
        margin-bottom: 0;
      }

      .menu-nav-list,
      .menu-shortcut-list {
        display: grid;
        gap: 10px;
      }

      .menu-nav-link,
      .menu-room-button {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        padding: 12px 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        text-align: left;
        border-radius: 18px;
      }

      .menu-nav-link {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.05));
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: rgba(244, 249, 247, 0.96);
        box-shadow: none;
      }

      .menu-nav-link:hover {
        background: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.16);
      }

      .menu-nav-link.is-active {
        background: linear-gradient(180deg, var(--accent-bright), var(--accent-deep));
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 10px 24px rgba(6, 20, 13, 0.16);
      }

      .menu-nav-link,
      .menu-nav-link * {
        color: inherit;
      }

      .menu-nav-copy {
        display: grid;
        gap: 4px;
      }

      .menu-nav-copy strong {
        font-size: 0.96rem;
        letter-spacing: -0.02em;
      }

      .menu-nav-copy span {
        font-size: 0.82rem;
        color: rgba(225, 242, 231, 0.7);
      }

      .menu-nav-link.is-active .menu-nav-copy span {
        color: rgba(244, 249, 247, 0.84);
      }

      .menu-nav-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.12);
        color: inherit;
        font-size: 0.8rem;
        font-weight: 800;
      }

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

      .quick-access-strip > button {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        padding-inline: 14px;
      }

      .quick-access-button {
        background: linear-gradient(180deg, var(--accent-bright), var(--accent-deep));
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow: 0 10px 24px rgba(6, 20, 13, 0.18);
      }

      .quick-access-button,
      .quick-access-button * {
        color: #ffffff !important;
      }

      .quick-access-button:hover {
        background: linear-gradient(180deg, var(--accent), var(--accent-deep));
        box-shadow: 0 12px 24px rgba(6, 20, 13, 0.2);
      }

      .danger-button.quick-access-button {
        background: linear-gradient(180deg, #b64040, #8b2e2e);
        border-color: rgba(133, 39, 39, 0.2);
        box-shadow: 0 8px 20px rgba(133, 39, 39, 0.14);
      }

      .danger-button.quick-access-button:hover {
        background: linear-gradient(180deg, #c24c4c, #7d2424);
        box-shadow: 0 12px 24px rgba(133, 39, 39, 0.18);
      }

      .overview-panel {
        display: grid;
        gap: 16px;
      }

      .overview-quick-row {
        display: grid;
        gap: 14px;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
        align-items: start;
      }

      .overview-quick-actions {
        align-self: start;
      }

      .overview-quick-actions > button {
        min-height: 46px;
      }

      .overview-spotlight-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      }

      .overview-queue-list {
        gap: 10px;
      }

      .overview-queue-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .overview-queue-copy strong {
        font-size: 0.96rem;
        line-height: 1.15;
      }

      .overview-queue-copy .muted {
        font-size: 0.84rem;
        line-height: 1.25;
      }

      .overview-admin-details > summary {
        padding: 18px 20px;
      }

      .menu-side-section {
        display: grid;
        gap: 10px;
      }

      .menu-shortcut-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .menu-room-button {
        flex: none;
        min-height: 48px;
        justify-content: flex-start;
      }

      .role-pill,
      .status-pill,
      .mini-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 10px;
        font-size: var(--text-overline);
        line-height: 1.15;
        font-weight: var(--weight-strong);
        border: 1px solid rgba(18, 63, 47, 0.1);
        background: rgba(247, 249, 247, 0.98);
        color: var(--ink);
        box-shadow: none;
      }

      .role-pill {
        background: rgba(247, 249, 247, 0.98);
        color: var(--ink);
      }

      .menu-panel .role-pill {
        background: rgba(127, 191, 151, 0.18);
        color: #e5f7ea;
      }

      .status-pill.open,
      .mini-pill.success {
        background: rgba(247, 249, 247, 0.98);
        color: var(--ink);
        border-color: rgba(31, 106, 78, 0.18);
      }

      .status-pill.open::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--success);
        animation: statusPulse 1.8s ease-in-out infinite;
      }

      .status-pill.closed,
      .mini-pill.warning {
        background: rgba(247, 249, 247, 0.98);
        color: var(--ink);
        border-color: rgba(180, 126, 20, 0.2);
      }

      .status-pill.closed::before,
      .mini-pill.warning::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--warning);
      }

      .status-pill.archived,
      .mini-pill.danger {
        background: rgba(247, 249, 247, 0.98);
        color: var(--ink);
        border-color: rgba(167, 61, 61, 0.18);
      }

      .status-pill.archived::before,
      .mini-pill.danger::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: var(--danger);
      }

      .content-panel {
        display: grid;
        gap: 16px;
      }

      .topbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
      }

      .topbar h1 {
        font-size: clamp(2.2rem, 4vw, 3.25rem);
      }

      .surface,
      .subsurface,
      .inline-card,
      .directory-card,
      .link-card {
        border: 1px solid var(--line);
        transition:
          transform 200ms ease,
          box-shadow 200ms ease,
          border-color 200ms ease,
          background 200ms ease;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.07), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(245, 250, 246, 0.9));
        box-shadow: var(--surface-shadow);
      }

      .subsurface {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(247, 251, 248, 0.72));
        box-shadow: none;
        backdrop-filter: blur(6px);
      }

      .flat-panel,
      .appointee-section {
        display: grid;
        gap: 12px;
        padding: 0;
        background: none;
        border: 0;
        box-shadow: none;
      }

      .stack > .flat-panel + .flat-panel,
      .request-list > .flat-panel + .flat-panel,
      .appointee-section + .appointee-section {
        margin-top: 6px;
        padding-top: 16px;
        border-top: 1px solid var(--line);
      }

      .flat-grid {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        align-items: start;
      }

      .roster-entry-grid {
        align-items: start;
        grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
      }

      .roster-form-panel,
      .roster-speaker-panel,
      .roster-speaker-list-panel,
      .registration-speaker-shell {
        align-content: start;
      }

      .registration-speaker-shell {
        display: grid;
        gap: 10px;
      }

      .registration-speaker-card-primary,
      .registration-speaker-card-side,
      .registration-speaker-card-admin,
      .registration-speaker-card-feedback,
      .registration-speaker-card-footnote {
        display: grid;
        gap: 6px;
      }

      .registration-speaker-card-side {
        align-content: start;
      }

      .registration-speaker-card {
        display: grid;
        gap: 5px;
        padding: 10px 11px;
        border-radius: 12px;
      }

      .registration-speaker-card .section-heading {
        gap: 4px;
        align-items: flex-start;
      }

      .registration-speaker-card .section-heading strong {
        font-size: 1rem;
        line-height: 1.14;
      }

      .registration-speaker-card .muted,
      .registration-speaker-card .fine-print {
        font-size: var(--text-body-sm);
        line-height: 1.42;
      }

      .registration-speaker-card-summary {
        margin-top: -1px;
      }

      .registration-speaker-card .workspace-chip-row,
      .registration-speaker-card .button-row {
        gap: 5px;
      }

      .registration-speaker-card .role-pill,
      .registration-speaker-card .mini-pill {
        padding: 4px 8px;
        font-size: var(--text-overline);
      }

      .registration-speaker-card .token-link {
        font-size: var(--text-overline);
        line-height: 1.34;
      }

      .registration-speaker-card .flat-panel {
        gap: 5px;
      }

      .roster-speaker-layout .registration-speaker-shell {
        gap: 8px;
      }

      .roster-speaker-list-panel .registration-speaker-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .roster-speaker-layout .registration-speaker-card {
        grid-template-columns: minmax(0, 1.25fr) minmax(190px, 0.9fr);
        grid-template-areas:
          "primary side"
          "admin admin"
          "foot foot";
        align-items: start;
        gap: 8px 12px;
        padding: 10px 11px;
        border-radius: 12px;
      }

      .roster-speaker-layout .registration-speaker-card-primary {
        grid-area: primary;
        min-width: 0;
      }

      .roster-speaker-layout .registration-speaker-card-side {
        grid-area: side;
        justify-items: end;
        align-content: start;
        text-align: right;
      }

      .roster-speaker-layout .registration-speaker-card-admin {
        grid-area: admin;
        align-self: start;
      }

      .roster-speaker-layout .registration-speaker-card-feedback {
        grid-area: feedback;
        align-self: center;
      }

      .roster-speaker-layout .registration-speaker-card-footnote {
        grid-area: foot;
      }

      .roster-speaker-layout .registration-speaker-card .section-heading {
        gap: 6px;
      }

      .roster-speaker-layout .registration-speaker-card .section-heading strong {
        font-size: 1.04rem;
        line-height: 1.14;
      }

      .roster-speaker-layout .registration-speaker-card .muted,
      .roster-speaker-layout .registration-speaker-card .fine-print,
      .roster-speaker-layout .registration-speaker-card .token-link {
        font-size: var(--text-body-sm);
        line-height: 1.42;
      }

      .registration-speaker-card-email {
        margin: 0;
        color: rgba(26, 59, 47, 0.8);
        font-size: var(--text-body-sm);
        font-weight: var(--weight-body);
        line-height: 1.36;
        overflow-wrap: anywhere;
      }

      .roster-speaker-layout .registration-speaker-card .workspace-chip-row,
      .roster-speaker-layout .registration-speaker-card .button-row {
        gap: 4px;
      }

      .roster-speaker-layout .registration-speaker-card-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
      }

      .roster-speaker-layout .registration-speaker-card .roster-private-link {
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.98);
        color: var(--ink);
        border: 1px solid rgba(18, 63, 47, 0.12);
        box-shadow: none;
      }

      .roster-speaker-layout .registration-speaker-card .roster-private-link,
      .roster-speaker-layout .registration-speaker-card .roster-private-link * {
        color: var(--ink) !important;
      }

      .roster-speaker-layout .registration-speaker-card .role-pill,
      .roster-speaker-layout .registration-speaker-card .mini-pill {
        padding: 4px 8px;
        font-size: var(--text-overline);
      }

      .roster-speaker-layout .registration-speaker-card button,
      .roster-speaker-layout .registration-speaker-card .cta-link,
      .roster-speaker-layout .registration-speaker-card .inline-link {
        min-height: 31px;
        padding: 5px 9px;
        font-size: var(--text-caption);
      }

      .roster-speaker-layout .registration-speaker-card .token-link {
        overflow-wrap: anywhere;
      }

      .roster-speaker-layout .registration-speaker-card-summary,
      .roster-speaker-layout .registration-speaker-card-feedback-note {
        margin: 0;
      }

      .compact-card-disclosure {
        border-top: 1px solid rgba(20, 49, 38, 0.08);
        padding-top: 6px;
      }

      .compact-card-disclosure summary {
        cursor: pointer;
        font-size: 0.76rem;
        font-weight: 800;
        color: var(--accent);
        list-style: none;
      }

      .compact-card-disclosure summary::-webkit-details-marker {
        display: none;
      }

      .compact-card-disclosure[open] summary {
        margin-bottom: 8px;
      }

      .registration-speaker-card button,
      .registration-speaker-card .cta-link,
      .registration-speaker-card .inline-link {
        min-height: 34px;
        padding: 8px 10px;
        font-size: var(--text-caption);
      }

      .surface:hover,
      .subsurface:hover,
      .inline-card:hover,
      .directory-card:hover,
      .link-card:hover {
        transform: translateY(-4px);
        border-color: rgba(31, 106, 78, 0.18);
        box-shadow: var(--surface-shadow-hover);
      }

      .subsurface:hover {
        transform: none;
        border-color: var(--line);
        box-shadow: none;
      }

      .flat-panel:hover,
      .appointee-section:hover {
        transform: none;
        box-shadow: none;
      }

      .alert {
        padding: 15px 17px;
        border-radius: 18px;
        border: 1px solid var(--line);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
      }

      .alert.info {
        background: rgba(22, 33, 43, 0.06);
      }

      .alert.success {
        background: var(--success-soft);
      }

      .alert.warning {
        background: var(--warning-soft);
      }

      .alert.error {
        background: var(--danger-soft);
      }

      details.surface {
        padding: 0;
        overflow: hidden;
      }

      details.surface > summary {
        list-style: none;
        cursor: pointer;
        padding: 22px 24px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
      }

      details.surface > summary::after,
      .admin-drawer > summary::after,
      .portal-accordion > summary::after {
        content: "";
        flex: 0 0 auto;
        width: 10px;
        height: 10px;
        margin-left: auto;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        transform-origin: center;
        opacity: 0.6;
        transition: transform 220ms ease, opacity 220ms ease;
      }

      details.surface[open] > summary::after,
      .admin-drawer[open] > summary::after,
      .portal-accordion[open] > summary::after {
        transform: rotate(-135deg) translate(-1px, 1px);
        opacity: 0.92;
      }

      details.surface > summary::-webkit-details-marker {
        display: none;
      }

      .details-content {
        padding: 0 24px 24px;
        display: grid;
        gap: 20px;
        transform-origin: top center;
      }

      details.surface[open] .details-content,
      .admin-drawer[open] .drawer-body,
      .portal-accordion[open] > .portal-body {
        animation: panelReveal 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      .summary-main {
        display: grid;
        gap: 6px;
        flex: 1 1 auto;
        min-width: 0;
      }

      .subtle-list,
      .audit-list,
      .plain-list {
        margin: 0;
        padding-left: 18px;
      }

      .subtle-list li,
      .audit-list li,
      .plain-list li {
        color: var(--muted);
      }

      .table-wrap {
        overflow-x: auto;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.76);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
      }

      table {
        width: 100%;
        border-collapse: collapse;
      }

      th,
      td {
        text-align: left;
        padding: 14px 12px;
        border-bottom: 1px solid var(--line);
        vertical-align: top;
      }

      th {
        color: var(--muted);
        font-size: 0.84rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        background: linear-gradient(180deg, rgba(248, 251, 249, 0.98), rgba(241, 247, 243, 0.94));
      }

      tbody tr:nth-child(even) td {
        background: rgba(255, 255, 255, 0.38);
      }

      tbody tr:hover td {
        background: rgba(31, 106, 78, 0.05);
      }

      .empty-state {
        padding: 18px;
        border: 1px dashed var(--line);
        border-radius: 18px;
        color: var(--muted);
        background: rgba(255, 255, 255, 0.5);
      }

      .token-link,
      .inline-link:not(.secondary-button):not(.ghost-button) {
        word-break: break-all;
      }

      .cta-link,
      .inline-link:not(.secondary-button):not(.ghost-button) {
        display: inline-flex;
        padding: 10px 14px;
        border-radius: 14px;
        text-decoration: none;
        font-weight: 700;
      }

      .cta-link {
        background: linear-gradient(135deg, var(--accent), var(--accent-deep));
        color: white;
        box-shadow: 0 14px 30px rgba(15, 55, 39, 0.2);
        position: relative;
        overflow: hidden;
        isolation: isolate;
      }

      .cta-link::after {
        content: "";
        position: absolute;
        inset: -20% auto -20% -36%;
        width: 34%;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0),
          rgba(255, 255, 255, 0.22),
          rgba(255, 255, 255, 0)
        );
        transform: translateX(-170%) skewX(-18deg);
        animation: bubbleGloss 7.6s ease-in-out infinite;
        pointer-events: none;
      }

      .token-link {
        font-size: 0.92rem;
      }

      .score-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .score-chip {
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(22, 33, 43, 0.08);
        font-size: 0.82rem;
        font-weight: 700;
      }

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

      .section-heading > div {
        display: grid;
        gap: 4px;
        min-width: 0;
        align-content: start;
      }

      .section-heading h2,
      .section-heading h3,
      .section-heading h4 {
        line-height: 1.08;
        text-wrap: balance;
      }

      .auth-footer,
      .manager-note {
        color: var(--muted);
        font-size: 0.94rem;
        font-weight: 600;
      }

      .private-shell {
        max-width: 840px;
        margin: 0 auto;
      }

      .kpi-line {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        color: var(--muted);
      }

      .kpi-line span,
      .portal-meta span {
        display: inline-flex;
        align-items: center;
        padding: 7px 11px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.78);
        border: 1px solid rgba(20, 49, 38, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
      }

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

      .tournament-discovery-form {
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(180px, 0.7fr) auto;
        gap: 12px;
        align-items: end;
        margin-bottom: 18px;
      }

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

      .tournament-rail-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 16px;
      }

      .tournament-rail-card {
        appearance: none;
        width: 100%;
        min-height: 204px;
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 12px;
        padding: 16px 16px 18px;
        border-radius: 22px;
        border: 1px solid rgba(18, 63, 47, 0.08);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.09), transparent 22%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 245, 0.95));
        box-shadow:
          0 14px 30px rgba(15, 55, 39, 0.07),
          inset 0 1px 0 rgba(255, 255, 255, 0.82);
        text-align: left;
        cursor: pointer;
        transition:
          transform 220ms ease,
          box-shadow 220ms ease,
          border-color 220ms ease;
      }

      .tournament-rail-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, rgba(31, 106, 78, 0.96), rgba(225, 191, 67, 0.78));
        background-size: 180% 100%;
        animation: slowShift 10s ease-in-out infinite;
      }

      .tournament-rail-card::after {
        content: "";
        position: absolute;
        inset: auto -14% -28% auto;
        width: 108px;
        height: 108px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.1), transparent 72%);
        pointer-events: none;
        animation: orbFloat 12s ease-in-out infinite;
      }

      .tournament-rail-card > * {
        position: relative;
        z-index: 1;
      }

      .tournament-rail-card:hover {
        transform: translateY(-4px);
        border-color: rgba(18, 63, 47, 0.08);
        box-shadow:
          0 24px 42px rgba(15, 55, 39, 0.14),
          inset 0 1px 0 rgba(255, 255, 255, 0.88);
      }

      .tournament-rail-topline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .tournament-rail-kicker {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
      }

      .tournament-rail-code {
        display: inline-flex;
        align-items: center;
        padding: 5px 9px;
        border-radius: 999px;
        background: rgba(31, 106, 78, 0.07);
        color: var(--accent-deep);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .tournament-rail-visual {
        position: relative;
        min-height: 72px;
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background:
          radial-gradient(circle at 20% 24%, rgba(255, 255, 255, 0.15), transparent 22%),
          radial-gradient(circle at 84% 26%, rgba(225, 191, 67, 0.2), transparent 20%),
          linear-gradient(135deg, rgba(23, 53, 41, 0.98), rgba(35, 83, 63, 0.92));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 10px 24px rgba(10, 28, 21, 0.1);
      }

      .tournament-rail-visual::before {
        content: "";
        position: absolute;
        inset: 14px auto 14px 14px;
        width: 42%;
        min-width: 112px;
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05));
        border: 1px solid rgba(255, 255, 255, 0.12);
      }

      .tournament-rail-visual-mark,
      .tournament-rail-visual-line {
        position: absolute;
        z-index: 1;
      }

      .tournament-rail-visual-mark {
        top: 14px;
        left: 14px;
        padding: 7px 11px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.14);
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: rgba(245, 251, 247, 0.96);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.06em;
        text-transform: uppercase;
        backdrop-filter: blur(8px);
      }

      .tournament-rail-visual-line {
        left: 18px;
        height: 8px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.18));
        box-shadow: 0 0 18px rgba(255, 255, 255, 0.08);
      }

      .tournament-rail-visual-line.one {
        top: 42px;
        width: 38%;
      }

      .tournament-rail-visual-line.two {
        top: 56px;
        width: 24%;
        opacity: 0.62;
      }

      .tournament-rail-body {
        display: grid;
        gap: 4px;
      }

      .tournament-rail-card strong {
        font-size: 1.02rem;
        letter-spacing: -0.02em;
        line-height: 1.14;
      }

      .tournament-rail-body .muted {
        font-size: var(--text-body-sm);
        line-height: 1.48;
      }

      .tournament-rail-stats {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .tournament-rail-stat {
        display: grid;
        gap: 4px;
        padding: 10px 11px;
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(20, 49, 38, 0.08);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
      }

      .tournament-rail-stat strong {
        font-size: 1rem;
        line-height: 1.05;
      }

      .tournament-rail-stat span {
        color: var(--muted);
        font-size: var(--text-overline);
        font-weight: var(--weight-strong);
      }

      .tournament-rail-meta {
        color: var(--muted);
        font-size: var(--text-caption);
        font-weight: var(--weight-body);
      }

      .tournament-rail-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-top: auto;
        padding-top: 2px;
      }

      .tournament-rail-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--ink);
        font-size: var(--text-caption);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .tournament-rail-cta::after {
        content: ">";
        font-size: 0.92rem;
      }

      .workspace-search-form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: end;
      }

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

      .compact-top-search {
        margin-top: 4px;
      }

      .search-assist {
        display: grid;
        gap: 10px;
        margin-top: 10px;
      }

      .search-suggestion-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }

      .search-suggestion-chip {
        min-height: 36px;
        padding: 7px 11px;
        font-size: 0.86rem;
      }

      .search-suggestion-chip .muted {
        color: inherit;
        opacity: 0.72;
      }

      .counsel-shell {
        gap: 14px;
      }

      .counsel-grid {
        display: grid;
        gap: 14px;
        grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
        align-items: start;
      }

      .counsel-main,
      .counsel-sidebar,
      .counsel-query-form,
      .counsel-prompt-box,
      .counsel-source-box {
        display: grid;
        gap: 12px;
      }

      .counsel-response-card {
        align-content: start;
        min-height: 0;
      }

      .counsel-bullet-list {
        margin: 0;
        padding-left: 18px;
        display: grid;
        gap: 8px;
        color: var(--ink);
      }

      .counsel-bullet-list li {
        line-height: 1.45;
      }

      .counsel-telemetry-grid {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .counsel-telemetry-card,
      .counsel-prompt-box,
      .counsel-source-box {
        padding: 14px 16px;
        border-radius: 18px;
        border: 1px solid var(--line);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.06), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 249, 245, 0.9));
        box-shadow: var(--surface-shadow);
      }

      .counsel-telemetry-card {
        display: grid;
        gap: 6px;
      }

      .counsel-telemetry-card strong {
        font-size: 1.05rem;
        line-height: 1.15;
        letter-spacing: -0.02em;
      }

      .context-rail,
      .theme-gallery-shell,
      .theme-quick-switch {
        display: grid;
        gap: 12px;
      }

      .context-rail {
        padding: 16px 18px;
        border-radius: 22px;
        border: 1px solid var(--line);
        background:
          radial-gradient(circle at top right, var(--gold-soft), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 247, 0.9));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      }

      .context-crumbs,
      .context-shortcuts,
      .context-saved,
      .theme-switch-row,
      .theme-card-swatches {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }

      .context-label,
      .theme-section-label {
        font-size: var(--text-caption);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--muted);
      }

      .context-current {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 9px 12px;
        border-radius: 999px;
        background: var(--accent-soft);
        color: var(--accent-deep);
        font-size: var(--text-body-sm);
        font-weight: var(--weight-strong);
      }

      .context-separator {
        color: var(--muted);
        opacity: 0.55;
        font-weight: 800;
      }

      .context-rail .ghost-button,
      .context-rail .secondary-button {
        min-height: 40px;
        padding: 9px 12px;
      }

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

      .workspace-overview-card {
        display: grid;
        gap: 8px;
        padding: 14px 15px;
        min-width: 0;
        border-radius: 18px;
        border: 1px solid rgba(20, 49, 38, 0.08);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 32%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 246, 0.92));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.76),
          0 10px 24px rgba(15, 55, 39, 0.06);
      }

      .workspace-overview-card.is-primary {
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.16), transparent 28%),
          linear-gradient(155deg, rgba(18, 63, 47, 0.98), rgba(31, 106, 78, 0.92));
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.12),
          0 14px 30px rgba(6, 20, 13, 0.16);
        color: #f6fbf7;
      }

      .workspace-overview-card.is-primary .workspace-overview-label,
      .workspace-overview-card.is-primary .muted {
        color: rgba(241, 248, 244, 0.78);
      }

      .workspace-overview-label {
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--muted);
      }

      .workspace-overview-card strong {
        display: block;
        font-size: 1.04rem;
        line-height: 1.14;
        letter-spacing: -0.03em;
        text-wrap: balance;
      }

      .workspace-overview-card p {
        margin: 0;
        font-size: var(--text-body-sm);
        line-height: 1.5;
      }

      .theme-switch-pill,
      .theme-card {
        border-radius: 18px;
        border: 1px solid var(--line);
        transition:
          transform 180ms ease,
          box-shadow 180ms ease,
          border-color 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .theme-switch-pill {
        min-height: 42px;
        padding: 9px 12px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.95));
        color: var(--accent-deep) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
      }

      .theme-switch-pill *,
      .theme-card strong,
      .theme-card .muted,
      .theme-card span,
      .theme-card-meta,
      .theme-card-meta * {
        color: inherit !important;
      }

      .theme-switch-pill:hover {
        transform: translateY(-1px);
      }

      .theme-switch-pill.is-active {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0))
            padding-box,
          linear-gradient(180deg, var(--accent-bright), var(--accent-deep)) border-box;
        color: #ffffff;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 10px 24px rgba(15, 55, 39, 0.16);
      }

      .theme-switch-pill.is-active,
      .theme-switch-pill.is-active * {
        color: #ffffff !important;
      }

      .theme-gallery-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .theme-card {
        width: 100%;
        min-height: 0;
        padding: 16px;
        display: grid;
        gap: 12px;
        justify-items: stretch;
        align-items: start;
        text-align: left;
        background:
          radial-gradient(circle at top right, rgba(255, 255, 255, 0.42), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 247, 0.92));
        color: var(--ink) !important;
        box-shadow: var(--surface-shadow);
      }

      .theme-card * {
        color: inherit !important;
      }

      .theme-card:hover {
        transform: translateY(-3px);
        border-color: rgba(18, 63, 47, 0.22);
        box-shadow: var(--surface-shadow-hover);
      }

      .theme-card.is-active {
        border-color: rgba(18, 63, 47, 0.26);
        box-shadow:
          0 24px 54px rgba(16, 56, 38, 0.12),
          inset 0 0 0 1px rgba(255, 255, 255, 0.6);
      }

      .theme-card-preview {
        position: relative;
        overflow: hidden;
        min-height: 78px;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        background: linear-gradient(135deg, var(--theme-dark), var(--theme-accent));
      }

      .theme-card-preview::before {
        content: "";
        position: absolute;
        top: 14px;
        left: 14px;
        width: 44%;
        height: 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.28);
      }

      .theme-card-preview::after {
        content: "";
        position: absolute;
        left: 14px;
        right: 14px;
        bottom: 14px;
        height: 16px;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
      }

      .theme-card-swatches span {
        width: 16px;
        height: 16px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34);
      }

      .theme-card-meta {
        display: grid;
        gap: 6px;
      }

      .theme-card-meta .muted {
        color: var(--muted) !important;
      }

      .search-results-shell,
      .participant-profile-section {
        display: grid;
        gap: 16px;
      }

      .search-results-section {
        display: grid;
        gap: 12px;
      }

      .search-result-card {
        gap: 14px;
      }

      .participant-profile-shell {
        display: grid;
        gap: 14px;
      }

      .participant-profile-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
        align-items: start;
      }

      .participant-profile-heading {
        display: grid;
        gap: 6px;
      }

      .participant-profile-heading > * {
        min-width: 0;
      }

      .participant-profile-actions {
        justify-content: flex-end;
        align-self: start;
        max-width: 100%;
      }

      .participant-profile-stat-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 8px;
      }

      .participant-profile-stat-grid .stat-card {
        padding: 10px 12px;
      }

      .participant-profile-stat-grid .stat-card strong {
        margin-top: 4px;
        font-size: 1.18rem;
        line-height: 1.1;
      }

      .participant-profile-stat-grid .stat-card .muted {
        line-height: 1.22;
      }

      .people-account-profile-header {
        display: grid;
        gap: 12px;
      }

      .people-account-profile-actions {
        justify-content: flex-start;
      }

      .people-account-profile-actions > * {
        flex: 0 0 auto;
      }

      .people-account-profile-overview {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      }

      .people-account-profile-card {
        display: grid;
        gap: 8px;
        padding: 14px 16px;
        border-radius: 20px;
        border: 1px solid rgba(20, 49, 38, 0.08);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.07), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.92));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      }

      .people-account-profile-card .muted {
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .people-account-profile-card strong {
        font-size: 1.08rem;
        line-height: 1.2;
        letter-spacing: -0.02em;
        overflow-wrap: anywhere;
      }

      .people-account-profile-meta-panel {
        display: grid;
        gap: 12px;
        padding: 16px 18px;
        border-radius: 22px;
        border: 1px solid rgba(20, 49, 38, 0.08);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.06), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.92));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
      }

      .people-account-profile-meta-grid {
        display: grid;
        gap: 12px 16px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .people-account-profile-detail {
        display: grid;
        gap: 5px;
        min-width: 0;
      }

      .people-account-profile-detail span {
        color: var(--muted);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .people-account-profile-detail strong {
        font-size: var(--text-body);
        font-weight: var(--weight-strong);
        line-height: 1.4;
        overflow-wrap: anywhere;
      }

      .participant-profile-meta,
      .participant-team-journey {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .participant-track-grid {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .participant-track-card,
      .participant-team-card {
        display: grid;
        gap: 10px;
        padding: 14px 16px;
        border-radius: 18px;
        border: 1px solid var(--line);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 249, 245, 0.9));
        box-shadow: var(--surface-shadow);
      }

      .participant-progress-bar {
        position: relative;
        overflow: hidden;
        height: 10px;
        border-radius: 999px;
        background: rgba(20, 49, 38, 0.08);
      }

      .participant-progress-bar span {
        position: absolute;
        inset: 0 auto 0 0;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--accent), var(--gold));
      }

      .manager-tools {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      }

      .regional-dashboard-grid,
      .regional-account-manager {
        display: grid;
        gap: 12px;
      }

      .regional-dashboard-grid > *,
      .regional-account-manager > * {
        min-width: 0;
      }

      .regional-account-manager .compact-inline-form {
        align-items: end;
      }

      .regional-account-manager .compact-inline-form input {
        flex: 1 1 220px;
      }

      .fine-print {
        font-size: var(--text-body-sm);
        color: var(--muted);
        font-weight: var(--weight-body);
        line-height: 1.45;
      }

      .portal-head {
        display: grid;
        gap: 14px;
      }

      .portal-ribbon {
        background:
          radial-gradient(circle at top right, rgba(121, 190, 149, 0.2), transparent 26%),
          radial-gradient(circle at 18% 14%, rgba(191, 225, 203, 0.16), transparent 20%),
          linear-gradient(160deg, rgba(12, 43, 31, 0.99), rgba(24, 87, 57, 0.94));
        color: #f5faff;
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: var(--shadow-strong);
        background-size: 140% 140%;
        animation: fadeUp 480ms ease both, slowShift 24s ease-in-out infinite;
      }

      .portal-ribbon .muted,
      .portal-ribbon .portal-summary-copy,
      .portal-ribbon .fine-print,
      .portal-ribbon .portal-meta {
        color: rgba(238, 247, 241, 0.88);
        font-weight: 650;
      }

      .portal-ribbon .alert.info,
      .portal-ribbon .portal-note-card,
      .portal-ribbon .portal-focus-card,
      .portal-ribbon .portal-round-card {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.12);
      }

      .hero-panel .kpi-line span,
      .workspace-hero .kpi-line span,
      .competitor-hero .kpi-line span,
      .portal-ribbon .portal-meta span {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.12);
        color: inherit;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .portal-ribbon .empty-state {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.14);
        color: rgba(235, 246, 239, 0.82);
      }

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

      .portal-title {
        display: grid;
        gap: 4px;
      }

      .portal-title h2 {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
      }

      .portal-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        color: var(--muted);
        font-size: 0.95rem;
      }

      .portal-quick-grid {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .portal-quick-card {
        padding: 12px 14px;
        border-radius: 16px;
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.82);
      }

      .portal-quick-card strong {
        display: block;
        margin-top: 4px;
        font-size: 1.08rem;
        font-family: inherit;
      }

      .portal-accordion {
        border: 1px solid var(--line);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.7);
        overflow: hidden;
      }

      .portal-accordion > summary {
        list-style: none;
        cursor: pointer;
        padding: 14px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .portal-accordion > summary::-webkit-details-marker {
        display: none;
      }

      .portal-body {
        padding: 0 16px 16px;
        display: grid;
        gap: 12px;
        transform-origin: top center;
      }

      .portal-focus-grid {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      }

      .portal-focus-card {
        padding: 16px 18px;
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08));
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .portal-focus-card strong {
        display: block;
        margin: 6px 0 4px;
        font-size: 1.04rem;
      }

      .portal-info-grid {
        grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
      }

      .portal-note-card {
        padding: 18px 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 251, 249, 0.72));
      }

      .portal-round-list {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .portal-round-card {
        padding: 16px 18px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(248, 251, 249, 0.74));
      }

      .portal-round-card strong {
        display: block;
        margin-bottom: 6px;
      }

      .portal-accordion {
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(247, 251, 248, 0.74));
        box-shadow: var(--shadow-soft);
      }

      .portal-accordion > summary {
        padding: 16px 18px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.12));
      }

      .table-caption {
        color: var(--muted);
        font-size: 0.9rem;
        margin: 0;
      }

      .speaker-score-cell {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .speaker-score-trail {
        color: var(--ink);
        font-size: 0.84rem;
        line-height: 1.45;
        white-space: normal;
      }

      .speaker-score-summary {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 12px;
        color: var(--muted);
        font-size: 0.8rem;
        line-height: 1.4;
      }

      .highlight-row td {
        background: var(--gold-soft);
      }

      .portal-summary-copy {
        color: var(--muted);
        font-size: 0.92rem;
      }

      .compact-table th,
      .compact-table td {
        padding: 8px 6px;
      }

      .private-shell th,
      .private-shell td {
        padding: 8px 6px;
      }

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

      .request-list {
        display: grid;
        gap: 12px;
      }

      .brand-lockup {
        display: flex;
        align-items: center;
        gap: 14px;
      }

      .brand-lockup.hero,
      .brand-lockup.featured {
        align-items: flex-start;
        gap: 18px;
      }

      .brand-lockup.compact {
        gap: 12px;
      }

      .jade-logo-wrap {
        position: relative;
        overflow: hidden;
        flex: 0 0 auto;
        width: 108px;
        aspect-ratio: 1 / 1;
        border-radius: 24px;
        padding: 12px;
        background: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.82);
        box-shadow:
          0 18px 40px rgba(13, 39, 75, 0.12),
          inset 0 1px 0 rgba(255, 255, 255, 0.88);
      }

      .jade-logo-wrap::after {
        content: "";
        position: absolute;
        inset: auto -18px -22px auto;
        width: 92px;
        height: 92px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.22), transparent 72%);
        pointer-events: none;
        animation: haloFloat 12s ease-in-out infinite;
        z-index: 0;
      }

      .brand-lockup.hero .jade-logo-wrap,
      .brand-lockup.featured .jade-logo-wrap {
        width: 142px;
        border-radius: 30px;
        padding: 14px;
      }

      .menu-brand .jade-logo-wrap,
      .portal-ribbon .jade-logo-wrap,
      .competitor-hero .jade-logo-wrap {
        box-shadow: 0 16px 38px rgba(7, 20, 36, 0.22);
      }

      .jade-logo {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }

      .brand-copy {
        display: grid;
        gap: 4px;
      }

      .brand-kicker {
        margin: 0;
        font-size: 0.76rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        font-weight: 800;
        color: inherit;
        opacity: 0.78;
      }

      .brand-name {
        margin: 0;
        font-size: clamp(1.12rem, 2vw, 1.4rem);
        line-height: 1;
        font-weight: 900;
        letter-spacing: -0.04em;
      }

      .brand-subtitle {
        margin: 0;
        max-width: 54ch;
        line-height: 1.45;
        color: var(--muted);
      }

      .hero-panel .brand-subtitle,
      .menu-panel .brand-subtitle,
      .portal-ribbon .brand-subtitle,
      .competitor-hero .brand-subtitle {
        color: inherit;
        opacity: 0.76;
      }

      .workspace-topbar {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 14px;
        background:
          radial-gradient(circle at top right, var(--gold-soft), transparent 26%),
          radial-gradient(circle at 18% 20%, var(--accent-mist), transparent 24%),
          linear-gradient(126deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0) 42%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 247, 0.92));
        background-size: 165% 165%;
        animation: fadeUp 480ms ease both, slowShift 24s ease-in-out infinite;
      }

      .workspace-topbar .topbar {
        margin-top: 6px;
      }

      .workspace-view-note {
        margin: 6px 0 0;
        max-width: 62ch;
        color: var(--muted);
        font-size: 0.96rem;
        line-height: 1.45;
      }

      .workspace-topbar .brand-lockup .jade-logo-wrap {
        width: 98px;
      }

      .workspace-topbar .brand-name {
        font-size: 1.18rem;
      }

      .competitor-shell {
        max-width: 1160px;
        margin: 0 auto;
        display: grid;
        gap: 18px;
      }

      .competitor-hero {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at top right, var(--accent-soft), transparent 24%),
          radial-gradient(circle at 14% 22%, var(--gold-soft), transparent 18%),
          linear-gradient(145deg, var(--panel-dark), var(--accent-deep));
        color: #f4f9ff;
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: var(--shadow-strong);
        background-size: 140% 140%;
        animation: fadeUp 480ms ease both, slowShift 18s ease-in-out infinite;
      }

      .competitor-hero::after {
        content: "";
        position: absolute;
        inset: auto -100px -120px auto;
        width: 260px;
        height: 260px;
        background:
          radial-gradient(circle, var(--accent-soft), transparent 64%),
          conic-gradient(
            from 180deg,
            rgba(255, 255, 255, 0.16),
            rgba(255, 255, 255, 0) 42%,
            rgba(255, 255, 255, 0.08) 72%,
            rgba(255, 255, 255, 0)
          );
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.08);
        pointer-events: none;
        animation: orbFloat 18s ease-in-out infinite;
      }

      .competitor-hero-grid {
        display: grid;
        gap: 22px;
        grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
        align-items: end;
      }

      .competitor-hero-copy {
        display: grid;
        gap: 12px;
      }

      .competitor-hero-copy .muted,
      .competitor-hero-copy p,
      .competitor-hero .muted {
        color: rgba(236, 246, 239, 0.88);
        font-weight: 600;
      }

      .competitor-hero .theme-section-label {
        color: rgba(227, 242, 232, 0.72);
      }

      .competitor-hero .inline-card {
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(245, 250, 246, 0.93));
        color: var(--ink);
        border: 1px solid rgba(18, 63, 47, 0.14);
        box-shadow:
          0 16px 34px rgba(9, 37, 27, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.82);
      }

      .competitor-hero .inline-card strong,
      .competitor-hero .inline-card p,
      .competitor-hero .inline-card .muted,
      .competitor-hero .inline-card .fine-print,
      .competitor-hero .inline-card .theme-section-label {
        color: var(--ink) !important;
      }

      .competitor-hero .inline-card .muted,
      .competitor-hero .inline-card .fine-print,
      .competitor-hero .inline-card .theme-section-label {
        color: var(--muted) !important;
      }

      .competitor-hero .theme-switch-pill {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.92));
        color: var(--accent-deep) !important;
        border-color: rgba(18, 63, 47, 0.14);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          0 6px 16px rgba(15, 55, 39, 0.08);
      }

      .competitor-hero .theme-switch-pill:hover {
        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(244, 249, 245, 0.96));
        color: var(--accent-deep) !important;
        border-color: rgba(18, 63, 47, 0.22);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.88),
          0 10px 22px rgba(15, 55, 39, 0.1);
      }

      .competitor-hero .theme-switch-pill.is-active {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0))
            padding-box,
          linear-gradient(180deg, var(--accent-bright), var(--accent-deep)) border-box;
        color: #ffffff !important;
        border-color: transparent;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.16),
          0 10px 24px rgba(15, 55, 39, 0.16);
      }

      .competitor-hero .theme-switch-pill.is-active * {
        color: #ffffff !important;
      }

      .competitor-hero .theme-switch-pill:not(.is-active),
      .competitor-hero .theme-switch-pill:not(.is-active) * {
        color: var(--accent-deep) !important;
      }

      .competitor-metrics,
      .competitor-card-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      }

      .competitor-metric,
      .competitor-stat {
        padding: 16px 18px;
        border-radius: 20px;
        border: 1px solid var(--line);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 251, 248, 0.82));
        box-shadow: var(--shadow-soft);
      }

      .hero-feature,
      .hero-stat-chip,
      .workspace-stat,
      .competitor-stat,
      .portal-focus-card,
      .tournament-switch-card,
      .quick-admin-card,
      .team-card,
      .leaderboard-card,
      .judge-card,
      .ballot-card,
      .ballot-speaker-card,
      .portal-round-card,
      .feature-panel,
      .portal-quick-card,
      .tournament-switch-stat,
      .leaderboard-row {
        position: relative;
        overflow: hidden;
      }

      .hero-feature::after,
      .hero-stat-chip::after,
      .workspace-stat::after,
      .competitor-stat::after,
      .portal-focus-card::after,
      .quick-admin-card::after,
      .team-card::after,
      .leaderboard-card::after,
      .judge-card::after,
      .ballot-card::after,
      .ballot-speaker-card::after,
      .portal-round-card::after,
      .feature-panel::after,
      .portal-quick-card::after,
      .tournament-switch-stat::after,
      .leaderboard-row::after {
        content: "";
        position: absolute;
        inset: auto -18px -24px auto;
        width: 92px;
        height: 92px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.14), transparent 72%);
        pointer-events: none;
        animation: orbFloat 10s ease-in-out infinite;
        z-index: 0;
      }

      .hero-feature > *,
      .hero-stat-chip > *,
      .workspace-stat > *,
      .competitor-stat > *,
      .portal-focus-card > *,
      .quick-admin-card > *,
      .team-card > *,
      .leaderboard-card > *,
      .judge-card > *,
      .ballot-card > *,
      .ballot-speaker-card > *,
      .portal-round-card > *,
      .feature-panel > *,
      .portal-quick-card > *,
      .tournament-switch-stat > *,
      .leaderboard-row > * {
        position: relative;
        z-index: 1;
      }

      .hero-feature,
      .hero-stat-chip,
      .workspace-stat,
      .competitor-stat,
      .portal-focus-card,
      .quick-admin-card,
      .team-card,
      .leaderboard-card,
      .judge-card,
      .ballot-card,
      .ballot-speaker-card,
      .portal-round-card,
      .feature-panel,
      .portal-quick-card,
      .tournament-switch-stat,
      .leaderboard-row {
        transition:
          transform 220ms ease,
          box-shadow 220ms ease,
          border-color 220ms ease,
          background 220ms ease;
      }

      .hero-feature:hover,
      .hero-stat-chip:hover,
      .workspace-stat:hover,
      .competitor-stat:hover,
      .portal-focus-card:hover,
      .quick-admin-card:hover,
      .team-card:hover,
      .leaderboard-card:hover,
      .judge-card:hover,
      .ballot-card:hover,
      .ballot-speaker-card:hover,
      .portal-round-card:hover,
      .feature-panel:hover,
      .portal-quick-card:hover,
      .tournament-switch-stat:hover {
        transform: translateY(-2px);
        border-color: rgba(31, 106, 78, 0.18);
        box-shadow: var(--surface-shadow-hover);
      }

      .leaderboard-row:hover {
        transform: translateX(2px);
        border-color: rgba(31, 106, 78, 0.12);
        background: linear-gradient(180deg, rgba(31, 106, 78, 0.1), rgba(31, 106, 78, 0.06));
      }

      .competitor-hero .competitor-metric {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.12);
      }

      .competitor-metric strong,
      .competitor-stat strong {
        display: block;
        margin-top: 6px;
        font-size: 1.14rem;
      }

      .competitor-card {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.1), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(243, 249, 244, 0.94));
      }

      .competitor-card::before {
        content: "";
        position: absolute;
        inset: 0 auto auto 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #5ca977, var(--accent), #9ad1ad);
        background-size: 180% 100%;
        animation: slowShift 9s ease-in-out infinite;
      }

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

      .competitor-summary {
        display: grid;
        gap: 14px;
      }

      .competitor-note {
        padding: 18px 20px;
        border-radius: 20px;
        border: 1px solid var(--line);
        background: rgba(232, 244, 236, 0.52);
      }

      .competitor-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .competitor-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.12);
        color: rgba(244, 249, 255, 0.88);
        font-size: 0.82rem;
        font-weight: 700;
      }

      .competitor-hero .inline-card .competitor-pill {
        background: rgba(31, 106, 78, 0.1);
        color: var(--accent-deep);
        border: 1px solid rgba(31, 106, 78, 0.12);
      }

      .announcement-card {
        border-left: 4px solid var(--accent);
      }

      .floating-accent {
        animation: glowPulse 3.6s ease-in-out infinite;
      }

      .admin-drawer {
        padding: 0;
        overflow: hidden;
      }

      .admin-drawer > summary {
        list-style: none;
        cursor: pointer;
        padding: 16px 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 34%),
          linear-gradient(180deg, rgba(248, 251, 249, 0.96), rgba(236, 245, 239, 0.84));
      }

      .admin-drawer > summary::-webkit-details-marker {
        display: none;
      }

      .admin-drawer .drawer-body {
        padding: 0 18px 18px;
        display: grid;
        gap: 14px;
      }

      .drawer-meta {
        display: grid;
        gap: 4px;
      }

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

      .quick-admin-card {
        padding: 16px 18px;
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(236, 246, 239, 0.82), rgba(231, 243, 235, 0.7));
        border: 1px solid var(--line);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
      }

      .quick-admin-card strong {
        display: block;
        margin-top: 6px;
        font-size: 1.05rem;
      }

      .manager-strip {
        display: grid;
        gap: 16px;
      }

      .focus-workspace {
        display: grid;
        gap: 18px;
      }

      .workspace-hero-layout {
        display: grid;
        gap: 18px;
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.95fr);
        align-items: start;
      }

      .workspace-controls-shell {
        display: grid;
        gap: 14px;
        padding: 18px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
      }

      .workspace-controls-shell .section-heading {
        margin-bottom: 0;
      }

      .workspace-hero {
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.2), transparent 24%),
          radial-gradient(circle at 16% 22%, rgba(109, 177, 120, 0.18), transparent 22%),
          linear-gradient(155deg, rgba(13, 46, 33, 0.98), rgba(31, 106, 78, 0.94));
        color: #f5fbf7;
        box-shadow: var(--shadow-strong);
      }

      .workspace-hero::before {
        content: "";
        position: absolute;
        inset: 0 auto auto -32%;
        width: 46%;
        height: 100%;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0),
          rgba(255, 255, 255, 0.08),
          rgba(255, 255, 255, 0)
        );
        pointer-events: none;
        animation: sheen 10s linear infinite;
      }

      .workspace-hero::after {
        content: "";
        position: absolute;
        inset: auto -86px -120px auto;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background:
          radial-gradient(circle, rgba(225, 191, 67, 0.22), transparent 62%),
          conic-gradient(
            from 180deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0) 48%,
            rgba(255, 255, 255, 0.08) 74%,
            rgba(255, 255, 255, 0)
          );
        border: 1px solid rgba(255, 255, 255, 0.08);
        pointer-events: none;
        animation: orbFloat 16s ease-in-out infinite;
      }

      .workspace-hero > * {
        position: relative;
        z-index: 1;
      }

      .workspace-hero .muted,
      .workspace-hero .fine-print,
      .workspace-hero .brand-subtitle,
      .workspace-hero .eyebrow {
        color: rgba(244, 250, 246, 0.9);
        font-weight: 600;
      }

      .workspace-hero .role-pill,
      .workspace-hero .mini-pill {
        background: rgba(255, 255, 255, 0.12);
        color: #f5fbf7;
      }

      .workspace-stat-grid,
      .tournament-switch-grid,
      .team-directory {
        display: grid;
        gap: 14px;
      }

      .workspace-stat-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      }

      .workspace-stat-grid > *,
      .flat-grid > *,
      .surface-grid > *,
      .tournament-grid > *,
      .directory-grid > *,
      .links-grid > * {
        min-width: 0;
      }

      .workspace-stat {
        padding: 14px 16px;
        border-radius: 18px;
        display: grid;
        align-content: start;
        gap: 6px;
        min-height: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
        border: 1px solid rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(10px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .workspace-stat strong {
        display: block;
        margin-top: 4px;
        font-size: 1.04rem;
      }

      .focus-split {
        display: grid;
        grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.92fr);
        gap: 18px;
        align-items: start;
      }

      .tournament-switch-grid {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      }

      .tournament-switch-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 12px;
        grid-template-rows: auto auto auto auto auto;
        min-height: 0;
        padding: 16px;
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 249, 246, 0.95));
        border: 1px solid rgba(18, 63, 47, 0.08);
        box-shadow:
          0 14px 28px rgba(15, 55, 39, 0.06),
          inset 0 1px 0 rgba(255, 255, 255, 0.9);
        transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
        color: var(--ink);
      }

      .tournament-switch-card > * {
        position: relative;
        z-index: 1;
      }

      .tournament-switch-card::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 1px;
        background: rgba(18, 63, 47, 0.08);
      }

      .tournament-switch-card::after {
        display: none;
      }

      .tournament-switch-card:hover {
        transform: translateY(-4px);
        border-color: rgba(18, 63, 47, 0.08);
        box-shadow:
          0 18px 34px rgba(15, 55, 39, 0.1),
          inset 0 1px 0 rgba(255, 255, 255, 0.94);
      }

      .tournament-switch-card .muted,
      .tournament-switch-card .fine-print {
        color: var(--muted);
      }

      .tournament-switch-title {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .compact-end-row {
        justify-content: flex-end;
      }

      .pin-toggle-button {
        appearance: none;
        border: 1px solid rgba(18, 63, 47, 0.12);
        background: rgba(255, 255, 255, 0.92);
        color: var(--accent-deep);
        border-radius: 999px;
        padding: 7px 11px;
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        cursor: pointer;
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          background 180ms ease,
          box-shadow 180ms ease,
          color 180ms ease;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.42),
          0 6px 16px rgba(12, 46, 33, 0.08);
      }

      .pin-toggle-button,
      .pin-toggle-button * {
        color: var(--accent-deep) !important;
      }

      .pin-toggle-button:hover {
        transform: translateY(-1px);
        border-color: rgba(18, 63, 47, 0.16);
        background: rgba(255, 255, 255, 0.98);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.48),
          0 12px 22px rgba(12, 46, 33, 0.12);
      }

      .pin-toggle-button.is-active {
        transform: translateY(-1px);
        border-color: rgba(147, 111, 22, 0.24);
        background: linear-gradient(180deg, rgba(231, 199, 87, 0.98), rgba(181, 138, 30, 0.94));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.2),
          0 10px 22px rgba(110, 81, 16, 0.18);
      }

      .pin-toggle-button.is-active,
      .pin-toggle-button.is-active * {
        color: #173729 !important;
      }

      .tournament-switch-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 14px;
      }

      .tournament-switch-header strong {
        display: block;
        font-size: 1.08rem;
        letter-spacing: -0.02em;
        line-height: 1.16;
      }

      .tournament-switch-meta-line {
        margin: 2px 0 0;
        color: var(--muted);
        font-size: var(--text-caption);
        line-height: 1.42;
        font-weight: var(--weight-body);
      }

      .tournament-switch-stats {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .tournament-switch-stat {
        padding: 10px 11px;
        border-radius: 14px;
        background: rgba(247, 249, 247, 0.94);
        border: 1px solid rgba(20, 49, 38, 0.08);
        box-shadow: none;
      }

      .tournament-switch-stat:hover {
        transform: none;
        border-color: rgba(20, 49, 38, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.68),
          0 10px 20px rgba(15, 55, 39, 0.05);
      }

      .tournament-switch-stat strong {
        display: block;
        margin-top: 4px;
        font-size: 1.02rem;
        line-height: 1.06;
      }

      .tournament-switch-stat .muted {
        font-size: var(--text-overline);
        font-weight: var(--weight-body);
      }

      .tournament-switch-flags {
        margin-top: 0;
      }

      .tournament-switch-note {
        display: grid;
        gap: 4px;
        padding-top: 2px;
        border-top: 1px solid rgba(20, 49, 38, 0.08);
      }

      .tournament-switch-note-label {
        color: var(--muted);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .tournament-switch-footer {
        display: grid;
        gap: 8px;
        margin-top: auto;
      }

      .tournament-switch-actions {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      }

      .tournament-switch-actions button {
        width: 100%;
        min-width: 0;
      }

      .tournament-switch-card.is-active {
        border-color: rgba(225, 191, 67, 0.42);
        box-shadow:
          0 24px 52px rgba(18, 52, 38, 0.15),
          inset 0 1px 0 rgba(255, 255, 255, 0.68);
      }

      .focus-nav-shell {
        display: grid;
        gap: 16px;
        position: relative;
      }

      .focus-nav-overview {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        padding: 16px 18px;
        border-radius: 22px;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.09), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.92));
        border: 1px solid var(--line);
      }

      .focus-nav-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
        gap: 12px;
      }

      .focus-nav-button {
        width: 100%;
        min-width: 0;
        min-height: 78px;
        padding: 14px 16px;
        display: grid;
        gap: 6px;
        align-content: start;
        justify-items: start;
        text-align: left;
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.95));
        color: var(--accent-deep);
        border: 1px solid rgba(18, 63, 47, 0.12);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          0 8px 18px rgba(15, 55, 39, 0.07);
      }

      .focus-nav-button,
      .focus-nav-button * {
        color: inherit;
      }

      .focus-nav-button:hover {
        transform: translateY(-2px);
        border-color: rgba(18, 63, 47, 0.2);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.88),
          0 12px 24px rgba(15, 55, 39, 0.1);
      }

      .focus-nav-button.is-active {
        background: linear-gradient(180deg, var(--accent-bright), var(--accent-deep));
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 12px 24px rgba(6, 20, 13, 0.18);
      }

      .focus-nav-button.is-active,
      .focus-nav-button.is-active * {
        color: #ffffff !important;
      }

      .focus-nav-button strong {
        font-size: 1rem;
        letter-spacing: -0.02em;
        line-height: 1.12;
      }

      .focus-nav-button .muted {
        color: var(--muted);
        font-size: var(--text-body-sm);
        line-height: 1.45;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }

      .focus-nav-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(31, 106, 78, 0.08);
        color: var(--accent-deep);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
      }

      .focus-nav-button.is-active .muted {
        color: rgba(244, 249, 247, 0.82) !important;
      }

      .focus-nav-button.is-active .focus-nav-badge {
        background: rgba(255, 255, 255, 0.14);
        color: #ffffff;
      }

      .focus-stage-shell {
        display: grid;
        gap: 18px;
      }

      .focus-stage-banner {
        display: grid;
        gap: 14px;
        padding: 18px 20px;
        border-radius: 22px;
        border: 1px solid var(--line);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 249, 245, 0.93));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          0 14px 30px rgba(15, 55, 39, 0.07);
      }

      .focus-stage-banner-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
      }

      .focus-stage-banner-top > div {
        min-width: 0;
      }

      .focus-stage-banner-top h3 {
        font-size: 1.3rem;
      }

      .focus-stage-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
      }

      .focus-stage-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
      }

      .focus-stage-links .secondary-button,
      .focus-stage-links .ghost-button {
        min-height: 40px;
        padding: 9px 12px;
      }

      .focus-stage-body {
        display: grid;
        gap: 18px;
      }

      .tournament-board-shell,
      .tournament-board-panel,
      .tournament-board-summary,
      .draw-board-round,
      .viewer-summary-card {
        display: grid;
        gap: 14px;
      }

      .tournament-board-tab-row,
      .draw-board-grid,
      .motion-board-grid,
      .viewer-summary-grid {
        display: grid;
        gap: 12px;
      }

      .tournament-board-tab-row {
        grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
      }

      .tournament-board-tab {
        width: 100%;
        min-width: 0;
        min-height: 64px;
        padding: 12px 14px;
        display: grid;
        gap: 5px;
        align-content: start;
        justify-items: start;
        text-align: left;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.95));
        color: var(--accent-deep);
        border: 1px solid rgba(18, 63, 47, 0.12);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          0 8px 18px rgba(15, 55, 39, 0.07);
      }

      .tournament-board-tab,
      .tournament-board-tab * {
        color: inherit;
      }

      .tournament-board-tab:hover {
        transform: translateY(-2px);
        border-color: rgba(18, 63, 47, 0.2);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.88),
          0 12px 24px rgba(15, 55, 39, 0.1);
      }

      .tournament-board-tab.is-active {
        background: linear-gradient(180deg, var(--accent-bright), var(--accent-deep));
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.14),
          0 12px 24px rgba(6, 20, 13, 0.18);
      }

      .tournament-board-tab.is-active,
      .tournament-board-tab.is-active * {
        color: #ffffff !important;
      }

      .tournament-board-tab strong {
        font-size: 0.95rem;
        letter-spacing: -0.02em;
      }

      .tournament-board-tab .muted {
        color: var(--muted);
        font-size: 0.8rem;
      }

      .tournament-board-tab.is-active .muted {
        color: rgba(244, 249, 247, 0.82) !important;
      }

      .tournament-board-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(31, 106, 78, 0.08);
        color: var(--accent-deep);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
      }

      .tournament-board-tab.is-active .tournament-board-badge {
        background: rgba(255, 255, 255, 0.14);
        color: #ffffff;
      }

      .viewer-summary-grid,
      .draw-board-grid,
      .motion-board-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      }

      .viewer-summary-card,
      .draw-room-card,
      .motion-board-card {
        padding: 18px;
        border-radius: 20px;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.9));
        border: 1px solid var(--line);
        box-shadow: var(--surface-shadow);
      }

      .draw-room-card .workspace-chip-row,
      .motion-board-card .workspace-chip-row,
      .viewer-summary-card .workspace-chip-row {
        gap: 8px;
      }

      .focus-anchor {
        scroll-margin-top: 110px;
      }

      .focus-anchor.is-targeted {
        animation: anchorFlash 1.1s ease;
      }

      .spotlight-shell {
        display: grid;
        gap: 16px;
      }

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

      .spotlight-card {
        position: relative;
        overflow: hidden;
        display: grid;
        gap: 10px;
        padding: 18px 20px;
        border-radius: 22px;
        border: 1px solid var(--line);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.09), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.92));
        box-shadow: var(--surface-shadow);
      }

      .spotlight-card::after {
        content: "";
        position: absolute;
        inset: auto -16px -24px auto;
        width: 92px;
        height: 92px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(225, 191, 67, 0.14), transparent 72%);
        pointer-events: none;
        animation: orbFloat 10s ease-in-out infinite;
      }

      .spotlight-card > * {
        position: relative;
        z-index: 1;
      }

      .spotlight-card h3 {
        font-size: 1.18rem;
      }

      .spotlight-watchlist {
        display: grid;
        gap: 10px;
      }

      .spotlight-note {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid var(--line);
      }

      .smart-insight-shell {
        gap: 14px;
      }

      .smart-insight-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 14px;
      }

      .smart-insight-card {
        align-content: start;
        min-height: 0;
      }

      .smart-insight-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .smart-insight-card .eyebrow {
        margin: 0;
      }

      .smart-insight-card .fine-print {
        margin: -2px 0 0;
      }

      .smart-insight-card .button-row {
        margin-top: auto;
      }

      .people-dashboard-metric h3 {
        font-size: 1.32rem;
      }

      .people-dashboard-card {
        align-content: start;
      }

      .people-dashboard-launch-card {
        width: 100%;
        text-align: left;
        justify-items: start;
        align-content: start;
        color: var(--ink);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.09), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.92));
        border: 1px solid var(--line);
        box-shadow: var(--surface-shadow);
      }

      .people-dashboard-launch-card,
      .people-dashboard-launch-card * {
        color: inherit;
      }

      .people-dashboard-launch-card:hover {
        transform: translateY(-2px);
        border-color: rgba(18, 63, 47, 0.18);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.6),
          0 14px 24px rgba(15, 55, 39, 0.08);
      }

      .people-dashboard-focus-panel {
        display: grid;
        gap: 14px;
      }

      .people-dashboard-section-list {
        display: grid;
        gap: 12px;
      }

      .people-dashboard-section-block {
        display: grid;
        gap: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(20, 49, 38, 0.08);
      }

      .people-dashboard-section-block:first-child {
        padding-top: 0;
        border-top: 0;
      }

      .people-dashboard-note {
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
      }

      .people-dashboard-note-copy {
        display: grid;
        gap: 4px;
        min-width: 0;
      }

      .people-dashboard-note-copy strong {
        font-size: 0.98rem;
        line-height: 1.18;
      }

      .people-dashboard-note-copy .muted,
      .people-dashboard-note-copy .fine-print {
        font-size: var(--text-body-sm);
        line-height: 1.42;
      }

      .people-dashboard-note-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        gap: 6px 8px;
      }

      .people-dashboard-inline-form {
        align-items: end;
        gap: 6px;
      }

      @keyframes anchorFlash {
        0% {
          transform: translateY(6px);
          box-shadow: 0 0 0 0 rgba(225, 191, 67, 0.22);
        }
        50% {
          transform: translateY(0);
          box-shadow: 0 0 0 10px rgba(225, 191, 67, 0);
        }
        100% {
          transform: translateY(0);
          box-shadow: 0 0 0 0 rgba(225, 191, 67, 0);
        }
      }

      .hero-feature-list > *,
      .hero-stat-band > *,
      .auth-support-grid > *,
      .workspace-overview-band > *,
      .tournament-switch-grid > *,
      .workspace-stat-grid > *,
      .competitor-card-grid > *,
      .portal-focus-grid > *,
      .portal-round-list > *,
      .team-directory > *,
      .leaderboard-list > *,
      .ballot-grid > * {
        opacity: 0;
        animation: fadeUp 620ms cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      .hero-feature-list > *:nth-child(1),
      .hero-stat-band > *:nth-child(1),
      .auth-support-grid > *:nth-child(1),
      .workspace-overview-band > *:nth-child(1),
      .tournament-switch-grid > *:nth-child(1),
      .workspace-stat-grid > *:nth-child(1),
      .competitor-card-grid > *:nth-child(1),
      .portal-focus-grid > *:nth-child(1),
      .portal-round-list > *:nth-child(1),
      .team-directory > *:nth-child(1),
      .leaderboard-list > *:nth-child(1),
      .ballot-grid > *:nth-child(1) {
        animation-delay: 40ms;
      }

      .hero-feature-list > *:nth-child(2),
      .hero-stat-band > *:nth-child(2),
      .auth-support-grid > *:nth-child(2),
      .workspace-overview-band > *:nth-child(2),
      .tournament-switch-grid > *:nth-child(2),
      .workspace-stat-grid > *:nth-child(2),
      .competitor-card-grid > *:nth-child(2),
      .portal-focus-grid > *:nth-child(2),
      .portal-round-list > *:nth-child(2),
      .team-directory > *:nth-child(2),
      .leaderboard-list > *:nth-child(2),
      .ballot-grid > *:nth-child(2) {
        animation-delay: 100ms;
      }

      .hero-feature-list > *:nth-child(3),
      .hero-stat-band > *:nth-child(3),
      .auth-support-grid > *:nth-child(3),
      .workspace-overview-band > *:nth-child(3),
      .tournament-switch-grid > *:nth-child(3),
      .workspace-stat-grid > *:nth-child(3),
      .competitor-card-grid > *:nth-child(3),
      .portal-focus-grid > *:nth-child(3),
      .portal-round-list > *:nth-child(3),
      .team-directory > *:nth-child(3),
      .leaderboard-list > *:nth-child(3),
      .ballot-grid > *:nth-child(3) {
        animation-delay: 160ms;
      }

      .hero-feature-list > *:nth-child(4),
      .hero-stat-band > *:nth-child(4),
      .auth-support-grid > *:nth-child(4),
      .workspace-overview-band > *:nth-child(4),
      .tournament-switch-grid > *:nth-child(4),
      .workspace-stat-grid > *:nth-child(4),
      .competitor-card-grid > *:nth-child(4),
      .portal-focus-grid > *:nth-child(4),
      .portal-round-list > *:nth-child(4),
      .team-directory > *:nth-child(4),
      .leaderboard-list > *:nth-child(4),
      .ballot-grid > *:nth-child(4) {
        animation-delay: 220ms;
      }

      .hero-feature-list > *:nth-child(5),
      .hero-stat-band > *:nth-child(5),
      .auth-support-grid > *:nth-child(5),
      .workspace-overview-band > *:nth-child(5),
      .tournament-switch-grid > *:nth-child(5),
      .workspace-stat-grid > *:nth-child(5),
      .competitor-card-grid > *:nth-child(5),
      .portal-focus-grid > *:nth-child(5),
      .portal-round-list > *:nth-child(5),
      .team-directory > *:nth-child(5),
      .leaderboard-list > *:nth-child(5),
      .ballot-grid > *:nth-child(5) {
        animation-delay: 280ms;
      }

      .hero-feature-list > *:nth-child(6),
      .hero-stat-band > *:nth-child(6),
      .auth-support-grid > *:nth-child(6),
      .tournament-switch-grid > *:nth-child(6),
      .workspace-stat-grid > *:nth-child(6),
      .competitor-card-grid > *:nth-child(6),
      .portal-focus-grid > *:nth-child(6),
      .portal-round-list > *:nth-child(6),
      .team-directory > *:nth-child(6),
      .leaderboard-list > *:nth-child(6),
      .ballot-grid > *:nth-child(6) {
        animation-delay: 340ms;
      }

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

      .team-directory {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      }

      .team-card {
        display: grid;
        gap: 10px;
        padding: 18px;
        border-radius: 20px;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 249, 245, 0.88));
        border: 1px solid var(--line);
        box-shadow: var(--shadow-soft);
      }

      .team-card .chip-row {
        gap: 6px;
      }

      .team-card .role-pill {
        background: rgba(225, 191, 67, 0.14);
        color: #76590e;
      }

      .draw-method-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .leaderboard-grid,
      .judge-grid,
      .ballot-grid {
        display: grid;
        gap: 12px;
      }

      .leaderboard-grid,
      .judge-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      }

      .leaderboard-card,
      .judge-card,
      .ballot-card,
      .ballot-speaker-card {
        display: grid;
        gap: 12px;
        padding: 20px;
        border-radius: 22px;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 245, 0.9));
        border: 1px solid var(--line);
        box-shadow: var(--surface-shadow);
      }

      .leaderboard-list,
      .ballot-score-grid {
        display: grid;
        gap: 10px;
      }

      .people-hub-grid {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      }

      .people-hub-card {
        width: 100%;
        display: grid;
        gap: 10px;
        align-content: start;
        justify-items: start;
        padding: 18px 20px;
        border-radius: 24px;
        border: 1px solid var(--line);
        text-align: left;
        color: var(--ink);
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.08), transparent 28%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.94));
        box-shadow: var(--surface-shadow);
      }

      .people-hub-card:hover {
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.12), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(244, 249, 245, 0.96));
      }

      .people-hub-card.is-active {
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.12), transparent 30%),
          linear-gradient(160deg, rgba(20, 68, 49, 0.98), rgba(35, 94, 68, 0.94));
        border-color: rgba(18, 63, 47, 0.12);
        box-shadow: var(--shadow-strong);
      }

      .people-hub-card.is-active,
      .people-hub-card.is-active * {
        color: #f8fbf9 !important;
      }

      .people-hub-card h3 {
        margin: 0;
        font-size: 1.24rem;
        line-height: 1.08;
      }

      .people-hub-card .muted {
        font-size: var(--text-body);
        font-weight: var(--weight-body);
        line-height: 1.48;
      }

      .people-section-actions {
        justify-content: flex-end;
        margin-bottom: 14px;
      }

      .people-directory-toolbar,
      .collection-toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px 14px;
        margin-bottom: 10px;
      }

      .people-directory-search,
      .collection-search {
        flex: 1 1 360px;
      }

      .people-directory-search input,
      .collection-search input {
        flex: 1 1 220px;
        min-width: 0;
      }

      .people-directory-toolbar-meta,
      .collection-toolbar-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px;
      }

      .people-directory-filter-row,
      .collection-filter-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
      }

      .people-directory-filter,
      .collection-filter {
        min-height: 34px;
        padding: 7px 12px;
        border-radius: 999px;
        border: 1px solid rgba(20, 49, 38, 0.09);
        background: rgba(20, 49, 38, 0.03);
        color: rgba(26, 59, 47, 0.78);
        font-size: var(--text-caption);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.01em;
      }

      .people-directory-filter.is-active,
      .collection-filter.is-active {
        background: linear-gradient(160deg, rgba(20, 68, 49, 0.98), rgba(35, 94, 68, 0.94));
        border-color: rgba(18, 63, 47, 0.12);
        color: #f8fbf9;
      }

      .people-directory-grid {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
      }

      .people-directory-card {
        padding: 0;
        overflow: hidden;
        background:
          radial-gradient(circle at top right, rgba(225, 191, 67, 0.09), transparent 30%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.94));
      }

      .people-directory-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
          "top top"
          "name action"
          "footer action";
        gap: 6px 10px;
        min-height: 0;
        padding: 9px 10px;
        align-items: start;
        width: 100%;
      }

      .people-directory-topline {
        grid-area: top;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
      }

      .people-directory-topline .eyebrow {
        margin: 0;
      }

      .people-directory-summary > * {
        min-width: 0;
      }

      .people-directory-summary-badges {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        max-width: 126px;
      }

      .people-directory-copy {
        grid-area: name;
        display: grid;
        min-width: 0;
        gap: 3px;
        align-content: start;
      }

      .people-directory-copy h3 {
        margin: 0;
        max-width: none;
        font-size: 0.94rem;
        line-height: 1.08;
        letter-spacing: -0.02em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-wrap: balance;
      }

      .people-directory-email {
        margin: 0;
        font-size: var(--text-caption);
        font-weight: var(--weight-body);
        line-height: 1.2;
        color: rgba(26, 59, 47, 0.76);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .people-directory-summary-footer {
        grid-area: footer;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        align-self: end;
      }

      .people-directory-configure {
        grid-area: action;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        padding: 6px 12px;
        border-radius: 999px;
        background: rgba(20, 49, 38, 0.05);
        border: 1px solid rgba(20, 49, 38, 0.08);
        color: var(--ink);
        font-size: var(--text-caption);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.005em;
        justify-self: end;
        align-self: center;
        width: auto;
        min-width: 72px;
        text-align: center;
      }

      .people-directory-pagination,
      .collection-pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 12px;
      }

      .people-directory-page-list,
      .collection-page-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        flex: 1 1 auto;
      }

      .people-directory-page-button,
      .collection-page-button {
        min-width: 34px;
        min-height: 34px;
        padding: 6px 10px;
        border-radius: 10px;
        border: 1px solid rgba(20, 49, 38, 0.09);
        background: rgba(20, 49, 38, 0.03);
        color: rgba(26, 59, 47, 0.82);
        font-size: var(--text-caption);
        font-weight: var(--weight-heavy);
      }

      .people-directory-page-button.is-active,
      .collection-page-button.is-active {
        background: linear-gradient(160deg, rgba(20, 68, 49, 0.98), rgba(35, 94, 68, 0.94));
        border-color: rgba(18, 63, 47, 0.12);
        color: #f8fbf9;
      }

      .people-directory-page-gap,
      .collection-page-gap {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 18px;
        color: rgba(26, 59, 47, 0.5);
        font-weight: 800;
      }

      .people-directory-body {
        gap: 12px;
      }

      .people-pill-cluster {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 6px;
      }

      .people-meta-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 12px;
      }

      .people-meta-grid span {
        color: var(--muted);
        font-size: var(--text-body-sm);
        font-weight: var(--weight-body);
        line-height: 1.4;
      }

      .people-private-link {
        min-height: 36px;
        padding: 8px 11px;
        border-radius: 12px;
      }

      .people-readonly-note {
        margin: 0;
        padding: 8px 10px;
        border-radius: 12px;
        background: rgba(20, 49, 38, 0.05);
        border: 1px solid rgba(20, 49, 38, 0.08);
      }

      .people-card-forms {
        display: grid;
        gap: 6px;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        align-items: start;
      }

      .people-directory-card .compact-inline-form {
        align-items: end;
        gap: 6px;
      }

      .people-directory-card .button-row {
        gap: 6px;
      }

      .people-directory-card .secondary-button,
      .people-directory-card .danger-button,
      .people-directory-card .ghost-button,
      .people-directory-card button,
      .people-directory-card select,
      .people-directory-card input {
        font-size: var(--text-body-sm);
      }

      .people-directory-card .secondary-button,
      .people-directory-card .danger-button,
      .people-directory-card .ghost-button,
      .people-directory-card button {
        padding: 8px 11px;
      }

      .tournament-switch-card,
      .quick-admin-card,
      .team-card,
      .leaderboard-card,
      .judge-card,
      .ballot-card,
      .ballot-speaker-card,
      .portal-round-card,
      .feature-panel,
      .portal-quick-card,
      .link-card,
      .directory-card {
        padding: 14px 16px;
        border-radius: 18px;
      }

      .leaderboard-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(31, 106, 78, 0.07), rgba(31, 106, 78, 0.04));
        border: 1px solid rgba(20, 49, 38, 0.06);
      }

      .leaderboard-row .stack {
        min-width: 0;
      }

      .leaderboard-row .button-row,
      .leaderboard-row .workspace-chip-row {
        justify-content: flex-end;
      }

      .leaderboard-rank {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 999px;
        background: rgba(225, 191, 67, 0.18);
        color: #7a5d12;
        font-weight: 800;
      }

      .judge-card .button-row,
      .ballot-card .button-row {
        margin-top: 2px;
      }

      .ballot-speaker-card .field-grid {
        margin-top: 0;
      }

      .ballot-speaker-card textarea {
        min-height: 92px;
      }

      .judge-status-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 11px;
        border-radius: 999px;
        background: rgba(31, 106, 78, 0.08);
        color: var(--accent-deep);
        font-size: 0.82rem;
        font-weight: 800;
      }

      .round-ops-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
      }

      .about-shell {
        display: grid;
        gap: 18px;
      }

      .about-hero {
        min-height: 0;
      }

      .about-grid {
        display: grid;
        gap: 18px;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      }

      .feature-panel {
        display: grid;
        gap: 12px;
        padding: 20px;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(244, 249, 245, 0.9));
        border: 1px solid var(--line);
        box-shadow: var(--shadow);
      }

      .feature-panel .mini-pill {
        width: fit-content;
      }

      .round-board-shell {
        display: grid;
        gap: 14px;
      }

      .round-board-grid {
        display: grid;
        gap: 14px;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      }

      .round-board-card {
        min-height: 100%;
      }

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

      .timeline-strip {
        grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
      }

      .timeline-step {
        padding: 12px 14px;
        border-radius: 16px;
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.72);
        display: grid;
        gap: 4px;
      }

      .timeline-step strong {
        font-size: 0.95rem;
      }

      .timeline-step.done {
        border-color: rgba(31, 106, 78, 0.2);
        background: rgba(224, 241, 229, 0.78);
      }

      .timeline-step.active {
        border-color: rgba(225, 191, 67, 0.26);
        background: rgba(255, 245, 211, 0.76);
      }

      .timeline-step.pending {
        background: rgba(255, 255, 255, 0.68);
      }

      .timeline-label {
        color: var(--muted);
        font-size: var(--text-overline);
        font-weight: var(--weight-heavy);
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .notice-item {
        padding: 16px 18px;
        border-radius: 18px;
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.72);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
      }

      .notice-item.pinned {
        border-left: 4px solid var(--gold);
      }

      .notice-list.compact .notice-item {
        padding: 14px 16px;
      }

      .round-board-metrics {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .round-board-metric {
        padding: 12px 14px;
        border-radius: 16px;
        border: 1px solid var(--line);
        background: rgba(255, 255, 255, 0.66);
      }

      .round-board-actions {
        margin-top: auto;
      }

      .compact-inline-form,
      .wrap-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .compact-inline-form {
        align-items: center;
      }

      .wrap-row {
        align-items: stretch;
      }

      .compact-stack {
        gap: 10px;
      }

      .compact-inline-form select {
        min-width: 146px;
      }

      .about-timeline {
        display: grid;
        gap: 12px;
      }

      .about-timeline .inline-card {
        border-left: 4px solid rgba(225, 191, 67, 0.72);
      }

      .round-planner-wrap {
        border: 1px solid var(--line);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.82);
        padding: 12px;
      }

      .round-planner-grid,
      .round-planner-summary-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      }

      .round-planner-card,
      .round-planner-summary-card {
        display: grid;
        gap: 12px;
        padding: 14px;
        min-width: 0;
        border-radius: 18px;
        border: 1px solid rgba(20, 49, 38, 0.08);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 246, 0.92));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
      }

      .round-planner-card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
      }

      .round-planner-card-title {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .round-planner-card-title strong {
        font-size: 1rem;
        line-height: 1.15;
      }

      .round-planner-card-grid {
        align-items: start;
      }

      .round-planner-card-grid label,
      .round-planner-card-notes {
        min-width: 0;
      }

      .round-planner-card input,
      .round-planner-card select,
      .round-planner-card textarea {
        width: 100%;
        min-width: 0;
        padding: 9px 10px;
      }

      .round-planner-summary-list {
        display: grid;
        gap: 6px;
      }

      .round-planner-summary-list span {
        color: var(--muted);
        font-size: var(--text-body-sm);
        line-height: 1.45;
      }

      .round-planner-summary-list strong {
        color: var(--ink);
        font-weight: var(--weight-strong);
      }

      .round-plan-badge {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 11px;
        border-radius: 999px;
        background: rgba(31, 106, 78, 0.08);
        color: var(--accent-deep);
        font-size: 0.82rem;
        font-weight: 800;
      }

      @media (max-width: 1100px) {
        .workspace-shell,
        .auth-shell,
        .surface-grid,
        .tournament-grid,
        .roster-entry-grid,
        .focus-split,
        .workspace-hero-layout,
        .manager-tools,
        .two-column,
        .three-column,
        .competitor-hero-grid,
        .field-grid.two,
        .field-grid.three,
        .field-grid.four {
          grid-template-columns: 1fr;
        }

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

        .hero-stat-band,
        .portal-info-grid,
        .tournament-discovery-form,
        .workspace-search-form {
          grid-template-columns: 1fr;
        }

        .tournament-switch-stats {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .workspace-overview-band {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .menu-panel {
          position: static;
          max-height: none;
          overflow: visible;
        }

        .focus-nav-shell {
          position: static;
        }
      }

      @media (max-width: 720px) {
        .page-shell {
          padding: 14px 12px 20px;
        }

        .auth-top-ticker-track {
          gap: 20px;
          padding: 10px 0;
          animation-duration: 24s;
        }

        .auth-top-ticker-item {
          font-size: 0.76rem;
          letter-spacing: 0.14em;
        }

        .confirm-dialog-layer {
          padding: 16px;
        }

        .confirm-dialog-card {
          padding: 18px;
        }

        .confirm-dialog-actions {
          flex-direction: column-reverse;
          align-items: stretch;
        }

        .startup-splash {
          padding: 18px;
        }

        .startup-splash-inner,
        .startup-status-stack {
          width: 100%;
        }

        .startup-logo-stage {
          width: min(78vw, 300px);
        }

        .startup-progress-meta {
          flex-direction: column;
          align-items: flex-start;
        }

        .startup-chip {
          padding: 9px 12px;
          font-size: 0.78rem;
        }

        .hero-panel,
        .auth-card,
        .menu-panel,
        .content-panel,
        .surface,
        .inline-card,
        .directory-card,
        .link-card,
        .subsurface {
          padding: 16px;
        }

        .portal-topline,
        .section-heading,
        .topbar {
          align-items: flex-start;
          flex-direction: column;
        }

        .focus-nav-overview {
          flex-direction: column;
        }

        .workspace-overview-band,
        .focus-nav-grid,
        .quick-access-strip {
          grid-template-columns: 1fr;
        }

        .overview-quick-row {
          grid-template-columns: 1fr;
        }

        .focus-stage-banner-top,
        .focus-stage-links {
          flex-direction: column;
          align-items: stretch;
        }

        .portal-quick-grid,
        .portal-focus-grid,
        .portal-round-list,
        .hero-feature-list,
        .auth-support-grid,
        .counsel-grid,
        .people-hub-grid,
        .spotlight-grid,
        .tournament-rail-grid,
        .participant-track-grid,
        .registration-speaker-grid {
          grid-template-columns: 1fr;
        }

        .tournament-rail-stats,
        .tournament-switch-stats {
          grid-template-columns: 1fr;
        }

        .tournament-rail-footer,
        .tournament-switch-actions {
          flex-direction: column;
          align-items: stretch;
        }

        .people-directory-grid {
          grid-template-columns: 1fr;
        }

        .people-directory-toolbar,
        .collection-toolbar {
          align-items: stretch;
        }

        .people-directory-toolbar-meta,
        .collection-toolbar-meta {
          justify-content: flex-start;
        }

        .people-directory-summary {
          grid-template-columns: 1fr;
          grid-template-areas:
            "top"
            "name"
            "footer"
            "action";
          align-items: start;
        }

        .people-directory-configure {
          justify-self: stretch;
          width: 100%;
        }

        .participant-profile-head {
          grid-template-columns: 1fr;
        }

        .participant-profile-actions {
          justify-content: flex-start;
        }

        .people-directory-pagination,
        .collection-pagination {
          flex-direction: column;
          align-items: stretch;
        }

        .people-directory-page-list,
        .collection-page-list {
          justify-content: flex-start;
        }

        .roster-speaker-layout .registration-speaker-card {
          grid-template-columns: 1fr;
          grid-template-areas:
            "primary"
            "side"
            "admin"
            "foot";
        }

        .roster-speaker-list-panel .registration-speaker-grid {
          grid-template-columns: 1fr;
        }

        .roster-speaker-layout .registration-speaker-card-side {
          justify-items: start;
          text-align: left;
        }

        .roster-speaker-layout .registration-speaker-card .button-row {
          justify-content: flex-start;
        }

        .auth-support-grid > :last-child {
          grid-column: auto;
        }

        h1 {
          font-size: clamp(2.3rem, 12vw, 3.4rem);
        }
      }

      @media (max-width: 560px) {
        .auth-top-ticker {
          position: static;
        }

        .page-shell {
          padding: 10px 10px 18px;
        }

        .hero-panel,
        .auth-card,
        .menu-panel,
        .content-panel,
        .surface,
        .inline-card,
        .directory-card,
        .link-card,
        .subsurface {
          padding: 14px;
          border-radius: 20px;
        }

        .workspace-topbar,
        .auth-card,
        .menu-welcome-card,
        .search-result-card,
        .participant-track-card,
        .participant-team-card {
          overflow: hidden;
        }

        .workspace-topbar::before,
        .auth-card::before,
        .menu-welcome-card::before,
        .search-result-card::before,
        .participant-track-card::before,
        .participant-team-card::before {
          left: 14px;
          width: min(42%, 108px);
        }

        .workspace-topbar::after,
        .auth-card::after,
        .search-result-card::after,
        .participant-track-card::after,
        .participant-team-card::after {
          width: 92px;
          height: 92px;
          inset: auto -18px -28px auto;
        }

        .hero-panel {
          border-radius: 22px;
        }

        .hero-panel .hero-copy,
        .hero-panel .manager-note,
        .auth-footer,
        .manager-note,
        .muted,
        .fine-print {
          font-size: 0.92rem;
          line-height: 1.45;
        }

        .hero-panel h1,
        .hero-panel h2,
        .hero-panel h3,
        .topbar h1,
        .section-heading h2,
        .section-heading h3,
        .section-heading h4 {
          text-wrap: pretty;
        }

        h1 {
          font-size: clamp(2rem, 11vw, 2.8rem);
        }

        h2 {
          font-size: clamp(1.5rem, 7vw, 2rem);
        }

        h3 {
          font-size: clamp(1.14rem, 5.4vw, 1.34rem);
        }

        .section-heading {
          gap: 10px;
        }

        .section-heading > div {
          gap: 3px;
          width: 100%;
        }

        .button-row,
        .toolbar-row,
        .wrap-row,
        .workspace-chip-row,
        .chip-row,
        .kpi-line,
        .portal-meta,
        .hero-stat-band {
          gap: 8px;
        }

        .button-row > button,
        .button-row > a,
        .wrap-row > button,
        .wrap-row > a,
        .toolbar-row > button,
        .toolbar-row > a {
          width: 100%;
          min-height: 44px;
        }

        .role-pill,
        .status-pill,
        .mini-pill {
          max-width: 100%;
          white-space: normal;
          text-align: center;
          justify-content: center;
        }

        .field-grid,
        .field-grid.two,
        .field-grid.three,
        .field-grid.four,
        .surface-grid,
        .flat-grid,
        .workspace-stat-grid,
        .manager-grid,
        .directory-grid,
        .links-grid,
        .overview-spotlight-grid,
        .counsel-telemetry-grid,
        .viewer-summary-grid,
        .draw-board-grid,
        .motion-board-grid,
        .tournament-switch-grid,
        .tournament-rail-grid,
        .portal-info-grid,
        .hero-stat-band,
        .tournament-discovery-form,
        .workspace-search-form {
          grid-template-columns: 1fr;
        }

        .tournament-switch-card,
        .tournament-rail-card,
        .viewer-summary-card,
        .draw-room-card,
        .motion-board-card,
        .spotlight-card {
          padding: 14px;
          border-radius: 18px;
        }

        .tournament-rail-card {
          min-height: 0;
        }

        .topbar,
        .workspace-topbar,
        .portal-topline,
        .section-heading {
          align-items: stretch;
        }

        .workspace-topbar .topbar {
          gap: 10px;
        }

        .private-shell {
          max-width: 100%;
        }

        .table-wrap {
          border-radius: 16px;
        }

        table {
          font-size: 0.88rem;
        }

        input,
        select,
        textarea {
          min-height: 46px;
          padding: 12px 13px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
        }
      }

      html[data-reduced-motion="true"] *,
      html[data-reduced-motion="true"] *::before,
      html[data-reduced-motion="true"] *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }