/* ZWORLD_CLASSIC_POLISH_V1_START */

    :root {
      --navigation-width: 184px;
    }

    .layout {
      width: min(100%, 1540px);
      margin: 0 auto;
      padding: 18px;
      gap: 12px;
    }

    .navigation {
      border-radius: 15px;
    }

    .conversation {
      border-radius: 17px;
    }

    .brand {
      min-height: 62px;
      padding: 11px 13px;
      gap: 9px;
    }

    .brand-mark {
      width: 34px;
      height: 34px;
      border-radius: 10px;
    }

    .brand-mark svg {
      width: 21px;
      height: 21px;
    }

    .brand-name {
      font-size: 18px;
      letter-spacing: -.55px;
    }

    .nav-scroll {
      padding: 8px 7px;
    }

    .nav-section {
      margin: 11px 8px 5px;
      font-size: 9px;
      letter-spacing: 1.05px;
    }

    .nav-entry {
      min-height: 35px;
      margin-bottom: 2px;
      padding: 6px 9px;
      gap: 8px;
      border-radius: 8px;
    }

    .nav-symbol {
      width: 15px;
      font-size: 12px;
    }

    .nav-text {
      font-size: 12px;
    }

    .members-entry {
      margin-top: 11px;
    }

    .profile {
      min-height: 58px;
      padding: 9px 10px;
    }

    .profile-letter {
      width: 30px;
      height: 30px;
      border-radius: 9px;
      font-size: 11px;
    }

    .profile-name {
      font-size: 11px;
    }

    .profile-state {
      font-size: 9px;
    }

    .topic {
      min-height: 56px;
      padding: 14px 22px;
      font-size: 13px;
      line-height: 1.4;
    }

    .feed {
      padding:
        28px
        clamp(28px, 6vw, 96px)
        40px;
    }

    .day {
      max-width: 850px;
      margin-bottom: 19px;
      font-size: 9px;
    }

    .message {
      max-width: 850px;
      padding: 10px 0;

      grid-template-columns:
        42px
        76px
        minmax(0, 1fr);

      gap: 10px;
    }

    .message-time {
      font-size: 9px;
    }

    .message-name {
      font-size: 12px;
    }

    .message-text {
      color: #d5d5d9;
      font-size: 13px;
      line-height: 1.55;
    }

    .message.system {
      grid-template-columns:
        42px
        minmax(0, 1fr);
    }

    .message.system .message-text {
      font-size: 10px;
    }

    .composer {
      padding: 11px 18px 13px;
    }

    .composer-box {
      max-width: 880px;
      min-height: 42px;
      padding: 4px 5px 4px 13px;
      border-radius: 11px;
    }

    .composer-box input {
      padding: 7px 0;
      font-size: 12px;
    }

    .composer-button {
      width: 31px;
      height: 31px;
      border-radius: 8px;
      font-size: 12px;
    }

    .members-drawer {
      top: 18px;
      right: 18px;
      bottom: 18px;
      width: min(286px, calc(100vw - 30px));
      border-radius: 15px;
    }

    .drawer-head {
      min-height: 43px;
      font-size: 12px;
    }

    .member {
      min-height: 44px;
    }

    .member-letter {
      width: 31px;
      height: 31px;
      border-radius: 9px;
    }

    .member-name {
      font-size: 11px;
    }

    .member-role {
      font-size: 9px;
    }

    @media (max-width: 960px) {
      :root {
        --navigation-width: 172px;
      }

      .layout {
        padding: 12px;
        gap: 9px;
      }

      .feed {
        padding:
          24px
          clamp(20px, 4vw, 48px)
          34px;
      }
    }

    @media (max-width: 760px) {
      .layout {
        width: 100%;
        padding:
          max(8px, env(safe-area-inset-top, 0px))
          8px
          max(8px, env(safe-area-inset-bottom, 0px));
      }

      .conversation {
        border-radius: 14px;
      }

      .topic {
        min-height: 52px;
        padding: 13px 15px;
        font-size: 12px;
      }

      .feed {
        padding: 18px 13px 26px;
      }

      .message {
        padding: 9px 0;

        grid-template-columns:
          38px
          minmax(0, 1fr);

        gap: 5px 9px;
      }

      .message-time {
        grid-column: 1;
      }

      .message-name {
        grid-column: 2;
      }

      .message-text {
        grid-column: 2;
      }

      .composer {
        padding:
          9px
          10px
          max(10px, env(safe-area-inset-bottom, 0px));
      }

      .composer-box {
        min-height: 41px;
      }
    }

    /* ZWORLD_CLASSIC_POLISH_V1_END */