/* AdOn style — 전체 90% 크기로 계산된 최종본 (원본 레이어: base + 디자인 레이어). 크기 조정은 scalecss.py 배율로 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

:root {
  --blue: #3182f6;
  --blue-light: #e8f3ff;
  --blue-dark: #1b64da;
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --border: #e5e7eb;
  --border-strong: #d1d5db;
  --surface: #ffffff;
  --surface-1: #f9fafb;
  --surface-2: #f3f4f6;
  --red: #dc2626;
  --red-light: #fef2f2;
  --green: #059669;
  --green-light: #ecfdf5;
  --radius: 12px;
}

html, body {
  height: 100%;
  height: 100dvh;
  overflow: hidden;
}

body {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--surface-1);
  color: var(--text-primary);
  font-size: 13.5px;
  line-height: 1.5;
}

#app {
  height: 100vh;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}

.screen {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface-1);
  opacity: 0;
  pointer-events: none;
  transform: translateX(20px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.screen.active {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}


.login-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 36px 28.8px;
  gap: 10.8px;
}

.login-logo {
  margin-bottom: 7.2px;
}

.login-title {
  font-size: 25.2px;
  font-weight: 600;
  color: var(--text-primary);
  letter-spacing: -0.5px;
}

.login-sub {
  font-size: 11.7px;
  color: var(--blue);
  font-weight: 500;
}

.login-desc {
  font-size: 13.5px;
  color: var(--text-secondary);
  text-align: center;
  line-height: 1.6;
  margin: 7.2px 0 14.4px;
}

.btn-google {
  display: flex;
  align-items: center;
  gap: 9px;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  padding: 11.7px 21.6px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  width: 100%;
  max-width: 252px;
  justify-content: center;
  transition: background 0.15s;
}

.btn-google:active {
  background: var(--surface-2);
}

.login-footer {
  font-size: 10.8px;
  color: var(--text-muted);
  margin-top: 21.6px;
}


.app-header {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  padding: 0 14.4px;
  flex-shrink: 0;
  padding-top: env(safe-area-inset-top);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50.4px;
}

.header-label {
  font-size: 15.3px;
  font-weight: 600;
  color: var(--text-primary);
  letter-spacing: -0.3px;
}

.header-user {
  font-size: 10.8px;
  color: var(--text-muted);
  margin-top: 1px;
}

.header-actions {
  display: flex;
  gap: 3.6px;
}

.btn-icon {
  background: none;
  border: none;
  padding: 7.2px;
  border-radius: 7.2px;
  color: var(--text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.btn-icon:active {
  background: var(--surface-2);
}

.btn-back {
  background: none;
  border: none;
  padding: 7.2px;
  margin-left: -7.2px;
  border-radius: 7.2px;
  color: var(--text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.btn-back:active {
  background: var(--surface-2);
}


.main-content {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 14.4px;
  padding-bottom: calc(14.4px + env(safe-area-inset-bottom));
}


.loading-state,
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 180px;
  gap: 10.8px;
  color: var(--text-muted);
  font-size: 12.6px;
  text-align: center;
}

.spinner {
  width: 25.2px;
  height: 25.2px;
  border: 2.5px solid var(--border);
  border-top-color: var(--blue);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.hidden {
  display: none !important;
}


.site-card {
  background: var(--surface);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  padding: 14.4px;
  margin-bottom: 9px;
  cursor: pointer;
  transition: border-color 0.15s, transform 0.1s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-card:active {
  transform: scale(0.98);
  border-color: var(--blue);
}

.site-card-left {}

.site-card-name {
  font-size: 14.4px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 3.6px;
}

.site-card-meta {
  font-size: 10.8px;
  color: var(--text-muted);
}

.site-card-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5.4px;
}

.badge-new {
  background: var(--red-light);
  color: var(--red);
  font-size: 9.9px;
  font-weight: 600;
  padding: 2.7px 7.2px;
  border-radius: 18px;
}

.badge-count {
  background: var(--surface-2);
  color: var(--text-secondary);
  font-size: 9.9px;
  font-weight: 500;
  padding: 2.7px 7.2px;
  border-radius: 18px;
}

.chevron {
  color: var(--text-muted);
}


.lead-card {
  background: var(--surface);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  padding: 12.6px 14.4px;
  margin-bottom: 7.2px;
  cursor: pointer;
  transition: border-color 0.15s, transform 0.1s;
}

.lead-card.is-new {
  border-left: 2.7px solid var(--blue);
}

.lead-card:active {
  transform: scale(0.99);
}

.lead-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7.2px;
}

.lead-name {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text-primary);
}

.lead-time {
  font-size: 10.8px;
  color: var(--text-muted);
}

.lead-rows {
  display: flex;
  flex-direction: column;
  gap: 3.6px;
}

.lead-row {
  display: flex;
  align-items: center;
  gap: 7.2px;
}

.lead-label {
  font-size: 10.8px;
  color: var(--text-muted);
  min-width: 46.8px;
}

.lead-val {
  font-size: 11.7px;
  color: var(--text-secondary);
}

.lead-question {
  margin-top: 7.2px;
  background: var(--blue-light);
  color: var(--blue);
  font-size: 10.8px;
  font-weight: 500;
  padding: 3.6px 9px;
  border-radius: 5.4px;
  display: inline-block;
}


.detail-card {
  background: var(--surface);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  overflow: hidden;
}

.detail-section {
  padding: 14.4px;
  border-bottom: 1px solid var(--border);
}

.detail-section:last-child {
  border-bottom: none;
}

.detail-section-title {
  font-size: 9.9px;
  font-weight: 500;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10.8px;
}

.detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7.2px 0;
  border-bottom: 1px solid var(--border);
}

.detail-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.detail-key {
  font-size: 12.6px;
  color: var(--text-secondary);
}

.detail-val {
  font-size: 12.6px;
  font-weight: 500;
  color: var(--text-primary);
}

.detail-val.phone {
  color: var(--blue);
}

.detail-question-box {
  background: var(--blue-light);
  border-radius: 7.2px;
  padding: 10.8px 12.6px;
  font-size: 12.6px;
  color: var(--text-primary);
  line-height: 1.6;
}

.detail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 14.4px;
}

.btn-call {
  background: var(--blue);
  color: white;
  border: none;
  border-radius: 9px;
  padding: 11.7px;
  font-size: 12.6px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.4px;
  transition: background 0.15s;
}

.btn-call:active {
  background: var(--blue-dark);
}

.btn-copy {
  background: var(--surface-2);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: 9px;
  padding: 11.7px;
  font-size: 12.6px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.4px;
  transition: background 0.15s;
}

.btn-copy:active {
  background: var(--border);
}


.admin-site-card {
  background: var(--surface);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  padding: 12.6px 14.4px;
  margin-bottom: 7.2px;
}

.admin-site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7.2px;
}

.admin-site-name {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text-primary);
}

.admin-site-actions {
  display: flex;
  gap: 7.2px;
}

.btn-edit {
  background: var(--blue-light);
  color: var(--blue);
  border: none;
  border-radius: 5.4px;
  padding: 4.5px 9px;
  font-size: 10.8px;
  font-weight: 500;
  cursor: pointer;
}

.btn-delete {
  background: var(--red-light);
  color: var(--red);
  border: none;
  border-radius: 5.4px;
  padding: 4.5px 9px;
  font-size: 10.8px;
  font-weight: 500;
  cursor: pointer;
}

.admin-site-emails {
  font-size: 10.8px;
  color: var(--text-muted);
}

.btn-primary-sm {
  background: var(--blue);
  color: white;
  border: none;
  border-radius: 7.2px;
  padding: 7.2px 12.6px;
  font-size: 11.7px;
  font-weight: 600;
  cursor: pointer;
}


.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: flex-end;
  z-index: 100;
  padding-bottom: env(safe-area-inset-bottom);
}

.modal-box {
  background: var(--surface);
  border-radius: 18px 18px 0 0;
  padding: 21.6px 18px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
}

.modal-title {
  font-size: 15.3px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 18px;
}

.form-group {
  margin-bottom: 14.4px;
}

.form-label {
  display: block;
  font-size: 11.7px;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 5.4px;
}

.form-input {
  width: 100%;
  border: 1px solid var(--border-strong);
  border-radius: 7.2px;
  padding: 9.9px 10.8px;
  font-size: 12.6px;
  font-family: inherit;
  color: var(--text-primary);
  background: var(--surface);
  outline: none;
  transition: border-color 0.15s;
  resize: vertical;
}

.form-input:focus {
  border-color: var(--blue);
}

.modal-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 7.2px;
}

.btn-primary {
  background: var(--blue);
  color: white;
  border: none;
  border-radius: 9px;
  padding: 11.7px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
}

.btn-secondary {
  background: var(--surface-2);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: 9px;
  padding: 11.7px;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
}


.toast {
  position: fixed;
  bottom: calc(21.6px + env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  background: #111827;
  color: white;
  padding: 9px 18px;
  border-radius: 18px;
  font-size: 12.6px;
  font-weight: 500;
  z-index: 200;
  width: max-content;
  max-width: calc(100vw - 28.8px);
  text-align: center;
  line-height: 1.5;
  animation: fadeInUp 0.2s ease;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateX(-50%) translateY(8px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}


.bottom-nav {
  display: flex;
  background: var(--surface, #fff);
  border-top: 1px solid #e5e7eb;
  padding-bottom: env(safe-area-inset-bottom);
  flex-shrink: 0;
}

.nav-btn {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.7px;
  padding: 7.2px 0 5.4px;
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  font-size: 9.9px;
  font-family: inherit;
  position: relative;
  transition: color 0.15s;
}

.nav-btn.active {
  color: #3182f6;
}

.nav-btn svg {
  transition: stroke 0.15s;
}

.notif-badge {
  position: absolute;
  top: 3.6px;
  right: calc(50% - 16.2px);
  background: #dc2626;
  color: white;
  font-size: 9px;
  font-weight: 600;
  min-width: 14.4px;
  height: 14.4px;
  border-radius: 7.2px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.6px;
}


.tab-content { display: none; }
.tab-content.active { display: block; }


.settings-card {
  background: #fff;
  border-radius: 10.8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.settings-title {
  font-size: 10.8px;
  font-weight: 500;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10.8px 14.4px 7.2px;
}

.settings-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11.7px 14.4px;
  border-top: 1px solid #f3f4f6;
}

.settings-label {
  font-size: 13.5px;
  color: #111827;
}

.settings-value {
  font-size: 12.6px;
  color: #6b7280;
  max-width: 60%;
  text-align: right;
  word-break: break-all;
}


.toggle {
  position: relative;
  display: inline-block;
  width: 43.2px;
  height: 23.4px;
}

.toggle input { opacity: 0; width: 0; height: 0; }

.toggle-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #d1d5db;
  border-radius: 23.4px;
  transition: 0.2s;
}

.toggle-slider:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2.7px;
  bottom: 2.7px;
  background: white;
  border-radius: 50%;
  transition: 0.2s;
}

input:checked + .toggle-slider { background: #3182f6; }
input:checked + .toggle-slider:before { transform: translateX(22px); }

.btn-install-settings {
  width: 100%;
  margin-top: 10.8px;
  padding: 12.6px;
  background: #eff6ff;
  color: #3182f6;
  border: 1px solid #bfdbfe;
  border-radius: 10.8px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.btn-logout {
  width: 100%;
  margin-top: 14.4px;
  padding: 12.6px;
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
  border-radius: 10.8px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}


.notif-card {
  background: #fff;
  border-radius: 10.8px;
  border: 1px solid #e5e7eb;
  padding: 12.6px 14.4px;
  margin-bottom: 7.2px;
}

.notif-card.unread {
  border-left: 2.7px solid #3182f6;
}

.notif-card-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.6px;
}

.notif-card-title {
  font-size: 12.6px;
  font-weight: 600;
  color: #111827;
}

.notif-card-time {
  font-size: 10.8px;
  color: #9ca3af;
}

.notif-card-body {
  font-size: 11.7px;
  color: #6b7280;
}


#screen-main {
  display: flex;
  flex-direction: column;
}

#screen-main .main-content {
  flex: 1;
  overflow-y: auto;
}


.report-card {
  background: var(--surface);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  padding: 14.4px;
  margin-bottom: 10.8px;
}

.report-card-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12.6px;
}

.report-metric-row {
  display: flex;
  gap: 9px;
}

.report-metric {
  flex: 1;
  background: var(--surface-1);
  border-radius: 9px;
  padding: 9px 10.8px;
}

.report-metric-label {
  font-size: 9.9px;
  color: var(--text-muted);
  margin-bottom: 3.6px;
}

.report-metric-value {
  font-size: 15.3px;
  font-weight: 700;
  color: var(--blue);
}

.report-metric-value .unit {
  font-size: 9.9px;
  font-weight: 500;
  color: var(--text-muted);
  margin-left: 1px;
}

.report-summary-band {
  background: var(--blue-light);
  border-radius: var(--radius);
  padding: 12.6px 9px;
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin-top: 3.6px;
}

.report-summary-item .rs-label {
  font-size: 9.9px;
  color: var(--text-secondary);
  margin-bottom: 3.6px;
}

.report-summary-item .rs-value {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text-primary);
}

.btn-pdf-download {
  display: flex;
  align-items: center;
  gap: 5.4px;
  background: var(--blue);
  color: #fff;
  border: none;
  border-radius: 21.6px;
  padding: 10.8px 16.2px;
  font-size: 12.6px;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(26, 86, 219, 0.35);
  cursor: pointer;
}

.btn-pdf-download:active {
  transform: scale(0.97);
}

.report-card-empty-notice {
  font-size: 10.8px;
  color: var(--text-muted);
  margin-top: 2px;
}


.report-date-picker {
  display: flex;
  flex-direction: column;
  gap: 7.2px;
  padding: 10.8px 14.4px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.report-date-presets {
  display: flex;
  gap: 5.4px;
  overflow-x: auto;
}

.date-preset-btn {
  flex: 0 0 auto;
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-radius: 14.4px;
  padding: 5.4px 10.8px;
  font-size: 10.8px;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  white-space: nowrap;
}

.date-preset-btn:active {
  background: var(--blue);
  color: #fff;
  border-color: var(--blue);
}

.report-date-range-row {
  display: flex;
  align-items: center;
  gap: 5.4px;
}

.report-date-input {
  flex: 1;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 7.2px;
  padding: 6.3px 7.2px;
  font-size: 11.7px;
  color: var(--text-primary);
  background: var(--surface-1);
}

.report-date-sep {
  color: var(--text-muted);
  font-size: 10.8px;
}

.btn-date-apply {
  flex: 0 0 auto;
  background: var(--blue);
  color: #fff;
  border: none;
  border-radius: 7.2px;
  padding: 7.2px 12.6px;
  font-size: 11.7px;
  font-weight: 600;
  cursor: pointer;
}


.report-actions {
  position: absolute;
  left: 14.4px;
  right: 14.4px;
  bottom: calc(14.4px + env(safe-area-inset-bottom));
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-secondary-download {
  display: flex;
  align-items: center;
  gap: 4.5px;
  background: var(--surface);
  color: var(--blue);
  border: 1.5px solid var(--blue);
  border-radius: 21.6px;
  padding: 9.9px 12.6px;
  font-size: 11.7px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

.btn-secondary-download:active {
  transform: scale(0.97);
}


.preview-section {
  margin-top: 14.4px;
}

.preview-section-title {
  font-size: 12.6px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 9px;
}

.preview-strip {
  display: flex;
  align-items: flex-start; 
  gap: 9px;
  overflow-x: auto;
  padding-bottom: 81px; 
}

.preview-card {
  flex: 0 0 auto;
  border-radius: 9px;
  border: 1px solid var(--border);
  overflow: hidden;
  background: var(--surface);
}

.preview-card-label {
  font-size: 9.9px;
  font-weight: 600;
  color: var(--text-secondary);
  padding: 5.4px 7.2px;
  border-bottom: 1px solid var(--border);
}

.preview-card-frame {
  background: var(--surface-1);
  overflow: hidden;
  position: relative;
}

.preview-card-clickable {
  cursor: pointer;
}

.preview-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 300;
  align-items: center;
  justify-content: center;
}

.preview-modal-overlay.open {
  display: flex;
}

.preview-modal-close {
  position: absolute;
  top: 14.4px;
  right: 18px;
  color: #fff;
  font-size: 25.2px;
  line-height: 1;
  cursor: pointer;
  padding: 7.2px;
  z-index: 301;
}

.preview-modal-scalewrap {
  transform-origin: center center;
  position: relative;
}

.preview-modal-scalewrap iframe {
  border: none;
  display: block;
}

.preview-scale-wrap {
  transform-origin: top left;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; 
}

.preview-scale-wrap iframe {
  border: none;
  display: block;
}


.memo-list { display: flex; flex-direction: column; gap: 7.2px; margin-bottom: 10.8px; }
.memo-empty { font-size: 11.7px; color: var(--text-muted); padding: 3.6px 0; }
.memo-item { background: var(--bg, #f7f8fa); border: 1px solid var(--border); border-radius: 7.2px; padding: 9px 10.8px; }
.memo-meta { display: flex; justify-content: space-between; align-items: center; font-size: 9.9px; color: var(--text-muted); margin-bottom: 3.6px; }
.memo-del { background: none; border: none; color: var(--text-muted); font-size: 9.9px; cursor: pointer; padding: 0; }
.memo-text { font-size: 12.6px; color: var(--text-primary); line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.memo-input { width: 100%; box-sizing: border-box; font-size: 14.4px; resize: vertical; margin-bottom: 7.2px; }
.memo-save { width: 100%; }


.main-content.is-home { padding: 0; overflow: hidden; position: relative; }
.home-wrap { position: absolute; inset: 0; display: flex; flex-direction: column; background: #fff; }
#tab-home.active { display: block; }

.home-news { flex-shrink: 0; background: #f3f6fd; border-bottom: 1px solid #e5e7eb; padding: 9px 12.6px; }
.home-news-head { display: flex; align-items: center; gap: 7.2px; }
.home-news-tag { background: var(--blue); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 5.4px; border-radius: 3.6px; letter-spacing: .5px; }
.home-news-title { font-size: 11.7px; font-weight: 600; color: #1f2937; flex: 1; }
.home-news-toggle { background: none; border: none; color: #6b7280; font-size: 10.8px; cursor: pointer; padding: 3.6px 5.4px; font-family: inherit; }
.home-news-body { margin-top: 7.2px; }
.home-news.collapsed .home-news-body { display: none; }
.home-news-soon { font-size: 10.8px; color: #6b7280; background: #fff; border: 1px dashed #cbd5e1; border-radius: 9px; padding: 10.8px; text-align: center; }

.home-chat { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.chat-head { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; padding: 9px 12.6px; border-bottom: 1px solid #f0f1f3; }
.chat-head-title { font-size: 13.5px; font-weight: 700; color: #111827; }
.chat-head-sub { font-size: 9.9px; color: #6b7280; margin-top: 1px; }
.chat-head-actions { display: flex; gap: 5.4px; }
.chat-head-btn { background: #f3f4f6; border: none; border-radius: 7.2px; padding: 5.4px 9px; font-size: 10.8px; color: #374151; cursor: pointer; font-family: inherit; }
.chat-head-btn:active { background: #e5e7eb; }

.chat-messages { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 12.6px; }
.chat-welcome { text-align: center; padding: 16.2px 3.6px 5.4px; }
.chat-welcome-title { font-size: 15.3px; font-weight: 700; color: #111827; }
.chat-welcome-sub { font-size: 11.7px; color: #6b7280; margin-top: 5.4px; line-height: 1.5; }
.chat-suggests { display: grid; gap: 7.2px; margin-top: 14.4px; }
.chat-suggest { text-align: left; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10.8px; padding: 10.8px 12.6px; font-size: 11.7px; color: #1f2937; cursor: pointer; font-family: inherit; }
.chat-suggest:active { background: var(--blue-light); }

.chat-msg { display: flex; margin-bottom: 10.8px; }
.chat-msg.user { justify-content: flex-end; }
.chat-bubble { max-width: 88%; border-radius: 14.4px; padding: 9px 11.7px; font-size: 12.6px; line-height: 1.6; word-break: break-word; }
.chat-msg.user .chat-bubble { background: var(--blue); color: #fff; border-bottom-right-radius: 4px; white-space: pre-wrap; }
.chat-msg.assistant .chat-bubble { background: #f3f4f6; color: #111827; border-bottom-left-radius: 4px; max-width: 94%; }
.chat-bubble p { margin: 0 0 7.2px; }
.chat-bubble p:last-child { margin-bottom: 0; }
.chat-bubble h3, .chat-bubble h4, .chat-bubble h5 { margin: 9px 0 3.6px; font-size: 12.6px; }
.chat-bubble ul, .chat-bubble ol { margin: 3.6px 0 7.2px; padding-left: 18px; }
.chat-bubble a { color: var(--blue); text-decoration: underline; word-break: break-all; }
.chat-table-wrap { overflow-x: auto; margin: 5.4px 0 7.2px; }
.chat-bubble table { border-collapse: collapse; font-size: 10.8px; min-width: 100%; }
.chat-bubble th, .chat-bubble td { border: 1px solid #d1d5db; padding: 4.5px 7.2px; text-align: left; white-space: nowrap; }
.chat-bubble th { background: #e5e7eb; }
.chat-actions { display: flex; gap: 9px; margin: -5.4px 0 10.8px 3.6px; }
.chat-action { background: none; border: none; color: #6b7280; font-size: 10.8px; cursor: pointer; padding: 2px 3.6px; font-family: inherit; }
.chat-error { background: #fef2f2; color: #b91c1c; border-radius: 10.8px; padding: 9px 11.7px; font-size: 11.7px; margin-bottom: 10.8px; }
.chat-typing { display: inline-flex; gap: 3.6px; padding: 3.6px 2px; }
.chat-typing span { width: 5.4px; height: 5.4px; background: #9ca3af; border-radius: 50%; animation: chatDot 1.2s infinite ease-in-out; }
.chat-typing span:nth-child(2) { animation-delay: .15s; }
.chat-typing span:nth-child(3) { animation-delay: .3s; }
@keyframes chatDot { 0%, 80%, 100% { opacity: .25; } 40% { opacity: 1; } }

.chat-input-bar { flex-shrink: 0; display: flex; align-items: flex-end; gap: 7.2px; padding: 7.2px 10.8px; border-top: 1px solid #f0f1f3; background: #fff; }
#chat-input { flex: 1; resize: none; border: 1px solid #d1d5db; border-radius: 18px; padding: 9px 12.6px; font-size: 14.4px; font-family: inherit; line-height: 1.4; max-height: 108px; outline: none; }
#chat-input:focus { border-color: var(--blue); }
.chat-send { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; border: none; background: var(--blue); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.chat-send:disabled { background: #cbd5e1; cursor: default; }
.chat-foot { flex-shrink: 0; font-size: 9.45px; color: #9ca3af; text-align: center; padding: 0 10.8px 5.4px; }

.chat-history { position: absolute; inset: 0; background: #fff; z-index: 5; display: flex; flex-direction: column; }
.chat-history-head { display: flex; align-items: center; justify-content: space-between; padding: 10.8px 12.6px; border-bottom: 1px solid #f0f1f3; font-weight: 700; font-size: 13.5px; }
.chat-history-list { flex: 1; overflow-y: auto; padding: 7.2px 12.6px; }
.chat-history-item { display: flex; align-items: center; gap: 7.2px; padding: 10.8px 0; border-bottom: 1px solid #f3f4f6; }
.chat-history-open { flex: 1; text-align: left; background: none; border: none; font-family: inherit; cursor: pointer; padding: 0; min-width: 0; }
.chat-history-open b { display: block; font-size: 12.6px; font-weight: 600; color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-history-open small { font-size: 9.9px; color: #9ca3af; }
.chat-history-del { background: none; border: none; color: #9ca3af; font-size: 10.8px; cursor: pointer; font-family: inherit; }
.chat-history-empty { text-align: center; color: #9ca3af; font-size: 11.7px; padding: 36px 0; }


.chat-status { display: flex; align-items: center; gap: 7.2px; }
.chat-status-text { font-size: 11.7px; color: #4b5563; }
.chat-bubble pre { background: #fff; border: 1px solid #e5e7eb; border-radius: 7.2px; padding: 9px 10.8px; margin: 5.4px 0 7.2px; overflow-x: auto; white-space: pre-wrap; word-break: break-word; font-size: 11.7px; line-height: 1.55; }
.chat-bubble code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.25px; background: #e5e7eb; border-radius: 3.6px; padding: 1px 3.6px; }
.chat-bubble pre code { background: none; padding: 0; font-size: 11.7px; }


.chat-suggest { display: flex; flex-direction: column; gap: 2.7px; }
.chat-suggest b { font-size: 12.6px; color: #111827; }
.chat-suggest span { font-size: 10.8px; color: #6b7280; font-weight: 400; }
.chat-chips { flex-shrink: 0; display: flex; gap: 5.4px; overflow-x: auto; padding: 7.2px 10.8px 0; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.chat-chips::-webkit-scrollbar { display: none; }
.chat-chip { flex: 0 0 auto; background: var(--blue-light); color: var(--blue); border: none; border-radius: 14.4px; padding: 6.3px 10.8px; font-size: 11.25px; font-weight: 600; cursor: pointer; font-family: inherit; white-space: nowrap; }
.chat-chip:active { background: #d2e1fc; }


.news-strip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; border-radius: 10.8px; }
.news-strip::-webkit-scrollbar { display: none; }
.news-card { flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; background: #fff; border: 1px solid #e5e7eb; border-radius: 10.8px; padding: 8.1px 9px 8.1px 11.7px; cursor: pointer; min-width: 0; display: flex; align-items: center; gap: 9px; box-sizing: border-box; height: 79.2px; }
.news-text { flex: 1; min-width: 0; }
.news-card-top { display: flex; gap: 5.4px; align-items: center; margin-bottom: 2px; }
.news-hot { font-size: 9px; font-weight: 700; color: #dc2626; letter-spacing: .3px; flex-shrink: 0; }
.news-meta { font-size: 9.45px; color: #9ca3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-title { font-size: 12.15px; font-weight: 700; color: #111827; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-sum { font-size: 10.35px; color: #6b7280; line-height: 1.35; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.news-img { width: 82.8px; height: 57.6px; object-fit: cover; border-radius: 7.2px; flex-shrink: 0; background: #e5e7eb; }
.news-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 4.5px; }
.news-dots { display: inline-flex; gap: 3.6px; }
.news-dots i { width: 4.5px; height: 4.5px; border-radius: 50%; background: #cbd5e1; display: block; }
.news-dots i.on { background: var(--blue); width: 10.8px; border-radius: 2.7px; }
.news-updated { font-size: 9.45px; color: #9ca3af; }
.news-all-item { padding: 10.8px 0; border-bottom: 1px solid #f3f4f6; cursor: pointer; display: flex; gap: 9px; align-items: flex-start; }
.news-all-text { flex: 1; min-width: 0; }
.news-all-item .news-title, .news-all-item .news-sum { display: block; -webkit-line-clamp: unset; }
.news-all-item .news-meta { margin-top: 3.6px; }


.home-news-body { display: block !important; }
.home-news.collapsed .home-news-body { display: block !important; }
.home-chat { background: #e6edf9; border-top: 1px solid #c7d6f2; }
.chat-head { background: linear-gradient(135deg, #3182f6, #1b64da); border-bottom: none; padding: 10.8px 12.6px; gap: 9px; justify-content: flex-start; }
.chat-head-text { flex: 1; padding-left: 41.4px; position: relative; }
.chat-head-text::before { content: "AI"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 34.2px; height: 34.2px; border-radius: 50%; background: #fff; color: #3182f6; font-weight: 800; font-size: 13.5px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px rgba(255,255,255,.25); }
.chat-head-text::after { content: ""; position: absolute; left: 25.2px; top: calc(50% + 6.3px); width: 9px; height: 9px; border-radius: 50%; background: #22c55e; border: 2px solid #1b64da; }
.chat-head-title { color: #fff; }
.chat-head-sub { color: #cfe0ff; }
.chat-head-btn { background: rgba(255,255,255,.18); color: #fff; }
.chat-head-btn:active { background: rgba(255,255,255,.3); }
.chat-messages { background: #e6edf9; }
.chat-welcome-title { color: #1b64da; }
.chat-suggest { background: #fff; border-color: #c7d6f2; box-shadow: 0 1px 2px rgba(15,40,100,.08); }
.chat-msg.assistant .chat-bubble { background: #fff; box-shadow: 0 1px 2px rgba(15,40,100,.12); }
.chat-bubble th { background: #e8f3ff; }

.chat-chips { background: #cfdffb; border-top: 2px solid var(--blue); padding: 7.2px 10.8px; }
.chat-chip { background: #fff; color: var(--blue); border: 1px solid #a9c2f3; box-shadow: 0 1px 2px rgba(15,40,100,.12); }
.chat-chip:active { background: #e8f3ff; }
.chat-input-bar { background: #fff; border-top: 1px solid #c7d6f2; }
.chat-foot { background: #fff; }
.chat-history, .news-all { background: #fff; }



.bell-btn { position: relative; }
.bell-btn .notif-badge { top: 1px; right: 0; }
#screen-main.on-chat .app-header { display: none; }
#tab-home .home-wrap { overflow-y: auto; -webkit-overflow-scrolling: touch; }
#tab-chat .home-chat { border-top: none; }

.settings-hint { margin: 7.2px 0 0; font-size: 10.8px; line-height: 1.55; color: #6b7280; }



.home-tiles { padding: 12.6px; display: grid; gap: 9.9px; }
.tile { width: 100%; text-align: left; font-family: inherit; border-radius: 14.4px; padding: 13.5px; display: flex; gap: 11.7px; align-items: center; box-shadow: 0 2px 6px rgba(15,23,42,.08); border: 1px solid #e5e7eb; background: #fff; cursor: pointer; }
.tile:active { background: #f9fafb; }
.tile .ic { width: 45px; height: 45px; border-radius: 12.6px; display: flex; align-items: center; justify-content: center; font-size: 22.5px; flex-shrink: 0; }
.tile .tx { flex: 1; min-width: 0; }
.tile .tx b { font-size: 14.4px; display: block; color: #111827; }
.tile .tx .d { font-size: 11.25px; color: #6b7280; display: block; margin-top: 2.7px; line-height: 1.4; }
.tile .ar { margin-left: auto; color: #9ca3af; font-size: 18px; }
.tile.t1 .ic { background: #e8f3ff; }

.fpick-title { font-size: 15.3px; font-weight: 800; color: #111827; margin: 3.6px 0 2px; }
.fpick-label { font-size: 11.25px; font-weight: 700; color: #6b7280; margin: 14.4px 0 5.4px; }
.fpick-label small { font-weight: 500; color: #9ca3af; margin-left: 3.6px; }
.fchips { display: flex; flex-wrap: wrap; gap: 6.3px; }
.fchip { border: 1.5px solid #e5e7eb; background: #fff; color: #4b5563; font-family: inherit; font-size: 11.7px; font-weight: 600; padding: 6.3px 10.8px; border-radius: 16.2px; cursor: pointer; }
.fchip small { color: #9ca3af; font-weight: 500; margin-left: 2.7px; }
.fchip.on { border-color: var(--blue); background: var(--blue-light); color: var(--blue); }
.fpick-bar { position: sticky; bottom: -14.4px; margin: 19.8px -14.4px -14.4px; padding: 10.8px 14.4px 14.4px; background: #fff; border-top: 1px solid #e5e7eb; }
.fpick-bar button { width: 100%; }
.fpick-bar button:disabled { opacity: .45; }
.fempty { text-align: center; color: #9ca3af; font-size: 12.6px; line-height: 1.7; padding: 43.2px 10.8px; }

.fl-top { display: flex; gap: 7.2px; align-items: center; }
.fl-region { flex: 1; min-width: 0; border: 1.5px solid var(--blue); background: var(--blue-light); color: var(--blue); font-family: inherit; font-weight: 800; font-size: 12.15px; padding: 9px 10.8px; border-radius: 9px; display: flex; justify-content: space-between; cursor: pointer; text-align: left; }
.fl-region span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl-sort { border: 1px solid #d1d5db; border-radius: 9px; font-family: inherit; font-size: 10.8px; font-weight: 700; color: #4b5563; padding: 9px 7.2px; background: #fff; }
.fl-tabs { display: flex; gap: 5.4px; margin: 9px 0 2px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fl-tabs button { flex-shrink: 0; border: none; font-family: inherit; font-size: 10.8px; font-weight: 700; padding: 5.4px 10.8px; border-radius: 14.4px; background: #f3f4f6; color: #6b7280; cursor: pointer; }
.fl-tabs button.on { background: var(--blue); color: #fff; }
.fcard { margin-top: 9px; border: 1px solid #e5e7eb; border-radius: 12.6px; padding: 10.8px; background: #fff; cursor: pointer; }
.fcard:active { background: #f9fafb; }
.fcard .t { display: flex; justify-content: space-between; align-items: center; gap: 7.2px; }
.fcard .t b { font-size: 13.5px; color: #111827; }
.ftag { font-size: 9.45px; font-weight: 700; padding: 2px 6.3px; border-radius: 4.5px; white-space: nowrap; background: #f3f4f6; color: #4b5563; }
.ftag.g { background: #dcfce7; color: #166534; }
.ftag.o { background: #ffedd5; color: #9a3412; }
.ftag.p { background: #ede9fe; color: #5b21b6; }
.ftag.b { background: #dbeafe; color: #1e40af; }
.fcard .s { font-size: 10.8px; color: #6b7280; margin-top: 2.7px; }
.ffee { display: flex; justify-content: space-between; align-items: center; margin-top: 8.1px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8.1px; padding: 7.2px 9.9px; font-size: 11.25px; }
.ffee b { color: #c2410c; font-size: 13.5px; }
.ffee small { font-size: 9px; color: #9a3412; margin-left: 3.6px; }
.ffee.n { background: #f9fafb; border-color: #e5e7eb; color: #9ca3af; }
.ffee.n b { color: #9ca3af; font-size: 11.7px; }
.fcard .d { font-size: 9.45px; color: #9ca3af; margin-top: 6.3px; }
.fl-foot { text-align: center; font-size: 10.8px; color: #9ca3af; margin: 14.4px 0 5.4px; }

.fd-card { border: 1px solid #e5e7eb; border-radius: 12.6px; padding: 3.6px 12.6px; margin-bottom: 10.8px; background: #fff; }
.fd-card h4 { font-size: 11.25px; color: #6b7280; margin: 9.9px 0 2px; font-weight: 700; }
.fd-card.fee { border: 1.5px solid #fed7aa; background: #fff7ed; }
.fd-card.fee h4 { color: #9a3412; }
.fd-kv { display: flex; justify-content: space-between; gap: 10.8px; padding: 7.2px 0; font-size: 12.15px; border-bottom: 1px solid #f3f4f6; }
.fd-card.fee .fd-kv { border-color: #fde6cf; }
.fd-kv:last-child { border-bottom: 0; }
.fd-kv span:first-child { color: #6b7280; flex-shrink: 0; }
.fd-kv span:last-child { font-weight: 600; text-align: right; }
.fd-actions { display: grid; gap: 7.2px; margin-top: 12.6px; }
.fd-actions button { width: 100%; }

.fa-item { display: flex; justify-content: space-between; align-items: center; gap: 9px; padding: 10.8px 0; border-bottom: 1px solid #f0f1f3; cursor: pointer; }
.fa-item b { font-size: 13.05px; display: block; }
.fa-item small { font-size: 10.8px; color: #6b7280; }
.fa-item .r { font-size: 11.25px; font-weight: 700; color: #c2410c; white-space: nowrap; }
.fa-item .r.n { color: #9ca3af; }

.field-ai-btn { margin-top: 7.2px; width: 100%; border: 1.5px solid var(--blue); background: #fff; color: var(--blue); border-radius: 9px; padding: 8.1px; font-family: inherit; font-size: 11.7px; font-weight: 800; cursor: pointer; }
.field-ai-btn:disabled { opacity: .55; }
.field-ai-box { margin-top: 7.2px; background: #f5f8ff; border: 1px solid #dbe5fb; border-radius: 9px; padding: 9px 10.8px; font-size: 11.25px; line-height: 1.6; color: #1f2937; }
.field-ai-box .warn { color: #92400e; font-weight: 700; }
.field-ai-box a { color: var(--blue); word-break: break-all; }
.field-ai-box button { margin-top: 5.4px; border: none; background: var(--blue); color: #fff; font-family: inherit; font-weight: 700; font-size: 11.25px; padding: 6.3px 12.6px; border-radius: 7.2px; cursor: pointer; }
.field-rule { font-size: 10.35px; color: #9ca3af; line-height: 1.55; margin: 3.6px 0 9px; }



.fpick-title { font-size: 16.2px; margin: 3.6px 0 2px; }
.fpick-label { font-size: 12.15px; margin: 14.4px 0 6.3px; }
.fpick-label small { font-size: 10.8px; }
.fchips { gap: 6.3px; }
.fchip { font-size: 12.6px; font-weight: 700; padding: 6.3px 12.6px; min-height: 31.5px; border-radius: 18px; border-width: 1.5px; }
.fchip.on { border-color: var(--blue); background: var(--blue-light); color: var(--blue); }
.fpick-hint { font-size: 12.6px; color: #9ca3af; padding: 12.6px 2px; }
.fpick-bar button { font-size: 13.5px; padding: 10.8px; border-radius: 9.9px; }
.fl-region { font-size: 12.6px; padding: 9px 10.8px; border-radius: 9px; }
.fl-sort { font-size: 11.25px; padding: 9px 7.2px; border-radius: 9px; }
.fl-tabs { gap: 7.2px; margin: 10.8px 0 3.6px; }
.fl-tabs button { font-size: 11.7px; padding: 6.3px 11.7px; border-radius: 16.2px; }
.fcard { padding: 13.5px; margin-top: 10.8px; }
.fcard .t b { font-size: 15.3px; }
.ftag { font-size: 11.25px; padding: 2.7px 8.1px; }
.fcard .s { font-size: 12.15px; margin-top: 3.6px; }
.ffee { font-size: 12.6px; padding: 9px 11.7px; }
.ffee b { font-size: 16.2px; }
.ffee small { font-size: 10.35px; }
.fcard .d { font-size: 10.8px; }
.fl-foot { font-size: 11.7px; line-height: 1.6; }
.fd-card h4 { font-size: 12.6px; }
.fd-kv { font-size: 13.5px; padding: 9px 0; }
.fd-actions button { font-size: 14.4px; padding: 13.5px; border-radius: 10.8px; }
.fd-fav { border: 1.5px solid var(--blue); background: #fff; color: var(--blue); font-family: inherit; font-weight: 800; cursor: pointer; }
.fd-fav.on { background: var(--blue-light); }
.fai-card { border: 1px solid #dbe5fb; background: #f5f8ff; border-radius: 12.6px; padding: 11.7px 13.5px; margin-bottom: 10.8px; font-size: 13.5px; line-height: 1.7; color: #1f2937; }
.fai-card .h { display: block; color: var(--blue); font-size: 13.05px; margin-bottom: 3.6px; }
.fai-card ul { padding-left: 16.2px; }
.fai-card.warn { background: #fffbeb; border-color: #fde68a; }
.fai-card.warn .h { color: #92400e; }
.fai-src { font-size: 11.25px; color: #6b7280; line-height: 1.8; margin: 3.6px 2px 9px; word-break: break-all; }
.fai-src a { color: var(--blue); }
.fai-note { font-size: 11.25px; color: #9ca3af; line-height: 1.6; margin: 5.4px 2px 12.6px; }
.fai-more { font-size: 13.5px; font-weight: 800; margin: 5.4px 2px 7.2px; }
.fai-btn { border: 1.5px solid var(--blue); background: #fff; color: var(--blue); font-family: inherit; font-weight: 800; cursor: pointer; }


#screen-fields .main-content { display: flex; flex-direction: column; }
#screen-fields .main-content > * { flex-shrink: 0; }
#fields-pick:not(.hidden) { display: flex; flex-direction: column; flex: 1 0 auto; }
#fields-pick > :nth-last-child(2) { margin-bottom: 19.8px; }
#fields-pick > .fpick-bar { margin-top: auto; }


.field-import-btn { width: 100%; margin-bottom: 9px; padding: 10.8px; border-radius: 9.9px; border: 1.5px dashed var(--blue); background: var(--blue-light); color: var(--blue); font-family: inherit; font-size: 12.6px; font-weight: 700; cursor: pointer; }
.field-import-btn:disabled { opacity: .5; }
#f-title { resize: vertical; line-height: 1.5; font-family: inherit; }
.fd-title { display: flex; align-items: center; gap: 7.2px; padding: 7.2px 0; border-bottom: 1px solid #f1f3f6; font-size: 12.6px; line-height: 1.5; color: #374151; }
.fd-title:last-child { border-bottom: 0; }
.fd-title span { flex: 1; word-break: keep-all; }
.fd-title button { flex-shrink: 0; border: 1px solid #d1d5db; background: #fff; border-radius: 7.2px; padding: 4.5px 9px; font-family: inherit; font-size: 10.8px; color: #4b5563; cursor: pointer; }


.ffee { align-items: center; gap: 9px; }
.ffee .fdesc { flex: 1; min-width: 0; font-size: 11.7px; line-height: 1.45; color: #4b5563; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; }
.ffee .fr { flex-shrink: 0; text-align: right; }
.ffee .fr em { display: block; font-style: normal; font-size: 9.9px; color: #9a3412; margin-bottom: 1px; }
.ffee .fr small { display: inline; margin-left: 3.6px; }
.ffee.n .fr em { color: #9ca3af; }


.ffee .fr em { display: none; }
.dfoot { display: flex; justify-content: space-between; align-items: center; margin-top: 7.2px; font-size: 10.8px; color: #9ca3af; }
.dfoot .fs { color: #b45309; font-weight: 700; }
.dfoot .fs.ok { color: #15803d; }



.tile.t2 .ic { background: #fff4e5; }
.tile.soon { cursor: default; opacity: .75; background: #f9fafb; box-shadow: none; position: relative; }
.tile.soon:active { background: #f9fafb; }
.tile.soon .ic { background: #f3f4f6; filter: grayscale(.4); }
.soonbadge { font-size: 10.8px; font-weight: 700; color: #b45309; background: #fef3c7; border-radius: 10.8px; padding: 4.5px 9px; white-space: nowrap; }

.lp-steps { display: flex; gap: 5.4px; margin: 2px 0 12.6px; }
.lp-steps i { flex: 1; height: 3.6px; border-radius: 2px; background: #e5e7eb; }
.lp-steps i.on { background: var(--blue); }
.lp-drop { width: 100%; border: 2px dashed #c7d2fe; background: #f5f7ff; color: var(--blue); border-radius: 12.6px; padding: 23.4px 10.8px; font-family: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 5.4px; align-items: center; margin-bottom: 10.8px; }
.lp-drop b { font-size: 13.5px; }
.lp-drop small { color: #6b7280; font-size: 11.25px; }
.lp-drop.has { padding: 12.6px 10.8px; background: #fff; }
.lp-drop:disabled { opacity: .6; }
.lp-picked { margin: -2px 0 12.6px; display: grid; gap: 5.4px; }
.lp-file { display: flex; align-items: center; justify-content: space-between; gap: 7.2px; background: #f3f4f6; border-radius: 9px; padding: 8.1px 10.8px; font-size: 12.15px; color: #111827; }
.lp-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.lp-file small { color: #6b7280; margin-left: 3.6px; }
.lp-file button { border: none; background: transparent; color: #9ca3af; font-size: 14.4px; padding: 2px 5.4px; cursor: pointer; }
.lp-file-sum { text-align: right; font-size: 11.25px; color: #6b7280; }
.lp-note { border-radius: 9px; padding: 9px 10.8px; font-size: 11.25px; line-height: 1.55; margin: 0 0 9px; }
.lp-note.green { background: #ecfdf5; color: #047857; font-weight: 600; }
.lp-note.gray { background: #f3f4f6; color: #6b7280; }
.lp-note.warn { background: #fef2f2; color: #b91c1c; }
.lp-hint { text-align: center; font-size: 11.25px; color: #6b7280; margin: 7.2px 0 0; }
.lp-hint.warn { color: #b45309; text-align: left; }
#lp-go { width: 100%; margin-top: 3.6px; }
#lp-go:disabled { opacity: .5; }
.lp-progress { margin-top: 14.4px; background: #f5f7ff; border-radius: 12.6px; padding: 16.2px 12.6px; display: flex; flex-direction: column; align-items: center; gap: 5.4px; text-align: center; }
.lp-progress b { font-size: 13.05px; color: #111827; }
.lp-progress small { color: #6b7280; font-size: 11.25px; }
.lp-bar { width: 100%; height: 5.4px; border-radius: 2.7px; background: #e5e7eb; overflow: hidden; margin-top: 5.4px; }
.lp-bar i { display: block; height: 100%; background: var(--blue); transition: width .3s; }

.lp-admin-bar { margin-bottom: 9px; }
.lp-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12.6px; padding: 12.6px; margin-bottom: 9px; cursor: pointer; box-shadow: 0 1px 3px rgba(15,23,42,.05); }
.lp-card:active { background: #f9fafb; }
.lp-card-h { display: flex; justify-content: space-between; align-items: center; gap: 7.2px; }
.lp-card-h b { font-size: 13.95px; color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lp-card-s { font-size: 11.25px; color: #6b7280; margin-top: 4.5px; }
.lp-card-err { font-size: 11.25px; color: #b91c1c; margin: 7.2px 0; line-height: 1.5; }
.lp-retry { width: 100%; padding: 8.1px; font-size: 12.15px; }
.lp-chip { font-size: 10.35px; font-weight: 700; padding: 3.6px 8.1px; border-radius: 9px; white-space: nowrap; flex-shrink: 0; }
.lp-chip.c-work { background: #e0e7ff; color: #4338ca; }
.lp-chip.c-err { background: #fee2e2; color: #b91c1c; }
.lp-chip.c-ready { background: #ffedd5; color: #c2410c; }
.lp-chip.c-req { background: #dbeafe; color: #1d4ed8; }
.lp-chip.c-live { background: #d1fae5; color: #047857; }
.lp-chip.c-off { background: #f3f4f6; color: #6b7280; }

.lp-banner { display: flex; align-items: center; gap: 7.2px; border-radius: 10.8px; padding: 9.9px 11.7px; font-size: 12.15px; margin-bottom: 10.8px; }
.lp-banner small { margin-left: auto; font-size: 10.8px; font-weight: 700; }
.lp-banner.orange { background: #fff7ed; color: #c2410c; border: 1px solid #fed7aa; }
.lp-banner.blue { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.lp-banner.green { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.lp-banner.gray { background: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb; }
.lp-banner .dot { width: 7.2px; height: 7.2px; border-radius: 50%; background: #f97316; flex-shrink: 0; }

.lp-hero { background: #fff; border: 1px solid #e5e7eb; border-radius: 14.4px; overflow: hidden; box-shadow: 0 2px 6px rgba(15,23,42,.08); margin-bottom: 10.8px; }
.lp-hero-img { position: relative; background: #e5e7eb; max-height: 216px; overflow: hidden; }
.lp-hero-img img { display: block; width: 100%; height: auto; }
.lp-hero-img .cg { position: absolute; right: 7.2px; top: 7.2px; background: rgba(0,0,0,.55); color: #fff; font-size: 9.45px; font-weight: 700; padding: 2.7px 6.3px; border-radius: 5.4px; }
.lp-crop { position: relative; width: 100%; overflow: hidden; background: #e5e7eb; }
.lp-crop img { position: absolute; max-width: none; height: auto; display: block; }
.lp-hero-tx { padding: 12.6px 12.6px 9px; }
.lp-cp { font-size: 11.25px; color: var(--blue); font-weight: 700; margin-bottom: 3.6px; }
.lp-nm { font-size: 18px; font-weight: 800; color: #111827; line-height: 1.3; }
.lp-ld { font-size: 11.7px; color: #4b5563; margin-top: 5.4px; line-height: 1.55; }
.lp-facts { display: flex; border-top: 1px solid #f3f4f6; }
.lp-facts > div { flex: 1; padding: 9px 5.4px; text-align: center; min-width: 0; }
.lp-facts > div + div { border-left: 1px solid #f3f4f6; }
.lp-facts small { display: block; font-size: 9.9px; color: #9ca3af; }
.lp-facts b { display: block; font-size: 11.7px; color: #111827; margin-top: 2px; word-break: keep-all; }

.lp-secs { display: flex; flex-wrap: wrap; gap: 5.4px; align-items: center; margin-bottom: 10.8px; }
.lp-secs small { width: 100%; font-size: 10.8px; color: #6b7280; font-weight: 700; }
.lp-secs span { background: #f3f4f6; color: #4b5563; font-size: 10.8px; padding: 3.6px 8.1px; border-radius: 9px; }
.lp-warn { background: #fffbeb; border: 1px solid #fde68a; border-radius: 10.8px; padding: 10.8px 12.6px; margin-bottom: 10.8px; font-size: 11.7px; color: #92400e; }
.lp-warn ul { margin: 5.4px 0 0; padding-left: 16.2px; line-height: 1.6; }
.lp-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 7.2px; margin-bottom: 5.4px; }
.lp-btns button { padding: 10.8px 5.4px; font-size: 12.6px; }
.lp-btns button:disabled { opacity: .5; }
.lp-linkbtn { display: block; width: 100%; background: transparent; border: none; color: var(--blue); font-family: inherit; font-size: 11.7px; padding: 7.2px; cursor: pointer; margin-bottom: 7.2px; }
.lp-pub { border-top: 1px solid #e5e7eb; margin-top: 7.2px; padding-top: 12.6px; display: grid; gap: 9px; }
.lp-check { display: flex; gap: 7.2px; align-items: center; font-size: 12.6px; color: #111827; }
.lp-check input { width: 18px; height: 18px; }
.lp-pub .btn-primary:disabled { opacity: .45; }
.lp-leads { margin-top: 12.6px; background: #fff; border: 1px solid #e5e7eb; border-radius: 10.8px; padding: 10.8px 12.6px; }
.lp-lead { display: flex; gap: 9px; align-items: center; padding: 7.2px 0; border-top: 1px solid #f3f4f6; font-size: 12.15px; }
.lp-lead:first-of-type { margin-top: 7.2px; }
.lp-lead a { color: var(--blue); text-decoration: none; font-weight: 600; }
.lp-lead small { margin-left: auto; color: #9ca3af; }
.lp-lead { flex-wrap: wrap; }
.lp-lead .lp-visit { flex-basis: 100%; font-style: normal; font-size: 11.25px; font-weight: 700; color: #b45309; }
.lp-admin { margin-top: 14.4px; background: #f5f3ff; border: 1px dashed #c4b5fd; border-radius: 10.8px; padding: 10.8px 12.6px; font-size: 11.7px; color: #5b21b6; }
.lp-admin small { display: block; color: #7c3aed; margin-top: 2px; }
.lp-admin-btns { display: flex; flex-wrap: wrap; gap: 5.4px; margin-top: 7.2px; }
.lp-admin-btns button { border: 1px solid #c4b5fd; background: #fff; color: #5b21b6; font-family: inherit; font-size: 11.25px; font-weight: 600; padding: 6.3px 9px; border-radius: 7.2px; cursor: pointer; }

.lp-opts { display: grid; gap: 7.2px; margin: 10.8px 0; }
.lp-opt { display: flex; gap: 10.8px; align-items: center; text-align: left; font-family: inherit; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 10.8px; padding: 11.7px; cursor: pointer; }
.lp-opt i { width: 16.2px; height: 16.2px; border-radius: 50%; border: 2px solid #d1d5db; flex-shrink: 0; position: relative; }
.lp-opt.on { border-color: var(--blue); background: var(--blue-light); }
.lp-opt.on i { border-color: var(--blue); }
.lp-opt.on i::after { content: ""; position: absolute; inset: 2.7px; border-radius: 50%; background: var(--blue); }
.lp-opt b { display: block; font-size: 13.05px; color: #111827; }
.lp-opt small { display: block; font-size: 11.25px; color: #6b7280; margin-top: 2px; }
#screen-landingpublish .btn-primary { width: 100%; }
.lp-done { text-align: center; padding: 36px 9px; }
.lp-done .big { font-size: 43.2px; }
.lp-done b { display: block; font-size: 16.2px; margin: 9px 0 5.4px; }
.lp-done p { color: #6b7280; font-size: 12.15px; line-height: 1.6; margin: 0 0 18px; }
.lp-done .btn-primary { width: 100%; }
.lp-result { background: #f9fafb; border-radius: 10.8px; padding: 10.8px 12.6px; font-size: 12.15px; line-height: 1.6; margin-bottom: 7.2px; }
.lp-result ul { margin: 3.6px 0 7.2px; padding-left: 16.2px; }
.lp-result p { margin: 3.6px 0 0; }

#landing-create.busy > *:not(#lp-progress) { display: none !important; }
#landing-create.busy .lp-progress { margin-top: 18vh; padding: 25.2px 14.4px; }

.lp-drop .lp-ppt { color: #9ca3af; font-size: 10.8px; }
.lp-drop .lp-pc { display: none; color: #6b7280; font-size: 10.8px; }
@media (hover: hover) and (pointer: fine) { .lp-drop .lp-pc { display: block; } }
.lp-drop.drag { background: #e0e7ff; border-color: var(--blue); border-style: solid; }
.lp-drop.drag * { pointer-events: none; }
.lp-fillbtn { display: block; width: 100%; margin-top: 9px; background: #fff; border: 1.5px solid #f59e0b; color: #92400e; font-family: inherit; font-weight: 700; font-size: 12.15px; padding: 9px; border-radius: 9px; cursor: pointer; }
.lp-fillbtn:disabled { opacity: .55; }
.lp-warn .lp-fillnote { margin: 7.2px 0 0; font-size: 10.8px; color: #b45309; line-height: 1.5; }
.lp-srcs { font-size: 10.8px; color: #6b7280; margin: -3.6px 0 10.8px; line-height: 1.7; }
.lp-srcs a { color: var(--blue); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpf-warn { background: #fef2f2; color: #b91c1c; border-radius: 9px; padding: 9px 10.8px; font-size: 11.7px; font-weight: 600; margin-bottom: 9px; line-height: 1.5; }
.lpf-list { background: #f9fafb; border-radius: 10.8px; padding: 3.6px 10.8px; margin-bottom: 9px; }
.lpf-item { padding: 8.1px 0; border-top: 1px solid #eef0f3; font-size: 12.15px; line-height: 1.5; color: #111827; }
.lpf-item:first-child { border-top: none; }
.lpf-item small { display: block; color: #6b7280; font-size: 10.35px; font-weight: 700; margin-bottom: 1px; }
.lpf-meta { font-size: 11.25px; color: #6b7280; line-height: 1.6; margin: 0 0 7.2px; }
.lpf-meta a { color: var(--blue); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.lp-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 7.2px; margin: 0 0 10.8px; }
.lp-method { font-family: inherit; text-align: left; border: 1.5px solid #d1d5db; background: #fff; border-radius: 10.8px; padding: 10.8px 9.9px; cursor: pointer; display: flex; flex-direction: column; gap: 2.7px; color: #374151; }
.lp-method b { font-size: 12.6px; }
.lp-method small { font-size: 10.35px; color: #6b7280; line-height: 1.4; }
.lp-method.on { border-color: var(--blue); background: #f5f7ff; color: var(--blue); }
.busy .lp-method { pointer-events: none; opacity: .6; }
.lp-phone { margin-top: 12.6px; background: #fff; border: 1px solid #e5e7eb; border-radius: 10.8px; padding: 10.8px 12.6px; }
.lp-phone label { display: block; font-size: 11.7px; font-weight: 700; color: #374151; margin-bottom: 5.4px; }
.lp-phone .row { display: flex; gap: 7.2px; }
.lp-phone input[type=tel], .lp-phone input[type=text] { flex: 1; min-width: 0; font-family: inherit; font-size: 14.4px; padding: 9.9px; border: 1.5px solid #d1d5db; border-radius: 9px; }
.lp-phone input[type=checkbox] { flex: none; width: 18px; height: 18px; padding: 0; margin: 2px 0 0; }
.lp-phone button { flex: none; font-family: inherit; font-weight: 700; font-size: 12.6px; padding: 0 12.6px; border: 0; border-radius: 9px; background: var(--blue); color: #fff; cursor: pointer; }
.lp-phone button:disabled { opacity: .6; }
.lp-phone small { display: block; margin-top: 5.4px; color: #6b7280; font-size: 10.8px; }

.lp-calls { margin-top: 5.4px; font-size: 10.35px; color: #4b5563; }
.lp-calls summary { cursor: pointer; font-weight: 700; }
.lp-callrow { display: grid; grid-template-columns: 1.3fr 1.6fr 1fr auto; gap: 5.4px; padding: 3.6px 0; border-top: 1px solid #eee; align-items: center; }
.lp-priv .lp-check, .lp-rights .lp-check { display: flex; gap: 7.2px; align-items: flex-start; font-size: 11.7px; }


#notif-list { padding-bottom: 10.8px; }
.notif-day {
  font-size: 10.8px; font-weight: 700; color: #6b7280;
  padding: 10.8px 3.6px 5.4px;
}
.notif-group {
  background: #fff; border: 1px solid #e5e7eb; border-radius: 9px; overflow: hidden;
}
.notif-row {
  display: flex; gap: 9px; align-items: flex-start;
  padding: 7.2px 10.8px; cursor: pointer;
  border-bottom: 1px solid #f1f2f4;
  position: relative;
}
.notif-row:last-child { border-bottom: 0; }
.notif-row:active { background: #f9fafb; }
.notif-row-time {
  flex: 0 0 38px; font-size: 9.9px; color: #9ca3af; padding-top: 2px;
  font-variant-numeric: tabular-nums;
}
.notif-row-main { flex: 1; min-width: 0; }
.notif-row-title {
  font-size: 11.7px; font-weight: 600; color: #111827;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.notif-row-sub {
  font-size: 10.8px; color: #6b7280; margin-top: 1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.notif-row.unread::before {
  content: ""; position: absolute; right: 9px; top: 10.8px;
  width: 6.3px; height: 6.3px; border-radius: 50%; background: #ef4444;
}
.notif-row.unread .notif-row-main { padding-right: 14.4px; }


.push-banner{position:fixed;left:10.8px;right:10.8px;bottom:calc(61.2px + env(safe-area-inset-bottom));z-index:150;display:flex;align-items:center;gap:7.2px;background:#111827;color:#fff;border-radius:12.6px;padding:9px 9px 9px 12.6px;font-size:11.7px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.push-banner span{flex:1;line-height:1.4}
.push-banner button{border:0;border-radius:9px;padding:7.2px 10.8px;font:inherit;font-weight:700;cursor:pointer}
.push-banner .pb-on{background:#fff;color:#111827}
.push-banner .pb-later{background:transparent;color:#cbd5e1;font-weight:500}


.tile-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9.9px; }
.tile-row.hidden { display: none; }
.tile.half { flex-direction: column; align-items: flex-start; gap: 8.1px; padding: 12.6px; min-width: 0; }
.tile.half .tx { width: 100%; flex: none; }
.tile.half .tx b { font-size: 13.5px; }
.tile.half .tx .d { font-size: 10.8px; }
.tile.half .soonbadge { align-self: flex-start; font-size: 10.35px; padding: 3.6px 8.1px; }
.tile.half.hidden { display: none; }


.lp-share .kk-chat{background:#b2c7da;border-radius:12.6px;padding:12.6px;margin:5.4px 0 7.2px}
.lp-share .kk-bubble{background:#fff;border-radius:10.8px;overflow:hidden;max-width:243px;box-shadow:0 1px 2px rgba(0,0,0,.14)}
.lp-share .kk-img{aspect-ratio:1200/630;background:#e5e7eb;position:relative;overflow:hidden}
.lp-share .kk-img img{width:100%;height:100%;object-fit:cover;display:block}
.lp-share .kk-none{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:11.7px}
.lp-share .kk-tx{padding:9px 10.8px 10.8px;display:flex;flex-direction:column;gap:2.7px}
.lp-share .kk-tx b{font-size:12.6px;line-height:1.35;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-share .kk-tx span{font-size:10.8px;line-height:1.4;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-share .kk-tx i{font-style:normal;font-size:9.9px;color:#9ca3af;margin-top:2px}
.lp-share .kk-note{font-size:10.8px;color:#6b7280;margin:2px 0 7.2px}
.lp-share .kk-seg{display:flex;gap:14.4px;flex-wrap:wrap;margin:9px 0 5.4px;font-size:12.6px}
.lp-share .kk-seg label{display:flex;align-items:center;gap:5.4px}
.lp-share #kk-posrow{display:flex;align-items:center;gap:9px;margin:5.4px 0 9px;font-size:11.7px;color:#555}
.lp-share #kk-posrow input{flex:1}


.lp-plan{margin:9px 0;padding:9px 12.6px;border:1px solid #e5e7eb;border-radius:10.8px;background:#f9fafb;font-size:11.7px;color:#374151}
.lp-plan summary{font-weight:800;cursor:pointer;color:#111827}
.lp-plan p{margin:7.2px 0 0;line-height:1.5}
.lp-plan em{font-style:normal;font-weight:800;color:#1b64da;margin-right:5.4px}
.lp-plan ul{margin:7.2px 0 0;padding-left:0;list-style:none}
.lp-plan li{padding:6.3px 0;border-top:1px solid #eef0f3;line-height:1.45}
.lp-plan li small{display:block;color:#6b7280;margin-top:2px}


.tile#tile-landing { position: relative; }
.tile .free-badge { position: absolute; top: -7.2px; right: 10.8px; background: #ef4444; color: #fff; font-size: 9.45px; font-weight: 800; line-height: 1; padding: 3.6px 6.3px; border-radius: 899.1px; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(239,68,68,.45); white-space: nowrap; letter-spacing: -.02em; }
.tile .free-badge.hidden { display: none; }

.lp-chat { background: #fff; border: 1px solid #dbe4ff; border-radius: 12.6px; padding: 10.8px; margin-bottom: 10.8px; }
.lpc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7.2px; font-size: 12.6px; }
.lpc-head span { font-size: 10.8px; font-weight: 700; color: #1d4ed8; background: #eef2ff; border-radius: 899.1px; padding: 2.7px 8.1px; }
.lpc-log { max-height: 252px; overflow-y: auto; display: flex; flex-direction: column; gap: 6.3px; padding: 2px 0 7.2px; -webkit-overflow-scrolling: touch; }
.lpc-m { max-width: 88%; font-size: 12.15px; line-height: 1.55; padding: 8.1px 10.8px; border-radius: 12.6px; word-break: keep-all; }
.lpc-m.ai { align-self: flex-start; background: #f3f4f6; color: #1f2937; border-top-left-radius: 4px; }
.lpc-m.me { align-self: flex-end; background: #3182f6; color: #fff; border-top-right-radius: 4px; }
.lpc-m.wait { color: #6b7280; font-style: italic; }
.lpc-m ul { margin: 3.6px 0 0; padding-left: 16.2px; }
.lpc-fix { display: block; margin-top: 6.3px; border: 0; border-radius: 7.2px; background: #3182f6; color: #fff; font-family: inherit; font-weight: 700; font-size: 11.7px; padding: 6.3px 10.8px; cursor: pointer; }
.lpc-row { display: flex; gap: 7.2px; align-items: flex-end; }
.lpc-row textarea { flex: 1; resize: none; font-family: inherit; font-size: 13.5px; padding: 9px 10.8px; border: 1.5px solid #d1d5db; border-radius: 10.8px; min-height: 41.4px; }
.lpc-row button { flex: none; min-height: 41.4px; padding: 0 14.4px; border: 0; border-radius: 10.8px; background: #3182f6; color: #fff; font-family: inherit; font-weight: 800; font-size: 12.6px; cursor: pointer; }
.lpc-row button:disabled, .lpc-row textarea:disabled { opacity: .5; }
.lp-chat small { display: block; margin-top: 7.2px; font-size: 10.35px; color: #6b7280; line-height: 1.5; }

.tile .free-badge.used { background: #9ca3af; box-shadow: 0 2px 5px rgba(107,114,128,.35); }
.lps-add { display: flex; gap: 7.2px; margin-bottom: 9px; }
.lps-add .form-input { flex: 1; }
.lps-add button { flex: none; padding: 0 14.4px; min-height: 39.6px; }
.lps-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 2px; border-bottom: 1px solid #eef0f3; font-size: 13.5px; }
.lps-row button { border: 0; background: #fee2e2; color: #b91c1c; border-radius: 7.2px; padding: 5.4px 10.8px; font-family: inherit; font-weight: 700; font-size: 11.7px; cursor: pointer; }
#lps-list { max-height: 216px; overflow-y: auto; margin-bottom: 7.2px; }



:root {
  --blue: #3182f6; --blue-light: #e8f3ff; --blue-dark: #1b64da;
  --text-primary: #191f28; --text-secondary: #6b7684; --text-muted: #8b95a1;
  --border: #e5e8eb; --border-strong: #d1d6db;
  --surface-1: #f2f4f6; --surface-2: #f2f4f6;
  --red: #f04452; --red-light: #fff0f1; --radius: 24px;
}
body { background: #f2f4f6; color: #191f28; letter-spacing: -.01em; }
.screen { background: #f2f4f6; }


.app-header { background: #f2f4f6; border-bottom: 0; }
.header-inner { height: 54px; }
.header-label { font-size: 15.3px; font-weight: 700; color: #191f28; }
#screen-main .header-label { font-size: 21.6px; font-weight: 800; letter-spacing: -.03em; }
.header-user { font-size: 11.7px; color: #8b95a1; }
.btn-icon { color: #4e5968; border-radius: 50%; width: 36px; height: 36px; justify-content: center; }
#screen-main .bell-btn { background: #fff; }
.btn-icon:active, .btn-back:active { background: #e5e8eb; }


#screen-main .bottom-nav {
  position: absolute; left: 10.8px; right: 10.8px; bottom: calc(10.8px + env(safe-area-inset-bottom));
  border: 0; border-radius: 30.6px; background: #fff; padding: 0 3.6px; z-index: 30;
  box-shadow: 0 6px 24px rgba(25, 40, 80, .16);
}
.nav-btn { padding: 9.9px 0 8.1px; color: #b0b8c1; font-weight: 600; }
.nav-btn.active { color: #3182f6; }
#screen-main .main-content:not(.is-home) { padding: 5.4px 18px calc(93.6px + env(safe-area-inset-bottom)); }
#screen-main .home-wrap { background: #f2f4f6; padding-bottom: calc(82.8px + env(safe-area-inset-bottom)); }
.main-content { padding: 7.2px 18px calc(21.6px + env(safe-area-inset-bottom)); }
.main-content.is-home { padding: 0; }


.site-card, .lead-card, .notif-card, .settings-card, .report-card, .lp-card, .fcard, .fd-card,
.memo-item, .lp-leads, .lp-phone, .lp-chat, .lp-hero, .notif-group, .lp-result, .lp-plan {
  border: 0; border-radius: 21.6px; box-shadow: none; background: #fff;
}
.site-card { padding: 18px; margin-bottom: 10.8px; }
.site-card-name { font-size: 15.3px; font-weight: 700; }
.site-card-meta { font-size: 11.7px; color: #8b95a1; }
.site-card:active, .lead-card:active { transform: scale(.985); border: 0; }
.badge-count { background: #e8f3ff; color: #3182f6; font-size: 11.25px; font-weight: 700; padding: 5.4px 9.9px; border-radius: 9px; }
.badge-new { border-radius: 7.2px; font-weight: 700; }
.lead-card { padding: 16.2px 18px; margin-bottom: 10.8px; }
.lead-card.is-new { border-left: 0; box-shadow: inset 0 0 0 2px rgba(49,130,246,.45); }
.notif-card { padding: 14.4px 18px; }
.notif-card.unread { border-left: 0; box-shadow: inset 0 0 0 2px rgba(49,130,246,.45); }
.notif-day { font-size: 11.7px; font-weight: 700; color: #8b95a1; padding: 12.6px 3.6px 7.2px; }
.notif-row { padding: 12.6px 16.2px; }
.notif-row-title { font-size: 13.5px; }
.notif-row-sub { font-size: 11.7px; }
.notif-row-time { flex-basis: 39.6px; font-size: 10.8px; }
.notif-row.unread::before { background: #f04452; }


.settings-card { padding-bottom: 3.6px; }
.settings-title { font-size: 11.7px; font-weight: 700; text-transform: none; letter-spacing: 0; color: #8b95a1; padding: 16.2px 18px 5.4px; }
.settings-row { padding: 14.4px 18px; border-top: 1px solid #f2f4f6; }
.settings-label { font-size: 14.4px; font-weight: 600; }
.settings-hint { padding: 0 18px 12.6px; margin: 0; }
.btn-install-settings { background: #e8f3ff; color: #3182f6; border: 0; border-radius: 16.2px; padding: 15.3px; font-size: 14.4px; font-weight: 700; }
.btn-logout { background: #fff; color: #f04452; border: 0; border-radius: 16.2px; padding: 15.3px; font-size: 14.4px; font-weight: 700; }
.toggle { width: 45px; height: 27px; }
.toggle-slider { border-radius: 27px; background: #d1d6db; }
.toggle-slider:before { width: 21.6px; height: 21.6px; left: 2.7px; bottom: 2.7px; }
input:checked + .toggle-slider:before { transform: translateX(20px); }


.btn-primary { background: #3182f6; border-radius: 14.4px; padding: 14.4px; font-size: 14.4px; font-weight: 700; }
.btn-primary:active { background: #1b64da; }
.btn-secondary { background: #e5e8eb; color: #4e5968; border: 0; border-radius: 14.4px; padding: 14.4px; font-size: 14.4px; font-weight: 700; }
.btn-primary-sm { border-radius: 10.8px; padding: 8.1px 13.5px; font-weight: 700; }
.form-input { background: #f2f4f6; border: 2px solid transparent; border-radius: 12.6px; padding: 12.6px 14.4px; }
.form-input:focus { border-color: #3182f6; background: #fff; }
.modal-box { border-radius: 25.2px 25.2px 0 0; padding: 23.4px 18px; }
.modal-title { font-size: 17.1px; font-weight: 800; }
.toast { border-radius: 14.4px; background: #191f28; }
.empty-state, .loading-state { color: #8b95a1; }


.home-news { background: transparent; border: 0; padding: 3.6px 18px 0; }
.home-news-head { gap: 7.2px; margin-bottom: 2px; }
.home-news-tag { background: #3182f6; font-size: 9.9px; padding: 2.7px 7.2px; border-radius: 5.4px; }
.home-news-title { font-size: 16.2px; font-weight: 800; color: #191f28; letter-spacing: -.03em; }
.home-news-body { margin-top: 9px; }
.home-news-soon { background: #fff; border: 0; border-radius: 18px; padding: 19.8px 14.4px; font-size: 12.15px; color: #8b95a1; }
.news-strip { border-radius: 21.6px; }
.news-card { border: 0; border-radius: 21.6px; height: 104.4px; padding: 12.6px 12.6px 12.6px 18px; gap: 12.6px; }
.news-hot { color: #f04452; font-size: 9.9px; }
.news-meta { font-size: 10.35px; color: #8b95a1; }
.news-title { font-size: 14.4px; font-weight: 700; line-height: 1.4; color: #191f28; }
.news-sum { font-size: 11.25px; color: #6b7684; }
.news-img { width: 90px; height: 79.2px; border-radius: 16.2px; }
.news-foot { margin-top: 7.2px; padding: 0 3.6px; }
.news-dots i { width: 5.4px; height: 5.4px; background: #d1d6db; }
.news-dots i.on { background: #3182f6; width: 12.6px; }
.news-updated { font-size: 10.35px; color: #8b95a1; }


.home-tiles { padding: 10.8px 18px 7.2px; gap: 10.8px; }
.tile { border: 0; border-radius: 21.6px; padding: 16.2px; box-shadow: none; gap: 12.6px; }
.tile:active { background: #f9fafb; transform: scale(.985); }
.tile .ic { width: 50.4px; height: 50.4px; border-radius: 16.2px; font-size: 25.2px; position: relative; }
.tile .tx b { font-size: 15.3px; font-weight: 700; }
.tile .tx .d { font-size: 12.15px; color: #8b95a1; margin-top: 3.6px; }
.tile .ar { color: #b0b8c1; font-size: 21.6px; }
.tile.t1 .ic { background: #e8f3ff; }
.tile.t2 .ic { background: #fff4e0; }
.tile.soon { opacity: .6; background: #fff; }
.tile.half { padding: 16.2px; }
.tile.half .tx b { font-size: 14.4px; }
.soonbadge, .tile.half .soonbadge { background: #f2f4f6; color: #6b7684; border-radius: 9px; }
.tile .free-badge { top: -9px; right: auto; left: -7.2px; background: #f04452; border: 2px solid #f2f4f6; box-shadow: none; font-size: 9.9px; padding: 3.6px 7.2px; }
.tile .free-badge.used { background: #b0b8c1; box-shadow: none; }
.tile#tile-landing .ic .free-badge { }


.home-chat, #tab-chat .home-chat { background: #f2f4f6; border: 0; }
.chat-head { background: transparent; padding: 14.4px 18px 7.2px; }
.chat-head-text { padding-left: 46.8px; }
.chat-head-text::before { width: 37.8px; height: 37.8px; background: #3182f6; color: #fff; box-shadow: none; font-size: 14.4px; }
.chat-head-text::after { left: 27.9px; top: calc(50% + 7.2px); border-color: #f2f4f6; }
.chat-head-title { color: #191f28; font-size: 18px; font-weight: 800; letter-spacing: -.03em; }
.chat-head-sub { color: #6b7684; font-size: 10.8px; white-space: nowrap; }
.chat-head-btn { background: #fff; color: #4e5968; border-radius: 10.8px; padding: 6.3px 9px; font-size: 11.25px; font-weight: 600; }
.chat-head-btn:active { background: #e5e8eb; }
.chat-messages { background: #f2f4f6; padding: 7.2px 18px 12.6px; }
.chat-welcome { text-align: left; padding: 12.6px 0 3.6px; }
.chat-welcome-title { color: #191f28; font-size: 21.6px; font-weight: 800; letter-spacing: -.03em; }
.chat-welcome-sub { font-size: 13.05px; color: #6b7684; margin-top: 5.4px; }
.chat-suggests { grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 16.2px; }
.chat-suggest { background: #fff; border: 0; border-radius: 19.8px; padding: 14.4px 14.4px 13.5px; box-shadow: none; gap: 5.4px; }
.chat-suggest:last-child:nth-child(odd) { grid-column: 1 / -1; }
.chat-suggest:active { background: #e8f3ff; }
.chat-suggest b { font-size: 13.95px; font-weight: 700; color: #191f28; }
.chat-suggest span { font-size: 11.25px; color: #8b95a1; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.chat-bubble { border-radius: 18px; padding: 10.8px 14.4px; font-size: 13.5px; }
.chat-msg.user .chat-bubble { background: #3182f6; border-bottom-right-radius: 6px; }
.chat-msg.assistant .chat-bubble { background: #fff; box-shadow: none; border-bottom-left-radius: 6px; }
.chat-bubble th { background: #e8f3ff; }
.chat-chips { background: transparent; border-top: 0; padding: 7.2px 18px 0; }
.chat-chip { background: #fff; color: #3182f6; border: 0; box-shadow: none; border-radius: 16.2px; padding: 8.1px 12.6px; font-size: 11.7px; }
.chat-chip:active { background: #e8f3ff; }
.chat-input-bar { background: transparent; border-top: 0; padding: 9px 14.4px 3.6px; gap: 7.2px; }
#chat-input { background: #fff; border: 0; border-radius: 23.4px; padding: 12.6px 18px; font-size: 14.4px; }
#chat-input:focus { box-shadow: 0 0 0 2px #3182f6 inset; }
.chat-send { width: 45px; height: 45px; background: #3182f6; }
.chat-send:disabled { background: #d1d6db; }
.chat-foot { background: transparent; color: #8b95a1; padding-bottom: 2px; }
.chat-history, .news-all { background: #f2f4f6; }
.chat-history-head { border-bottom: 0; padding: 14.4px 18px 7.2px; font-size: 16.2px; font-weight: 800; }
.chat-history-list { padding: 5.4px 18px; }
.chat-history-item { background: #fff; border-radius: 18px; padding: 14.4px 16.2px; margin-bottom: 9px; border: 0; }
.news-all-item { background: #fff; border-radius: 18px; padding: 14.4px 16.2px; margin-bottom: 9px; border: 0; }


.fcard, .fd-card { padding: 16.2px; }
.fd-card.fee { background: #fff7ed; }
.ffee { border: 0; border-radius: 14.4px; }
.fchip, .fl-tabs button { border-radius: 18px; }
.fl-region { border-radius: 14.4px; border: 0; background: #e8f3ff; }
.fl-sort { border: 0; border-radius: 12.6px; background: #fff; }
.fai-card { border: 0; border-radius: 19.8px; background: #fff; }
.fai-card.warn { background: #fffbeb; }
.fpick-bar { background: #f2f4f6; border-top: 0; }
.report-card { padding: 18px; margin-bottom: 10.8px; }
.report-summary-band { border-radius: 18px; }


.lp-card { padding: 16.2px 18px; margin-bottom: 10.8px; }
.lp-card-h b { font-size: 15.3px; font-weight: 700; }
.lp-chip { border-radius: 7.2px; }
.lp-banner { border: 0; border-radius: 16.2px; padding: 12.6px 14.4px; }
.lp-banner.orange { background: #fff4e0; } .lp-banner.blue { background: #e8f3ff; } .lp-banner.green { background: #e6f7ee; } .lp-banner.gray { background: #fff; color: #4e5968; }
.lp-hero { margin-bottom: 10.8px; }
.lp-hero-tx { padding: 16.2px 18px 10.8px; }
.lp-nm { font-size: 19.8px; letter-spacing: -.03em; }
.lp-facts { border-top: 0; padding: 3.6px 5.4px 12.6px; }
.lp-facts > div + div { border-left: 0; }
.lp-facts b { font-size: 14.4px; font-weight: 800; }
.lp-btns { gap: 9px; margin-bottom: 9px; }
.lp-btns button { border-radius: 14.4px; padding: 13.5px 5.4px; font-size: 13.5px; }
.lp-linkbtn { color: #3182f6; }
.lp-drop { border: 2px dashed #b9d6fb; background: #f5faff; border-radius: 19.8px; padding: 25.2px 10.8px; }
.lp-drop.has { background: #fff; }
.lp-method { border: 2px solid transparent; background: #fff; border-radius: 18px; padding: 14.4px 12.6px; }
.lp-method.on { border-color: #3182f6; background: #f5faff; }
.lp-method b { font-size: 13.95px; }
.lp-file { background: #fff; border-radius: 12.6px; }
.lp-progress { background: #fff; border-radius: 21.6px; padding: 23.4px 16.2px; }
.lp-bar { height: 7.2px; border-radius: 3.6px; }
.lp-steps i { height: 4.5px; }
.lp-note { border-radius: 12.6px; }
.lp-phone { padding: 14.4px 16.2px; }
.lp-phone input[type=tel], .lp-phone input[type=text] { border: 2px solid transparent; background: #f2f4f6; border-radius: 12.6px; padding: 11.7px; }
.lp-phone button { border-radius: 12.6px; }
.lp-opt { border: 2px solid transparent; border-radius: 18px; padding: 14.4px; }
.lp-opt.on { border-color: #3182f6; background: #f5faff; }
.lp-pub { border-top: 0; }
.lp-plan { padding: 14.4px 16.2px; }
.lp-chat { padding: 16.2px 14.4px 12.6px; margin-bottom: 10.8px; }
.lpc-head b { font-size: 15.3px; }
.lpc-head span { background: #e8f3ff; color: #3182f6; }
.lpc-m { font-size: 13.05px; padding: 9.9px 12.6px; border-radius: 16.2px; }
.lpc-m.ai { background: #f2f4f6; border-top-left-radius: 6px; }
.lpc-m.me { background: #3182f6; border-top-right-radius: 6px; }
.lpc-fix { background: #3182f6; border-radius: 10.8px; }
.lpc-row textarea { border: 0; background: #f2f4f6; border-radius: 14.4px; padding: 11.7px 12.6px; }
.lpc-row button { background: #3182f6; border-radius: 14.4px; }
.lp-lead { border-top-color: #f2f4f6; }
.lp-admin { border-radius: 18px; }

.main-content .form-input, .main-content select.form-input, .main-content textarea.form-input { background: #fff; }
.main-content .form-input:focus { border-color: #3182f6; }
.lp-check { background: #fff; border-radius: 14.4px; padding: 12.6px 14.4px; }
.lp-check input { accent-color: #3182f6; }
.site-card-name { margin-bottom: 0; }

body{letter-spacing:-.04em}
body{font-size:11.7px}
.login-sub{font-size:10.8px}
.login-desc{font-size:11.7px}
.btn-google{font-size:11.7px}
.login-footer{font-size:9.9px}
.header-label{font-size:14.4px}
.header-user{font-size:9.9px}
.loading-state,
.empty-state{font-size:11.7px}
.site-card-name{font-size:12.6px}
.site-card-meta{font-size:9.9px}
.badge-new{font-size:9.45px}
.badge-count{font-size:9.45px}
.lead-name{font-size:11.7px}
.lead-time{font-size:9.9px}
.lead-label{font-size:9.9px}
.lead-val{font-size:10.8px}
.lead-question{font-size:9.9px}
.detail-section-title{font-size:9.45px}
.detail-key{font-size:11.7px}
.detail-val{font-size:11.7px}
.detail-question-box{font-size:11.7px}
.btn-call{font-size:11.7px}
.btn-copy{font-size:11.7px}
.admin-site-name{font-size:11.7px}
.btn-edit{font-size:9.9px}
.btn-delete{font-size:9.9px}
.admin-site-emails{font-size:9.9px}
.btn-primary-sm{font-size:10.8px}
.modal-title{font-size:14.4px}
.form-label{font-size:10.8px}
.form-input{font-size:11.7px}
.btn-primary{font-size:11.7px}
.btn-secondary{font-size:11.7px}
.toast{font-size:11.7px}
.nav-btn{font-size:9.45px}
.settings-title{font-size:9.9px}
.settings-label{font-size:11.7px}
.settings-value{font-size:11.7px}
.btn-install-settings{font-size:11.7px}
.btn-logout{font-size:11.7px}
.notif-card-title{font-size:11.7px}
.notif-card-time{font-size:9.9px}
.notif-card-body{font-size:10.8px}
.report-card-title{font-size:11.7px}
.report-metric-label{font-size:9.45px}
.report-metric-value{font-size:14.4px}
.report-metric-value .unit{font-size:9.45px}
.report-summary-item .rs-label{font-size:9.45px}
.report-summary-item .rs-value{font-size:11.7px}
.btn-pdf-download{font-size:11.7px}
.report-card-empty-notice{font-size:9.9px}
.date-preset-btn{font-size:9.9px}
.report-date-input{font-size:10.8px}
.report-date-sep{font-size:9.9px}
.btn-date-apply{font-size:10.8px}
.btn-secondary-download{font-size:10.8px}
.preview-section-title{font-size:11.7px}
.preview-card-label{font-size:9.45px}
.memo-empty{font-size:10.8px}
.memo-meta{font-size:9.45px}
.memo-del{font-size:9.45px}
.memo-text{font-size:11.7px}
.memo-input{font-size:12.6px}
.home-news-title{font-size:10.8px}
.home-news-toggle{font-size:9.9px}
.home-news-soon{font-size:9.9px}
.chat-head-title{font-size:11.7px}
.chat-head-sub{font-size:9.45px}
.chat-head-btn{font-size:9.9px}
.chat-welcome-title{font-size:14.4px}
.chat-welcome-sub{font-size:10.8px}
.chat-suggest{font-size:10.8px}
.chat-bubble{font-size:11.7px}
.chat-bubble h3, .chat-bubble h4, .chat-bubble h5{font-size:11.7px}
.chat-bubble table{font-size:9.9px}
.chat-action{font-size:9.9px}
.chat-error{font-size:10.8px}
#chat-input{font-size:12.6px}
.chat-history-head{font-size:11.7px}
.chat-history-open b{font-size:11.7px}
.chat-history-open small{font-size:9.45px}
.chat-history-del{font-size:9.9px}
.chat-history-empty{font-size:10.8px}
.chat-status-text{font-size:10.8px}
.chat-bubble pre{font-size:10.8px}
.chat-bubble code{font-size:9.9px}
.chat-bubble pre code{font-size:10.8px}
.chat-suggest b{font-size:11.7px}
.chat-suggest span{font-size:9.9px}
.chat-chip{font-size:9.9px}
.news-title{font-size:11.7px}
.news-sum{font-size:9.45px}
.chat-head-text::before{font-size:11.7px}
.settings-hint{font-size:9.9px}
.tile .ic{font-size:20.7px}
.tile .tx b{font-size:12.6px}
.tile .tx .d{font-size:9.9px}
.tile .ar{font-size:16.2px}
.fpick-title{font-size:14.4px}
.fpick-label{font-size:9.9px}
.fchip{font-size:10.8px}
.fempty{font-size:11.7px}
.fl-region{font-size:11.7px}
.fl-sort{font-size:9.9px}
.fl-tabs button{font-size:9.9px}
.fcard .t b{font-size:11.7px}
.fcard .s{font-size:9.9px}
.ffee{font-size:9.9px}
.ffee b{font-size:11.7px}
.ffee.n b{font-size:10.8px}
.fl-foot{font-size:9.9px}
.fd-card h4{font-size:9.9px}
.fd-kv{font-size:11.7px}
.fa-item b{font-size:11.7px}
.fa-item small{font-size:9.9px}
.fa-item .r{font-size:9.9px}
.field-ai-btn{font-size:10.8px}
.field-ai-box{font-size:9.9px}
.field-ai-box button{font-size:9.9px}
.field-rule{font-size:9.45px}
.fpick-title{font-size:14.4px}
.fpick-label{font-size:11.7px}
.fpick-label small{font-size:9.9px}
.fchip{font-size:11.7px}
.fpick-hint{font-size:11.7px}
.fpick-bar button{font-size:11.7px}
.fl-region{font-size:11.7px}
.fl-sort{font-size:9.9px}
.fl-tabs button{font-size:10.8px}
.fcard .t b{font-size:14.4px}
.ftag{font-size:9.9px}
.fcard .s{font-size:11.7px}
.ffee{font-size:11.7px}
.ffee b{font-size:14.4px}
.ffee small{font-size:9.45px}
.fcard .d{font-size:9.9px}
.fl-foot{font-size:10.8px}
.fd-card h4{font-size:11.7px}
.fd-kv{font-size:11.7px}
.fd-actions button{font-size:12.6px}
.fai-card{font-size:11.7px}
.fai-card .h{font-size:11.7px}
.fai-src{font-size:9.9px}
.fai-note{font-size:9.9px}
.fai-more{font-size:11.7px}
.field-import-btn{font-size:11.7px}
.fd-title{font-size:11.7px}
.fd-title button{font-size:9.9px}
.ffee .fdesc{font-size:10.8px}
.ffee .fr em{font-size:9.45px}
.dfoot{font-size:9.9px}
.soonbadge{font-size:9.9px}
.lp-drop b{font-size:11.7px}
.lp-drop small{font-size:9.9px}
.lp-file{font-size:11.7px}
.lp-file button{font-size:12.6px}
.lp-file-sum{font-size:9.9px}
.lp-note{font-size:9.9px}
.lp-hint{font-size:9.9px}
.lp-progress b{font-size:11.7px}
.lp-progress small{font-size:9.9px}
.lp-card-h b{font-size:12.6px}
.lp-card-s{font-size:9.9px}
.lp-card-err{font-size:9.9px}
.lp-retry{font-size:11.7px}
.lp-chip{font-size:9.45px}
.lp-banner{font-size:11.7px}
.lp-banner small{font-size:9.9px}
.lp-cp{font-size:9.9px}
.lp-nm{font-size:16.2px}
.lp-ld{font-size:10.8px}
.lp-facts small{font-size:9.45px}
.lp-facts b{font-size:10.8px}
.lp-secs small{font-size:9.9px}
.lp-secs span{font-size:9.9px}
.lp-warn{font-size:10.8px}
.lp-btns button{font-size:11.7px}
.lp-linkbtn{font-size:10.8px}
.lp-check{font-size:11.7px}
.lp-lead{font-size:11.7px}
.lp-lead .lp-visit{font-size:9.9px}
.lp-admin{font-size:10.8px}
.lp-admin-btns button{font-size:9.9px}
.lp-opt b{font-size:11.7px}
.lp-opt small{font-size:9.9px}
.lp-done b{font-size:14.4px}
.lp-done p{font-size:11.7px}
.lp-result{font-size:11.7px}
.lp-drop .lp-ppt{font-size:9.9px}
.lp-drop .lp-pc{font-size:9.9px}
.lp-fillbtn{font-size:11.7px}
.lp-warn .lp-fillnote{font-size:9.9px}
.lp-srcs{font-size:9.9px}
.lpf-warn{font-size:10.8px}
.lpf-item{font-size:11.7px}
.lpf-item small{font-size:9.45px}
.lpf-meta{font-size:9.9px}
.lp-method b{font-size:11.7px}
.lp-method small{font-size:9.45px}
.lp-phone label{font-size:10.8px}
.lp-phone input[type=tel], .lp-phone input[type=text]{font-size:12.6px}
.lp-phone button{font-size:11.7px}
.lp-phone small{font-size:9.9px}
.lp-calls{font-size:9.45px}
.lp-priv .lp-check, .lp-rights .lp-check{font-size:10.8px}
.notif-day{font-size:9.9px}
.notif-row-time{font-size:9.45px}
.notif-row-title{font-size:10.8px}
.notif-row-sub{font-size:9.9px}
.push-banner{font-size:10.8px}
.tile.half .tx b{font-size:11.7px}
.tile.half .tx .d{font-size:9.9px}
.tile.half .soonbadge{font-size:9.45px}
.lp-share .kk-none{font-size:10.8px}
.lp-share .kk-tx b{font-size:11.7px}
.lp-share .kk-tx span{font-size:9.9px}
.lp-share .kk-tx i{font-size:9.45px}
.lp-share .kk-note{font-size:9.9px}
.lp-share .kk-seg{font-size:11.7px}
.lp-share #kk-posrow{font-size:10.8px}
.lp-plan{font-size:10.8px}
.lpc-head{font-size:11.7px}
.lpc-head span{font-size:9.9px}
.lpc-m{font-size:11.7px}
.lpc-fix{font-size:10.8px}
.lpc-row textarea{font-size:11.7px}
.lpc-row button{font-size:11.7px}
.lp-chat small{font-size:9.45px}
.lps-row{font-size:11.7px}
.lps-row button{font-size:10.8px}
.header-label{font-size:14.4px}
#screen-main .header-label{font-size:20.7px}
.header-user{font-size:10.8px}
.site-card-name{font-size:14.4px}
.site-card-meta{font-size:10.8px}
.badge-count{font-size:9.9px}
.notif-day{font-size:10.8px}
.notif-row-title{font-size:11.7px}
.notif-row-sub{font-size:10.8px}
.notif-row-time{font-size:9.9px}
.settings-title{font-size:10.8px}
.settings-label{font-size:12.6px}
.btn-install-settings{font-size:12.6px}
.btn-logout{font-size:12.6px}
.btn-primary{font-size:12.6px}
.btn-secondary{font-size:12.6px}
.modal-title{font-size:16.2px}
.home-news-tag{font-size:9.45px}
.home-news-title{font-size:14.4px}
.home-news-soon{font-size:11.7px}
.news-hot{font-size:9.45px}
.news-meta{font-size:9.45px}
.news-title{font-size:12.6px}
.news-sum{font-size:9.9px}
.news-updated{font-size:9.45px}
.tile .tx b{font-size:14.4px}
.tile .tx .d{font-size:11.7px}
.tile .ar{font-size:20.7px}
.tile.half .tx b{font-size:12.6px}
.tile .free-badge{font-size:9.45px}
.chat-head-text::before{font-size:12.6px}
.chat-head-title{font-size:16.2px}
.chat-head-sub{font-size:9.9px}
.chat-head-btn{font-size:9.9px}
.chat-welcome-title{font-size:20.7px}
.chat-welcome-sub{font-size:11.7px}
.chat-suggest b{font-size:12.6px}
.chat-suggest span{font-size:9.9px}
.chat-bubble{font-size:11.7px}
.chat-chip{font-size:10.8px}
#chat-input{font-size:12.6px}
.chat-history-head{font-size:14.4px}
.lp-card-h b{font-size:14.4px}
.lp-nm{font-size:20.7px}
.lp-facts b{font-size:12.6px}
.lp-btns button{font-size:11.7px}
.lp-method b{font-size:12.6px}
.lpc-head b{font-size:14.4px}
.lpc-m{font-size:11.7px}

:root {
  --adon-brand: #941f24;
  --adon-brand-weak: #faedef;
  --adon-blue: #367bc8;
  --adon-blue-weak: #eaf3ff;
  --adon-mint: #2c9c82;
  --adon-mint-weak: #eaf8f2;
  --adon-yellow: #c58b2f;
  --adon-yellow-weak: #fff4e2;
  --adon-violet: #8364bc;
  --adon-violet-weak: #f3effa;
  --adon-bg: #f3f5f8;
  --adon-text: #202936;
  --adon-sub: #748090;
  --adon-radius: 22px;
  --adon-shadow: 0 8px 26px rgba(23, 36, 53, .035);
}
body, .screen, #screen-main .home-wrap, .home-chat, #tab-chat .home-chat,
.chat-messages, .chat-history, .news-all {background:var(--adon-bg);color:var(--adon-text)}
.app-header {background:var(--adon-bg)}
.header-label, #screen-main .header-label, .chat-head-title, .home-news-title {color:var(--adon-text);letter-spacing:-.04em}
.header-user, .site-card-meta, .news-updated, .settings-hint {color:var(--adon-sub)}
.site-card, .lead-card, .notif-card, .settings-card, .report-card,
.lp-card, .fcard, .fd-card, .memo-item, .lp-leads, .lp-phone,
.lp-chat, .lp-hero, .notif-group, .lp-result, .lp-plan,
.chat-history-item, .news-all-item {
  background:#fff;border-radius:var(--adon-radius);
  box-shadow:var(--adon-shadow);border:0;
}


#screen-main .bottom-nav {background:rgba(255,255,255,.98);border-radius:24.3px;box-shadow:0 7px 30px rgba(30,43,59,.11)}
#screen-main .bottom-nav .nav-btn {color:#98a3af;font-size:9.9px;min-height:52.2px}
#screen-main .bottom-nav .nav-btn.active {color:var(--adon-brand)}
#screen-main .bottom-nav .nav-btn svg {width:19.8px;height:19.8px}
#screen-main .bell-btn {background:#fff;color:#465363;box-shadow:var(--adon-shadow)}
#notif-badge {background:#e34953}


.home-news-tag {background:var(--adon-blue);border-radius:7.2px}
.home-news-title {font-size:16.2px;font-weight:800}
.news-card {background:#fff;box-shadow:var(--adon-shadow);border-radius:21.6px;min-height:104.4px}
.news-hot {color:#e34b5b}
.news-dots i.on {background:var(--adon-blue)}
.tile {background:#fff;box-shadow:var(--adon-shadow);border-radius:20.7px}
.tile.t1 .ic {background:var(--adon-blue-weak)}
.tile.t2 .ic {background:var(--adon-yellow-weak)}
.tile .tx b {color:var(--adon-text);font-weight:750}
.tile .tx .d {color:var(--adon-sub)}
.tile.soon {background:#fff;opacity:.68}
.tile .free-badge:not(.used) {background:#e54b59}
.tile .free-badge.used {background:#a6adb6}


.chat-head-text::before {background:var(--adon-brand)}
.chat-head-title {font-weight:800}
.chat-welcome-title {color:var(--adon-text)}
.chat-suggest {border:1px solid #edf0f4;box-shadow:var(--adon-shadow);border-radius:18px;min-height:100.8px}
.chat-suggests .chat-suggest:nth-child(7n + 1) {background:linear-gradient(145deg,#fff5f6,#fff);border-color:#f4e5e8}
.chat-suggests .chat-suggest:nth-child(7n + 2) {background:linear-gradient(145deg,#f1f7ff,#fff);border-color:#e1ecfa}
.chat-suggests .chat-suggest:nth-child(7n + 3) {background:linear-gradient(145deg,#effaf6,#fff);border-color:#e0f0e9}
.chat-suggests .chat-suggest:nth-child(7n + 4) {background:linear-gradient(145deg,#fff9ee,#fff);border-color:#f7ecd8}
.chat-suggests .chat-suggest:nth-child(7n + 5) {background:linear-gradient(145deg,#f6f3ff,#fff);border-color:#ece5f8}
.chat-suggests .chat-suggest:nth-child(7n + 6) {background:linear-gradient(145deg,#f3f7fd,#fff);border-color:#e7edf5}
.chat-suggests .chat-suggest:nth-child(7n + 7) {background:linear-gradient(145deg,#eaf5fa,#fff);border-color:#e4edf5}
.chat-chip {color:var(--adon-brand);border:1px solid #f0e6e8;background:#fff}
.chat-chip:active {background:var(--adon-brand-weak)}
.chat-msg.user .chat-bubble {background:var(--adon-brand)}
.chat-msg.assistant .chat-bubble {background:#fff}
.chat-bubble th {background:var(--adon-blue-weak)}
#chat-input {border:1px solid #e8ecf1;background:#fff}
#chat-input:focus {box-shadow:0 0 0 2px rgba(148,31,36,.5) inset}
.chat-send:not(:disabled) {background:var(--adon-brand)}


#tab-sites .site-card, #tab-reports .site-card {min-height:77.4px;display:flex;align-items:center;gap:10.8px}
.site-card-name {color:var(--adon-text);font-size:14.4px;line-height:1.5}
#tab-sites .site-card .badge-count {background:var(--adon-blue-weak);color:var(--adon-blue)}
#tab-reports .site-card .badge-count {background:var(--adon-mint-weak);color:var(--adon-mint)}
.lead-card {padding:17.1px 18px;margin-bottom:10.8px}
.lead-card.is-new {box-shadow:inset 3px 0 0 var(--adon-brand),var(--adon-shadow)}
.lead-row, .detail-row {line-height:1.6}
.lead-label, .detail-key {color:var(--adon-sub)}
.lead-val, .detail-val {color:var(--adon-text);overflow-wrap:anywhere}
.detail-val.phone {color:var(--adon-blue)}
.notif-row.unread::before {background:#e14857}


.report-card {border-radius:20.7px;padding:18px}
.report-metric-row {gap:7.2px}
.report-metric {border-radius:13.5px;min-width:0;background:#f5f6f8}
.report-metric:nth-child(1) {background:var(--adon-brand-weak)}
.report-metric:nth-child(2) {background:var(--adon-blue-weak)}
.report-metric:nth-child(3) {background:var(--adon-mint-weak)}
.report-metric-label {color:#788595}
.report-metric:nth-child(1) .report-metric-value {color:var(--adon-brand)}
.report-metric:nth-child(2) .report-metric-value {color:var(--adon-blue)}
.report-metric:nth-child(3) .report-metric-value {color:var(--adon-mint)}
.report-metric-value {overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.preview-section {border-radius:18px;overflow:hidden}
.preview-section-title {color:var(--adon-text);font-weight:750}
.report-quick.active, .report-quick.on {background:var(--adon-brand-weak);border-color:#ead7da;color:var(--adon-brand)}


.settings-card {box-shadow:var(--adon-shadow)}
.settings-title {color:#617080}
.settings-row {border-top-color:#eef0f3}
.btn-install-settings {background:var(--adon-blue-weak);color:var(--adon-blue)}
.btn-logout {color:#b73e4a}
.toggle input:checked + .toggle-slider {background:var(--adon-brand)}
.btn-primary, .btn-primary-sm {background:var(--adon-brand)}
.btn-primary:active, .btn-primary-sm:active {background:#76171d}
.form-input:focus, .main-content .form-input:focus {border-color:var(--adon-brand)}
.lp-method.on, .lp-opt.on {border-color:var(--adon-brand);background:#fff8f8}
.lp-linkbtn {color:var(--adon-brand)}
.lp-drop {background:#f7f9fd;border-color:#cddced}
.lp-banner.orange {background:var(--adon-yellow-weak)}
.lp-banner.blue {background:var(--adon-blue-weak)}
.lp-banner.green {background:var(--adon-mint-weak)}
.lp-check input {accent-color:var(--adon-brand)}
.lpc-m.me,.lpc-fix,.lpc-row button {background:var(--adon-brand)}
.lpc-head span {background:var(--adon-brand-weak);color:var(--adon-brand)}


button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible {outline:2px solid var(--adon-brand);outline-offset:2px}
@media (max-width:359px) {
  .chat-suggests {gap:6.3px}
  .chat-suggest {padding:11.7px 9.9px}
  .report-metric-row {gap:4.5px}
  .report-metric-value {font-size:clamp(11.7px,4vw,16.2px)}
}
@media (prefers-reduced-motion:reduce) {
  .site-card, .lead-card, .tile, .nav-btn {transition:none}
}


#screen-main .bottom-nav{background:rgba(255,253,249,.98)}

#tab-sites .site-card-left, #tab-reports .site-card-left{display:flex;align-items:center;gap:10.8px;min-width:0}
#tab-sites .site-card-left::before, #tab-reports .site-card-left::before{content:"";flex:none;width:41.4px;height:41.4px;border-radius:13.5px;background:#fbecef center/24px 24px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ac4851' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20H4z'/%3E%3C/svg%3E")}
#tab-sites .site-card:nth-child(3n+2) .site-card-left::before{background-color:#ebf3ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23467dc5' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20H4z'/%3E%3C/svg%3E")}
#tab-sites .site-card:nth-child(3n) .site-card-left::before{background-color:#eaf9f3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23289981' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20H4z'/%3E%3C/svg%3E")}
#tab-reports .site-card-left::before{background-color:#ebf3ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23467dc5' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 19V9M12 19V5M18 19v-7'/%3E%3C/svg%3E")}
#tab-reports .site-card:nth-child(2n) .site-card-left::before{background-color:#eaf9f3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23289981' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 19V9M12 19V5M18 19v-7'/%3E%3C/svg%3E")}
.site-card .badge-count{border-radius:9.9px;font-size:10.35px}

:root{--blue:#941f24;--blue-light:#faedef;--blue-dark:#76171d}
.fchip.on{border-color:var(--adon-brand);background:var(--adon-brand-weak);color:var(--adon-brand)}
.fl-tabs button.on{background:var(--adon-brand);color:#fff}


.chat-suggest{min-height:0;padding:11.7px 11.7px 10.8px}
.chat-suggest span{color:#6b7684}
.chat-suggests .chat-suggest:nth-child(7n + 1){background:#fff6f7}
.chat-suggests .chat-suggest:nth-child(7n + 2){background:#f1f7ff}
.chat-suggests .chat-suggest:nth-child(7n + 3){background:#f2fbf8}
.chat-suggests .chat-suggest:nth-child(7n + 4){background:#fff9ee}
.chat-suggests .chat-suggest:nth-child(7n + 5){background:#f7f3ff}
.chat-suggests .chat-suggest:nth-child(7n + 6){background:#f4f7fb}
.chat-suggests .chat-suggest:nth-child(7n + 7){background:#fff}

.lead-question, .detail-question-box{background:#edf5ff;color:#476e9e}
.lp-lead a, .lp-leads a{color:var(--adon-blue)}


.report-metric-value{overflow-wrap:normal;white-space:nowrap;font-size:clamp(12.6px,4.7vw,17.1px)}
.chat-head-btn{white-space:nowrap}
.chat-head-text{min-width:0}
.chat-head-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#btn-report-images,#btn-report-pdf{white-space:nowrap;font-size:11.7px;padding-left:10.8px;padding-right:10.8px}
.chat-suggest span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}


#app{overflow:clip}


#screen-main{letter-spacing:-.05em}
#screen-main .header-label{font-size:20.7px;font-weight:800;letter-spacing:-.06em}
#screen-main .header-user{font-size:9.9px;color:#8d97a1;letter-spacing:-.04em}
#screen-main .bell-btn{background:transparent;box-shadow:none;color:#3d4754}


#screen-main .home-news-head{margin-top:5.4px}
.home-news-tag{font-size:9.9px;font-weight:800;padding:5.4px 7.2px;border-radius:7.2px;letter-spacing:.02em}
.home-news-title{font-size:16.2px;font-weight:700;letter-spacing:-.05em}
.home-news-toggle{font-size:9.9px;color:#8d97a1;font-weight:400}
.home-news-toggle::after{content:" ›"}
.news-card{border-radius:23.4px;padding:18.9px 16.2px;min-height:157.5px;gap:6.3px;align-items:center}
.news-hot{font-size:9.9px;font-weight:750;color:#e94759}
.news-meta{font-size:9.9px;color:#8493a0}
.news-title{font-size:14.4px;line-height:1.57;margin:8.1px 0 6.3px;font-weight:700;color:#1b2430}
.news-sum{font-size:9.9px;line-height:1.6;color:#8b96a3}
.news-img{width:94.5px;height:109.8px;border-radius:18px;flex:none;object-fit:cover}
.news-dots i{height:5.4px;width:5.4px;background:#d7dfe6}
.news-dots i.on{width:21.6px;background:#377fda}
.news-updated{font-size:9px;color:#969faa}


.tile{padding:17.1px 15.3px;border-radius:20.7px;gap:12.6px}
.tile .ic{width:57.6px;height:57.6px;border-radius:17.1px;font-size:27.9px}
.tile .tx b{font-size:16.2px;font-weight:700;color:#000}
.tile .tx .d{font-size:10.8px;line-height:1.65;color:#939da8;margin-top:3.6px}
.tile .ar{font-size:22.5px;color:#a8aeb5}
.tile.soon{opacity:1;padding:17.1px 14.4px 15.3px;min-height:139.5px}
.tile.soon .ic{width:45px;height:45px;border-radius:13.5px;font-size:24.3px;background:#f4f6f8}
.tile.soon .tx b{font-size:13.5px;color:#1b2430}
.tile.soon .tx .d{font-size:9.9px;color:#9fa8b1}
.tile .soonbadge{font-size:9px;padding:4.5px 8.1px;background:#f4f5f7;color:#aab1b9;border-radius:18px;font-weight:400}
.tile .free-badge{font-size:8.1px;padding:3.6px 6.3px;border-radius:9px}


.chat-head-title{font-size:15.3px;font-weight:700;letter-spacing:-.05em}
.chat-head-sub{font-size:9px;color:#8c97a4}
.chat-head-btn{font-size:9.9px;font-weight:750;color:#667381;padding:8.1px 9px;border-radius:10.8px}
.chat-welcome-title{font-size:20.7px;font-weight:700;letter-spacing:-.05em}
.chat-welcome-sub{font-size:11.7px;color:#747f8d}
.chat-suggest{padding:12.6px 11.7px;border-radius:17.1px}
.chat-suggest b{font-size:12.6px;font-weight:700;color:#000;letter-spacing:-.045em}
.chat-suggest span{font-size:9.9px;line-height:1.6;color:#86929e;letter-spacing:-.05em}
.chat-chip{font-size:9.9px;font-weight:400;color:#67788e;border:1px solid #e8eaf0;padding:7.2px 10.8px}
.chat-chip:active{background:#f4f6f8}
#chat-input{border-radius:17.1px;font-size:12.6px}
.chat-send{width:40.5px;height:40.5px;border-radius:14.4px}
.chat-foot{font-size:9px;color:#a2aab3;line-height:1.7}


#tab-sites .site-card, #tab-reports .site-card{min-height:82.8px;padding:15.3px;border-radius:19.8px;gap:10.8px;margin-bottom:9.9px}
.site-card-name{font-size:13.5px;font-weight:700;color:#000;letter-spacing:-.045em}
#tab-sites .site-card .badge-count, #tab-reports .site-card .badge-count{background:#f6f7fb;color:#526d93;font-size:9.9px;font-weight:800;border-radius:9.9px;padding:9px 7.2px;letter-spacing:-.045em}
#tab-reports .site-card .badge-count{background:#f6f7fb;color:#526d93}


#tab-settings .settings-card{border-radius:21.6px;padding:0 0 5.4px}
#tab-settings .settings-title{font-size:16.2px;font-weight:800;color:#1b2430;padding:18px 18px 7.2px;letter-spacing:-.05em}
#tab-settings .settings-label{font-size:10.8px;font-weight:400;color:#919ba6}
#tab-settings .settings-value{font-size:10.8px;font-weight:700;color:#1b2430}
#tab-settings .settings-card:first-of-type .settings-label{font-size:12.6px;font-weight:700;color:#1b2430}
#tab-settings .settings-hint{font-size:9.9px;color:#919ba6;line-height:1.6}
#tab-settings .btn-install-settings, #tab-settings .btn-logout{background:#fff;color:#000;border-radius:21.6px;text-align:left;font-size:11.7px;font-weight:400;padding:15.3px 18px;box-shadow:var(--adon-shadow);position:relative}
#tab-settings .btn-install-settings::after, #tab-settings .btn-logout::after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:11.7px}


#screen-main .app-header{padding-top:10.8px}
#screen-main .header-inner{height:57.6px}

@media (max-height:780px){
  .chat-suggest{padding:8.1px 10.8px}
  .chat-suggest span{-webkit-line-clamp:1}
  .chat-welcome{padding:7.2px 0 0}
}


#screen-leads .main-content, #screen-detail .main-content, #screen-report .main-content{letter-spacing:-.05em}
#leads-list{background:#fff;border-radius:19.8px;padding:7.2px 15.3px;box-shadow:var(--adon-shadow)}
#leads-list .lead-card{background:none;box-shadow:none;border-radius:0;margin:0;padding:17.1px 3.6px;border-bottom:1px solid #edf0f3}
#leads-list .lead-card:last-child{border-bottom:0}
#leads-list .lead-card.is-new{box-shadow:none;border-left:2.7px solid var(--adon-brand);padding-left:9.9px}
.lead-name{font-size:14.4px;font-weight:700}
.lead-time{font-size:9.9px;color:#8d99a5}
.lead-label{font-size:9.9px;color:#8d99a5}
.lead-val{font-size:10.8px;font-weight:600}
.lead-question{font-size:10.8px;line-height:1.6;border-radius:9.9px;padding:10.8px}
.detail-key{font-size:10.8px;color:#919ba6}
.detail-val{font-size:10.8px;font-weight:700}
.detail-section-title{font-size:10.8px;font-weight:800}
.memo-text{font-size:10.8px}
.report-card-title{font-size:13.5px;font-weight:700}
.report-metric-label{font-size:9px}


.screen:not(#screen-main) .header-label{font-size:18px;font-weight:800;letter-spacing:-.05em;color:#1b2430}
.screen:not(#screen-main) .header-user, .screen:not(#screen-main) .header-sub{font-size:9.9px;color:#8d97a1}
.form-label{font-weight:700;color:#4e5968}
.btn-primary,.btn-secondary{font-weight:800}



.ad-topbar{background:var(--adon-bg);border:0}
.ad-topbar .header-inner{height:46.8px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}
.ad-back{display:inline-flex;align-items:center;gap:2px;background:none;border:0;padding:5.4px 0;font-size:13.5px;font-weight:500;color:#6b7684;letter-spacing:-.04em;cursor:pointer;width:auto;height:auto}
.ad-back svg{display:none}
.ad-head{padding:2px 18px 12.6px;background:var(--adon-bg)}
.ad-title{margin:0;font-size:24.3px;font-weight:800;color:#1b2430;letter-spacing:-.06em;line-height:1.3;word-break:keep-all}
.ad-sub{margin:5.4px 0 0;font-size:11.7px;color:#747f8d;letter-spacing:-.04em}
.ad-sub:empty{display:none}
.screen:not(#screen-main) > .main-content{padding-top:3.6px}


.ad-section{font-size:16.2px;font-weight:800;color:#1b2430;letter-spacing:-.05em;margin:27px 0 12.6px;padding:0 2px}
#tab-settings .ad-section:first-child{margin-top:7.2px}
.ad-panel{background:#fff;border-radius:21.6px;padding:18px;box-shadow:var(--adon-shadow);margin-bottom:10.8px}
.ad-panel-sub{font-size:11.7px;color:#747f8d;margin:0 0 10.8px;letter-spacing:-.04em}
.ad-line, .detail-line{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11.7px 0;border-bottom:1px solid #f0f1f4;font-size:10.8px;letter-spacing:-.04em}
.ad-line:last-child{border-bottom:0}
.ad-line span, .detail-line .detail-key{color:#919ba6;font-size:10.8px;font-weight:400;flex:none}
.ad-line b, .detail-line .detail-val{font-weight:700;color:#1b2430;font-size:10.8px;text-align:right;overflow-wrap:anywhere}
.detail-line .detail-val.blue{color:#3777c7}
.detail-label{font-size:10.8px;font-weight:800;color:#1b2430;margin:18px 0 9px}
#detail-card .lead-question{display:block;background:#edf5ff;color:#476e9e;border-radius:9.9px;padding:10.8px;font-size:10.8px;line-height:1.6;margin:0}
.ad-dual{display:flex;gap:8.1px;margin:16.2px 0 0}
.ad-dual button{flex:1;display:flex;align-items:center;justify-content:center;gap:5.4px;border:1px solid #e0e6ef;background:#fff;color:#4d688d;font-size:10.8px;padding:11.7px 6.3px;border-radius:11.7px;font-weight:800;white-space:nowrap;box-shadow:none;letter-spacing:-.04em;min-height:0;height:auto;width:auto}
.ad-dual button svg{width:12.6px;height:12.6px}
.ad-dual .btn-pdf-download{background:var(--adon-brand);border-color:var(--adon-brand);color:#fff}
#detail-card .detail-card, #detail-card{background:none;box-shadow:none;padding:0}
.memo-section .memo-list{margin-bottom:10.8px}
.memo-section .memo-item{background:#f7f8fa;box-shadow:none;border-radius:12.6px;padding:10.8px 12.6px;margin-bottom:7.2px}
.memo-section .memo-meta{font-size:9.9px;color:#8d99a5}
.memo-section .memo-input{width:100%;border:1px solid #e2e7ed;border-radius:11.7px;padding:10.8px;font-size:10.8px;background:#fff;resize:vertical}
.memo-section .memo-save{width:100%;margin-top:10.8px;background:var(--adon-brand);color:#fff;border-radius:14.4px;padding:13.5px;font-size:12.6px;font-weight:800}


#leads-list{background:#fff;border-radius:21.6px;padding:7.2px 15.3px;box-shadow:var(--adon-shadow)}
#leads-list .lead-item{display:block;background:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:17.1px 3.6px;border-bottom:1px solid #edf0f3;text-align:left;cursor:pointer;letter-spacing:-.05em}
#leads-list .lead-item:last-child{border-bottom:0}
#leads-list .lead-item.is-new{border-left:2.7px solid var(--adon-brand);padding-left:9.9px;box-shadow:none}
.lead-item .lead-top{display:flex;justify-content:space-between;align-items:center;gap:7.2px}
.lead-item .lead-top b{font-size:14.4px;font-weight:700;color:#1b2430}
.lead-item .lead-top small{font-size:9.9px;color:#8d99a5;white-space:nowrap}
.lead-item .lead-mid{display:block;margin:6.3px 0 0;font-size:9.9px;color:#8d99a5}
.lead-item .lead-mid i{font-style:normal;display:inline-block;min-width:57.6px;margin-right:5.4px}
.lead-item .lead-question{display:block;background:#edf5ff;color:#476e9e;border-radius:9.9px;padding:10.8px;font-size:10.8px;line-height:1.6;margin-top:9.9px}
.lead-item .lead-more{display:block;text-align:right;color:#9b4650;font-size:9.9px;margin-top:9px}


#report-date-picker{background:#fff;padding:14.4px;border-radius:18px;margin-bottom:13.5px;box-shadow:var(--adon-shadow);border:0}
.report-date-presets{display:flex;gap:4.5px;overflow-x:auto;scrollbar-width:none;margin:0}
.date-preset-btn{border:1px solid #e6e8eb;background:#f5f6f8;border-radius:16.2px;padding:7.2px 9px;white-space:nowrap;font-size:9px;color:#7e8794;font-weight:400;flex:none}
.date-preset-btn.selected{background:#fbecef;border-color:#f3d6d9;color:#a43642}
.report-date-range-row{display:flex;gap:4.5px;align-items:center;margin-top:10.8px}
.report-date-input{flex:1;min-width:0;border:1px solid #e4e9ef;border-radius:8.1px;padding:8.1px 2.7px;font-size:9px;background:#fff}
.report-date-sep{color:#a6afb8}
.btn-date-apply{border:0;border-radius:8.1px;background:#941f24;color:#fff;padding:9px;font-size:9.9px;font-weight:700;flex:none}
.report-performance{background:#fff;border-radius:19.8px;padding:17.1px 15.3px;margin-bottom:10.8px;box-shadow:var(--adon-shadow)}
.report-performance > .report-card-title{display:block;font-size:13.5px;font-weight:700;color:#1b2430}
.report-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6.3px;margin-top:17.1px}
.report-three .report-metric{background:#f4f6f9;border-radius:11.7px;padding:11.7px 8.1px}
.report-three .report-metric:nth-child(1){background:#fbedef}
.report-three .report-metric:nth-child(2){background:#eaf3ff}
.report-three .report-metric:nth-child(3){background:#e9f7f3}
.report-three small{display:block;color:#83909e;font-size:9px}
.report-three b{display:block;font-size:16.2px;margin-top:6.3px;letter-spacing:-.04em;color:#a43541;white-space:nowrap}
.report-three .report-metric:nth-child(2) b{color:#3276c3}
.report-three .report-metric:nth-child(3) b{color:#228c78}
.report-three em{font-size:9.9px;color:#929ba4;font-style:normal;margin-left:1px}
#report-previews .ad-section{margin-top:23.4px}
.ad-preview{background:#fff;border-radius:18px;padding:15.3px;margin-bottom:10.8px;box-shadow:var(--adon-shadow)}
.ad-preview .ad-preview-name{font-size:10.8px;font-weight:800;line-height:1.6;color:#1b2430;padding:0}
.ad-preview .placement{font-size:9.9px;color:#748496;background:#f3f6f8;padding:8.1px 10.8px;border-radius:8.1px;margin:8.1px 0}
.report-actions.ad-dual{position:static;padding:0;margin:5.4px 0 21.6px;background:none;box-shadow:none;border:0}


.notif-day{font-size:10.8px;font-weight:700;color:#8b95a1;padding:16.2px 3.6px 8.1px}
.notif-group{background:#fff;border-radius:21.6px;padding:3.6px 16.2px;box-shadow:var(--adon-shadow)}
.notif-row.list-row{display:flex;align-items:center;gap:10.8px;padding:12.6px 0;border-bottom:1px solid #f0f1f4}
.notif-row.list-row:last-child{border-bottom:0}
.notif-row.list-row::before{display:none}
.round-icon{width:39.6px;height:39.6px;border-radius:13.5px;background:#f4f6f8;display:grid;place-items:center;font-size:18.9px;flex:none}
.notif-row.list-row .notif-row-title{font-size:12.6px;font-weight:700;color:#1b2430}
.notif-row.list-row .notif-row-sub{font-size:9.9px;color:#8d99a5;margin-top:2.7px}
.dot-alone{height:6.3px;width:6.3px;border-radius:50%;background:#e54450;flex:none}


.ad-setting{display:flex;align-items:center;justify-content:space-between;gap:12.6px}
.ad-setting-tx b{display:block;font-size:12.6px;font-weight:700;color:#1b2430}
.ad-setting-tx small{display:block;font-size:9.9px;color:#919ba6;margin-top:6.3px;line-height:1.6}
.ad-links{padding:2px 18px}
.ad-links button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid #eff0f2;background:none;padding:15.3px 0;font-size:11.7px;font-weight:400;color:#1b2430;text-align:left;box-shadow:none;border-radius:0;margin:0}
.ad-links button:last-child{border-bottom:0}
.ad-links button i{font-style:normal;color:#8d97a1}
#tab-settings .btn-install-settings, #tab-settings .btn-logout{background:none;box-shadow:none;border-radius:0;padding:15.3px 0}
#tab-settings .btn-install-settings::after, #tab-settings .btn-logout::after{content:none}
.ad-setting .toggle{flex:none}
.ad-setting .settings-hint{padding:0;margin-left:0}


:root{--t1:#191f28;--t2:#333d4b;--t3:#6b7684;--t4:#8b95a1;--line:#eef0f3;--r-card:22px;--gap:10.8px}
body,#screen-main{letter-spacing:-.025em}
.main-content{padding-left:18px;padding-right:18px}


#screen-main .header-label{font-size:21.6px;font-weight:800;letter-spacing:-.04em}
#screen-main .header-user{font-size:10.8px;color:var(--t4)}
.ad-back{font-size:13.5px;color:var(--t3)}
.ad-title{font-size:23.4px;letter-spacing:-.045em}
.ad-sub{font-size:12.6px;color:var(--t3)}
.ad-section{font-size:16.2px;letter-spacing:-.04em;margin:25.2px 0 10.8px}
.ad-section small{font-size:11.7px;font-weight:500;color:var(--t4)}
.ad-panel{padding:18px;border-radius:var(--r-card)}


.home-news-title{font-size:16.2px}
.home-news-toggle{font-size:11.7px;color:var(--t4)}
.news-title{font-size:14.4px;line-height:1.5;color:var(--t1)}
.news-sum{font-size:11.25px;color:var(--t3);line-height:1.55}
.news-hot,.news-meta{font-size:10.8px}
.news-updated{font-size:10.35px}
.tile .tx b{font-size:16.2px;color:var(--t1)}
.tile .tx .d{font-size:11.7px;color:var(--t3);line-height:1.55}
.tile.soon .tx b{font-size:14.4px}
.tile.soon .tx .d{font-size:10.8px;color:var(--t4)}
.tile .soonbadge{font-size:9.9px}
.tile .free-badge{font-size:9.45px}


#tab-sites .site-card,#tab-reports .site-card{min-height:79.2px;padding:16.2px;border-radius:var(--r-card)}
.site-card-name{font-size:14.4px;font-weight:800;color:var(--t1)}
#tab-sites .site-card .badge-count,#tab-reports .site-card .badge-count{font-size:11.25px;padding:8.1px 9.9px;border-radius:10.8px}
#tab-reports .site-card .badge-count{background:var(--adon-mint-weak);color:var(--adon-mint)}
#tab-sites .site-card .badge-count{background:var(--adon-blue-weak);color:var(--adon-blue)}


#leads-list{padding:5.4px 16.2px}
#leads-list .lead-item{padding:16.2px 2px}
#leads-list .lead-item.is-new{padding-left:10.8px}
.lead-item .lead-top b{font-size:15.3px;font-weight:800;color:var(--t1)}
.lead-item .lead-top small{font-size:10.8px;color:var(--t4)}
.lead-item .lead-top small i{font-style:normal;margin-right:3.6px;color:var(--t4)}
.lead-item .lead-mid{font-size:12.15px;color:var(--t2);margin-top:7.2px;line-height:1.45;display:flex;gap:7.2px}
.lead-item .lead-mid i{color:var(--t4);min-width:79.2px;margin:0;flex:none}
.lead-item .lead-question{font-size:12.6px;line-height:1.55;color:#3f6595;padding:10.8px 12.6px;margin-top:10.8px}
.lead-item .lead-more{font-size:11.7px;font-weight:700;color:var(--adon-brand);margin-top:10.8px}
.is-new .lead-top b::after{content:"NEW";margin-left:6.3px;font-size:9px;font-weight:800;color:#fff;background:var(--adon-brand);border-radius:5.4px;padding:2px 4.5px;vertical-align:3px;letter-spacing:0}


.ad-line,.detail-line{font-size:12.6px;padding:12.6px 0}
.ad-line span,.detail-line .detail-key{font-size:12.15px;color:var(--t4)}
.ad-line b,.detail-line .detail-val{font-size:13.05px;color:var(--t1)}
.detail-label{font-size:12.6px;margin:18px 0 9px}
#detail-card .lead-question{font-size:13.05px;line-height:1.6;color:#3f6595;padding:12.6px}
#detail-card .ad-dual button{font-size:13.05px;padding:13.5px 7.2px;border-radius:12.6px}
#detail-card .ad-dual .btn-call{background:var(--adon-brand);border-color:var(--adon-brand);color:#fff}
.memo-section .memo-item{padding:11.7px 12.6px}
.memo-section .memo-meta{font-size:10.8px}
.memo-section .memo-text{font-size:12.6px;line-height:1.6;color:var(--t1)}
.memo-section .memo-input{font-size:13.05px;padding:12.6px}
.memo-section .memo-save{font-size:13.5px;padding:14.4px}


#report-date-picker{padding:14.4px;border-radius:var(--r-card)}
.report-date-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5.4px;overflow:visible}
.date-preset-btn{font-size:11.7px;padding:8.1px 0;border-radius:10.8px;text-align:center}
.report-date-range-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:5.4px;margin-top:9px}
.report-date-input{height:37.8px;font-size:11.7px;padding:0 5.4px;border-radius:10.8px;color:var(--t1)}
.btn-date-apply{height:37.8px;padding:0 13.5px;font-size:12.6px;border-radius:10.8px;font-weight:800}
.report-performance{padding:18px 16.2px;border-radius:var(--r-card)}
.report-performance > .report-card-title{font-size:14.4px;font-weight:800}
.report-three{gap:7.2px;margin-top:14.4px}
.report-three .report-metric{padding:12.6px 9px;border-radius:12.6px;min-width:0}
.report-three small{font-size:10.8px;color:var(--t3)}
.report-three b{font-size:clamp(15.3px,5.2vw,18.9px);font-weight:800;margin-top:5.4px;font-variant-numeric:tabular-nums}
.report-three b.long{font-size:clamp(11.7px,3.9vw,14.4px)}
.report-three em{font-size:10.8px}
.ad-preview{padding:16.2px;border-radius:var(--r-card)}
.ad-preview .ad-preview-name{font-size:13.05px;font-weight:800}
.ad-preview .placement{font-size:11.25px;display:inline-block;margin:9px 0 10.8px;padding:5.4px 9px;border-radius:7.2px}
.ad-preview .preview-strip{gap:10.8px;padding:2px 2px 5.4px}
.ad-preview .preview-card{background:#f7f8fa;border:0;border-radius:14.4px;padding:9px;box-shadow:none}
.ad-preview .preview-card-label{font-size:10.8px;font-weight:800;color:var(--t2);margin-bottom:7.2px}
.ad-preview .preview-card-frame{border-radius:10.8px;overflow:hidden;background:#fff}
.report-actions.ad-dual{flex-direction:column;gap:9px;margin:9px 0 25.2px}
.report-actions.ad-dual .btn-pdf-download{order:1;font-size:13.5px;padding:14.4px;border-radius:14.4px}
.report-actions.ad-dual .btn-secondary-download{order:2;font-size:12.6px;padding:12.6px;border-radius:14.4px;background:#fff;color:var(--t2);border:1px solid #e3e7ed}


.notif-day{font-size:11.7px}
.notif-row.list-row .notif-row-title{font-size:13.5px}
.notif-row.list-row .notif-row-sub{font-size:11.7px;color:var(--t3)}


.ad-setting-tx b{font-size:14.4px}
.ad-setting-tx small{font-size:11.25px;color:var(--t3)}
.ad-links button{font-size:13.5px}
#tab-settings .btn-logout{color:#c0392b}


.chat-head-title{font-size:16.2px;font-weight:800}
.chat-head-sub{font-size:10.8px}
.chat-head-btn{font-size:11.7px;font-weight:700;padding:8.1px 10.8px}
.chat-welcome-title{font-size:21.6px;font-weight:800}
.chat-welcome-sub{font-size:12.6px;color:var(--t3)}
.chat-suggest{padding:12.6px 12.6px 11.7px;border-radius:18px;border:0}
.chat-suggest b{font-size:13.5px;font-weight:800;color:var(--t1)}
.chat-suggest span{font-size:11.25px;color:var(--t3);line-height:1.5;margin-top:4.5px}
.chat-suggests .chat-suggest:nth-child(7n + 7){background:#fff}
.chat-chip{font-size:11.7px;color:var(--t2);padding:8.1px 11.7px}
.chat-msg.user .chat-bubble{background:#e8eef9;color:var(--t1);font-size:13.5px;line-height:1.6;border-radius:18px 18px 5.4px 18px}
.chat-msg.assistant .chat-bubble{font-size:13.5px;line-height:1.75;color:var(--t1);border-radius:18px 18px 18px 5.4px;padding:14.4px 14.4px}
.chat-bubble ul,.chat-bubble ol{padding-left:18px}
.chat-bubble table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:11.7px;white-space:nowrap}
.chat-bubble th,.chat-bubble td{padding:7.2px 9px;border:1px solid var(--line)}
#chat-input{font-size:13.5px;padding:11.7px 14.4px}
.chat-send{width:43.2px;height:43.2px;border-radius:14.4px}
.chat-foot{font-size:10.35px;color:var(--t4)}
.chat-history-item{padding:14.4px 16.2px}
.chat-history-open b{font-size:13.5px;color:var(--t1)}
.chat-history-open small{font-size:11.25px;color:var(--t4)}
@media (max-height:780px){.chat-suggest span{font-size:10.8px}}


.fpick-title{font-size:18px;font-weight:800;color:var(--t1);margin:3.6px 0 12.6px}
.fpick-group{background:#fff;border-radius:var(--r-card);padding:14.4px 14.4px 16.2px;margin-bottom:10.8px;box-shadow:var(--adon-shadow)}
.fpick-label{display:flex;align-items:center;gap:7.2px;flex-wrap:wrap;font-size:13.5px;font-weight:800;color:var(--t1);margin:0 0 10.8px}
.fpick-label i{font-style:normal;width:19.8px;height:19.8px;border-radius:50%;background:var(--adon-brand);color:#fff;font-size:10.8px;display:grid;place-items:center}
.fpick-label small{font-size:10.8px;font-weight:500;color:var(--t4)}
.fchips{gap:7.2px}
.fchip{min-height:36px;padding:0 13.5px;font-size:12.6px;font-weight:600;border:1px solid #e3e7ed;background:#fff;color:var(--t2);border-radius:18px}
.fchip.on{background:var(--adon-brand);border-color:var(--adon-brand);color:#fff}
.fchip.on::before{content:"✓ ";font-weight:800}
.fpick-hint{font-size:12.15px}

.fl-tabs button{font-size:12.6px;padding:7.2px 12.6px}
.fcard{padding:16.2px;border-radius:var(--r-card)}
.fcard .t b{font-size:15.3px;font-weight:800;color:var(--t1)}
.fcard .s{font-size:11.7px;color:var(--t3);margin-top:3.6px}
.fcard .ffee{background:#fff4e2;border-radius:12.6px;padding:11.7px 12.6px;margin-top:10.8px}
.fcard .ffee .fdesc,.fcard .ffee > span:first-child{font-size:11.7px;color:#7a5520}
.fcard .ffee .fr b{font-size:18px;font-weight:800;color:var(--adon-brand)}
.fcard .ffee.n{background:#f4f6f8}
.fcard .ffee.n .fr b{font-size:12.6px;color:var(--t3)}
.fcard .dfoot{font-size:10.8px;color:var(--t4)}

.fd-card{padding:18px;border-radius:var(--r-card)}
.fd-card h4{font-size:14.4px;font-weight:800;color:var(--t1)}
.fd-kv{font-size:12.6px;padding:10.8px 0}
.fd-kv span:first-child{color:var(--t4)}
.fd-card.fee{background:#fff4e2;border:0}
.fd-card.fee h4{color:#b45309}
.fai-card{padding:16.2px 16.2px 14.4px;border-radius:var(--r-card);border-left:0;position:relative;overflow:hidden}
.fai-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3.6px;background:var(--adon-blue)}
#fieldai-body .fai-card:nth-of-type(2)::before{background:var(--adon-mint)}
#fieldai-body .fai-card:nth-of-type(3)::before{background:var(--adon-brand)}
.fai-card.warn{background:#fff8e8}
.fai-card.warn::before{background:#e0a400}
.fai-card .h{font-size:14.4px;font-weight:800;color:var(--t1)}
.fai-card li{font-size:13.05px;line-height:1.65;color:var(--t2)}


.form-label{font-size:12.6px;font-weight:700;color:var(--t2);display:flex;align-items:center;gap:5.4px}
.form-label .req{font-style:normal;font-size:9.9px;font-weight:800;color:var(--adon-brand);background:var(--adon-brand-weak);padding:2px 5.4px;border-radius:5.4px}
.form-label .opt{font-style:normal;font-size:9.9px;font-weight:700;color:var(--t4);background:#f2f4f6;padding:2px 5.4px;border-radius:5.4px}
.form-input{font-size:13.5px}
.lp-method{border-radius:16.2px;padding:14.4px 12.6px}
.lp-method b{font-size:13.5px}
.lp-method small{font-size:10.8px}
.lp-drop{border-radius:16.2px}
.lp-drop b{font-size:13.5px}
.lp-card{padding:16.2px;border-radius:var(--r-card)}
.lp-card-h b{font-size:15.3px;font-weight:800}
.lp-card-s{font-size:11.7px;color:var(--t3)}
.lp-chip{font-size:10.8px;font-weight:800}
.lp-progress{background:#fff;border-radius:var(--r-card);padding:23.4px 18px;box-shadow:var(--adon-shadow)}
.lp-opt b{font-size:13.5px}
.lp-opt small{font-size:11.25px}
#lpv-body .lp-nm{font-size:21.6px}
#lpv-body .lpc-m{font-size:12.6px;line-height:1.6}
.lp-note{font-size:11.25px}
.btn-primary{font-size:13.5px;border-radius:14.4px}
.btn-primary-sm{font-size:11.7px}
.report-actions.ad-dual{align-items:stretch}
.report-actions.ad-dual button{width:100%;flex:none;max-width:none}
#detail-card .ad-dual button{flex:1 1 0;max-width:none;width:auto;margin:0}
#detail-card .ad-dual.detail-actions{padding:0;display:flex}
@media (max-width:400px){
  .report-date-range-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .btn-date-apply{grid-column:1/-1;width:100%}
  .report-date-input{font-size:12.6px}
}


:root{--adon-bg:#f4f5f8;--mx-ink:#1b2430;--mx-shadow:0 10px 36px rgba(25,33,45,.045)}
body,button,input,textarea,select{font-family:'DM Sans','Noto Sans KR',sans-serif}
body,#screen-main,.screen{letter-spacing:-.055em;color:var(--mx-ink)}
body,.screen,.app-header,.ad-head,.ad-topbar,#screen-main .home-wrap,.home-chat,.chat-messages{background:#f4f5f8}


#screen-main .bottom-nav{left:11.7px;right:11.7px;bottom:max(11.7px,env(safe-area-inset-bottom));background:#fffefaee;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20.7px;box-shadow:0 7px 35px #252d3420;padding:11.7px 4.5px 9.9px;height:auto}
#screen-main .bottom-nav .nav-btn{font-size:9px;font-weight:700;color:#9aa1ab;gap:2.7px;min-height:0;letter-spacing:-.055em}
#screen-main .bottom-nav .nav-btn svg{width:19.8px;height:19.8px;stroke-width:1.8}
#screen-main .bottom-nav .nav-btn.active{color:#941f24}


#screen-main .app-header{padding-top:7.2px}
#screen-main .header-inner{height:57.6px;padding:0 18px}
#screen-main .header-label{font-size:20.7px;font-weight:800;letter-spacing:-.055em;color:var(--mx-ink)}
#screen-main .header-user{display:none}
#screen-main .bell-btn{color:#3d4754;width:30.6px;height:30.6px}
#notif-badge{background:#941f24;font-size:8.1px;min-width:13.5px;height:13.5px;line-height:13.5px;padding:0 3.6px;top:2px;right:0}


.ad-topbar .header-inner{height:auto;padding:12.6px 18px 0}
.ad-back{font-size:18px;font-weight:400;color:#767f8b;letter-spacing:-.055em;padding:0 0 3.6px}
.ad-head{padding:0 18px 9px}
.ad-title{font-size:24.3px;font-weight:800;margin:11.7px 0 6.3px;letter-spacing:-.055em;line-height:1.3}
.ad-sub{font-size:11.7px;color:#8b929d;line-height:1.7;margin:0}
.ad-section{font-size:16.2px;font-weight:800;margin:26.1px 1px 13.5px;letter-spacing:-.055em}
.ad-section small{font-size:10.8px;font-weight:500;color:#8b929d}
.ad-panel{background:#fff;border-radius:21.6px;padding:18.9px;box-shadow:var(--mx-shadow)}


.home-news-head{margin:19.8px 0 12.6px;gap:8.1px}
.home-news-tag{background:#357dd5;font-size:9.9px;font-weight:800;padding:5.4px 7.2px;border-radius:7.2px;letter-spacing:.02em}
.home-news-title{font-size:16.2px;font-weight:700;letter-spacing:-.055em}
.home-news-toggle{font-size:9.9px;color:#8d97a1;font-weight:400}
.news-card{background:#fff;border-radius:23.4px;padding:18.9px 16.2px;min-height:157.5px;gap:6.3px;align-items:center;box-shadow:var(--mx-shadow)}
.news-hot{font-size:9.9px;font-weight:750;color:#e94759}
.news-meta{font-size:9.9px;font-weight:500;color:#8493a0}
.news-title{font-size:14.4px;line-height:1.57;margin:8.1px 0 6.3px;font-weight:700;color:var(--mx-ink)}
.news-sum{font-size:9.9px;line-height:1.6;color:#8b96a3}
.news-img{width:94.5px;height:109.8px;border-radius:18px;background:linear-gradient(145deg,#d6e8ff,#e8efff)}
.news-foot{margin:11.7px 4.5px 18.9px}
.news-dots i{width:5.4px;height:5.4px;background:#d7dfe6}
.news-dots i.on{width:21.6px;background:#377fda}
.news-updated{font-size:9px;color:#969faa}
.home-tiles{gap:9.9px}
.tile{background:#fff;border-radius:20.7px;padding:17.1px 15.3px;gap:12.6px;box-shadow:var(--mx-shadow);letter-spacing:-.05em}
.tile .ic{width:57.6px;height:57.6px;border-radius:17.1px;font-size:27.9px}
.tile.t1 .ic{background:#eaf3fe}.tile.t2 .ic{background:#fff3e4}
.tile .tx b{font-size:16.2px;font-weight:700;color:var(--mx-ink)}
.tile .tx .d{font-size:10.8px;line-height:1.65;color:#939da8;margin-top:3.6px}
.tile .ar{font-size:22.5px;color:#a8aeb5}
.tile .free-badge,.tile .free-badge:not(.used){top:-7.2px;left:-6.3px;background:#e84d5a;font-size:8.1px;font-weight:800;border-radius:9px;padding:3.6px 6.3px}
.tile-row{gap:9px;margin-top:2px}
.tile.soon{padding:17.1px 14.4px 15.3px;min-height:139.5px;border-radius:20.7px}
.tile.soon .ic{width:45px;height:45px;border-radius:13.5px;font-size:24.3px;background:#f4f6f8;margin-bottom:10.8px}
.tile.soon .tx b{font-size:13.5px}
.tile.soon .tx .d{font-size:9.9px;color:#9fa8b1;margin-top:3.6px}
.tile .soonbadge{background:#f4f5f7;color:#aab1b9;padding:4.5px 8.1px;border-radius:18px;font-size:9px;font-weight:400;margin-top:9.9px}


.chat-head{margin-bottom:5.4px;padding:12.6px 18px 0;gap:7.2px}
.chat-head-text::before{width:36.9px;height:36.9px;border-radius:12.6px;background:#941f24;font-size:12.6px;font-weight:800}
.chat-head-title{font-size:15.3px;font-weight:700;letter-spacing:-.055em}
.chat-head-sub{font-size:9px;color:#8c97a4;margin-top:2px}
.chat-head-btn{background:#fff;border:0;padding:8.1px 9px;border-radius:10.8px;color:#667381;font-weight:750;font-size:9.9px;box-shadow:none}
.chat-welcome{padding:19.8px 0 0}
.chat-welcome-title{font-size:20.7px;font-weight:700;letter-spacing:-.055em;margin:0 0 7.2px}
.chat-welcome-sub{font-size:11.7px;color:#747f8d;margin:0 0 20.7px}
.chat-suggests{gap:9px}
.chat-suggest{border:1px solid #edf0f4;border-radius:17.1px;min-height:99.9px;padding:14.4px 11.7px;letter-spacing:-.055em;box-shadow:none}
.chat-suggests .chat-suggest:nth-child(7n + 1){background:#fff6f7}
.chat-suggests .chat-suggest:nth-child(7n + 2){background:#f1f7ff}
.chat-suggests .chat-suggest:nth-child(7n + 3){background:#f2fbf8}
.chat-suggests .chat-suggest:nth-child(7n + 4){background:#fff9ee}
.chat-suggests .chat-suggest:nth-child(7n + 5){background:#f7f3ff}
.chat-suggests .chat-suggest:nth-child(7n + 6){background:#f4f7fb}
.chat-suggests .chat-suggest:nth-child(7n + 7){background:#fff;grid-column:span 2;min-height:81px}
.chat-suggest b{font-size:12.6px;font-weight:700;color:var(--mx-ink)}
.chat-suggest span{font-size:9.9px;color:#86929e;line-height:1.6;margin-top:7.2px;-webkit-line-clamp:2}
.chat-chips{gap:5.4px}
.chat-chip{border:1px solid #e8eaf0;background:#fff;border-radius:18px;padding:7.2px 10.8px;font-size:9.9px;font-weight:400;color:#67788e}
#chat-input{border:1px solid #e8eaed;background:#fff;border-radius:17.1px;padding:12.6px 13.5px;font-size:10.8px}
.chat-send{width:40.5px;height:auto;min-height:40.5px;border-radius:14.4px;background:#941f24}
.chat-foot{font-size:9px;color:#a2aab3;line-height:1.7}
.chat-msg.user .chat-bubble{background:#e4edf9;color:var(--mx-ink);border-radius:17.1px 17.1px 3.6px 17.1px;padding:12.6px;font-size:10.8px;line-height:1.7;max-width:88%}
.chat-msg.assistant .chat-bubble{background:#fff;border-radius:17.1px 17.1px 17.1px 3.6px;padding:14.4px;font-size:10.8px;line-height:1.8;color:var(--mx-ink)}
.chat-bubble table{font-size:9.9px}
.chat-history-item{background:#fff;border-radius:18px;padding:14.4px 16.2px;box-shadow:var(--mx-shadow)}
.chat-history-open b{font-size:12.6px}
.chat-history-open small{font-size:9.9px;color:#8a929b}
@media (max-height:780px){.chat-suggest{min-height:0;padding:9.9px 10.8px}.chat-suggests .chat-suggest:nth-child(7n + 7){min-height:0}.chat-suggest span{-webkit-line-clamp:1}}


#tab-sites .site-card,#tab-reports .site-card{min-height:82.8px;padding:15.3px;border-radius:19.8px;gap:10.8px;margin-bottom:9.9px;box-shadow:var(--mx-shadow);background:#fff}
.site-card-name{font-size:13.5px;font-weight:700;color:var(--mx-ink);letter-spacing:-.055em}
#tab-sites .site-card .badge-count,#tab-reports .site-card .badge-count{background:#f6f7fb;color:#526d93;font-size:9.9px;font-weight:800;border-radius:9.9px;padding:9px 7.2px}


#leads-list{padding:7.2px 15.3px;border-radius:21.6px;box-shadow:var(--mx-shadow)}
#leads-list .lead-item{padding:17.1px 3.6px;border-bottom:1px solid #edf0f3}
#leads-list .lead-item.is-new{border-left:2.7px solid #941f24;padding-left:9.9px}
.is-new .lead-top b::after{content:none}
.lead-item .lead-top b{font-size:14.4px;font-weight:700;color:var(--mx-ink)}
.lead-item .lead-top small{font-size:9.9px;color:#8d99a5}
.lead-item .lead-top small i{display:none}
.lead-item .lead-mid{display:flex;gap:5.4px;font-size:9.9px;color:#8d99a5;margin:4.5px 0 0;line-height:1.55}
.lead-item .lead-top + .lead-mid{margin-top:8.1px}
.lead-item .lead-mid i{min-width:auto;color:#8d99a5;flex:none}
.lead-item .lead-mid i::after{content:"　"}
.lead-item .lead-question{background:#edf5ff;color:#476e9e;border-radius:9.9px;padding:10.8px;font-size:10.8px;line-height:1.6;margin-top:8.1px}
.lead-item .lead-more{font-size:9.9px;font-weight:400;color:#9b4650;margin-top:9px}


.ad-line,.detail-line{padding:11.7px 0;border-bottom:1px solid #f0f1f4;font-size:10.8px}
.ad-line span,.detail-line .detail-key{font-size:10.8px;color:#919ba6}
.ad-line b,.detail-line .detail-val{font-size:10.8px;font-weight:700;color:var(--mx-ink)}
.detail-line .detail-val.blue{color:#3777c7}
.detail-label{font-size:10.8px;font-weight:800;margin:18px 0 9px}
#detail-card .lead-question{font-size:10.8px;line-height:1.6;padding:10.8px;color:#476e9e;border-radius:9.9px}
#detail-card .ad-dual{gap:8.1px;margin-top:16.2px}
#detail-card .ad-dual button,#detail-card .ad-dual .btn-call{background:#fff;border:1px solid #e0e6ef;color:#4d688d;font-size:10.8px;font-weight:800;padding:11.7px 6.3px;border-radius:11.7px}
#detail-card .ad-dual button svg{display:none}
.memo-section .memo-item{background:#f7f8fa;border-radius:11.7px;padding:10.8px}
.memo-section .memo-meta{font-size:9.9px;color:#919ba6}
.memo-section .memo-text{font-size:10.8px;line-height:1.7}
.memo-section .memo-input{border:1px solid #e2e7ed;border-radius:11.7px;padding:10.8px;font-size:10.8px}
.memo-section .memo-save{background:#941f24;border-radius:14.4px;padding:15.3px;font-size:12.6px;font-weight:800;margin-top:18px}


#report-date-picker{background:#fff;padding:14.4px;border-radius:18px;margin-bottom:13.5px;box-shadow:none}
.report-date-presets{display:flex;gap:4.5px;overflow-x:auto}
.date-preset-btn{border:1px solid #e6e8eb;background:#f5f6f8;border-radius:16.2px;padding:7.2px 9px;font-size:9px;color:#7e8794;font-weight:400;flex:none}
.date-preset-btn.selected{background:#fbecef;border-color:#f3d6d9;color:#a43642}
.report-date-range-row{display:flex;gap:4.5px;align-items:center;margin-top:10.8px}
.report-date-input{width:40%;flex:1;height:auto;border:1px solid #e4e9ef;border-radius:8.1px;padding:8.1px 2.7px;font-size:9px}
.report-date-sep{color:#a6afb8}
.btn-date-apply{border:0;border-radius:8.1px;background:#941f24;color:#fff;padding:9px;font-size:9.9px;height:auto;width:auto;grid-column:auto}
.report-performance{padding:17.1px 15.3px;border-radius:19.8px;margin-bottom:10.8px;box-shadow:none}
.report-performance > .report-card-title{font-size:13.5px;font-weight:700}
.report-three{gap:6.3px;margin-top:17.1px}
.report-three .report-metric{padding:11.7px 8.1px;border-radius:11.7px}
.report-three small{font-size:9px;color:#83909e}
.report-three b{font-size:16.2px;margin-top:6.3px;letter-spacing:-.04em;font-weight:700}
.report-three b.long{font-size:12.6px}
.report-three em{font-size:9.9px;color:#929ba4}
.ad-preview{padding:15.3px;border-radius:18px;box-shadow:none}
.ad-preview .ad-preview-name{font-size:10.8px;font-weight:800;line-height:1.6}
.ad-preview .placement{display:block;font-size:9.9px;color:#748496;background:#f3f6f8;padding:8.1px 10.8px;border-radius:8.1px;margin:8.1px 0}
.report-actions.ad-dual{flex-direction:row;gap:8.1px;margin:16.2px 0 21.6px}
.report-actions.ad-dual button{flex:1;width:auto;font-size:10.8px;font-weight:800;padding:11.7px 6.3px;border-radius:11.7px;order:0}
.report-actions.ad-dual .btn-secondary-download{background:#fff;border:1px solid #e0e6ef;color:#4d688d}
.report-actions.ad-dual .btn-pdf-download{background:#941f24;border-color:#941f24;color:#fff}


.notif-day{font-size:10.8px;font-weight:800;color:#8d96a1;padding:14.4px 1px 9px}
.notif-group{border-radius:21.6px;padding:3.6px 18.9px;box-shadow:var(--mx-shadow)}
.notif-row.list-row{gap:12.6px;padding:15.3px 0;border-bottom:1px solid #f0f1f2}
.round-icon{width:42.3px;height:42.3px;border-radius:13.5px;background:#fff2df;font-size:18.9px}
.notif-row.list-row:nth-child(2n) .round-icon{background:#e9f3ff}
.notif-row.list-row .notif-row-title{font-size:12.6px;font-weight:700}
.notif-row.list-row .notif-row-sub{font-size:9.9px;color:#8a929b;margin-top:4.5px;line-height:1.5}
.dot-alone{width:6.3px;height:6.3px;background:#e54450}


#tab-settings .ad-section:first-child{margin-top:3.6px}
.ad-setting-tx b{font-size:12.6px;font-weight:700}
.ad-setting-tx small{font-size:9.9px;color:#919ba6;margin-top:6.3px;line-height:1.6}
.ad-links{padding:3.6px 18.9px}
.ad-links button{padding:15.3px 0;font-size:11.7px;font-weight:400;color:#000;border-bottom:1px solid #eff0f2}
#tab-settings .btn-logout{color:#000}
.toggle-slider{background:#e4e8ed}
input:checked + .toggle-slider,.toggle input:checked + .toggle-slider{background:#941f24}


.fpick-title{font-size:16.2px;font-weight:800;margin:3.6px 0 12.6px}
.fpick-group{border-radius:21.6px;padding:16.2px 16.2px 18px;box-shadow:var(--mx-shadow)}
.fpick-label{font-size:12.6px;font-weight:800}
.fchip{border:1px solid #e4e6ea;background:#fff;padding:9px 12.6px;min-height:0;border-radius:25.2px;font-size:10.8px;font-weight:700;color:#7f8791}
.fchip.on{background:#941f24;border-color:#941f24;color:#fff}
.fcard{border-radius:19.8px;padding:17.1px 15.3px;box-shadow:var(--mx-shadow)}
.fcard .t b{font-size:14.4px;font-weight:700}
.fcard .s{font-size:9.9px;color:#8d99a5}
.fcard .ffee .fr b{font-size:16.2px}
.fcard .ffee .fdesc,.fcard .ffee > span:first-child{font-size:10.8px}
.fd-card{border-radius:21.6px;padding:18.9px;box-shadow:var(--mx-shadow)}
.fd-card h4{font-size:12.6px}
.fd-kv{font-size:10.8px;padding:11.7px 0}
.fai-card{border-radius:19.8px}
.fai-card .h{font-size:12.6px}
.fai-card li{font-size:10.8px;line-height:1.7}


.form-label{font-size:10.8px;font-weight:800;color:#4c5664}
.form-input{font-size:11.7px;border:1px solid #edf0f3;border-radius:14.4px;background:#fff;padding:12.6px 14.4px}
.lp-card{border-radius:19.8px;padding:17.1px 15.3px;box-shadow:var(--mx-shadow)}
.lp-card-h b{font-size:13.5px;font-weight:700}
.lp-card-s{font-size:9.9px}
.lp-method{border-radius:18px}
.lp-method b{font-size:12.6px}
.lp-method small{font-size:9.9px}
.btn-primary{background:#941f24;border-radius:14.4px;padding:15.3px;font-size:12.6px;font-weight:800}
.btn-primary-sm{font-size:10.8px;font-weight:800;border-radius:10.8px}
#screen-main .app-header,.ad-topbar{padding-left:0;padding-right:0;border-bottom:0}
#screen-main .app-header{padding-top:max(7.2px,env(safe-area-inset-top))}



#screen-main.on-home .header-label{font-size:0;letter-spacing:0}
#screen-main.on-home .header-label::before{content:"Ad";font-size:20.7px;font-weight:800;letter-spacing:-.055em;color:#1b2430}
#screen-main.on-home .header-label::after{content:"On.";font-size:20.7px;font-weight:800;letter-spacing:-.055em;color:#941f24}

.home-greet{margin:3.6px 0 18px}
.home-greet .small{color:#78818e;font-size:11.7px;font-weight:600}
.home-greet h2{font-size:22.5px;font-weight:800;margin:8.1px 0 0;letter-spacing:-.06em;line-height:1.43;color:#1b2430}
.home-greet h2 span{color:#941f24}

.home-news-head{margin:0 0 8.1px}
.home-news-title{font-size:13.5px}
.home-news-tag{font-size:9px;padding:3.6px 6.3px;border-radius:6.3px}
.news-card{min-height:0;height:82.8px;padding:10.8px 12.6px;border-radius:16.2px;gap:10.8px;align-items:center}
.news-card-top{margin:0}
.news-hot,.news-meta{font-size:9.45px}
.news-title{font-size:12.6px;line-height:1.45;margin:3.6px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-sum{display:none}
.news-img{width:61.2px;height:61.2px;border-radius:12.6px;flex:none}
.news-foot{margin:8.1px 3.6px 16.2px}

.home-ai{background:linear-gradient(128deg,#272b38,#3b3441);color:#fff;padding:19.8px;border-radius:21.6px;position:relative;overflow:hidden;margin-bottom:5.4px}
.home-ai::after{content:"✦";position:absolute;right:18px;top:11.7px;font-size:83.7px;color:#ffffff0b;line-height:1}
.home-ai .ov{font-size:9.9px;color:#d6b7bb;font-weight:700;letter-spacing:.07em}
.home-ai h3{font-size:17.1px;margin:9px 0 6.3px;font-weight:800;line-height:1.45;color:#fff;letter-spacing:-.055em}
.home-ai p{font-size:10.8px;color:#c5c8d1;margin:0 0 17.1px}
.home-ai button{border:0;background:#fff;color:#25232b;border-radius:9.9px;padding:9.9px 15.3px;font-weight:800;font-size:10.8px;cursor:pointer;font-family:inherit;position:relative;z-index:1}

.home-quick-head{display:flex;align-items:center;justify-content:space-between;margin:26.1px 1px 13.5px}
.home-quick-head strong{font-size:16.2px;font-weight:800;letter-spacing:-.055em}
#home-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6.3px;background:#fff;border-radius:21.6px;padding:18.9px 9px;box-shadow:0 10px 36px rgba(25,33,45,.045);margin-bottom:21.6px}
#home-tiles .tile-row{display:contents}
#home-tiles .tile{order:3;flex-direction:column;align-items:center;justify-content:flex-start;gap:7.2px;background:none;box-shadow:none;border:0;border-radius:0;padding:0;min-height:0;text-align:center;position:relative}
#tile-landing{order:1!important}#tile-image-soon,#tile-image{order:2!important}#tile-fields{order:3!important}#tile-card-soon,#tile-card{order:4!important}
#home-tiles .tile .ic{width:49.5px;height:49.5px;border-radius:15.3px;font-size:21.6px;margin:0;display:grid;place-items:center;position:relative}
#tile-landing .ic{background:#fbf0f1}#tile-image-soon .ic,#tile-image .ic{background:#f0f4fb}#tile-fields .ic{background:#f7f4ec}#tile-card-soon .ic,#tile-card .ic{background:#f0f6f2}
#home-tiles .tile .tx{display:block}
#home-tiles .tile .tx b{font-size:10.35px;font-weight:700;color:#4c5664;letter-spacing:-.06em;white-space:nowrap}
#home-tiles .tile .tx .d,#home-tiles .tile .ar{display:none}
#home-tiles .tile.soon{opacity:1}
#home-tiles .tile.soon .ic{filter:grayscale(.35);opacity:.75}
#home-tiles .tile .soonbadge{position:absolute;top:-5.4px;right:2px;margin:0;font-size:7.65px;padding:2px 4.5px;border-radius:7.2px;background:#eef0f3;color:#8b95a1;font-weight:700;white-space:nowrap}
#home-tiles .tile .free-badge{top:-6.3px;left:-5.4px;font-size:7.65px;padding:2.7px 5.4px}
#home-tiles .tile .soonbadge{position:static;margin-top:-2.7px;font-size:8.1px;padding:2px 5.4px}
.home-greet,.home-ai,.home-quick-head{margin-left:18px;margin-right:18px}
#home-tiles{margin-left:18px;margin-right:18px}


.home-chat:has(.chat-welcome) #chat-chips{display:none}
.chat-suggests .chat-suggest:nth-child(7n + 7){grid-column:auto;min-height:99.9px;background:#fff}


#tab-home .home-wrap > *{flex-shrink:0}
#tab-home .home-wrap{overflow-y:auto;-webkit-overflow-scrolling:touch}
.home-ai{overflow:hidden;min-height:max-content}

#home-tiles .tile .soonbadge{position:absolute;top:-7.2px;left:50%;transform:translateX(-50%);margin:0;font-size:8.1px;padding:2px 5.4px;border-radius:7.2px;background:#eef0f3;color:#8b95a1;font-weight:700;white-space:nowrap;z-index:2}
#home-tiles .tile{padding-top:0}

#screen-leads .main-content,#screen-detail .main-content,#screen-report .main-content{overflow-x:hidden}
#leads-list{box-sizing:border-box;width:100%;max-width:100%;margin-left:0;margin-right:0}
#leads-list .lead-item{max-width:100%;min-width:0;overflow-wrap:anywhere}
.lead-item .lead-top{min-width:0}
.lead-item .lead-top b{min-width:0;overflow-wrap:anywhere}


.ad-top-actions{display:flex;align-items:center;gap:5.4px}
.btn-export{display:inline-flex;align-items:center;gap:3.6px;border:0;background:#eaf8f2;color:#1f7a5c;font-size:10.8px;font-weight:800;padding:7.2px 9.9px;border-radius:10.8px;font-family:inherit;letter-spacing:-.04em;cursor:pointer}
.btn-export:disabled{opacity:.5}

#screen-banner .main-content{padding:3.6px 18px 108px}
#bn-body .lp-steps{margin:0 0 18px}
#bn-body .lp-steps i{height:3.6px;background:#e4e6ea}
#bn-body .lp-steps i.on{background:#941f24}
#bn-body .form-group{margin-bottom:16.2px}
#bn-body .form-label{display:flex;align-items:center;gap:6.3px;font-size:12.6px;font-weight:800;color:#1b2430;margin-bottom:8.1px}
#bn-body .form-label .req{font-style:normal;font-size:9.9px;font-weight:800;color:#941f24;background:#fbecec;padding:2px 5.4px;border-radius:5.4px}
#bn-body .form-label .opt{font-style:normal;font-size:9.9px;font-weight:700;color:#8b929d;background:#eef0f3;padding:2px 5.4px;border-radius:5.4px}
.bn-hint{font-size:10.8px;font-weight:500;color:#9aa1ab}
#bn-body .form-input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #eceef1;border-radius:12.6px;padding:12.6px 14.4px;font-size:13.5px;color:#1b2430;box-shadow:none}
#bn-body textarea.form-input{resize:none;line-height:1.6}
#bn-body .form-input:focus{outline:none;border-color:#941f24}
.bn-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8.1px}
.bn-photo{position:relative;aspect-ratio:1/0.92;border-radius:12.6px;background:#e9ecf0 center/cover no-repeat;border:0;padding:0}
.bn-add{background:#fff;border:1.5px dashed #d3d7dd;color:#a3a9b2;font-size:25.2px;font-weight:300;cursor:pointer}
.bn-empty{background:#f0f2f5}
.bn-x{position:absolute;top:6.3px;right:6.3px;width:21.6px;height:21.6px;border-radius:50%;border:0;background:rgba(27,36,48,.7);color:#fff;font-size:10.8px;line-height:21.6px;padding:0;cursor:pointer}
.bn-chips{display:flex;flex-wrap:wrap;gap:7.2px}
.bn-chip{border:1px solid #e1e4e8;background:#fff;color:#4a5462;border-radius:899.1px;padding:8.1px 12.6px;font-size:11.7px;font-weight:600;cursor:pointer}
.bn-chip.on{background:#941f24;border-color:#941f24;color:#fff;font-weight:800}
.bn-next{width:100%;margin-top:7.2px;background:#941f24;border:0;color:#fff;border-radius:14.4px;padding:15.3px;font-size:14.4px;font-weight:800}
.bn-next:disabled{background:#c9ccd1}
.bn-set{display:flex;align-items:flex-start;gap:10.8px;width:100%;text-align:left;background:#fffaf0;border:1.5px solid #f3e1b8;border-radius:16.2px;padding:14.4px;margin-bottom:14.4px;cursor:pointer}
.bn-set.on{border-color:#941f24}
.bn-star{font-size:18px;line-height:1.2}
.bn-set>span:nth-child(2){flex:1;min-width:0}
.bn-set b{display:block;font-size:13.5px;font-weight:800;color:#1b2430}
.bn-set em{font-style:normal;font-size:9.9px;font-weight:800;background:#f2a71b;color:#fff;border-radius:5.4px;padding:2px 5.4px;margin-left:3.6px;vertical-align:1px}
.bn-set small{display:block;font-size:10.8px;color:#7d848e;line-height:1.6;margin-top:4.5px}
.bn-ck{flex-shrink:0;width:19.8px;height:19.8px;border-radius:6.3px;border:1.5px solid #d3d7dd;background:#fff;font-style:normal;font-size:11.7px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center}
.bn-ck.on{background:#941f24;border-color:#941f24}
.bn-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6.3px;margin-bottom:12.6px}
.bn-tabs button{border:1px solid #eceef1;background:#fff;color:#5b6470;border-radius:10.8px;padding:9.9px 2px;font-size:11.7px;font-weight:700;white-space:nowrap;cursor:pointer}
.bn-tabs button.on{background:#941f24;border-color:#941f24;color:#fff;font-weight:800}
.bn-row{display:flex;align-items:center;gap:12.6px;width:100%;text-align:left;background:#fff;border:1.5px solid #fff;border-radius:14.4px;padding:14.4px;margin-bottom:9px;box-shadow:0 10px 36px rgba(25,33,45,.045);cursor:pointer}
.bn-row.on{border-color:#941f24}
.bn-shape{flex-shrink:0;background:#e3e8f2;border-radius:4.5px;display:block}
.bn-row-tx{flex:1;min-width:0}
.bn-row-tx b{display:block;font-size:13.5px;font-weight:800;color:#1b2430}
.bn-row-tx small{display:block;font-size:10.8px;color:#9aa1ab;margin-top:3.6px}
.bn-more{display:block;margin:3.6px auto 0;background:none;border:0;color:#3d6fd8;font-size:11.7px;font-weight:700;padding:7.2px;cursor:pointer}
.bn-foot{text-align:center;font-size:10.8px;color:#8b929d;margin:18px 0 9px;line-height:1.5}
.bn-prog{background:#fff;border-radius:19.8px;padding:27px 18px 21.6px;box-shadow:0 10px 36px rgba(25,33,45,.045);text-align:center}
.bn-prog-ic{font-size:36px;margin-bottom:10.8px}
.bn-prog>b{display:block;font-size:15.3px;font-weight:800;color:#1b2430}
.bn-prog>small{display:block;font-size:10.8px;color:#8b929d;margin-top:6.3px}
.bn-bar{height:4.5px;background:#eceef1;border-radius:2.7px;margin:19.8px 0 18px;overflow:hidden}
.bn-bar i{display:block;height:100%;width:8%;background:#941f24;border-radius:2.7px;transition:width 1.8s ease}
.bn-steps{text-align:left}
.bn-st{display:flex;align-items:center;gap:9px;font-size:12.6px;color:#6b7380;padding:6.3px 0}
.bn-st i{width:19.8px;height:19.8px;border-radius:50%;background:#e4e6ea;color:#fff;font-style:normal;font-size:9.9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bn-st.done i{background:#22b07d}
.bn-st.now{color:#1b2430;font-weight:800}
.bn-st.now i{background:#941f24}
.bn-note{text-align:center;font-size:10.8px;color:#9aa1ab;margin-top:18px;line-height:1.6}
.bn-trial{background:#fff4dd;color:#b26a00;font-size:10.8px;font-weight:800;text-align:center;border-radius:10.8px;padding:9.9px;margin-bottom:10.8px}
.bn-ab{display:flex;gap:7.2px;overflow-x:auto;margin-bottom:10.8px;scrollbar-width:none}
.bn-ab::-webkit-scrollbar{display:none}
.bn-ab button{flex:1 0 auto;min-width:64.8px;border:1.5px solid #eceef1;background:#fff;color:#5b6470;border-radius:10.8px;padding:9.9px 9px;font-size:11.7px;font-weight:700;cursor:pointer;white-space:nowrap}
.bn-ab button.on{border-color:#941f24;color:#941f24;background:#fff7f7;font-weight:800}
.bn-frame{position:relative;width:100%;border-radius:14.4px;overflow:hidden;background:#1d2532;max-height:62vh}
.bn-frame img{width:100%;height:100%;object-fit:cover;display:block}
.bn-cg{position:absolute;top:8.1px;right:8.1px;background:rgba(0,0,0,.45);color:#fff;font-size:9px;font-weight:800;border-radius:4.5px;padding:2px 5.4px}
.bn-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#cfd5de;font-size:11.7px}
.bn-band-tx{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 6%;background:linear-gradient(90deg,rgba(8,16,31,.85),rgba(8,16,31,0) 65%);color:#fff}
.bn-band-tx small{color:#e8c77a;font-size:9.9px;font-weight:700}
.bn-band-tx b{font-size:18px;font-weight:800;line-height:1.25;margin:2px 0}
.bn-band-tx em{font-style:normal;font-size:10.8px;font-weight:800}
.bn-meta{font-size:10.8px;color:#9aa1ab;margin:7.2px 2px 10.8px}
.bn-check{background:#fff;border-radius:14.4px;padding:13.5px;margin-bottom:10.8px;box-shadow:0 10px 36px rgba(25,33,45,.045)}
.bn-check b{display:block;font-size:12.6px;font-weight:800}
.bn-check span{display:block;font-size:10.8px;color:#8b929d;margin:3.6px 0 9.9px}
.bn-check div{display:flex;gap:7.2px}
.bn-check button{flex:1;border:0;border-radius:9.9px;padding:9.9px 3.6px;font-size:11.7px;font-weight:800;cursor:pointer}
.bn-check .ok{background:#e7f8ef;color:#13804f}
.bn-check .ng{background:#fdeeee;color:#b4232a}
.bn-act{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7.2px}
.bn-act button{border:1px solid #eceef1;background:#fff;color:#1b2430;border-radius:12.6px;padding:12.6px 3.6px;font-size:11.7px;font-weight:800;cursor:pointer;white-space:nowrap}
.bn-act button.p{background:#941f24;border-color:#941f24;color:#fff}
.bn-left{text-align:center;font-size:10.8px;color:#8b929d;margin:9px 0}
.bn-dash{width:100%;border:1.5px dashed #d3d7dd;background:transparent;color:#941f24;border-radius:12.6px;padding:12.6px;font-size:12.6px;font-weight:800;cursor:pointer}
.bn-sec{font-size:12.6px;font-weight:800;margin:18px 1px 9px}
.bn-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8.1px}
.bn-thumb{background:#fff;border:1.5px solid #fff;border-radius:11.7px;padding:6.3px;cursor:pointer;box-shadow:0 10px 36px rgba(25,33,45,.045)}
.bn-thumb.on{border-color:#941f24}
.bn-thumb i{display:block;aspect-ratio:16/10;border-radius:7.2px;background:#e3e8f2 center/cover no-repeat}
.bn-thumb small{display:block;font-size:9.9px;color:#7d848e;margin-top:4.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-sheet{position:fixed;inset:0;z-index:300}
.bn-sheet.hidden{display:none}
.bn-dim{position:absolute;inset:0;background:rgba(20,26,35,.45)}
.bn-panel{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow-y:auto;background:#fff;border-radius:21.6px 21.6px 0 0;padding:10.8px 18px max(18px,env(safe-area-inset-bottom));box-sizing:border-box}
.bn-grip{width:36px;height:3.6px;border-radius:2px;background:#dfe2e6;margin:0 auto 14.4px}
.bn-panel .form-label{display:flex;align-items:center;gap:6.3px;font-size:12.6px;font-weight:800;margin:3.6px 0 8.1px}
.bn-panel .form-label .opt{font-style:normal;font-size:9.9px;font-weight:700;color:#8b929d;background:#eef0f3;padding:2px 5.4px;border-radius:5.4px}
.bn-opt3{display:grid;grid-template-columns:repeat(3,1fr);gap:7.2px;margin-bottom:14.4px}
.bn-opt3 button,.bn-size-list button{border:1.5px solid #eceef1;background:#fff;color:#4a5462;border-radius:10.8px;padding:10.8px 3.6px;font-size:11.7px;font-weight:700;cursor:pointer}
.bn-opt3 button.on,.bn-size-list button.on{border-color:#941f24;color:#941f24;background:#fff7f7;font-weight:800}
.bn-size-list{display:flex;flex-direction:column;gap:6.3px;margin-bottom:12.6px}
.bn-size-list button{text-align:left;padding:10.8px 12.6px}
.bn-size-list b{display:block;font-size:12.6px;color:#1b2430}
.bn-size-list small{display:block;font-size:10.8px;color:#9aa1ab;margin-top:2.7px}
.bn-panel .form-input{width:100%;box-sizing:border-box;border:1px solid #eceef1;border-radius:12.6px;padding:12.6px 14.4px;font-size:13.5px;resize:none;background:#fafbfc}
.bn-panel .btn-primary{width:100%;background:#941f24;border:0;color:#fff;border-radius:14.4px;padding:14.4px;font-size:14.4px;font-weight:800;margin-top:3.6px}
.bn-panel .btn-primary:disabled{opacity:.7}
.bn-cancel{width:100%;margin-top:7.2px;border:0;background:none;color:#8b929d;font-size:12.6px;padding:9px}
#tile-image .free-badge{z-index:2}

#screen-card .main-content{padding:3.6px 18px 108px}
#cd-body .lp-steps{margin:0 0 18px}
#cd-body .lp-steps i{height:3.6px;background:#e4e6ea}
#cd-body .lp-steps i.on{background:#941f24}
#cd-body .form-label{display:flex;align-items:center;gap:6.3px;font-size:12.6px;font-weight:800;color:#1b2430;margin-bottom:8.1px}
#cd-body .form-label .req{font-style:normal;font-size:9.9px;font-weight:800;color:#941f24;background:#fbecec;padding:2px 5.4px;border-radius:5.4px}
.cd-photo{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:16.2px;overflow:hidden;background:#e9ecf0;border:0;padding:0}
.cd-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cd-add{background:#fff;border:1.5px dashed #d3d7dd;color:#8b929d;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.6px}
.cd-add b{font-size:30.6px;font-weight:300;line-height:1}.cd-add span{font-size:12.6px;font-weight:700}
.cd-tip{font-size:10.8px;color:#6b7380;background:#fff;border-radius:12.6px;padding:10.8px 12.6px;margin-top:10.8px;line-height:1.65}
.cd-tip b{color:#1b2430}
.cd-rows{background:#fff;border-radius:16.2px;padding:2px 14.4px;box-shadow:0 10px 36px rgba(25,33,45,.045)}
.cd-row{display:flex;align-items:center;gap:9px;padding:12.6px 0 10.8px;border-top:1px solid #f0f2f5;font-size:12.6px}
.cd-rows>.cd-row:first-child{border-top:0}
.cd-ck{flex-shrink:0;width:21.6px;height:21.6px;border-radius:6.3px;border:1.5px solid #d3d7dd;background:#fff;color:#fff;font-size:12.6px;font-weight:800;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cd-row.on .cd-ck{background:#941f24;border-color:#941f24}
.cd-k{width:52.2px;flex-shrink:0;font-size:10.8px;font-weight:700;color:#8b929d;cursor:pointer}
.cd-o{flex:1;min-width:0;color:#1b2430;word-break:break-all;cursor:pointer}
.cd-row.on .cd-o{color:#aab1b9;text-decoration:line-through}
.cd-new{display:flex;align-items:center;gap:6.3px;padding:0 0 11.7px 30.6px}
.cd-ar{color:#c0c6cd;font-size:11.7px}
.cd-in{flex:1;min-width:0;border:1px solid #f1d3d5;background:#fbf2f2;border-radius:9.9px;padding:9.9px 10.8px;font-size:13.5px;font-weight:800;color:#941f24;box-sizing:border-box}
.cd-in::placeholder{color:#d2a7aa;font-weight:600}
.cd-in:focus{outline:none;border-color:#941f24}
.cd-del,.cd-undo{flex-shrink:0;border:1px solid #e4e6ea;background:#fff;color:#6b7380;border-radius:9.9px;padding:9.9px 9.9px;font-size:11.7px;font-weight:700;cursor:pointer}
.cd-delon{flex:1;background:#941f24;color:#fff;border-radius:9.9px;padding:9.9px 10.8px;font-size:12.6px;font-weight:800}
.cd-lab{font-size:11.7px;font-weight:800;color:#6b7380;margin:5.4px 2px 7.2px}
.cd-frame{position:relative;width:100%;border-radius:10.8px;overflow:hidden;background:#e9ecf0;box-shadow:0 8px 24px rgba(25,33,45,.12);margin-bottom:12.6px;max-height:56vh}
.cd-frame img{width:100%;height:100%;object-fit:cover;display:block}
.cd-frame.old{opacity:.6;box-shadow:none}
.cd-frame .bn-loading{color:#8b929d}
.cd-act{grid-template-columns:1fr 1fr}

.home-adprod{display:flex;align-items:center;width:100%;text-align:left;border:0;background:#fff;border-radius:19.8px;padding:16.2px 18px;margin-top:10.8px;box-shadow:0 10px 36px rgba(25,33,45,.045);cursor:pointer;flex-shrink:0}
.home-adprod .hap-tx{flex:1;min-width:0}
.home-adprod small{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#941f24}
.home-adprod b{display:block;font-size:15.3px;font-weight:800;color:#1b2430;margin:2.7px 0 3.6px}
.home-adprod .hap-tx>span{display:block;font-size:10.8px;color:#8b929d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-adprod .hap-ar{font-size:21.6px;color:#b0b6be;margin-left:9px}

#screen-adprod .header-inner{display:flex;justify-content:space-between;align-items:center}
.ap-cnt{font-size:10.8px;font-weight:800;color:#941f24;background:#fbecec;border-radius:18px;padding:5.4px 9.9px}
#screen-adprod .main-content{padding:0 14.4px 108px}
.ap-head{padding:2px 3.6px 12.6px}.ap-head .ad-title{margin:5.4px 0 5.4px}
.ap-logo{display:block;height:15.3px;width:auto;max-width:99px;object-fit:contain;object-position:left}
.ap-word{display:block;font-size:15.3px;font-weight:900;letter-spacing:-.02em;line-height:1}
.ap-mc{display:flex;align-items:center;width:100%;text-align:left;border:1.5px solid #fff;background:#fff;border-radius:19.8px;padding:14.4px 9px 14.4px 16.2px;margin-bottom:9.9px;box-shadow:0 10px 36px rgba(25,33,45,.045);min-height:111.6px;cursor:pointer;overflow:hidden}
.ap-mc:active,.ap-mc.on{border-color:#941f24}
.ap-mc,.ap-row{transition:border-color .12s}
.ap-mc .ap-tx{flex:1;min-width:0;position:relative;z-index:1}
.ap-mc .ap-tx b{display:block;font-size:16.2px;font-weight:800;color:#1b2430;margin:6.3px 0 4.5px}
.ap-mc .ap-tx small{display:block;font-size:11.25px;color:#7d848e;line-height:1.5}
.ap-n{position:absolute;top:0;left:0;transform:translateX(0);font-style:normal}
.ap-mc .ap-logo+.ap-n,.ap-mc .ap-word+.ap-n{position:static;display:inline-block;font-size:9.9px;font-weight:800;color:#6b7380;background:#eef0f3;border-radius:5.4px;padding:2px 6.3px;margin-top:5.4px}
.ap-lmsbtn{display:inline-block;margin-top:8.1px;background:#941f24;color:#fff;font-size:11.25px;font-weight:800;border-radius:9px;padding:7.2px 12.6px}
.ap-im{position:relative;width:118.8px;height:97.2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ap-im i{position:absolute;right:5.4px;top:3.6px;width:99px;height:90px;border-radius:50%;opacity:.6}
.ap-im img{position:relative;max-width:118.8px;max-height:97.2px;object-fit:contain}
.ap-ar{font-size:21.6px;color:#b0b6be;margin-left:2px;flex-shrink:0}
.ap-row{display:flex;align-items:center;gap:12.6px;width:100%;text-align:left;border:1.5px solid #fff;background:#fff;border-radius:18px;padding:11.7px 12.6px;margin-bottom:9px;box-shadow:0 10px 36px rgba(25,33,45,.045);cursor:pointer}
.ap-row img{width:64.8px;height:55.8px;object-fit:contain;flex-shrink:0}
.ap-row .ap-tx{flex:1;min-width:0}
.ap-row b{display:block;font-size:14.4px;font-weight:800;color:#1b2430}
.ap-row small{display:block;font-size:10.8px;color:#8b929d;margin-top:2.7px}
.ap-row em{display:block;font-style:normal;font-size:11.25px;font-weight:800;color:#941f24;margin-top:4.5px}
.ap-hero{height:207px;border-radius:21.6px;background:linear-gradient(160deg,#eef1f6,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:3.6px}
.ap-hero img{max-height:189px;max-width:90%;object-fit:contain}
.ap-dhead{padding:14.4px 3.6px 0}.ap-dhead .ad-title{margin:7.2px 0 0}
.ap-desc{font-size:12.15px;color:#4a5462;line-height:1.75;margin:9px 3.6px 12.6px}
.ap-grid{background:#fff;border-radius:18px;padding:3.6px 14.4px;display:grid;grid-template-columns:1fr 1fr;column-gap:14.4px}
.ap-grid div{padding:10.8px 0;border-bottom:1px solid #f0f2f5}
.ap-grid div:nth-last-child(-n+2){border-bottom:0}
.ap-grid i{display:block;font-style:normal;font-size:10.35px;font-weight:700;color:#9aa1ab}
.ap-grid span{display:block;font-size:12.6px;font-weight:700;color:#1b2430;margin-top:3.6px;line-height:1.45;word-break:keep-all}
.ap-grid .price span{color:#941f24}
.ap-feat{margin-top:10.8px;background:#fbf2f2;border-radius:14.4px;padding:11.7px 14.4px;font-size:12.15px;font-weight:800;color:#941f24;line-height:1.5}
.ap-feat em{font-style:normal;background:#941f24;color:#fff;border-radius:6.3px;padding:2px 7.2px;margin-right:8.1px;font-size:10.35px}
.ap-note{font-size:10.35px;color:#9aa1ab;margin:9px 3.6px 14.4px}
.ap-cta{display:flex;gap:7.2px}
.ap-cta button{flex:1;border-radius:14.4px;padding:14.4px 0;font-size:13.5px;font-weight:800;cursor:pointer}
.ap-b1{background:#941f24;border:0;color:#fff;flex:2!important}
.ap-b2{background:#fff;border:1.5px solid #941f24;color:#941f24}
.ap-panel .form-label{display:flex;align-items:center;gap:6.3px;font-size:12.6px;font-weight:800;margin:12.6px 0 7.2px}
.ap-panel .form-label .opt{font-style:normal;font-size:9.9px;font-weight:700;color:#8b929d;background:#eef0f3;padding:2px 5.4px;border-radius:5.4px}
.ap-panel .form-input{width:100%;box-sizing:border-box;border:1px solid #eceef1;border-radius:12.6px;padding:11.7px 13.5px;font-size:13.5px;background:#fafbfc;resize:none}
.ap-panel .btn-primary{width:100%;background:#941f24;border:0;color:#fff;border-radius:14.4px;padding:14.4px;font-size:14.4px;font-weight:800;margin-top:16.2px}
.ap-st{font-size:17.1px;font-weight:800}
.ap-ss{font-size:11.25px;color:#8b929d;margin-top:3.6px;line-height:1.5}
.ap-selc{font-size:10.8px;font-weight:800;color:#941f24}
.ap-gl{display:flex;justify-content:space-between;align-items:center;font-size:10.8px;font-weight:800;color:#6b7380;margin:10.8px 0 6.3px}
.ap-gl button{border:0;background:none;color:#3d6fd8;font-size:10.8px;font-weight:700;padding:0;cursor:pointer}
.ap-ch{display:flex;flex-wrap:wrap;gap:5.4px}
.ap-ch button{border:1.5px solid #eceef1;background:#fff;color:#5b6470;border-radius:9.9px;padding:7.2px 9.9px;font-size:11.7px;font-weight:700;cursor:pointer}
.ap-ch button.on{border-color:#941f24;color:#941f24;background:#fff7f7;font-weight:800}

.home-greet{position:relative}
.home-lms{position:absolute;right:-7.2px;top:14.4px;width:clamp(124.2px,45%,208.8px);aspect-ratio:580/245;border:0;padding:0;margin:0;background:transparent;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}
.home-lms img{position:absolute;pointer-events:none;user-select:none;-webkit-user-drag:none}
.home-lms .hl-glow,.home-lms .hl-gfx{inset:0;width:100%;height:100%;object-fit:contain}
.home-lms .hl-glow{z-index:0}.home-lms .hl-gfx{z-index:1}
.home-lms .hl-phone{z-index:2;width:46%;height:auto;left:1%;top:0;transform-origin:50% 53%;animation:hlFloat 4s ease-in-out infinite;filter:drop-shadow(0 6px 8px rgba(47,32,58,.08));will-change:transform}
.home-lms .hl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.home-lms:focus-visible{outline:3px solid #941f24;outline-offset:3.6px;border-radius:10.8px}
.home-lms:active{transform:scale(.98)}
@keyframes hlFloat{0%,100%{transform:translate3d(0,2px,0) rotate(-1deg)}50%{transform:translate3d(0,-5px,0) rotate(1deg)}}
@media (prefers-reduced-motion: reduce){.home-lms .hl-phone{animation:none}}
.ap-row:active,.ap-row.on{border-color:#941f24}
.ap-sido{display:flex;gap:5.4px;overflow-x:auto;padding-bottom:3.6px;margin-bottom:7.2px;scrollbar-width:none}
.ap-sido::-webkit-scrollbar{display:none}
.ap-sido button{flex-shrink:0;border:1.5px solid #eceef1;background:#fff;color:#5b6470;border-radius:18px;padding:6.3px 11.7px;font-size:11.7px;font-weight:700;cursor:pointer}
.ap-sido button.on{background:#941f24;border-color:#941f24;color:#fff}
.ap-gu{max-height:153px;overflow-y:auto;padding:2px 0}
.ap-guhint{font-size:11.25px;color:#9aa1ab;padding:5.4px 2px}
.ap-regsel{display:flex;flex-wrap:wrap;gap:5.4px;margin-bottom:7.2px}
.ap-regsel:empty{display:none}
.ap-regsel button{border:0;background:#941f24;color:#fff;border-radius:18px;padding:5.4px 9.9px;font-size:11.25px;font-weight:700;cursor:pointer}
.ap-promo{display:flex;align-items:center;gap:10.8px;background:linear-gradient(100deg,#fffaf6,#fde8de);border-radius:16.2px;padding:11.7px 13.5px;margin:0 0 10.8px;box-shadow:0 8px 24px -10px rgba(148,31,36,.25)}
.ap-pt{width:32.4px;height:32.4px;border-radius:9.9px;background:#941f24;color:#fff;font-weight:900;font-size:16.2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ap-promo b{display:block;font-size:13.05px;color:#2a1d1b}
.ap-promo small{display:block;font-size:10.35px;color:#7a6a66;margin-top:2px}
#tab-home .home-wrap.promo-pad::after{content:"";display:block;flex:0 0 140px;height:126px;width:100%}

.home-lms .hl-ripple{position:absolute;z-index:3;left:39.9%;top:80%;width:0;height:0;pointer-events:none}
.home-lms .hl-ripple i{position:absolute;left:-15.3px;top:-5.4px;width:30.6px;height:10.8px;border-radius:50%;border:2px solid rgba(226,58,46,.9);background:rgba(226,58,46,.12);opacity:0;animation:hlRipple 2.6s ease-out infinite}
.home-lms .hl-ripple i+i{animation-delay:.55s}
@keyframes hlRipple{0%{transform:scale(.25);opacity:1}60%{opacity:.45}100%{transform:scale(2.2);opacity:0}}
.home-lms .hl-gfx{z-index:2}.home-lms .hl-phone{z-index:4}
.home-lms .hl-free{position:absolute;z-index:5;right:2px;top:-10.8px;background:#941f24;color:#fff;font-size:9.9px;font-weight:800;letter-spacing:-.03em;line-height:1;padding:5.4px 8.1px;border-radius:9.9px 9.9px 9.9px 2.7px;white-space:nowrap;box-shadow:0 4px 10px -3px rgba(148,31,36,.45);pointer-events:none}
@media (prefers-reduced-motion: reduce){.home-lms .hl-ripple i{animation:none;opacity:0}}

#fields-list-view .fl-top{display:flex;gap:7.2px;align-items:stretch;position:relative;z-index:6}
.fl-regwrap{flex:1;position:relative;min-width:0}
#fields-list-view .fl-region{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1.5px solid #941f24;border-radius:12.6px;padding:10.8px 12.6px;font-size:13.5px;font-weight:800;color:#941f24;cursor:pointer}
.fl-region .fl-caret{transition:transform .15s}.fl-region.open .fl-caret{transform:rotate(180deg)}
#fields-list-view .fl-sort{background:#fff;border:0;border-radius:12.6px;padding:0 10.8px;font-size:11.7px;font-weight:700;color:#5b6470}
.fl-dd{position:absolute;left:0;right:0;top:calc(100% + 5.4px);background:#fff;border-radius:14.4px;box-shadow:0 16px 40px rgba(20,26,35,.18);padding:5.4px;max-height:min(62vh,423px);overflow-y:auto;z-index:7;animation:flDd .14s ease-out}
@keyframes flDd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.fl-dd button{display:flex;align-items:center;gap:7.2px;width:100%;border:0;background:none;text-align:left;padding:9.9px 10.8px;border-radius:9px;font-size:13.5px;font-weight:700;color:#1b2430;cursor:pointer}
.fl-dd button em{font-style:normal;font-size:11.25px;color:#9aa1ab;margin-left:auto}
.fl-dd button i{font-style:normal;color:#941f24;font-weight:900}
.fl-dd button.on{background:#fbf2f2;color:#941f24}
.fl-dd button.z{color:#c3c8cf}.fl-dd button.z em{color:#d3d7dd}
.fl-dd button:active{background:#f4f5f8}
.fl-dim{position:fixed;inset:0;background:rgba(20,26,35,.12);z-index:5}
#fields-list-view .fl-tabs{margin:10.8px 0}
.fc-top{display:flex;justify-content:space-between;align-items:center;gap:7.2px;margin-bottom:8.1px}
.fc-loc{font-size:10.8px;font-weight:800;color:#5b6470;background:#eef0f3;border-radius:7.2px;padding:3.6px 8.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fields-list-view .fcard .t b{font-size:17.1px;font-weight:800;color:#1b2430}
#fields-list-view .fcard .s{font-size:10.8px;color:#8d99a5;margin-top:2.7px}