*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --color-bg: #f8f9fa;
  --color-surface: #ffffff;
  --color-text: #1a1a2e;
  --color-text-secondary: #6b7280;
  --color-border: #e5e7eb;
  --color-accent: #3b82f6;
  --color-tag-bg: #eff6ff;
  --color-tag-text: #1d4ed8;
  --color-next-bg: #f0fdf4;
  --color-next-border: #bbf7d0;
  --color-author-bg: #f9fafb;
  --color-badge-new-bg: #fee2e2;
  --color-badge-new-text: #dc2626;
  --color-badge-updated-bg: #fef3c7;
  --color-badge-updated-text: #d97706;
  --color-unread-border: #3b82f6;
  --color-unread-bg: #f0f7ff;
  --color-cta-bg: #3b82f6;
  --color-cta-text: #ffffff;
  --color-cta-hover: #2563eb;
  --image-aspect-ratio: 1.91 / 1;
  --radius: 8px;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
}

.app-shell {
  max-width: 1340px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.app-header {
  margin-bottom: 2rem;
}

.app-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.app-beta {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--color-text-secondary);
}

.app-subtitle {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
}

.app-title-link {
  text-decoration: none;
  color: inherit;
}

.app-footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  font-size: 0.75rem;
  text-align: center;
}

.app-footer-links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}

.app-footer-links a {
  color: var(--color-text-secondary);
  text-decoration: none;
}

.app-footer-links a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.app-footer-report {
  background: none;
  border: 1px solid #dc2626;
  color: #dc2626;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius);
  cursor: pointer;
  font-size: 0.75rem;
}
.app-footer-report:hover {
  background: #dc2626;
  color: white;
}

.app-footer-meta {
  color: var(--color-text-secondary);
  font-size: 0.7rem;
  font-family: monospace;
  opacity: 0.6;
}

.app-footer-copy {
  color: var(--color-text-secondary);
}

/* Catalog Grid */
.catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}

/* Card */
.card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card-body {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.25rem;
  flex: 1;
}

/* Card image (hero) */
.card-image {
  width: 100%;
  background: var(--color-bg);
  position: relative;
}

.card-image:has(img) {
  background: #000;
}

.card-image:has(img)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--radius);
  background: #000;
  z-index: 1;
}

.card-image img {
  width: 100%;
  display: block;
}

.card-image--generated {
  aspect-ratio: var(--image-aspect-ratio);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.card-image--generated-new {
  background: #3b82f6;
}

.card-image--generated-updated {
  background: #f59e0b;
}

.card-image--generated-default {
  background: #6b7280;
}

.card-image-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  word-break: break-word;
}

.card-image--demo {
  position: relative;
}

.card-image--demo::after {
  content: '- Demo -';
  position: absolute;
  bottom: calc(0.5rem + 8px);
  right: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #9ca3af;
  background: rgba(255, 255, 255, 0.85);
  padding: 0.25rem 1rem;
  border-radius: 999px;
  pointer-events: none;
}

/* Unread highlight */
.card--unread {
  border-left: 3px solid var(--color-unread-border);
  background: var(--color-unread-bg);
}

.card-header {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.card-header-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
}

.card-header-owner {
  font-size: 0.8rem;
  color: var(--color-text-secondary);
}

.card-header-badges {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
}

/* Badge */
.card-badge {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.card-badge--new {
  background: var(--color-badge-new-bg);
  color: var(--color-badge-new-text);
}

.card-badge--updated {
  background: var(--color-badge-updated-bg);
  color: var(--color-badge-updated-text);
}

.card-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.card-lifecycle {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.card-lifecycle--production {
  background: #dcfce7;
  color: #166534;
}

.card-lifecycle--experimental {
  background: #fef3c7;
  color: #92400e;
}

.card-lifecycle--deprecated {
  background: #fee2e2;
  color: #991b1b;
}

.card-lifecycle--archived {
  background: #f3f4f6;
  color: #6b7280;
}

/* Release info */
.card-release {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.card-release-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}

.card-type-badge {
  font-size: 0.7rem;
  background: var(--color-tag-bg);
  color: var(--color-text-secondary);
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  margin-left: auto;
}

.card-version {
  font-weight: 600;
  color: var(--color-accent);
}

.card-date {
  color: var(--color-text-secondary);
}

.card-headline {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--color-text);
}

/* Next release */
.card-next {
  background: var(--color-next-bg);
  border: 1px solid var(--color-next-border);
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.card-next-meta {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: var(--color-text-secondary);
}

.card-next-label {
  font-weight: 600;
}

.card-next-date {
  font-size: 0.7rem;
}

.card-next-headline {
  font-size: 0.8rem;
  color: var(--color-text);
}

/* Description */
.card-description {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
}

.card-description--small {
  font-size: 0.75rem;
}

.card-meta {
  display: flex;
  gap: 0.75rem;
  font-size: 0.8rem;
  color: var(--color-text-secondary);
  min-width: 0;
}

.card-owner {
  color: var(--color-text-secondary);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-owner:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.card-owner::before {
  content: '@ ';
}

.card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.card-tag {
  font-size: 0.75rem;
  background: var(--color-tag-bg);
  color: var(--color-tag-text);
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
}

/* Links */
.card-links-section {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.card-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.card-link-btn {
  font-size: 0.75rem;
  color: var(--color-text-secondary);
  background: var(--color-tag-bg);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius);
  text-decoration: none;
  border: 1px solid var(--color-border);
}

.card-links-section--demo a {
  pointer-events: none;
}

.card-link-btn:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.card-contact {
  font-size: 1rem;
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.15s;
}

.card-contact:hover {
  opacity: 1;
}

/* Author (Jump-style) */
.card-author-spacer {
  flex: 1;
}

.card-author {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-top: 1px solid var(--color-border);
  background: var(--color-author-bg);
  margin: auto -1.25rem -1.25rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0 0 var(--radius) var(--radius);
}

.card-author-top {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}

.card-author-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.card-author-comment {
  font-size: 0.8rem;
  font-style: italic;
  color: var(--color-text);
  quotes: '\300C' '\300D';
  min-width: 0;
}

.card-author-name {
  font-size: 0.8rem;
  color: var(--color-text-secondary);
  padding-left: 0;
}

.card-report {
  text-align: right;
  margin-top: 0.125rem;
}
.card-report-btn {
  background: none;
  border: none;
  color: #d1d5db;
  cursor: pointer;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
  padding: 0;
  opacity: 0.5;
  transition: opacity 0.2s, color 0.2s;
}
.card-report-btn:hover {
  opacity: 1;
  color: #dc2626;
}

/* Page heading (org filter etc.) */
.page-heading {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-text);
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 1rem;
}

.pagination-link {
  font-size: 0.875rem;
  color: var(--color-accent);
  text-decoration: none;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

.pagination-link:hover {
  background: var(--color-tag-bg);
}

.pagination-link--disabled {
  color: var(--color-border);
  cursor: default;
  pointer-events: none;
}

.pagination-info {
  font-size: 0.8rem;
  color: var(--color-text-secondary);
}

/* Info page (placeholder) */
.info-page {
  max-width: 640px;
  margin: 2rem auto;
  padding: 2rem;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.info-page-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.info-page-body {
  font-size: 0.9rem;
  color: var(--color-text);
  line-height: 1.8;
}

.info-page-body h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.info-page-body p {
  margin-bottom: 0.75rem;
}

.info-page-body ul {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
}

.info-page-body li {
  margin-bottom: 0.25rem;
}

.info-page-body code {
  font-size: 0.85em;
  background: var(--color-tag-bg);
  padding: 0.1rem 0.35rem;
  border-radius: 3px;
}

.info-page-body a {
  color: var(--color-accent);
}

.info-comparison {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.info-comparison-item {
  flex: 1;
}

.info-placeholder-image {
  background: #e5e7eb;
  color: #9ca3af;
  font-size: 0.85rem;
  text-align: center;
  padding: 2.5rem 1rem;
  border-radius: var(--radius);
  margin-bottom: 0.75rem;
}

.info-details {
  margin-bottom: 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 0.5rem 1rem;
}

.info-details summary {
  cursor: pointer;
  font-weight: 500;
  font-size: 0.85rem;
  color: var(--color-text-secondary);
}

.info-details[open] summary {
  margin-bottom: 0.5rem;
}

.info-code {
  font-size: 0.8rem;
  background: var(--color-tag-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: 1rem;
  overflow-x: auto;
  white-space: pre;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.info-code-wrapper {
  position: relative;
  margin-bottom: 0.75rem;
}

.info-code-wrapper .info-code {
  margin-bottom: 0;
}

.info-copy-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-secondary);
  cursor: pointer;
}

.info-copy-btn:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.info-code--example {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.info-section-title {
  font-size: 1.15rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-tag-bg);
  border-left: 4px solid var(--color-accent);
  border-radius: 0 var(--radius) var(--radius) 0;
}

.info-meta {
  font-size: 0.8rem;
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}

.info-page-wrapper {
  max-width: 640px;
  margin: 0 auto;
}

/* Card sample diagram */
.info-card-sample {
  max-width: 320px;
  margin: 0 auto 1rem;
}

.info-card-sample .card {
  pointer-events: none;
}

.info-num {
  font-weight: 600;
  color: var(--color-accent);
  font-size: 0.75rem;
}

.info-num--large {
  font-size: 1rem;
}

.info-field-table {
  width: 100%;
  font-size: 0.8rem;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.info-field-table th,
.info-field-table td {
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--color-border);
  vertical-align: top;
}

.info-field-table th {
  background: var(--color-tag-bg);
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

.info-field-table td:first-child {
  text-align: center;
  white-space: nowrap;
}

.info-field-table td:last-child {
  text-align: center;
  white-space: nowrap;
}

.info-field-table--section td {
  background: var(--color-tag-bg);
  font-weight: 600;
  font-size: 0.75rem;
  color: var(--color-text-secondary);
}

.info-field-list {
  padding-left: 2.5rem;
  margin-bottom: 0.75rem;
}

.info-field-list li {
  margin-bottom: 0.25rem;
}

.info-notice {
  font-size: 0.8rem;
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: var(--radius);
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
}

.info-tldr {
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: var(--radius);
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
}
.info-tldr h3 {
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
  color: #0369a1;
}
.info-tldr ul, .info-tldr ol {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.875rem;
}
.info-tldr li {
  margin-bottom: 0.25rem;
}
.info-tldr p {
  margin: 0.5rem 0 0 0;
}

/* Preview page */
.preview-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1rem;
}

.preview-desc {
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  margin-bottom: 0.25rem;
}

.preview-note {
  font-size: 0.75rem;
  color: #ef4444;
  margin-bottom: 1rem;
}

.preview-badge-table {
  font-size: 0.8rem;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.preview-badge-table th,
.preview-badge-table td {
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--color-border);
  vertical-align: middle;
}

.preview-badge-table th {
  background: var(--color-tag-bg);
  font-weight: 600;
  text-align: left;
}

.preview-badge-table code {
  font-size: 0.8em;
  background: var(--color-tag-bg);
  padding: 0.1rem 0.35rem;
  border-radius: 3px;
}

.preview-layout {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.preview-card-area {
  flex: 0 0 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.preview-editor-area {
  flex: 1;
  min-width: 0;
}

.preview-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.preview-add-btns {
  display: flex;
  gap: 0.375rem;
}

.preview-add-btn {
  font-size: 0.75rem;
  padding: 0.2rem 0.6rem;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-secondary);
  cursor: pointer;
}

.preview-add-btn:hover:not(:disabled) {
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.preview-add-btn--active {
  background: var(--color-accent);
  color: white;
  border-color: var(--color-accent);
}

.preview-add-btn:disabled {
  opacity: 0.4;
  cursor: default;
}

.preview-reset-btn {
  margin-right: 0.75rem;
}

.preview-help {
  margin-top: 0.75rem;
}

.preview-copy-btn {
  position: static;
  margin-left: 1rem;
}

.preview-textarea {
  width: 100%;
  min-height: 600px;
  font-family: monospace;
  font-size: 0.8rem;
  line-height: 1.6;
  padding: 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  resize: vertical;
  background: var(--color-surface);
  color: var(--color-text);
}

.preview-textarea:focus {
  outline: none;
  border-color: var(--color-accent);
}

@media (max-width: 720px) {
  .preview-layout {
    flex-direction: column;
  }
  .preview-card-area {
    flex: none;
    width: 100%;
    position: static;
    max-height: none;
  }
}

.info-back {
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}

.info-back a {
  font-size: 0.85rem;
  color: var(--color-accent);
  text-decoration: none;
}

.info-back a:hover {
  text-decoration: underline;
}

.info-copyright {
  margin-top: 2rem;
  font-size: 0.8rem;
  color: var(--color-text-secondary);
}
/* Platform badge buttons (data URI embedded) */
.card-link-badge {
  display: inline-block;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.card-link-badge--github {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2298%22%20height%3D%2296%22%20viewBox%3D%220%200%2098%2096%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_730_27126%29%22%3E%0A%3Cpath%20d%3D%22M41.4395%2069.3848C28.8066%2067.8535%2019.9062%2058.7617%2019.9062%2046.9902C19.9062%2042.2051%2021.6289%2037.0371%2024.5%2033.5918C23.2559%2030.4336%2023.4473%2023.7344%2024.8828%2020.959C28.7109%2020.4805%2033.8789%2022.4902%2036.9414%2025.2656C40.5781%2024.1172%2044.4062%2023.543%2049.0957%2023.543C53.7852%2023.543%2057.6133%2024.1172%2061.0586%2025.1699C64.0254%2022.4902%2069.2891%2020.4805%2073.1172%2020.959C74.457%2023.543%2074.6484%2030.2422%2073.4043%2033.4961C76.4668%2037.1328%2078.0937%2042.0137%2078.0937%2046.9902C78.0937%2058.7617%2069.1934%2067.6621%2056.3691%2069.2891C59.623%2071.3945%2061.8242%2075.9883%2061.8242%2081.252L61.8242%2091.2051C61.8242%2094.0762%2064.2168%2095.7031%2067.0879%2094.5547C84.4102%2087.9512%2098%2070.6289%2098%2049.1914C98%2022.1074%2075.9883%206.69539e-07%2048.9043%204.309e-07C21.8203%201.92261e-07%20-1.9479e-07%2022.1074%20-4.3343e-07%2049.1914C-6.20631e-07%2070.4375%2013.4941%2088.0469%2031.6777%2094.6504C34.2617%2095.6074%2036.75%2093.8848%2036.75%2091.3008L36.75%2083.6445C35.4102%2084.2188%2033.6875%2084.6016%2032.1562%2084.6016C25.8398%2084.6016%2022.1074%2081.1563%2019.4277%2074.7441C18.375%2072.1602%2017.2266%2070.6289%2015.0254%2070.3418C13.877%2070.2461%2013.4941%2069.7676%2013.4941%2069.1934C13.4941%2068.0449%2015.4082%2067.1836%2017.3223%2067.1836C20.0977%2067.1836%2022.4902%2068.9063%2024.9785%2072.4473C26.8926%2075.2227%2028.9023%2076.4668%2031.2949%2076.4668C33.6875%2076.4668%2035.2187%2075.6055%2037.4199%2073.4043C39.0469%2071.7773%2040.291%2070.3418%2041.4395%2069.3848Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_730_27126%22%3E%0A%3Crect%20width%3D%2298%22%20height%3D%2296%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  width: 28px;
}

.card-link-badge--appstore {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22livetype%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22119.66407%22%20height%3D%2240%22%20viewBox%3D%220%200%20119.66407%2040%22%3E%0A%20%20%3Ctitle%3EDownload_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917%3C%2Ftitle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M110.13477%2C0H9.53468c-.3667%2C0-.729%2C0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476%2C13.21476%2C0%2C0%2C0%2C5.5171.19141a6.66509%2C6.66509%2C0%2C0%2C0-1.90088.627A6.43779%2C6.43779%2C0%2C0%2C0%2C1.99757%2C1.99707%2C6.25844%2C6.25844%2C0%2C0%2C0%2C.81935%2C3.61816a6.60119%2C6.60119%2C0%2C0%2C0-.625%2C1.90332%2C12.993%2C12.993%2C0%2C0%2C0-.1792%2C2.002C.00587%2C7.83008.00489%2C8.1377%2C0%2C8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232%2C12.99232%2C0%2C0%2C0%2C.1792%2C2.0019%2C6.58756%2C6.58756%2C0%2C0%2C0%2C.625%2C1.9043A6.20778%2C6.20778%2C0%2C0%2C0%2C1.99757%2C38.001a6.27445%2C6.27445%2C0%2C0%2C0%2C1.61865%2C1.1787%2C6.70082%2C6.70082%2C0%2C0%2C0%2C1.90088.6308%2C13.45514%2C13.45514%2C0%2C0%2C0%2C2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567%2C40%2C9.168%2C40%2C9.53468%2C40H110.13477c.3594%2C0%2C.7246%2C0%2C1.084-.002.3047%2C0%2C.6172-.0039.9219-.0107a13.279%2C13.279%2C0%2C0%2C0%2C2-.1768%2C6.80432%2C6.80432%2C0%2C0%2C0%2C1.9082-.6308%2C6.27742%2C6.27742%2C0%2C0%2C0%2C1.6172-1.1787%2C6.39482%2C6.39482%2C0%2C0%2C0%2C1.1816-1.6143%2C6.60413%2C6.60413%2C0%2C0%2C0%2C.6191-1.9043%2C13.50643%2C13.50643%2C0%2C0%2C0%2C.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621%2C0-.72949-.0078-1.09179%2C0-.30664%2C0-.61426-.0039-.9209a13.5071%2C13.5071%2C0%2C0%2C0-.1856-2.002%2C6.6177%2C6.6177%2C0%2C0%2C0-.6191-1.90332%2C6.46619%2C6.46619%2C0%2C0%2C0-2.7988-2.7998%2C6.76754%2C6.76754%2C0%2C0%2C0-1.9082-.627%2C13.04394%2C13.04394%2C0%2C0%2C0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z%22%20style%3D%22fill%3A%20%23a6a6a6%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.44483%2C39.125c-.30468%2C0-.602-.0039-.90429-.0107a12.68714%2C12.68714%2C0%2C0%2C1-1.86914-.1631%2C5.88381%2C5.88381%2C0%2C0%2C1-1.65674-.5479%2C5.40573%2C5.40573%2C0%2C0%2C1-1.397-1.0166%2C5.32082%2C5.32082%2C0%2C0%2C1-1.02051-1.3965%2C5.72186%2C5.72186%2C0%2C0%2C1-.543-1.6572%2C12.41351%2C12.41351%2C0%2C0%2C1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185%2C7.75293.8877%2C7.5498a12.37039%2C12.37039%2C0%2C0%2C1%2C.16553-1.87207%2C5.7555%2C5.7555%2C0%2C0%2C1%2C.54346-1.6621A5.37349%2C5.37349%2C0%2C0%2C1%2C2.61183%2C2.61768%2C5.56543%2C5.56543%2C0%2C0%2C1%2C4.01417%2C1.59521a5.82309%2C5.82309%2C0%2C0%2C1%2C1.65332-.54394A12.58589%2C12.58589%2C0%2C0%2C1%2C7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493%2C12.38493%2C0%2C0%2C1%2C1.8584.16259%2C5.93833%2C5.93833%2C0%2C0%2C1%2C1.6709.54785%2C5.59374%2C5.59374%2C0%2C0%2C1%2C2.415%2C2.41993%2C5.76267%2C5.76267%2C0%2C0%2C1%2C.5352%2C1.64892%2C12.995%2C12.995%2C0%2C0%2C1%2C.1738%2C1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079%2C1.09179V30.4648c0%2C.3633%2C0%2C.7178-.0079%2C1.0752%2C0%2C.3252%2C0%2C.6231-.0039.9297a12.73126%2C12.73126%2C0%2C0%2C1-.1709%2C1.8535%2C5.739%2C5.739%2C0%2C0%2C1-.54%2C1.67%2C5.48029%2C5.48029%2C0%2C0%2C1-1.0156%2C1.3857%2C5.4129%2C5.4129%2C0%2C0%2C1-1.3994%2C1.0225%2C5.86168%2C5.86168%2C0%2C0%2C1-1.668.5498%2C12.54218%2C12.54218%2C0%2C0%2C1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22_Group_%22%20data-name%3D%22%26lt%3BGroup%26gt%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22_Group_2%22%20data-name%3D%22%26lt%3BGroup%26gt%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22_Group_3%22%20data-name%3D%22%26lt%3BGroup%26gt%3B%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22_Path_%22%20data-name%3D%22%26lt%3BPath%26gt%3B%22%20d%3D%22M24.76888%2C20.30068a4.94881%2C4.94881%2C0%2C0%2C1%2C2.35656-4.15206%2C5.06566%2C5.06566%2C0%2C0%2C0-3.99116-2.15768c-1.67924-.17626-3.30719%2C1.00483-4.1629%2C1.00483-.87227%2C0-2.18977-.98733-3.6085-.95814a5.31529%2C5.31529%2C0%2C0%2C0-4.47292%2C2.72787c-1.934%2C3.34842-.49141%2C8.26947%2C1.3612%2C10.97608.9269%2C1.32535%2C2.01018%2C2.8058%2C3.42763%2C2.7533%2C1.38706-.05753%2C1.9051-.88448%2C3.5794-.88448%2C1.65876%2C0%2C2.14479.88448%2C3.591.8511%2C1.48838-.02416%2C2.42613-1.33124%2C3.32051-2.66914a10.962%2C10.962%2C0%2C0%2C0%2C1.51842-3.09251A4.78205%2C4.78205%2C0%2C0%2C1%2C24.76888%2C20.30068Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22_Path_2%22%20data-name%3D%22%26lt%3BPath%26gt%3B%22%20d%3D%22M22.03725%2C12.21089a4.87248%2C4.87248%2C0%2C0%2C0%2C1.11452-3.49062%2C4.95746%2C4.95746%2C0%2C0%2C0-3.20758%2C1.65961%2C4.63634%2C4.63634%2C0%2C0%2C0-1.14371%2C3.36139A4.09905%2C4.09905%2C0%2C0%2C0%2C22.03725%2C12.21089Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M42.30227%2C27.13965h-4.7334l-1.13672%2C3.35645H34.42727l4.4834-12.418h2.083l4.4834%2C12.418H43.438ZM38.0591%2C25.59082h3.752l-1.84961-5.44727h-.05176Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M55.15969%2C25.96973c0%2C2.81348-1.50586%2C4.62109-3.77832%2C4.62109a3.0693%2C3.0693%2C0%2C0%2C1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162%2C3.21162%2C0%2C0%2C1%2C2.88281-1.60059C53.645%2C21.34766%2C55.15969%2C23.16406%2C55.15969%2C25.96973Zm-1.91016%2C0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992%2C0-2.375%2C1.23047-2.375%2C3.03809%2C0%2C1.82422.95508%2C3.0459%2C2.375%2C3.0459C52.30227%2C29.01563%2C53.24953%2C27.81934%2C53.24953%2C25.96973Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M65.12453%2C25.96973c0%2C2.81348-1.50586%2C4.62109-3.77832%2C4.62109a3.0693%2C3.0693%2C0%2C0%2C1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162%2C3.21162%2C0%2C0%2C1%2C61.312%2C21.34766C63.60988%2C21.34766%2C65.12453%2C23.16406%2C65.12453%2C25.96973Zm-1.91016%2C0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992%2C0-2.375%2C1.23047-2.375%2C3.03809%2C0%2C1.82422.95508%2C3.0459%2C2.375%2C3.0459C62.26711%2C29.01563%2C63.21438%2C27.81934%2C63.21438%2C25.96973Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M71.71047%2C27.03613c.1377%2C1.23145%2C1.334%2C2.04%2C2.96875%2C2.04%2C1.56641%2C0%2C2.69336-.80859%2C2.69336-1.91895%2C0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766%2C0-2.14258%2C1.86719-3.61426%2C4.51855-3.61426%2C2.624%2C0%2C4.42285%2C1.47168%2C4.4834%2C3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148%2C1.8584c0%2C.87793.6543%2C1.39453%2C2.25488%2C1.79l1.36816.33594c2.54785.60254%2C3.60645%2C1.626%2C3.60645%2C3.44238%2C0%2C2.32324-1.85059%2C3.77832-4.79395%2C3.77832-2.75391%2C0-4.61328-1.4209-4.7334-3.667Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M83.34621%2C19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0%2C.77539.34473%2C1.13672%2C1.10156%2C1.13672a5.80752%2C5.80752%2C0%2C0%2C0%2C.61133-.043v1.46289a5.10351%2C5.10351%2C0%2C0%2C1-1.03223.08594c-1.833%2C0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M86.065%2C25.96973c0-2.84863%2C1.67773-4.63867%2C4.29395-4.63867%2C2.625%2C0%2C4.29492%2C1.79%2C4.29492%2C4.63867%2C0%2C2.85645-1.66113%2C4.63867-4.29492%2C4.63867C87.72609%2C30.6084%2C86.065%2C28.82617%2C86.065%2C25.96973Zm6.69531%2C0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039%2C1.16211-2.40039%2C3.10742c0%2C1.96191.89453%2C3.10645%2C2.40039%2C3.10645S92.76027%2C27.93164%2C92.76027%2C25.96973Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M96.18606%2C21.44238h1.77246v1.541h.043a2.1594%2C2.1594%2C0%2C0%2C1%2C2.17773-1.63574%2C2.86616%2C2.86616%2C0%2C0%2C1%2C.63672.06934v1.73828a2.59794%2C2.59794%2C0%2C0%2C0-.835-.1123%2C1.87264%2C1.87264%2C0%2C0%2C0-1.93652%2C2.083v5.37012h-1.8584Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M109.3843%2C27.83691c-.25%2C1.64355-1.85059%2C2.77148-3.89844%2C2.77148-2.63379%2C0-4.26855-1.76465-4.26855-4.5957%2C0-2.83984%2C1.64355-4.68164%2C4.19043-4.68164%2C2.50488%2C0%2C4.08008%2C1.7207%2C4.08008%2C4.46582v.63672h-6.39453v.1123a2.358%2C2.358%2C0%2C0%2C0%2C2.43555%2C2.56445%2C2.04834%2C2.04834%2C0%2C0%2C0%2C2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773%2C2.1773%2C0%2C0%2C0-2.2207-2.29785A2.292%2C2.292%2C0%2C0%2C0%2C103.10207%2C25.13477Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22_Group_4%22%20data-name%3D%22%26lt%3BGroup%26gt%3B%22%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M37.82619%2C8.731a2.63964%2C2.63964%2C0%2C0%2C1%2C2.80762%2C2.96484c0%2C1.90625-1.03027%2C3.002-2.80762%2C3.002H35.67092V8.731Zm-1.22852%2C5.123h1.125a1.87588%2C1.87588%2C0%2C0%2C0%2C1.96777-2.146%2C1.881%2C1.881%2C0%2C0%2C0-1.96777-2.13379h-1.125Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M41.68068%2C12.44434a2.13323%2C2.13323%2C0%2C1%2C1%2C4.24707%2C0%2C2.13358%2C2.13358%2C0%2C1%2C1-4.24707%2C0Zm3.333%2C0c0-.97607-.43848-1.54687-1.208-1.54687-.77246%2C0-1.207.5708-1.207%2C1.54688%2C0%2C.98389.43457%2C1.55029%2C1.207%2C1.55029C44.57522%2C13.99463%2C45.01369%2C13.42432%2C45.01369%2C12.44434Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M51.57326%2C14.69775h-.92187l-.93066-3.31641h-.07031l-.92676%2C3.31641h-.91309l-1.24121-4.50293h.90137l.80664%2C3.436h.06641l.92578-3.436h.85254l.92578%2C3.436h.07031l.80273-3.436h.88867Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M53.85354%2C10.19482H54.709v.71533h.06641a1.348%2C1.348%2C0%2C0%2C1%2C1.34375-.80225%2C1.46456%2C1.46456%2C0%2C0%2C1%2C1.55859%2C1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294%2C1.03294%2C0%2C0%2C0-1.0752%2C1.14111v2.63428h-.88867Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M59.09377%2C8.437h.88867v6.26074h-.88867Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M61.21779%2C12.44434a2.13346%2C2.13346%2C0%2C1%2C1%2C4.24756%2C0%2C2.1338%2C2.1338%2C0%2C1%2C1-4.24756%2C0Zm3.333%2C0c0-.97607-.43848-1.54687-1.208-1.54687-.77246%2C0-1.207.5708-1.207%2C1.54688%2C0%2C.98389.43457%2C1.55029%2C1.207%2C1.55029C64.11232%2C13.99463%2C64.5508%2C13.42432%2C64.5508%2C12.44434Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M66.4009%2C13.42432c0-.81055.60352-1.27783%2C1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609%2C0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953%2C1.83984-1.26953%2C1.12891%2C0%2C1.76563.562%2C1.76563%2C1.51318v3.07666h-.85547v-.63281h-.07031a1.515%2C1.515%2C0%2C0%2C1-1.35254.707A1.36026%2C1.36026%2C0%2C0%2C1%2C66.4009%2C13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941%2C0%2C.40527.35156.64111.835.64111A1.0615%2C1.0615%2C0%2C0%2C0%2C69.29543%2C13.03955Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M71.34816%2C12.44434c0-1.42285.73145-2.32422%2C1.86914-2.32422a1.484%2C1.484%2C0%2C0%2C1%2C1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284%2C1.56284%2C0%2C0%2C1-1.41406.78564C72.0718%2C14.772%2C71.34816%2C13.87061%2C71.34816%2C12.44434Zm.918%2C0c0%2C.95508.4502%2C1.52979%2C1.20313%2C1.52979.749%2C0%2C1.21191-.583%2C1.21191-1.52588%2C0-.93848-.46777-1.52979-1.21191-1.52979C72.72121%2C10.91846%2C72.26613%2C11.49707%2C72.26613%2C12.44434Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M79.23%2C12.44434a2.13323%2C2.13323%2C0%2C1%2C1%2C4.24707%2C0%2C2.13358%2C2.13358%2C0%2C1%2C1-4.24707%2C0Zm3.333%2C0c0-.97607-.43848-1.54687-1.208-1.54687-.77246%2C0-1.207.5708-1.207%2C1.54688%2C0%2C.98389.43457%2C1.55029%2C1.207%2C1.55029C82.12453%2C13.99463%2C82.563%2C13.42432%2C82.563%2C12.44434Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M84.66945%2C10.19482h.85547v.71533h.06641a1.348%2C1.348%2C0%2C0%2C1%2C1.34375-.80225%2C1.46456%2C1.46456%2C0%2C0%2C1%2C1.55859%2C1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294%2C1.03294%2C0%2C0%2C0-1.0752%2C1.14111v2.63428h-.88867Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M93.51516%2C9.07373v1.1416h.97559v.74854h-.97559V13.2793c0%2C.47168.19434.67822.63672.67822a2.96657%2C2.96657%2C0%2C0%2C0%2C.33887-.02051v.74023a2.9155%2C2.9155%2C0%2C0%2C1-.4834.04541c-.98828%2C0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M95.70461%2C8.437h.88086v2.48145h.07031a1.3856%2C1.3856%2C0%2C0%2C1%2C1.373-.80664%2C1.48339%2C1.48339%2C0%2C0%2C1%2C1.55078%2C1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194%2C1.05194%2C0%2C0%2C0-1.13379%2C1.1416v2.62988h-.88867Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M104.76125%2C13.48193a1.828%2C1.828%2C0%2C0%2C1-1.95117%2C1.30273A2.04531%2C2.04531%2C0%2C0%2C1%2C100.73%2C12.46045a2.07685%2C2.07685%2C0%2C0%2C1%2C2.07617-2.35254c1.25293%2C0%2C2.00879.856%2C2.00879%2C2.27V12.688h-3.17969v.0498a1.1902%2C1.1902%2C0%2C0%2C0%2C1.19922%2C1.29%2C1.07934%2C1.07934%2C0%2C0%2C0%2C1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647%2C1.08647%2C0%2C0%2C0-1.1084-1.1665A1.15162%2C1.15162%2C0%2C0%2C0%2C101.63527%2C12.03076Z%22%20style%3D%22fill%3A%20%23fff%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  width: 84px;
}

.card-link-badge--googleplay {
  background-image: url("data:image/png;base64,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");
  height: 40px;
  width: 104px;
}
/* ===== Walkthrough (v0.6.2) ===== */
.walkthrough {
  max-width: 640px;
  margin: 0 auto 2rem;
  padding: 0 1rem;
}
.walkthrough-inner {
  background: var(--color-surface);
  border: 2px solid var(--color-accent);
  border-radius: 12px;
  padding: 2rem;
}
.walkthrough-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.walkthrough-lead {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
.walkthrough-body p {
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
.walkthrough-body h3 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin: 1rem 0 0.5rem;
}
.walkthrough-body ul {
  font-size: 0.875rem;
  line-height: 1.6;
  padding-left: 1.25rem;
  margin-bottom: 0.75rem;
}
.walkthrough-body li {
  margin-bottom: 0.25rem;
}
.walkthrough-note {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
}
.walkthrough-note a {
  color: var(--color-accent);
}
.walkthrough-details {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #6b7280;
}
.walkthrough-details summary {
  cursor: pointer;
  color: #9ca3af;
  font-size: 0.8rem;
}
.walkthrough-details ul {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
}
.walkthrough-details li {
  margin-bottom: 0.25rem;
}
.walkthrough-actions {
  margin-top: 1.5rem;
  text-align: center;
}
.walkthrough-close {
  display: inline-block;
  padding: 0.5rem 2rem;
  background: var(--color-accent);
  color: var(--color-cta-text);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
}
.walkthrough-close:hover {
  background: var(--color-cta-hover);
}

/* ===== Footer reset button (beta) ===== */
.app-footer-tools {
  margin-top: 0.5rem;
}
.app-footer-reset {
  background: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  color: var(--color-text-secondary);
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  cursor: pointer;
}
.app-footer-reset:hover {
  color: var(--color-text);
  border-color: var(--color-text-secondary);
}

/* Walkthrough dismiss animation */
.walkthrough {
  transition: opacity 0.3s ease, max-height 0.4s ease, margin-bottom 0.4s ease, padding 0.4s ease;
  overflow: hidden;
}