.ct-load-state { box-sizing: border-box; color: #101010; background: #fff; font: 15px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.ct-load-state *, .ct-load-state *::before, .ct-load-state *::after { box-sizing: border-box; }
.ct-load-state-standalone { min-height: 100vh; padding-left: var(--ct-layout-navigation-width, 68px); }
#initial-loader:has(#ct-startup-status) { padding-left: 0; }
#initial-loader:has(#ct-startup-status) > :not(#ct-startup-status) { display: none; }
.ct-load-state a { color: inherit; text-decoration: none; }
.ct-load-nav { position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; flex-direction: column; width: var(--ct-layout-navigation-width, 68px); padding: 16px 12px; overflow: hidden; background: #fff; }
.ct-load-nav a { display: flex; align-items: center; gap: 16px; min-height: 48px; padding: 10px 12px; border-radius: 12px; white-space: nowrap; font-size: 16px; }
.ct-load-nav a:hover { background: #f5f5f5; }
.ct-load-nav a > span, .ct-load-nav-communities > p { display: none; }
.ct-load-nav svg { width: 20px; height: 20px; flex-shrink: 0; }
.ct-load-nav img { width: 24px; height: 24px; flex-shrink: 0; object-fit: contain; }
.ct-load-nav .ct-load-brand { min-height: 56px; margin-bottom: 30px; padding: 10px 8px; font-size: 21px; font-weight: 600; letter-spacing: -.045em; }
.ct-load-nav .ct-load-brand img { width: 30px; height: 30px; }
.ct-load-nav-links { display: grid; gap: 4px; }
.ct-load-nav-communities { margin-top: 26px; }
.ct-load-nav-communities > p { margin: 0 12px 12px; color: #999; font-size: 13px; font-weight: 600; }
.ct-load-nav .ct-load-nav-more { display: none; color: #999; font-size: 15px; }
.ct-load-nav .ct-load-nav-feed { justify-content: center; width: 44px; height: 44px; min-height: 44px; margin-top: auto; padding: 10px; border-radius: 999px; background: #101010; color: #fff; }
.ct-load-frame { display: grid; grid-template-columns: minmax(0, 1fr) var(--ct-layout-sidebar-width, 280px); column-gap: 28px; max-width: var(--ct-layout-frame-width, 988px); margin-inline: auto; padding-inline: var(--ct-layout-page-gutter, 20px); }
.ct-load-column { width: 100%; max-width: var(--ct-layout-main-width, 640px); justify-self: center; }
.ct-load-header { height: 72px; display: flex; gap: 14px; align-items: center; font-size: 20px; font-weight: 600; }
.ct-load-back { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #737373 !important; }
.ct-load-back svg { width: 20px; height: 20px; }
.ct-load-panel { display: flex; align-items: flex-start; gap: 14px; padding: 24px; border: 1px solid #e6e6e6; border-radius: 20px; }
.ct-load-symbol { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: #f5f5f5; color: #737373; }
.ct-load-symbol svg { width: 20px; height: 20px; }
.ct-load-copy { min-width: 0; }
.ct-load-panel h1, .ct-load-panel h2 { margin: 0 0 4px; font-size: 17px; line-height: 1.4; font-weight: 600; letter-spacing: -.015em; }
.ct-load-panel p { margin: 0; color: #737373; }
.ct-load-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.ct-load-actions a { min-height: 36px; min-width: 76px; padding: 6px 16px; border: 1px solid #dedede; border-radius: 10px; background: #fff; color: #101010; font: inherit; font-size: 14px; font-weight: 600; text-align: center; }
.ct-load-actions .ct-load-retry { border-color: #101010; background: #101010; color: #fff; }
.ct-load-actions a:hover { opacity: .75; }
.ct-load-state :is(a, input):focus-visible { outline: 2px solid #ff2982; outline-offset: 3px; }
.ct-load-state[data-ct-load-state="loading"] .ct-load-actions { display: none; }
.ct-load-rail { position: sticky; top: 0; height: 100dvh; overflow-y: auto; padding: 16px 0 24px; }
.ct-load-rail form { margin: 0 0 28px; }
.ct-load-rail label { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 14px; border-radius: 999px; background: #f5f5f5; color: #999; }
.ct-load-rail label svg { flex-shrink: 0; width: 18px; height: 18px; }
.ct-load-rail input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: #101010; font: inherit; }
.ct-load-rail input::placeholder { color: #999; }
.ct-load-rail h2 { margin: 0 0 20px; font-size: 17px; font-weight: 600; }
.ct-load-products { margin-bottom: 30px; }
.ct-load-product { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; margin-bottom: 22px; }
.ct-load-product > img { width: 36px; height: 36px; object-fit: contain; border: 1px solid #ededed; border-radius: 50%; }
.ct-load-product strong { display: block; overflow: hidden; font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.ct-load-product div > span { display: block; color: #999; font-size: 13px; }
.ct-load-product p { display: -webkit-box; margin: 8px 0 0; overflow: hidden; color: #101010; font-size: 14px; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ct-load-communities > a { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; font-size: 15px; }
.ct-load-communities img { width: 28px; height: 28px; object-fit: contain; }
.ct-load-communities .ct-load-more { color: #999; font-size: 14px; }
.ct-load-rail footer { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; color: #999; font-size: 12px; }
.ct-load-notice { position: fixed; bottom: 16px; left: calc(var(--ct-layout-navigation-width, 68px) + 16px); right: 16px; z-index: 101; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding: 12px 16px; border: 1px solid #e6e6e6; border-radius: 16px; background: #fff; color: #737373; font: 14px/1.5 Inter, system-ui, sans-serif; }
.ct-load-notice a { color: #101010; font-weight: 600; text-decoration: underline; }
.ct-load-retained button, .ct-load-retained :is(input, textarea, select) { pointer-events: none; }
@media (min-width: 700px) and (max-width: 1349px) {
  .ct-load-nav:hover, .ct-load-nav:focus-within { width: 265px; border-right: 1px solid #ededed; }
  .ct-load-nav:hover a > span, .ct-load-nav:focus-within a > span, .ct-load-nav:hover .ct-load-nav-communities > p, .ct-load-nav:focus-within .ct-load-nav-communities > p { display: block; }
  .ct-load-nav:hover .ct-load-nav-more, .ct-load-nav:focus-within .ct-load-nav-more { display: flex; }
  .ct-load-nav:hover .ct-load-nav-feed, .ct-load-nav:focus-within .ct-load-nav-feed { width: 100%; }
}
@media (min-width: 1350px) {
  .ct-load-nav a > span, .ct-load-nav-communities > p { display: block; }
  .ct-load-nav .ct-load-nav-more { display: flex; }
  .ct-load-nav .ct-load-nav-feed { width: 100%; }
}
@media (max-width: 1149px) {
  .ct-load-frame { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
  .ct-load-rail { display: none; }
}
@media (max-width: 699px) {
  .ct-load-state-standalone { padding-left: 0; padding-bottom: 64px; }
  .ct-load-nav { inset: auto 0 0; width: 100%; padding: 6px 12px; border-top: 1px solid #ededed; }
  .ct-load-nav .ct-load-brand, .ct-load-nav-communities, .ct-load-nav .ct-load-nav-feed { display: none; }
  .ct-load-nav-links { display: flex; justify-content: space-around; }
  .ct-load-frame { padding-inline: 16px; }
  .ct-load-header { height: 60px; font-size: 18px; }
  .ct-load-panel { padding: 20px 16px; }
  .ct-load-notice { left: 12px; right: 12px; }
}