a.studio-credit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--muted, #a7afa0);
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  text-decoration: none;
}
.shared-theme-host { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.shared-theme-toggle {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line, #383e37);
  border-radius: 50%;
  background: var(--surface, #1d201e);
  color: var(--ink, #f2f1ec);
}
.shared-theme-toggle:hover { color: var(--accent, #ff8055); border-color: var(--accent, #ff8055); }
.shared-theme-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
:root[data-theme="light"] {
  color-scheme: light;
  --page: #f4f1eb;
  --surface: #ffffff;
  --surface-raised: #f7f4ee;
  --ink: #202521;
  --muted: #637069;
  --line: #d4d9d3;
  --accent: #e86138;
  background: var(--page);
  color: var(--ink);
}
html[data-theme="light"] body { background: var(--page); color: var(--ink); }
html[data-theme="light"] .hero,
html[data-theme="light"] .closing { --ink: #f2f1ec; --muted: #d3d6cf; color: #f2f1ec; }
html[data-theme="light"] .portrait-label { color: #f2f1ec; }
html[data-theme="light"] .lesson-placeholder { border-color: #aeb9b1; background: #f3f6f3; }
html[data-theme="light"] .photo-placeholder { border-color: #aeb9b1; }
html[data-theme="light"] .profile-avatar { background: #e8ece8; }
@media (max-width: 640px) {
  .shared-theme-toggle { flex-basis: 38px; width: 38px; height: 38px; }
}
a.studio-credit:hover { color: var(--accent, #ff713e); }
a.studio-credit img {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  object-fit: contain;
  border-radius: 8px;
  background: #151716;
}
.auth-studio-credit { display: flex; justify-content: center; padding: 16px 20px 24px; }
.page-footer { flex-wrap: wrap; align-items: center; }
html[data-theme="light"] .studio-credit img {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20505%20485%22%3E%0A%20%20%3Crect%20width%3D%22505%22%20height%3D%22485%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%2321282e%22%20d%3D%22M150%2095a180%20180%200%200%201%20256%2063q3%205-3%208l-51%2026q-4%202-7-3a112%20112%200%200%200-157-36q-4%202-7-2l-32-49q-3-4%201-7Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23647079%22%20d%3D%22M128%20115q4-4%208%201l37%2043q3%204-1%208a112%20112%200%200%200%200%20158q4%204%201%208l-37%2043q-4%205-8%201a180%20180%200%200%201%200-262Z%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%2321282e%22%20d%3D%22M150%20397a180%20180%200%200%200%20256-63q3-5-3-8l-51-26q-4-2-7%203a112%20112%200%200%201-157%2036q-4-2-7%202l-32%2049q-3%204%201%207Z%22%2F%3E%0A%20%20%3Crect%20x%3D%22336%22%20y%3D%22231%22%20width%3D%22115%22%20height%3D%2230%22%20rx%3D%222%22%20fill%3D%22%23ff7116%22%2F%3E%0A%3C%2Fsvg%3E%0A');
  background: #fff;
}