html.summer-theme[data-design-family] {
    --brand-night: var(--design-bg); --brand-white: var(--design-paper); --brand-mint: var(--design-soft); --brand-ink: var(--design-ink); --brand-muted: var(--design-muted); --brand-line: var(--design-line);
    background: var(--design-bg); color: var(--design-ink);
}
html.summer-theme[data-design-mode=dark] { color-scheme: dark; }
html.summer-theme[data-design-mode=light] { color-scheme: light; }
html.summer-theme[data-design-family] body, html.summer-theme[data-design-family] body.brand-home {
    --summer-cream: var(--design-bg); --summer-paper: var(--design-paper); --summer-ink: var(--design-ink); --summer-muted: var(--design-muted); --summer-coral: var(--design-accent); --summer-coral-hover: var(--design-accent); --summer-peach: var(--design-soft); --summer-mint: var(--design-soft); --summer-lilac: var(--design-incoming); --summer-butter: var(--design-soft); --summer-line: var(--design-line); --summer-green: var(--design-accent); --summer-purple: var(--design-accent);
    background: radial-gradient(ellipse at 95% 0, color-mix(in srgb,var(--design-highlight) 13%,transparent),transparent 48%),var(--design-bg); color: var(--design-ink);
}
html.summer-theme[data-design-family] :is(.summer-public-header,.account-topbar,.account-menu-panel,.menu-person,.menu-footer) { background: var(--design-paper); color: var(--design-ink); border-color: var(--design-line); }
html.summer-theme[data-design-family] .yasdog-wordmark { color: var(--design-ink); }
html.summer-theme[data-design-mode=dark] .yasdog-symbol { filter: brightness(0) invert(1); opacity: .95; }
html.summer-theme[data-design-family] .account-topbar :is(.nav-primary a,.menu-group a,.menu-person strong,.menu-group h2,.menu-footer label,.nav-menu-label,.nav-notifications) { color: var(--design-ink); }
html.summer-theme[data-design-family] :is(.account-menu > summary,.menu-footer select,.menu-close,.nav-premium) { background: var(--design-soft); color: var(--design-ink); border-color: var(--design-line); }
html.summer-theme[data-design-family] :is(.menu-group a svg,.menu-group a .menu-arrow,.account-menu > summary .nav-hamburger,.menu-person small) { color: var(--design-muted); }
html.summer-theme[data-design-family] .nav-avatar { background: var(--design-soft); color: var(--design-ink); }
html.summer-theme[data-design-family] .menu-group a:is(:hover,[aria-current=page]) { background: var(--design-soft); color: var(--design-ink); }
html.summer-theme[data-design-family] body :is(.button,.primary,.page form button,.hub-compose button,.cosmic-booking > button) { background: var(--design-accent); border-color: var(--design-accent); color: var(--design-on-accent); }
html.summer-theme[data-design-family] body :is(.button.secondary,.button.ghost,.secondary) { background: var(--design-paper); color: var(--design-accent); border-color: var(--design-line); }
html.summer-theme[data-design-family] body .danger { background: #a3344b; color: #fff; }
html.summer-theme[data-design-family] .summer-mobile-menu nav { background: var(--design-paper); border-color: var(--design-line); }
html.summer-theme[data-design-family] :is(.welcome-guide,.welcome-guide-options a,.legal-footer,.capsule-preview,.memory-locked) { background: var(--design-paper); color: var(--design-ink); border-color: var(--design-line); }
html.summer-theme[data-design-family] .welcome-guide { background: var(--design-soft); }
html.summer-theme[data-design-family] .welcome-guide :is(summary,span) { color: var(--design-ink); }
html.summer-theme[data-design-family] .alert.success { background: var(--design-soft); color: var(--design-ink); }
html.summer-theme[data-design-family] .alert.error { background: #ffe9e6; color: #7d2330; }
html.summer-theme[data-design-family] .platform-status-mobile { color: var(--design-ink); }
html.summer-theme[data-design-family] .platform-link-icon { color: inherit; }
html.summer-theme[data-design-family] body .platform-links-panel :is(.platform-link,.platform-link-icon,.platform-attention-status) { background: var(--design-soft); color: var(--design-ink); border-color: var(--design-line); }
html.summer-theme[data-design-family] body .platform-links-panel :is(.platform-invoice-status strong,.platform-link-arrow) { color: var(--design-muted); }
html.summer-theme[data-design-family] :is(.auth-layout,.wide-layout) > .story { background: var(--design-soft); color: var(--design-ink); }
html.summer-theme[data-design-family] .story :is(h1,p,em,.eyebrow) { color: var(--design-ink); }
html.summer-theme[data-design-family] .brand-home :is(.brand-white,.brand-soft,.brand-dark) { background: var(--design-paper); color: var(--design-ink); }
html.summer-theme[data-design-family] .brand-home .brand-mint { background: var(--design-soft); }
html.summer-theme[data-design-family] .brand-home .brand-dark { --summer-ink: var(--design-ink); --summer-muted: var(--design-muted); --summer-coral: var(--design-accent); --summer-coral-hover: var(--design-accent); }
html.summer-theme[data-design-family] .brand-home .summer-public-header { background: color-mix(in srgb,var(--design-paper) 96%,transparent); }
html.summer-theme[data-design-family] .brand-home :is(.summer-letter,.summer-connection,.summer-feature,.summer-postcard,.brand-letter) { background: var(--design-paper); color: var(--design-ink); border-color: var(--design-line); }
html.summer-theme[data-design-family] .brand-home a.summer-postcard.summer-letter { color: var(--design-ink); }
html.summer-theme[data-design-family] .brand-home :is(.summer-intro h1,.brand-story h2,.brand-band h2,.summer-feature strong,.summer-postcard strong) { color: var(--design-ink); }
html.summer-theme[data-design-family] .brand-home :is(.summer-intro p,.brand-story p,.summer-feature p,.summer-postcard span) { color: var(--design-muted); }
html.summer-theme[data-design-family] .brand-home .yasdog-symbol { filter: none; }
html.summer-theme[data-design-mode=dark] .brand-home .yasdog-symbol { filter: brightness(0) invert(1); }
html.summer-theme[data-design-family] .chat-layout { max-width: 1000px; padding-top: 28px; }
html.summer-theme[data-design-family] .chat-top { padding: 18px 20px; border: 1px solid var(--design-line); border-radius: 24px; background: var(--design-paper); }
html.summer-theme[data-design-family] .chat-top > a { flex: none; margin-inline-end: 12px; }
html.summer-theme[data-design-family] .chat-top > div { min-width: 0; }
html.summer-theme[data-design-family] .messages { display: flex; flex-direction: column; gap: 14px; min-height: 330px; padding: clamp(16px,3vw,30px); background: color-mix(in srgb,var(--design-paper) 95%,var(--design-soft)); }
html.summer-theme[data-design-family] .message { flex: none; width: fit-content; max-width: min(82%,640px); margin: 0 auto 0 0; padding: 14px 18px; background: var(--design-incoming); color: var(--design-ink); border-radius: 20px 20px 20px 6px; border: 1px solid color-mix(in srgb,var(--design-line) 65%,transparent); box-shadow: 0 4px 12px #00000005; overflow-wrap: anywhere; }
html.summer-theme[data-design-family] .message.own { margin: 0 0 0 auto; background: var(--design-own); color: #fff; border-color: transparent; border-radius: 20px 20px 6px 20px; }
html.summer-theme[data-design-family] .message p { color: inherit; margin: 0 0 5px; }
html.summer-theme[data-design-family] .message :is(time,.receipt) { display: block; color: var(--design-muted); font-size: 11px; }
html.summer-theme[data-design-family] .message.own :is(time,.receipt) { color: #fff; opacity: .9; }
html.summer-theme[data-design-family=royal] .message.own:not([data-section-theme] *) { color: #172132; }
html.summer-theme[data-design-family=royal] .message.own :is(time,.receipt):not([data-section-theme] *) { color: #172132; }
html.summer-theme[data-design-family] .chat-form { gap: 12px; margin-top: 16px; padding: 12px; background: var(--design-paper); border: 1px solid var(--design-line); border-radius: 24px; align-items: end; }
html.summer-theme[data-design-family] .chat-form textarea { border-radius: 16px; margin: 0; font-size: 16px; }
html.summer-theme[data-design-family] .chat-form button { min-height: 48px; }
html.summer-theme[data-design-family] .conversation-row { padding: 18px; margin-block: 12px; border-radius: 22px; border: 1px solid var(--design-line); gap: 14px; }
html.summer-theme[data-design-family] .conversation-row > span:nth-child(2) { min-width: 0; flex: 1; }
html.summer-theme[data-design-family] .conversation-row .badge { flex: none; }
html.summer-theme[data-design-family] .conversation-row .avatar { flex: none; border: 3px solid var(--design-soft); }
html.summer-theme[data-design-family] .chat-utility-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
html.summer-theme[data-design-family] .chat-privacy-note { font-size: 13px; line-height: 1.65; color: var(--design-muted); margin: 16px 0; }
html.summer-theme[data-design-family] .chat-privacy-note a { text-decoration: underline; }
html.summer-theme[data-design-family] .chat-top .call-buttons { display: flex; flex: none; gap: 8px; }
html.summer-theme[data-design-family] .call-buttons button { width: 44px; height: 44px; min-width: 44px; padding: 10px; border-radius: 50%; border: 1px solid var(--design-line); cursor: pointer; }
html.summer-theme[data-design-family] .call-buttons svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
html.summer-theme[data-design-family] .theme-world-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 22px 0; }
html.summer-theme[data-design-family] .theme-world-links a { display: grid; justify-items: center; gap: 8px; min-width: 0; padding: 16px 8px; border: 1px solid var(--design-line); border-radius: 20px; background: var(--design-paper); font-size: 12px; }
.theme-world-orb { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; background: radial-gradient(circle at 30% 25%,#e6ca83,#a66b35 48%,#382d35); box-shadow: 0 0 22px #bba6ff40; }
.theme-world-orb[data-world=mars] { background: radial-gradient(circle at 30% 25%,#f9b67d,#ae4926 48%,#3e1c20); }
.theme-world-orb[data-world=dunya] { background: radial-gradient(circle at 28% 22%,#abf2d6,#337389 48%,#152647); }
.theme-world-orb[data-world=jupiter] { background: repeating-linear-gradient(14deg,#b68161 0 5px,#e3c8a1 6px 12px,#b17e5c 13px 16px); box-shadow: inset -8px -4px 12px #1a183280; }
.chat-search { display: block; margin: 20px 0; }
.chat-search input { display: block; width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; padding: 15px 18px; border: 1px solid var(--design-line); border-radius: 16px; margin-top: 8px; }
html.summer-theme[data-design-family=pop] .message.own:not([data-section-theme] *) { background: linear-gradient(125deg,#a6008d,#8e00b4); }
html.summer-theme[data-design-family=royal] .messages:not([data-section-theme] *) { background-image: repeating-linear-gradient(110deg,transparent 0 70px,#e6c47a09 71px 72px); }
html.summer-theme[data-design-variant=glass] .messages:not([data-section-theme] *) { background: linear-gradient(135deg,#6eaac018,#c8cfff12),var(--design-paper); backdrop-filter: blur(18px); }
html.summer-theme[data-design-family=chrono] .messages:not([data-section-theme] *) { background-image: radial-gradient(circle at 15% 24%,color-mix(in srgb,var(--design-highlight) 45%,transparent) 1px,transparent 2px),radial-gradient(circle at 76% 68%,color-mix(in srgb,var(--design-highlight) 50%,transparent) 1px,transparent 2px); background-size: 91px 109px,167px 181px; }
html.summer-theme[data-design-family=nebula] body { background: radial-gradient(ellipse at 80% 0,#6543bc45,transparent 45%),radial-gradient(ellipse at 0 80%,#116a8240,transparent 50%),var(--design-bg); }
html.summer-theme[data-design-family=nebula] .messages:not([data-section-theme] *) { background: radial-gradient(ellipse at 80% 10%,#6a32bb42,transparent 55%),radial-gradient(ellipse at 10% 85%,#1a6c9b2b,transparent 55%),var(--design-paper); }
html.summer-theme[data-design-family=nebula] .conversation-row:not([data-section-theme] *) { background-image: radial-gradient(ellipse at 95% 50%,#6347d226,transparent 65%); }
html.summer-theme[data-design-family=vibe] :is(.conversation-row,.chat-top,.chat-form):not([data-section-theme] *) { border-radius: 18px; }
html.summer-theme[data-design-family=vibe] .conversation-row .avatar:not([data-section-theme] *) { box-shadow: 0 0 0 1px #9f87ff90; }
html.summer-theme[data-design-family=zen] .message:not([data-section-theme] *) { border-radius: 15px; box-shadow: none; }
html.summer-theme[data-design-family] .appearance-studio { max-width: 1440px; }
.studio-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 24px 0 32px; }
html.summer-theme[data-design-family] .studio-heading h1 { font-size: clamp(38px,5vw,64px); line-height: 1.06; letter-spacing: -.045em; margin-block: 16px; }
.studio-heading p { max-width: 580px; }
.studio-live { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border: 1px solid var(--design-line); border-radius: 18px; background: var(--design-paper); font-size: 12px; }
.studio-live strong { display: block; font-size: 14px; margin-top: 6px; }
.studio-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--design-accent); flex: none; }
.theme-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.theme-choice { min-width: 0; border: 1px solid var(--design-line); padding: 18px; border-radius: 24px; background: var(--design-paper); }
.theme-choice:has(input[type=radio]:checked) { outline: 3px solid var(--design-accent); outline-offset: 3px; }
.theme-choice-title { display: flex !important; align-items: start; gap: 10px; margin: 0 0 16px !important; min-height: 66px; cursor: pointer; }
.theme-choice-title input { flex: none; width: 18px !important; height: 18px; margin: 3px 0 0; }
.theme-choice-title > span:nth-child(2) { min-width: 0; flex: 1; }
.theme-choice-title strong { font-size: 17px; }
.theme-choice-title small { display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; }
.theme-choice-number { font-size: 11px; color: var(--design-muted); }
.theme-mini { min-height: 300px; background: var(--preview-bg); border: 1px solid var(--preview-line); border-radius: 20px; padding: 18px; color: var(--preview-ink); position: relative; overflow: hidden; }
.theme-mini-top { display: flex; align-items: center; gap: 8px; padding-bottom: 14px; border-bottom: 1px solid var(--preview-line); }
.theme-mini-top i { width: 28px; height: 28px; display: grid; place-items: center; background: var(--preview-soft); border-radius: 10px; font-style: normal; }
html.summer-theme body .theme-mini-top b { color: var(--preview-ink); }
.theme-mini-top > span { margin-inline-start: auto; color: var(--preview-accent); font-size: 10px; }
.theme-mini-intro { font: 600 25px/1.2 Sora,system-ui,sans-serif; margin: 20px 0; letter-spacing: -.04em; }
.theme-mini-bubble { max-width: 85%; width: fit-content; border: 1px solid var(--preview-line); background: var(--preview-incoming); color: var(--preview-ink); border-radius: 12px 12px 12px 3px; padding: 10px 12px; font-size: 11px; line-height: 1.5; }
.theme-mini-bubble.is-own { margin: 10px 0 10px auto; background: var(--preview-own); color: #fff; border-color: transparent; border-radius: 12px 12px 3px 12px; }
.theme-choice[data-theme-card=royal] .theme-mini-bubble.is-own { color: #172132; }
.theme-mini-compose { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--preview-line); background: var(--preview-paper); color: var(--preview-muted); font-size: 10px; margin-top: 18px; }
.theme-mini-compose b { color: var(--preview-accent); }
.theme-mini[data-motif=chrono] { background-image: radial-gradient(var(--preview-line) 1px,transparent 1px); background-size: 27px 27px; }
.theme-mini[data-motif=royal] { background-image: repeating-linear-gradient(120deg,transparent 0 45px,#e6c47a15 46px 47px); }
.theme-mini[data-motif=nebula] { background-image: radial-gradient(ellipse at 90% 0,#802dfd55,transparent 65%),radial-gradient(ellipse at 0 80%,#19b7de33,transparent 60%); }
.theme-mini[data-motif=orbit] .theme-mini-top i { border-radius: 50%; background: radial-gradient(circle at 30% 30%,#ddd1a4,#866449 50%,#312742); }
.theme-card-footer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; margin-top: 16px; }
.theme-card-footer label { min-width: 0; margin: 0 !important; font-size: 11px; }
.theme-card-footer select { font-size: 13px !important; min-height: 44px; }
.theme-preview-link { font-size: 12px; padding-bottom: 13px; white-space: nowrap; }
.studio-publish { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,280px) auto; align-items: end; gap: 24px; }
.studio-publish h2 { margin-top: 0; }
.studio-publish label { margin: 0 !important; }
.studio-publish p { margin-bottom: 0; font-size: 13px; }
.studio-preview { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; scroll-margin-top: 20px; }
.studio-chat-example { padding: 18px; border-radius: 20px; background: var(--design-bg); border: 1px solid var(--design-line); }
.studio-chat-example .message { margin-block: 16px !important; }
.studio-preview-links { display: flex; gap: 20px; flex-wrap: wrap; font-size: 13px; }
.studio-feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-block: 28px; }
.studio-feature-grid article { border: 1px solid var(--design-line); border-radius: 18px; padding: 18px; }
.studio-feature-grid article > span { font-size: 28px; color: var(--design-accent); }
.studio-feature-grid h3 { font-size: 16px; }
.studio-feature-grid p,.studio-feature-grid small { font-size: 13px; line-height: 1.7; }
.matching-reasons { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.matching-reasons span { border: 1px solid var(--design-line); border-radius: 100px; padding: 6px 10px; font-size: 12px; color: var(--design-ink); background: var(--design-soft); }
.call-dialog { box-sizing: border-box; width: min(700px,calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid var(--design-line); border-radius: 24px; background: var(--design-paper); color: var(--design-ink); }
.call-dialog::backdrop { background: #070c19c9; backdrop-filter: blur(8px); }
.call-video-stage { position: relative; min-height: 180px; border-radius: 18px; overflow: hidden; background: #0b1320; margin: 18px 0; }
.call-video-stage video { display: block; width: 100%; max-height: 50dvh; object-fit: contain; }
.call-video-stage video[data-local-video] { position: absolute; bottom: 12px; right: 12px; width: 25%; max-height: 140px; border-radius: 12px; background: #152539; }
.call-dialog-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.call-dialog-actions button { min-height: 44px; font: inherit; border-radius: 100px; padding: 10px 16px; border: 1px solid var(--design-line); cursor: pointer; }
html.summer-theme[data-design-family] [hidden] { display: none !important; }
[dir=rtl] .message { margin-inline: 0 auto; }
@media (max-width:1050px) { .theme-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); } .studio-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .studio-publish { grid-template-columns: minmax(0,1fr) minmax(180px,1fr); } .studio-publish > div { grid-column: 1/-1; } }
@media (max-width:760px) {
    .studio-heading { flex-direction: column; align-items: stretch; gap: 14px; } .studio-live { align-self: start; }
    html.summer-theme[data-design-family] .chat-top { padding: 14px; gap: 12px; }
    html.summer-theme[data-design-family] .chat-top > a { flex-basis: 100%; }
    html.summer-theme[data-design-family] .chat-top > div { flex-basis: calc(100% - 70px); }
    html.summer-theme[data-design-family] .chat-top .call-buttons { margin-inline-start: auto; }
    html.summer-theme[data-design-family] .message { max-width: 90%; padding: 12px 14px; }
    html.summer-theme[data-design-family] .chat-form { padding: 10px; flex-wrap: wrap; }
    html.summer-theme[data-design-family] .chat-form textarea { flex: 1 1 100%; }
    html.summer-theme[data-design-family] .chat-form button { margin-inline-start: auto; }
    .studio-preview { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:580px) { .theme-gallery,.studio-feature-grid,.studio-publish { grid-template-columns: minmax(0,1fr); } .theme-choice-title { min-height: 0; } .theme-mini { min-height: 280px; } .studio-publish button { width: 100%; } html.summer-theme[data-design-family] .theme-world-links { gap: 8px; } .theme-world-links a { padding: 12px 4px; } }
@media (prefers-reduced-motion:reduce) { .theme-choice,.theme-mini { scroll-behavior: auto; transition: none; } }