:root{
      --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      --font-display: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      --bg:#0f0e0c;
      --card: rgba(20,18,16,0.78);
      --text:#f7f3ec;
      --muted: rgba(247,243,236,0.72);
      --gold:#d9b35d;
      --gold2:#bfa171;
      --border: rgba(255,255,255,0.10);
      --border2: rgba(217,179,93,0.22);
      --shadow: 0 30px 90px rgba(0,0,0,0.55);
    }

    *{ box-sizing: border-box; }

    html{
      scrollbar-gutter: stable;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
      scroll-behavior: smooth;
    }

    body{
      margin:0;
      font-family: var(--font-body);
      background: var(--bg);
      color: var(--text);
      min-height: 100svh;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }

    body::before{
      content:"";
      position: fixed;
      inset:-20%;
      background:
        radial-gradient(980px 620px at 50% 10%, rgba(217,179,93,0.18), transparent 60%),
        radial-gradient(860px 540px at 14% 22%, rgba(255,255,255,0.08), transparent 62%),
        radial-gradient(860px 540px at 86% 22%, rgba(191,161,113,0.10), transparent 62%),
        radial-gradient(720px 520px at 50% 90%, rgba(255,255,255,0.05), transparent 66%);
      pointer-events:none;
    }

    .page{
      min-height: 100svh;
      padding: 8px 16px 28px;
      display: block;
      width: 100%;
    }

    .shell{
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      min-width: 0;
      border-radius: 44px;
      padding: clamp(20px, 3.2vw, 38px);
      background:
        radial-gradient(1200px 640px at 50% 0%, rgba(255,255,255,0.08), transparent 58%),
        radial-gradient(900px 620px at 50% 20%, rgba(217,179,93,0.20), transparent 70%),
        rgba(15, 13, 11, 0.78);
      border: 1px solid rgba(217,179,93,0.22);
      box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,0.06);
      backdrop-filter: blur(10px);
    }

    .brand{
      margin: 0;
      text-align:center;
      color: var(--gold);
      font-family: var(--font-display);
      font-weight: 900;
      letter-spacing: 0.14em;
      font-size: clamp(44px, 7vw, 84px);
    }

    .theme-switch-row{
      width: 100%;
      max-width: 1180px;
      margin: 0 auto 12px;
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 60;
    }

    .theme-switch-row.is-pinned{
      min-height: var(--theme-switch-height, 0px);
    }

    .theme-switch-sentinel{
      width: 100%;
      height: 0;
    }

    .theme-switch-pill{
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .theme-switch-row.is-pinned .theme-switch-pill{
      position: fixed;
      z-index: 10010;
      left: var(--theme-switch-left, 0px);
      top: var(--theme-switch-top, 0px);
      width: var(--theme-switch-width, auto);
    }

    .theme-switch-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 36px;
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid transparent;
      background: transparent;
      color: inherit;
      text-decoration: none;
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
      transition: filter 120ms ease, border-color 120ms ease, background-color 120ms ease, color 120ms ease;
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
    }

    .theme-switch-dismiss{
      -webkit-appearance: none;
      appearance: none;
      box-sizing: border-box;
      display: none;
      position: absolute;
      left: calc(100% + 8px);
      top: 50%;
      transform: translateY(-50%);
      width: 28px;
      height: 28px;
      flex: 0 0 28px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.16);
      background: rgba(0,0,0,0.14);
      color: inherit;
      cursor: pointer;
      font: inherit;
      font-size: 14px;
      line-height: 1;
      font-weight: 900;
      padding: 0;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
    }

    .theme-switch-row.is-pinned .theme-switch-dismiss{
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .theme-switch-btn[data-version-type="light"]{
      border-color: rgba(255, 245, 220, 0.62);
      background: rgba(255, 248, 235, 0.96);
      color: #2f2418;
      box-shadow: 0 10px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.80);
    }

    .theme-switch-btn[data-version-type="dark"]{
      border-color: rgba(55, 40, 31, 0.46);
      background: rgba(40, 29, 21, 0.94);
      color: #f6eee1;
      box-shadow: 0 10px 24px rgba(52,34,21,0.26), inset 0 1px 0 rgba(255,255,255,0.08);
    }

    .theme-switch-btn[data-version-type="light"] + .theme-switch-dismiss{
      border-color: rgba(255, 245, 220, 0.44);
      background: rgba(255, 248, 235, 0.92);
      color: #2f2418;
      box-shadow: 0 8px 18px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.72);
    }

    .theme-switch-btn[data-version-type="dark"] + .theme-switch-dismiss{
      border-color: rgba(255,255,255,0.14);
      background: rgba(40, 29, 21, 0.94);
      color: #f6eee1;
      box-shadow: 0 8px 18px rgba(52,34,21,0.22), inset 0 1px 0 rgba(255,255,255,0.08);
    }

    .theme-switch-btn:hover,
    .theme-switch-btn:focus-visible{
      filter: brightness(1.04);
      outline: none;
    }

    .theme-switch-dismiss:hover,
    .theme-switch-dismiss:focus-visible{
      filter: brightness(1.04);
      outline: none;
    }

    .hero-intro{
      width: 100%;
      max-width: none;
      margin: 18px auto 0;
      display: grid;
      justify-items: center;
      gap: 16px;
      text-align: center;
      padding: 0 26px;
    }

    .hero-copy{
      margin: 0;
      max-width: 100%;
      color: rgba(247,243,236,0.92);
      font-size: 14px;
      line-height: 1.35;
      font-weight: 500;
    }

    .hero-copy-mobile{
      display: none;
    }

    .hero-copy-mobile-summary,
    .hero-copy-mobile-full{
      margin: 0;
    }

    .hero-copy-mobile-full[hidden]{
      display: none;
    }

    .hero-copy-mobile-toggle{
      appearance: none;
      border: 0;
      padding: 0;
      background: transparent;
      color: rgba(247,243,236,0.92);
      font: inherit;
      font-weight: 500;
      line-height: 1.35;
      text-decoration: underline;
      text-underline-offset: 0.14em;
      cursor: pointer;
    }

    .hero-users-slider{
      width: min(100%, 980px);
      max-width: 980px;
      min-width: 0;
      justify-self: stretch;
      margin: 2px auto 0;
      display: grid;
      gap: 10px;
      text-align: left;
    }

    .hero-users-slider-head{
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      padding: 0 2px;
    }

    .hero-users-slider-title{
      margin: 0;
      color: rgba(247,243,236,0.74);
      font-size: 11px;
      line-height: 1.1;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .hero-users-all-btn{
      border: 1px solid rgba(217,179,93,0.46);
      background: linear-gradient(180deg, rgba(255,239,205,0.98), rgba(217,179,93,0.88));
      color: #221f1b;
      border-radius: 999px;
      min-height: 28px;
      padding: 5px 12px;
      font-size: 10px;
      line-height: 1.05;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      cursor: pointer;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
      white-space: nowrap;
    }

    .hero-users-all-btn:hover,
    .hero-users-all-btn:focus-visible{
      filter: brightness(1.04);
      outline: none;
    }

    .hero-users-slider-shell{
      position: relative;
      width: 100%;
      min-width: 0;
      padding: 0 42px;
      box-sizing: border-box;
    }

    .hero-users-slider-nav{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 34px;
      height: 34px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.18);
      background: rgba(20,18,16,0.84);
      color: #f6e8c3;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 23px;
      font-weight: 900;
      z-index: 2;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    }

    .hero-users-slider-nav.prev{ left: 0; }
    .hero-users-slider-nav.next{ right: 0; }
    .hero-users-slider-nav:disabled{
      opacity: 0.34;
      cursor: default;
    }

    .hero-users-rail{
      display: flex;
      gap: 12px;
      overflow-x: auto;
      min-width: 0;
      max-width: 100%;
      padding: 2px 0 8px;
      scroll-snap-type: none;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
      scrollbar-color: rgba(217,179,93,0.34) transparent;
      touch-action: pan-x pan-y;
      overscroll-behavior-x: contain;
    }

    .hero-users-rail::-webkit-scrollbar{
      height: 9px;
    }

    .hero-users-rail::-webkit-scrollbar-thumb{
      background: rgba(217,179,93,0.32);
      border-radius: 999px;
    }

    .hero-user-card{
      position: relative;
      flex: 0 0 180px;
      max-width: 180px;
      min-width: 180px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.14);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)),
        rgba(18, 16, 14, 0.72);
      box-shadow: 0 12px 26px rgba(0,0,0,0.20), inset 0 1px 0 rgba(255,255,255,0.08);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }

    .hero-user-more-card{
      background:
        linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.05)),
        rgba(18, 16, 14, 0.78);
      border-style: dashed;
      border-color: rgba(217,179,93,0.44);
    }

    .hero-user-more-link{
      width: 100%;
      min-height: 100%;
      display: grid;
      align-content: center;
      justify-items: center;
      gap: 8px;
      padding: 14px;
      text-decoration: none;
      text-align: center;
      color: inherit;
    }

    .hero-user-more-title{
      color: #f6e8c3;
      font-size: 18px;
      line-height: 1.1;
      font-weight: 900;
      letter-spacing: 0.02em;
    }

    .hero-user-more-copy{
      color: rgba(247,243,236,0.72);
      font-size: 12px;
      line-height: 1.2;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .hero-user-thumb{
      width: 100%;
      aspect-ratio: 1 / 1;
      display: block;
      background: rgba(255,255,255,0.08);
      border-bottom: 1px solid rgba(255,255,255,0.10);
      object-fit: cover;
      cursor: pointer;
    }

    .hero-user-body{
      padding: 9px 10px 10px;
      display: grid;
      gap: 5px;
      min-height: 88px;
    }

    .hero-user-name{
      margin: 0;
      color: #f6e8c3;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 900;
      overflow-wrap: anywhere;
    }

    .hero-user-location{
      margin: 0;
      color: rgba(247,243,236,0.72);
      font-size: 11px;
      line-height: 1.2;
      font-weight: 700;
      min-height: 14px;
      overflow-wrap: anywhere;
    }

    .hero-user-id-link{
      margin: 0;
      color: var(--gold);
      font-size: 11px;
      line-height: 1.15;
      font-weight: 800;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
      width: fit-content;
      max-width: 100%;
      overflow-wrap: anywhere;
      text-align: left;
    }

    .hero-user-new-badge{
      position: absolute;
      top: 8px;
      right: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid rgba(217,179,93,0.50);
      background: rgba(18, 16, 14, 0.84);
      color: #f6e8c3;
      padding: 4px 8px;
      font-size: 9px;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      font-weight: 900;
    }

    .hero-users-status{
      min-height: 18px;
      color: rgba(247,243,236,0.66);
      font-size: 11px;
      line-height: 1.2;
      font-weight: 700;
      text-align: center;
      display: grid;
      place-items: center;
    }

    .hero-users-status[hidden]{
      display: none !important;
    }

    .main-test-avatar-modal{
      position: fixed;
      inset: 0;
      z-index: 100001;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: rgba(41, 26, 17, 0.72);
      backdrop-filter: blur(7px);
      -webkit-backdrop-filter: blur(7px);
    }

    .main-test-avatar-modal.open{
      display: flex;
    }

    .main-test-avatar-modal-content{
      position: relative;
      max-width: min(92vw, 860px);
      max-height: 90svh;
      border-radius: 10px;
      overflow: hidden;
      background: rgba(20, 18, 16, 0.96);
      border: 1px solid rgba(255, 251, 244, 0.22);
      box-shadow: 0 28px 90px rgba(33, 22, 15, 0.42);
    }

    .main-test-avatar-modal-content img{
      display: block;
      max-width: min(92vw, 860px);
      max-height: 90svh;
      object-fit: contain;
    }

    .main-test-avatar-modal-close{
      position: absolute;
      top: 10px;
      right: 10px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      background: rgba(0,0,0,0.46);
      color: #f7f3ec;
      border-radius: 999px;
      padding: 7px 12px;
      font: inherit;
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.03em;
      cursor: pointer;
    }

    .hero-cta{
      width: 100%;
      max-width: 320px;
      text-decoration: none;
    }

    .hero-note{
      margin: 0;
      color: var(--gold);
      font-size: clamp(14px, 1.6vw, 17px);
      line-height: 1.5;
      font-weight: 600;
      text-shadow: 0 0 18px rgba(217,179,93,0.18);
    }

    .btn{
      appearance:none;
      border:1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.06);
      color: var(--text);
      padding: 14px 18px;
      border-radius: 999px;
      font-weight: 900;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      width: 100%;
      cursor: pointer;
      transition: transform 0.05s ease, filter 0.15s ease, background 0.15s ease;
    }

    .btn:hover{ filter: brightness(1.08); }
    .btn:active{ transform: translateY(1px); }

    .btn-gold{
      border-color: rgba(217,179,93,0.35);
      background: linear-gradient(180deg, rgba(255,239,205,0.98), rgba(217,179,93,0.88));
      color: #221f1b;
    }

    .hero-assistant{
      margin-top: 18px;
    }

    .hero-assistant-wrap{
      margin-top: 18px;
      padding: 22px 30px 18px;
      border-radius: 28px;
      background:
        radial-gradient(120% 140% at 50% 0%, rgba(255,239,205,0.24), transparent 52%),
        radial-gradient(90% 90% at 50% 42%, rgba(217,179,93,0.15), transparent 58%),
        linear-gradient(180deg, rgba(138,103,48,0.20), rgba(46,31,12,0.22)),
        rgba(25, 20, 14, 0.82);
      border: 1px solid rgba(217,179,93,0.34);
      box-shadow:
        0 22px 60px rgba(0,0,0,0.28),
        inset 0 0 0 1px rgba(255,255,255,0.05),
        inset 0 1px 0 rgba(255,239,205,0.08);
      display: grid;
      justify-items: center;
      gap: 14px;
      text-align: center;
      overflow: hidden;
      position: relative;
    }

    .hero-assistant-wrap::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(255,239,205,0.10), transparent 28%),
        radial-gradient(55% 35% at 50% 0%, rgba(255,239,205,0.18), transparent 70%);
      pointer-events: none;
    }

    .hero-assistant-header{
      position: relative;
      z-index: 1;
      display: grid;
      justify-items: center;
      gap: 10px;
      width: 100%;
      max-width: 1120px;
    }

    .hero-assistant-heading{
      margin: 0;
      color: #f6e8c3;
      font-family: var(--font-display);
      font-size: clamp(32px, 4vw, 46px);
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      text-shadow: 0 0 26px rgba(217,179,93,0.22);
    }

    .hero-assistant-subcopy{
      margin: 0;
      max-width: 1120px;
      color: rgba(247,243,236,0.90);
      font-size: clamp(16px, 1.55vw, 20px);
      line-height: 1.3;
      font-weight: 500;
      white-space: nowrap;
    }

    .hero-assistant-guidance{
      display: grid;
      justify-items: center;
      gap: 8px;
    }

    .hero-assistant-cta-note{
      margin: 0;
      color: rgba(247,243,236,0.62);
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.22em;
      text-transform: uppercase;
    }

    .hero-user-account-badge{
      position: absolute;
      top: 8px;
      right: 8px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: calc(100% - 16px);
      border-radius: 999px;
      border: 1px solid rgba(217,179,93,0.50);
      background: linear-gradient(180deg, rgba(255,244,218,0.98), rgba(217,179,93,0.88));
      color: #3e2a10;
      padding: 4px 8px;
      font-size: 9px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      box-shadow: 0 8px 18px rgba(18,16,14,0.22), inset 0 1px 0 rgba(255,255,255,0.62);
      pointer-events: none;
    }

    .hero-user-account-badge.professional{
      background: linear-gradient(180deg, rgba(255,244,218,0.98), rgba(191,161,113,0.92));
      color: #33240f;
    }

    .hero-assistant-topics{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
    }

    .hero-assistant-topic{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid rgba(217,179,93,0.30);
      background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
      color: rgba(247,243,236,0.90);
      font-size: 12px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      box-shadow: inset 0 1px 0 rgba(255,239,205,0.06);
    }

    .hero-menu-divider{
      width: 100%;
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 28px 10px 0;
    }

    .hero-menu-divider::before,
    .hero-menu-divider::after{
      content: "";
      flex: 1 1 auto;
      height: 1px;
      background: linear-gradient(90deg, rgba(217,179,93,0.16), rgba(217,179,93,0.58), rgba(217,179,93,0.16));
    }

    .hero-menu-label{
      color: var(--gold);
      font-size: 26px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .tiles-panel{
      margin-top: 18px;
      padding: 18px;
      border-radius: 24px;
      background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0.18));
      border: 1px solid rgba(255,255,255,0.10);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
      min-width: 0;
    }

    .tiles-grid{
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      align-items: stretch;
    }

    .menu-card{
      --accent: rgba(217,179,93,0.72);
      flex: 1 1 calc((100% - 28px) / 3);
      min-width: min(300px, 100%);
      min-height: 214px;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 14px;
      padding: 18px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.11);
      background:
        radial-gradient(420px 180px at 8% 0%, rgba(217,179,93,0.14), transparent 70%),
        linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
        rgba(18, 16, 14, 0.78);
      color: var(--text);
      text-decoration: none;
      position: relative;
      overflow: hidden;
      box-shadow: 0 18px 42px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.07);
      transition: transform 160ms ease, border-color 160ms ease, filter 160ms ease, box-shadow 160ms ease;
    }

    .menu-card::after{
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 3px;
      background: var(--accent);
      transform: scaleX(0.30);
      transform-origin: left;
      transition: transform 160ms ease;
    }

    .menu-card:hover,
    .menu-card:focus-visible{
      transform: translateY(-3px);
      border-color: rgba(217,179,93,0.36);
      box-shadow: 0 24px 54px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.10);
      filter: brightness(1.04);
      outline: none;
    }

    .menu-card:hover::after,
    .menu-card:focus-visible::after{
      transform: scaleX(1);
    }

    .menu-card[data-size="wide"]{
      flex-basis: calc((100% - 14px) / 2);
      min-height: 230px;
    }

    .menu-card[data-size="half"]{
      flex-basis: calc((100% - 14px) / 2);
      min-height: 214px;
    }

    .menu-card[data-size="hero"]{
      flex-basis: calc((100% - 14px) * 0.6667);
      min-height: 250px;
    }

    .menu-card[data-size="small"]{
      flex-basis: calc((100% - 42px) / 4);
      min-width: min(190px, 100%);
      min-height: 184px;
    }

    .menu-card.is-preview{
      cursor: default;
      opacity: 0.72;
    }

    .menu-card.is-preview:hover,
    .menu-card.is-preview:focus-visible{
      transform: none;
      filter: none;
      border-color: rgba(255,255,255,0.11);
      box-shadow: 0 18px 42px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.07);
    }

    .menu-card-head{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-width: 0;
    }

    .menu-card-label{
      color: rgba(247,243,236,0.60);
      font-size: 11px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }

    .menu-card-mark{
      width: 34px;
      height: 34px;
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      border: 1px solid rgba(217,179,93,0.28);
      background: rgba(255,255,255,0.055);
      color: #f6e8c3;
      font-size: 18px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0;
    }

    .menu-card-body{
      display: grid;
      align-content: start;
      gap: 10px;
      min-width: 0;
    }

    .menu-card-title{
      margin: 0;
      color: #f6e8c3;
      font-family: var(--font-display);
      font-size: clamp(22px, 2.4vw, 32px);
      line-height: 1.06;
      font-weight: 900;
      letter-spacing: 0.02em;
      text-wrap: balance;
    }

    .menu-card[data-size="small"] .menu-card-title{
      font-size: 21px;
    }

    .menu-card-copy{
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.48;
      font-weight: 600;
      max-width: 680px;
    }

    .menu-card-cta{
      align-self: end;
      justify-self: start;
      max-width: 100%;
      min-width: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 11px 14px;
      border-radius: 999px;
      border: 1px solid rgba(217,179,93,0.35);
      background: linear-gradient(180deg, rgba(255,239,205,0.98), rgba(217,179,93,0.88));
      color: #221f1b;
      font-size: 12px;
      line-height: 1.1;
      font-weight: 900;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      text-align: center;
      overflow-wrap: anywhere;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
    }

    .menu-card.is-preview .menu-card-cta{
      border-color: rgba(255,255,255,0.16);
      background: rgba(255,255,255,0.07);
      color: rgba(247,243,236,0.68);
    }

    .contacts{
      margin-top: 22px;
      text-align:center;
      color: rgba(247,243,236,0.78);
      font-size: 15px;
      line-height: 1.55;
    }

    .contacts strong{
      display:block;
      margin-bottom: 6px;
      color: rgba(247,243,236,0.86);
      font-weight: 800;
    }

    .contacts a{ color: var(--gold); text-decoration:none; font-weight: 800; }

    .mdid-back-btn{
      display: none !important;
    }

    @media (max-width: 980px){
      .hero-users-slider-shell{
        padding: 0 36px;
      }
      .hero-user-card{
        flex-basis: 170px;
        max-width: 170px;
        min-width: 170px;
      }
      .tiles-grid{
        display: flex;
        flex-wrap: wrap;
      }

      .menu-card,
      .menu-card[data-size="wide"],
      .menu-card[data-size="half"],
      .menu-card[data-size="hero"],
      .menu-card[data-size="small"]{
        flex-basis: calc((100% - 14px) / 2);
        min-width: min(280px, 100%);
        min-height: 210px;
      }

      .menu-card[data-size="hero"]{
        flex-basis: 100%;
      }
    }

    @media (max-width: 520px){
      .page{ padding: 16px 10px 24px; }
      .theme-switch-row{
        margin: 0 auto 10px;
      }
      .shell{
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
        border-radius: 28px;
        padding: 16px 12px;
      }
      .brand{ letter-spacing: 0.12em; }
      .theme-switch-btn{
        min-height: 34px;
        font-size: 11px;
        letter-spacing: 0.10em;
        padding: 7px 12px;
      }
      .theme-switch-dismiss{
        width: 26px;
        height: 26px;
        flex-basis: 26px;
        font-size: 13px;
      }
      .hero-intro{ padding: 0; }
      .hero-copy-desktop{ display: none; }
      .hero-copy-mobile{ display: block; }
      .hero-users-slider{
        margin-top: 0;
        gap: 8px;
        width: 100%;
        max-width: 100%;
      }
      .hero-users-slider-head{
        padding: 0;
      }
      .hero-users-slider-title{
        font-size: 10px;
        letter-spacing: 0.12em;
      }
      .hero-users-all-btn{
        min-height: 26px;
        padding: 4px 10px;
        font-size: 9px;
        letter-spacing: 0.05em;
      }
      .hero-users-slider-shell{
        padding: 0;
      }
      .hero-users-slider-nav{
        display: none !important;
      }
      .hero-users-rail{
        gap: 10px;
      }
      .hero-user-card{
        flex-basis: calc(100% - 44px);
        max-width: calc(100% - 44px);
        min-width: calc(100% - 44px);
      }
      .hero-user-body{
        padding: 8px 9px 9px;
        min-height: 80px;
      }
      .hero-user-name{
        font-size: 12px;
      }
      .hero-user-location,
      .hero-user-id-link{
        font-size: 10px;
      }
      .hero-users-status{
        font-size: 10px;
      }
      .hero-menu-divider{ padding: 22px 4px 0; }
      .hero-menu-label{ font-size: 20px; letter-spacing: 0.12em; }
      .hero-assistant-wrap{
        width: 100%;
        max-width: 100%;
        border-radius: 22px;
        padding: 14px 12px 12px;
        gap: 12px;
        justify-items: center;
        text-align: center;
      }
      .hero-assistant-wrap > .hero-assistant-header,
      .hero-assistant-wrap > .mdid-assistant{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-inline: auto;
      }
      .hero-assistant-header{
        gap: 8px;
        justify-items: center;
        text-align: center;
      }
      .hero-assistant-heading{
        width: 100%;
        margin: 0 auto;
        font-size: 28px;
        letter-spacing: 0.05em;
        line-height: 1.02;
        white-space: normal;
        overflow-wrap: break-word;
        text-align: center;
      }
      .hero-assistant-subcopy{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.35;
        white-space: normal;
        text-align: center;
      }
      .hero-assistant-guidance{
        width: 100%;
        max-width: 100%;
        justify-items: center;
        margin: 0 auto;
      }
      .hero-assistant-cta-note{
        width: 100%;
        font-size: 11px;
        letter-spacing: 0.16em;
        text-align: center;
      }
      .hero-assistant-topics{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0 auto;
      }
      .hero-assistant-topic{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 7px 10px;
        font-size: 11px;
        box-sizing: border-box;
      }
      .tiles-panel{
        border-radius: 20px;
        padding: 12px;
      }
      .tiles-grid{
        gap: 12px;
      }
      .menu-card,
      .menu-card[data-size="wide"],
      .menu-card[data-size="half"],
      .menu-card[data-size="hero"],
      .menu-card[data-size="small"]{
        flex-basis: 100%;
        min-width: 0;
        min-height: 188px;
        padding: 16px;
      }
      .menu-card-title,
      .menu-card[data-size="small"] .menu-card-title{
        font-size: 22px;
      }
      .menu-card-copy{
        font-size: 13px;
      }
      .menu-card-cta{
        width: 100%;
      }
    }

    body[data-theme="light"]{
      --bg: #ead7be;
      --card: rgba(255, 251, 244, 0.78);
      --text: #37281f;
      --muted: rgba(55, 40, 31, 0.72);
      --gold: #c99d46;
      --gold2: #b98e3b;
      --border: rgba(85, 60, 43, 0.16);
      --border2: rgba(85, 60, 43, 0.24);
      --shadow: 0 26px 80px rgba(65, 41, 25, 0.20);
      background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.58), transparent 34%),
        radial-gradient(900px 620px at 18% 8%, rgba(255, 253, 247, 0.68), transparent 62%),
        radial-gradient(760px 520px at 80% 82%, rgba(115, 128, 111, 0.18), transparent 64%),
        linear-gradient(145deg, #f3e6d4 0%, #d9bea0 52%, #c79d7b 100%);
    }

    body[data-theme="light"]::before{
      inset: 0;
      background:
        linear-gradient(90deg, transparent 0 23px, rgba(90, 62, 40, 0.035) 24px),
        linear-gradient(180deg, transparent 0 23px, rgba(90, 62, 40, 0.03) 24px);
      background-size: 24px 24px;
      opacity: 0.34;
      mix-blend-mode: multiply;
    }

    body[data-theme="light"]::after{
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(120deg, rgba(255, 255, 255, 0.42), transparent 42%, rgba(55, 40, 31, 0.08));
    }

    body[data-theme="light"] .shell{
      background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.62), rgba(247, 238, 225, 0.88)),
        radial-gradient(1200px 640px at 50% 0%, rgba(255, 255, 255, 0.42), transparent 62%);
      border: 1px solid rgba(85, 60, 43, 0.20);
      box-shadow: 0 24px 64px rgba(63, 41, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.66);
      backdrop-filter: blur(6px);
    }

    body[data-theme="light"] .hero-copy,
    body[data-theme="light"] .hero-copy-mobile-toggle,
    body[data-theme="light"] .contacts{
      color: rgba(55, 40, 31, 0.78);
    }

    body[data-theme="light"] .hero-users-slider-title{
      color: rgba(55, 40, 31, 0.70);
    }

    body[data-theme="light"] .hero-users-slider-nav{
      border-color: rgba(85, 60, 43, 0.24);
      background: rgba(255, 251, 244, 0.88);
      color: #4a3524;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.62);
    }

    body[data-theme="light"] .hero-users-rail{
      scrollbar-color: rgba(85, 60, 43, 0.30) transparent;
    }

    body[data-theme="light"] .hero-users-rail::-webkit-scrollbar-thumb{
      background: rgba(85, 60, 43, 0.28);
    }

    body[data-theme="light"] .hero-user-card{
      border-color: rgba(85, 60, 43, 0.20);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.84), rgba(248,238,224,0.88)),
        rgba(255, 251, 244, 0.76);
      box-shadow: 0 12px 26px rgba(68, 44, 27, 0.14), inset 0 1px 0 rgba(255,255,255,0.74);
    }

    body[data-theme="light"] .hero-user-more-card{
      border-color: rgba(185, 142, 59, 0.52);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,238,224,0.90)),
        rgba(255, 251, 244, 0.80);
    }

    body[data-theme="light"] .hero-user-thumb{
      border-bottom-color: rgba(85, 60, 43, 0.12);
      background: rgba(216, 191, 160, 0.34);
    }

    body[data-theme="light"] .main-test-avatar-modal{
      background: rgba(41, 26, 17, 0.62);
    }

    body[data-theme="light"] .main-test-avatar-modal-content{
      background: rgba(255, 251, 244, 0.96);
      border-color: rgba(85, 60, 43, 0.24);
      box-shadow: 0 28px 90px rgba(33, 22, 15, 0.32);
    }

    body[data-theme="light"] .main-test-avatar-modal-close{
      border-color: rgba(85, 60, 43, 0.30);
      background: rgba(255, 251, 244, 0.88);
      color: #3a2b1c;
    }

    body[data-theme="light"] .hero-user-name{
      color: #3a2b1c;
    }

    body[data-theme="light"] .hero-user-more-title{
      color: #3a2b1c;
    }

    body[data-theme="light"] .hero-user-more-copy{
      color: rgba(55, 40, 31, 0.70);
    }

    body[data-theme="light"] .hero-user-location{
      color: rgba(55, 40, 31, 0.68);
    }

    body[data-theme="light"] .hero-user-id-link{
      color: #c99d46;
    }

    body[data-theme="light"] .hero-users-all-btn{
      border-color: rgba(185, 142, 59, 0.46);
      background: linear-gradient(180deg, rgba(255, 242, 210, 0.98), rgba(224, 187, 98, 0.90));
      color: #3a2a18;
    }

    body[data-theme="light"] .hero-user-new-badge{
      border-color: rgba(185, 142, 59, 0.56);
      background: rgba(255, 251, 244, 0.92);
      color: #5f431f;
    }

    body[data-theme="light"] .hero-users-status{
      color: rgba(55, 40, 31, 0.66);
    }

    body[data-theme="light"] .hero-note{
      text-shadow: none;
    }

    body[data-theme="light"] .btn{
      border-color: rgba(85, 60, 43, 0.24);
      background: rgba(255, 251, 244, 0.82);
      color: #3a2b1c;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
    }

    body[data-theme="light"] .btn-gold,
    body[data-theme="light"] .menu-card-cta{
      border-color: rgba(185, 142, 59, 0.46);
      background: linear-gradient(180deg, rgba(255, 242, 210, 0.98), rgba(224, 187, 98, 0.90));
      color: #3a2a18;
    }

    body[data-theme="light"] .hero-assistant-wrap{
      background:
        radial-gradient(120% 140% at 50% 0%, rgba(255, 255, 255, 0.52), transparent 52%),
        radial-gradient(90% 90% at 50% 42%, rgba(201, 157, 70, 0.16), transparent 58%),
        linear-gradient(180deg, rgba(255, 244, 228, 0.76), rgba(245, 229, 204, 0.88));
      border: 1px solid rgba(85, 60, 43, 0.24);
      box-shadow: 0 18px 50px rgba(53, 33, 20, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    body[data-theme="light"] .hero-assistant-wrap::before{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 34%),
        radial-gradient(55% 35% at 50% 0%, rgba(255, 243, 219, 0.48), transparent 70%);
    }

    body[data-theme="light"] .hero-assistant-heading,
    body[data-theme="light"] .menu-card-title{
      color: #3a2b1c;
      text-shadow: none;
    }

    body[data-theme="light"] .hero-assistant-subcopy,
    body[data-theme="light"] .hero-assistant-cta-note{
      color: rgba(55, 40, 31, 0.74);
    }

    body[data-theme="light"] .hero-assistant-topic{
      border-color: rgba(85, 60, 43, 0.22);
      background: rgba(255, 251, 244, 0.74);
      color: #4a3524;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
    }

    body[data-theme="light"] .hero-menu-divider::before,
    body[data-theme="light"] .hero-menu-divider::after{
      background: linear-gradient(90deg, rgba(85, 60, 43, 0.14), rgba(185, 142, 59, 0.56), rgba(85, 60, 43, 0.14));
    }

    body[data-theme="light"] .tiles-panel{
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.52), rgba(250, 241, 228, 0.88));
      border: 1px solid rgba(85, 60, 43, 0.16);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
    }

    body[data-theme="light"] .menu-card{
      border: 1px solid rgba(85, 60, 43, 0.20);
      background:
        radial-gradient(420px 180px at 8% 0%, rgba(201, 157, 70, 0.18), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 238, 224, 0.88));
      box-shadow: 0 14px 36px rgba(68, 44, 27, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    body[data-theme="light"] .menu-card:hover,
    body[data-theme="light"] .menu-card:focus-visible{
      border-color: rgba(185, 142, 59, 0.54);
      box-shadow: 0 18px 42px rgba(65, 40, 22, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.80);
      filter: none;
    }

    body[data-theme="light"] .menu-card-label{
      color: rgba(55, 40, 31, 0.58);
    }

    body[data-theme="light"] .menu-card-mark{
      border-color: rgba(85, 60, 43, 0.24);
      background: rgba(255, 251, 244, 0.66);
      color: #4a3524;
    }

    body[data-theme="light"] .menu-card.is-preview{
      opacity: 0.84;
    }

    body[data-theme="light"] .menu-card.is-preview:hover,
    body[data-theme="light"] .menu-card.is-preview:focus-visible{
      border-color: rgba(85, 60, 43, 0.20);
      box-shadow: 0 14px 36px rgba(68, 44, 27, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.72);
    }

    body[data-theme="light"] .menu-card.is-preview .menu-card-cta{
      border-color: rgba(85, 60, 43, 0.24);
      background: rgba(255, 251, 244, 0.76);
      color: rgba(55, 40, 31, 0.72);
      box-shadow: none;
    }

    body[data-theme="light"] .contacts{
      color: rgba(255, 255, 255, 0.92);
    }

    body[data-theme="light"] .contacts strong{
      color: rgba(0, 0, 0, 0.92);
    }

    body[data-theme="light"] .contacts a{
      color: #ffffff;
    }