/* This layer is selected only by the native iOS bootstrap/user agent. */
html.ios-app {
  --bg-main: #111119;
  --bg-surface: #201923;
  --accent: #f48579;
  --secondary-accent: #f48579;
  --accent-rgb: 244, 133, 121;
  --accent-glow: transparent;
  --text: #f2e9e3;
  --muted: #b8aab3;
  --border: rgba(242, 233, 227, .13);
  --glow-primary: none;
  --glow-secondary: none;
}

html.ios-app body { background: #111119; }
html.ios-app .topbar { background: #17141c; border-color: rgba(242,233,227,.1); }
html.ios-app .topbar .logo { font-family: Georgia, 'Times New Roman', serif; font-size: 26px; letter-spacing: -.04em; }
html.ios-app .theme-switcher,
html.ios-app .premium-badge,
html.ios-app .gate-public-links,
html.ios-app [data-cat="hot"],
html.ios-app [data-category="hot"],
html.ios-app [data-home-hero-slide="hot"],
html.ios-app [data-home-hero-action="hot"] { display: none !important; }
html.ios-app .btn-primary,
html.ios-app .onboarding-btn.primary,
html.ios-app .gate-btn.primary { background: #f48579; box-shadow: none; color: #19151a; }
html.ios-app .btn-primary:hover { box-shadow: none; }
html.ios-app .bottom-nav { background: #15121b; border-color: rgba(242,233,227,.12); box-shadow: none; }
html.ios-app .bn-item.active { color: #f48579; }
html.ios-app .bn-icon { font-size: 0 !important; }
html.ios-app .bn-icon::before,
html.ios-app .icon-sidebar .icon-btn::before {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
  font-size: 24px;
  font-feature-settings: 'liga';
}
html.ios-app .bn-item[data-page="home"] .bn-icon::before,
html.ios-app .icon-sidebar .icon-btn[data-page="home"]::before { content: 'home'; }
html.ios-app .bn-item[data-page="stories"] .bn-icon::before,
html.ios-app .icon-sidebar .icon-btn[data-page="stories"]::before { content: 'auto_stories'; }
html.ios-app .bn-item[data-page="constructor"] .bn-icon::before,
html.ios-app .icon-sidebar .icon-btn[data-page="constructor"]::before { content: 'edit_square'; }
html.ios-app .bn-item[data-page="chat"] .bn-icon::before,
html.ios-app .icon-sidebar .icon-btn[data-page="chat"]::before { content: 'chat_bubble'; }
html.ios-app .bn-item[data-page="account"] .bn-icon::before,
html.ios-app .icon-sidebar .icon-btn[data-page="account"]::before { content: 'person'; }
html.ios-app .icon-sidebar .icon-btn[data-page="catalog"]::before { content: 'search'; }
html.ios-app .icon-sidebar .icon-btn[data-page="generate"]::before { content: 'image'; }
html.ios-app .icon-sidebar .icon-btn[data-page="favorites"]::before { content: 'bookmark'; }
html.ios-app .icon-sidebar .icon-btn[data-page="faq"]::before { content: 'help'; }
html.ios-app .icon-sidebar .icon-btn { font-size: 0; box-shadow: none !important; }

html.ios-app .catalog-page,
html.ios-app .stories-page,
html.ios-app .story-library-page,
html.ios-app .story-reader-page,
html.ios-app .account-page,
html.ios-app .constructor-page,
html.ios-app .generate-page { background: #111119; }
html.ios-app .home-title,
html.ios-app .account-title,
html.ios-app .st-hero-title,
html.ios-app .sl-title,
html.ios-app .sl-public-hero-title,
html.ios-app .sl-public-title,
html.ios-app .constructor-title { font-family: Georgia,'Times New Roman',serif; font-weight: 400; letter-spacing: -.035em; }
html.ios-app .home-title span { color: #f2e9e3; font-style: normal; }
html.ios-app .catalog-filters,
html.ios-app .char-card,
html.ios-app .account-card,
html.ios-app .acc-profile,
html.ios-app .st-story-promo { background: #201923; border-color: rgba(242,233,227,.12); box-shadow: none; backdrop-filter: none; }
html.ios-app .char-card { border-radius: 8px; }
@media (max-width: 600px) {
  html.ios-app .catalog-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; width: 100%; box-sizing: border-box; }
  html.ios-app .catalog-filter { min-width: 0; width: auto; flex: none; }
  html.ios-app .catalog-filter.grow, html.ios-app .catalog-filter-reset { grid-column: 1 / -1; min-width: 0; width: 100%; box-sizing: border-box; }
  html.ios-app .catalog-filter select, html.ios-app .catalog-filter input { display: block; min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; }
}
html.ios-app .char-card:hover { box-shadow: 0 12px 26px rgba(0,0,0,.2); transform: translateY(-2px); }
html.ios-app .cat-tab { border-radius: 6px; background: transparent; border-color: rgba(242,233,227,.17); color: #d0bec9; }
html.ios-app .cat-tab.active { background: #aa75a0; border-color: #aa75a0; color: #fff; }
html.ios-app .catalog-filter select,
html.ios-app .catalog-filter input,
html.ios-app .chat-search { border-color: rgba(242,233,227,.16); background: #15131a; color: #f2e9e3; }
html.ios-app .chat-list-sidebar,
html.ios-app .chat-main,
html.ios-app .chat-header,
html.ios-app .chat-input-area { background: #17141c; border-color: rgba(242,233,227,.11); }
html.ios-app .chat-messages { background: #111119; }
html.ios-app .st-slider-row:has(#stExplicitness) { display: none; }
html.ios-app .sl-public-hero,
html.ios-app .sl-public-card,
html.ios-app .sl-library-mode { background: #201923; border-color: rgba(242,233,227,.12); box-shadow: none; }
html.ios-app .sl-public-hero { border-radius: 8px; }
html.ios-app .sl-public-card { border-radius: 8px; }
html.ios-app .sl-public-cover { border-radius: 5px; }
html.ios-app .sl-mode-btn.active,
html.ios-app .st-act.primary { background: #aa75a0; border-color: #aa75a0; box-shadow: none; color: #fff; }
html.ios-app .sl-public-open { border-radius: 5px; color: #f2e9e3; }
html.ios-app #stStoryPromoStart,
html.ios-app #stBtnGenerate,
html.ios-app #slBtnNewStory,
html.ios-app .st-story-promo-btn.primary { background: #aa75a0; border-color: #aa75a0; box-shadow: none; color: #fff; }
html.ios-app .st-opt-card,
html.ios-app .st-story-promo,
html.ios-app .st-idea-card { border-color: rgba(242,233,227,.12); box-shadow: none; }
html.ios-app .bn-item:focus-visible,
html.ios-app .cat-tab:focus-visible,
html.ios-app .ios-home-story:focus-visible { outline: 2px solid #f2e9e3; outline-offset: -3px; }

html.ios-app #homePage { padding: 0 !important; background: #111119; }
html.ios-app #homePage > :not(#iosHome) { display: none !important; }
#iosHome { display: none; }
html.ios-app #iosHome { display: block; width: 100%; min-height: 100%; color: #f2e9e3; }
.ios-home-hero { position: relative; min-height: 470px; display: flex; align-items: end; overflow: hidden; isolation: isolate; }
.ios-home-portrait { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 24%; z-index: -2; }
.ios-home-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,#111119 0%,rgba(17,17,25,.78) 23%,rgba(17,17,25,.06) 72%); }
.ios-home-hero-copy { width: 100%; padding: 34px 26px 30px; }
.ios-home-eyebrow { display: block; font-size: 11px; font-weight: 600; letter-spacing: .27em; text-transform: uppercase; color: #eee3e8; margin-bottom: 12px; }
.ios-home-title { max-width: 560px; font-family: Georgia,'Times New Roman',serif; font-size: clamp(46px,8vw,76px); font-weight: 400; letter-spacing: -.05em; line-height: .98; margin: 0 0 16px; }
.ios-home-description { max-width: 420px; margin: 0 0 24px; font-size: 15px; line-height: 1.5; color: #f2e9e3; }
.ios-home-primary { min-height: 54px; padding: 0 24px; border: 0; border-radius: 6px; background: #aa75a0; color: white; font: 600 16px/1 system-ui,sans-serif; cursor: pointer; display: inline-flex; align-items: center; justify-content: space-between; gap: 52px; }
.ios-home-primary:hover { background: #bb86b2; }
.ios-home-primary:focus-visible,.ios-home-link:focus-visible { outline: 2px solid #f2e9e3; outline-offset: 3px; }
.ios-home-primary .material-symbols-rounded { font-size: 22px; }
.ios-home-content { padding: 2px 26px 96px; display: grid; gap: 0; }
.ios-home-section { padding: 23px 0 28px; border-top: 1px solid rgba(242,233,227,.14); }
.ios-home-section h2 { font: 400 28px/1.15 Georgia,'Times New Roman',serif; letter-spacing: -.025em; margin: 0 0 15px; color: #f2e9e3; }
.ios-home-story { display: flex; width: 100%; max-width: 730px; align-items: center; gap: 16px; padding: 0; text-align: left; background: transparent; border: 0; color: #f2e9e3; cursor: pointer; }
.ios-home-story img { width: 115px; height: 88px; object-fit: cover; object-position: 50% 38%; border-radius: 5px; }
.ios-home-story strong { display: block; font: 400 22px/1.2 Georgia,'Times New Roman',serif; margin-bottom: 5px; }
.ios-home-story small { display: block; font-size: 13px; color: #b8aab3; }
.ios-home-link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; padding: 0; border: 0; background: transparent; color: #f2e9e3; font: 400 24px/1.2 Georgia,'Times New Roman',serif; text-align: left; cursor: pointer; }
.ios-home-link .material-symbols-rounded { font-size: 22px; color: #c993b9; }

@media (min-width: 761px) {
  html.ios-app .icon-sidebar { width: 218px; flex: 0 0 218px; padding: 28px 15px; align-items: stretch; background: #15121b; }
  html.ios-app .icon-sidebar .icon-btn { width: 100%; justify-content: flex-start; gap: 18px; padding: 0 14px; height: 48px; border-radius: 6px; }
  html.ios-app .icon-sidebar .icon-btn::after { content: attr(data-label); font: 500 14px/1 system-ui,sans-serif; }
  html.ios-app .icon-sidebar .icon-btn:not([data-label])::after { content: attr(title); }
  html.ios-app .icon-sidebar .icon-btn.active { background: #352334; color: #f2e9e3; }
  html.ios-app .icon-sidebar .icon-btn .nav-badge { right: 12px; }
  .ios-home-hero { min-height: 570px; }
  .ios-home-portrait { object-position: center 31%; }
  .ios-home-hero::after { background: linear-gradient(90deg,#111119 0%,rgba(17,17,25,.94) 25%,rgba(17,17,25,.3) 58%,transparent 100%),linear-gradient(0deg,#111119 0%,transparent 32%); }
  .ios-home-hero-copy { padding: 70px 7% 62px; }
  .ios-home-content { grid-template-columns: minmax(0,1.45fr) minmax(270px,1fr); gap: 0 34px; padding: 8px 7% 70px; }
  .ios-home-section:last-child { grid-column: 2; grid-row: 1; }
}

@media (max-width: 760px) {
  html.ios-app .icon-sidebar { background: #15121b; }
  html.ios-app .topbar .theme-switcher,
  html.ios-app .topbar .premium-badge { display: none !important; }
  html.ios-app .topbar .profile-btn span { display: none; }
  .ios-home-hero { min-height: min(61dvh,570px); }
  .ios-home-content { padding-bottom: calc(80px + env(safe-area-inset-bottom,0px)); }
}

/* Full-screen character discovery is exclusive to the iOS shell. */
html.ios-app body.ios-discover-active .topbar { display: none !important; }
html.ios-app body.ios-discover-active #homePage { height: calc(100dvh - 56px - env(safe-area-inset-bottom, 0px)); min-height: 0; overflow: hidden; }
html.ios-app body.ios-discover-active #iosHome { height: 100%; min-height: 0; }
html.ios-app .bottom-nav { background: #111119; border-color: rgba(247,239,232,.14); backdrop-filter: none; }
html.ios-app .bn-item.active::before { background: #f48579; }
html.ios-app .cat-tab.active,
html.ios-app .sl-mode-btn.active,
html.ios-app .st-act.primary { background: #f48579; border-color: #f48579; color: #19151a; }

.ios-discovery-stage { position: relative; width: 100%; height: 100%; overflow: hidden; background: #111119; isolation: isolate; touch-action: pan-y; }
.ios-discovery-card,.ios-discovery-underlay { position: absolute; inset: 0; overflow: hidden; isolation: isolate; background: #111119; }
.ios-discovery-card { z-index: 1; transform-origin: 50% 78%; backface-visibility: hidden; }
.ios-discovery-stage.is-dragging .ios-discovery-card,.ios-discovery-stage.is-animating .ios-discovery-card { border-radius: 16px; will-change: transform; }
.ios-discovery-underlay { z-index: 0; transform: scale(.955); transform-origin: 50% 50%; }
.ios-discovery-stage.is-dragging .ios-discovery-underlay,.ios-discovery-stage.is-animating .ios-discovery-underlay { will-change: transform; }
.ios-discovery-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; z-index: -2; }
.ios-discovery-card::after,.ios-discovery-underlay::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(9,8,12,.45) 0%, transparent 26%, transparent 48%, rgba(9,8,12,.47) 70%, #111119 100%); }
.ios-discovery-underlay { pointer-events: none; }
.ios-discovery-photo-target { position: absolute; inset: 0; width: 100%; border: 0; background: transparent; cursor: pointer; z-index: 1; touch-action: pan-y; }
.ios-discovery-top { position: absolute; z-index: 3; top: calc(18px + env(safe-area-inset-top, 0px)); left: 24px; right: 24px; display: flex; justify-content: space-between; align-items: flex-start; color: #f7efe8; pointer-events: none; }
.ios-discovery-brand { font: 700 37px/.95 'Baskerville','Iowan Old Style',Georgia,serif; letter-spacing: -.08em; text-shadow: 0 1px 14px rgba(0,0,0,.2); }
.ios-discovery-brand span { color: #f48579; }
.ios-discovery-kicker { margin-top: 14px; font: 600 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: .27em; text-transform: uppercase; }
.ios-discovery-filter { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(17,17,25,.68); color: #fff; display: grid; place-items: center; pointer-events: auto; cursor: pointer; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.ios-discovery-filter:active { transform: scale(.91); background: rgba(244,133,121,.3); border-color: #f48579; }
.ios-discovery-filter .material-symbols-rounded { font-size: 29px; }
.ios-discovery-bottom { position: absolute; z-index: 3; left: 24px; right: 24px; bottom: 22px; color: #f7efe8; pointer-events: none; }
.ios-discovery-counter { font: 600 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #ecdcd8; }
.ios-discovery-bottom h1 { font: 400 clamp(60px,19vw,86px)/.9 'Baskerville','Iowan Old Style',Georgia,serif; letter-spacing: -.065em; margin: 12px 0 7px; text-shadow: 0 1px 18px rgba(0,0,0,.2); }
.ios-discovery-bottom p { margin: 0; max-width: 95%; font: 400 15px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color: #e9e2e0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ios-discovery-view { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 18px; padding: 0; border: 0; background: transparent; color: #f7efe8; text-decoration: underline; text-underline-offset: 4px; font: 600 13px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; pointer-events: auto; cursor: pointer; transition: opacity .18s ease; }
.ios-discovery-view:active { opacity: .55; }
.ios-discovery-view .material-symbols-rounded { transition: transform .18s ease; }
.ios-discovery-view:active .material-symbols-rounded { transform: translateX(4px); }
.ios-discovery-view .material-symbols-rounded { font-size: 17px; }
.ios-discovery-actions { display: flex; justify-content: center; align-items: center; gap: clamp(20px,7vw,36px); pointer-events: auto; }
.ios-discovery-action { border: 1px solid rgba(247,239,232,.37); border-radius: 50%; background: rgba(17,17,25,.72); color: #f7efe8; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .18s cubic-bezier(.18,.72,.2,1), background .18s ease, border-color .18s ease; }
.ios-discovery-action:active { transform: scale(.88); }
.ios-discovery-action.secondary { width: 62px; height: 62px; }
.ios-discovery-action.secondary.active { color: #f48579; border-color: #f48579; }
.ios-discovery-action.just-saved .material-symbols-rounded { animation: ios-heart-pop .42s cubic-bezier(.18,.72,.2,1); }
.ios-discovery-action.primary { width: 76px; height: 76px; flex-direction: column; gap: 2px; border: 0; background: #f48579; color: #111119; font: 700 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; box-shadow: 0 10px 32px rgba(20,10,18,.23); }
.ios-discovery-action .material-symbols-rounded { font-size: 30px; }
.ios-discovery-action.primary .material-symbols-rounded { font-size: 27px; }
.ios-discovery-empty { height: 100%; display: grid; align-content: center; justify-items: center; gap: 18px; padding: 28px; text-align: center; }
.ios-discovery-empty h1 { font: 400 40px/1.1 'Baskerville',Georgia,serif; }
.ios-discovery-empty button { border: 0; border-radius: 24px; padding: 16px 24px; background: #f48579; color: #111119; font-weight: 700; }

.ios-discovery-profile[hidden] { display: none !important; }
.ios-discovery-profile { position: fixed; inset: 0; z-index: 4000; display: flex; align-items: flex-end; justify-content: center; color: #f7efe8; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.ios-discovery-profile.is-closing { pointer-events: none; }
.ios-profile-backdrop { position: absolute; inset: 0; background: rgba(4,4,7,.74); animation: ios-backdrop-in .22s ease-out both; }
.ios-profile-panel { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 620px; height: min(94dvh, 940px); overflow: hidden; border-radius: 24px 24px 0 0; background: #141319; box-shadow: 0 -18px 60px rgba(0,0,0,.4); animation: ios-sheet-in .32s cubic-bezier(.18,.72,.2,1) both; }
.ios-discovery-profile.is-closing .ios-profile-backdrop { animation: ios-backdrop-out .19s ease-in both; }
.ios-discovery-profile.is-closing .ios-profile-panel { animation: ios-sheet-out .19s ease-in both; }
.ios-profile-photo { position: relative; flex: 0 0 min(42dvh, 370px); overflow: hidden; background: #24212a; }
.ios-profile-photo::after { content: ''; position: absolute; inset: 60% 0 0; background: linear-gradient(transparent,rgba(16,14,20,.45)); pointer-events: none; }
.ios-profile-photo > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 30%; }
.ios-profile-photo > img.is-changing { animation: ios-photo-change .28s ease-out both; }
.ios-profile-video { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; object-fit: cover; background: #141319; }
.ios-profile-video[hidden],.ios-profile-play[hidden] { display: none !important; }
.ios-profile-play { position: absolute; z-index: 3; left: 20px; bottom: 13px; display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 0 16px 0 11px; border: 1px solid rgba(255,255,255,.72); border-radius: 24px; background: rgba(15,13,19,.78); color: #fff; font: 700 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; cursor: pointer; }
.ios-profile-play .material-symbols-rounded { font-size: 27px; }
.ios-profile-play:active { transform: scale(.94); }
.ios-profile-close,.ios-profile-photo-nav { position: absolute; z-index: 2; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: rgba(16,14,20,.55); color: #fff; cursor: pointer; }
.ios-profile-close { top: calc(14px + env(safe-area-inset-top, 0px)); right: 16px; width: 44px; height: 44px; }
.ios-profile-close { z-index: 4; }
.ios-profile-photo-nav { top: 47%; width: 42px; height: 42px; }
.ios-profile-photo-nav.previous { left: 12px; }.ios-profile-photo-nav.next { right: 12px; }
.ios-profile-photo-count { position: absolute; z-index: 2; right: 20px; bottom: 17px; font-size: 13px; font-weight: 700; }
.ios-profile-info { flex: 1; min-height: 0; overflow-y: auto; padding: 22px 24px 30px; -webkit-overflow-scrolling: touch; }
.ios-profile-title-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ios-profile-title-row h2 { margin: 0; font: 400 38px/1 'Baskerville','Iowan Old Style',Georgia,serif; letter-spacing: -.04em; }
.ios-profile-title-row p { margin: 7px 0 0; font-size: 14px; color: #c6b9bf; }
.ios-profile-save { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid rgba(247,239,232,.26); border-radius: 50%; color: #f7efe8; background: transparent; }
.ios-profile-save.active { color: #f48579; border-color: #f48579; }
.ios-profile-thumbs { display: flex; gap: 8px; margin: 19px 0 20px; overflow-x: auto; }
.ios-profile-thumbs button { flex: 0 0 58px; width: 58px; height: 65px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 8px; background: transparent; }
.ios-profile-thumbs button.active { border-color: #f48579; }
.ios-profile-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.ios-profile-gallery-count { margin: 10px 0 18px; color: #c6b9bf; font-size: 13px; }
.ios-profile-info h3 { margin: 17px 0 8px; font: 600 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #f48579; }
.ios-profile-description { margin: 0 0 12px; color: #eee7e4; font-size: 15px; line-height: 1.52; white-space: pre-line; }
.ios-profile-traits { display: flex; flex-wrap: wrap; gap: 8px; }
.ios-profile-traits span { border: 1px solid rgba(247,239,232,.2); border-radius: 100px; padding: 7px 12px; color: #ded2d3; font-size: 13px; }
.ios-profile-footer { flex: 0 0 auto; padding: 12px 20px calc(12px + env(safe-area-inset-bottom,0px)); border-top: 1px solid rgba(247,239,232,.12); background: #141319; }
.ios-profile-footer button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; border: 0; border-radius: 26px; background: #f48579; color: #151116; font: 700 16px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; transition: transform .18s ease, filter .18s ease; }
.ios-profile-footer button:active { transform: scale(.97); filter: brightness(1.08); }
.ios-discovery-stage button:focus-visible,.ios-discovery-profile button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-height: 670px) { .ios-discovery-bottom { bottom: 10px; }.ios-discovery-bottom h1 { font-size: 56px; margin-top: 6px; }.ios-discovery-view { margin-bottom: 8px; }.ios-discovery-action.secondary { width: 54px; height: 54px; }.ios-discovery-action.primary { width: 64px; height: 64px; }.ios-profile-photo { flex-basis: 35dvh; } }

html.ios-app .bn-item { transition: color .2s ease, transform .2s ease; }
html.ios-app .bn-item:active { transform: scale(.91); }
html.ios-app .bn-item .bn-icon::before { display: inline-block; transition: transform .22s cubic-bezier(.18,.72,.2,1); }
html.ios-app .bn-item.active .bn-icon::before { transform: translateY(-3px); }
html.ios-app .bn-item.active::before { transition: left .22s ease, right .22s ease, opacity .22s ease; }
html.ios-app .cat-tab,html.ios-app .sl-mode-btn,html.ios-app .st-act,html.ios-app .btn-primary { transition: transform .18s ease, background .2s ease, border-color .2s ease, color .2s ease; }
html.ios-app .cat-tab:active,html.ios-app .sl-mode-btn:active,html.ios-app .st-act:active,html.ios-app .btn-primary:active { transform: scale(.97); }
html.ios-app .char-card,html.ios-app .sl-public-card,html.ios-app .st-opt-card { transition: transform .2s cubic-bezier(.18,.72,.2,1), border-color .2s ease, background .2s ease; }
html.ios-app .char-card:active,html.ios-app .sl-public-card:active,html.ios-app .st-opt-card:active { transform: scale(.985); }
html.ios-app .catalog-page:not(.hidden),html.ios-app .stories-page:not(.hidden),html.ios-app .story-library-page:not(.hidden),html.ios-app .account-page:not(.hidden),html.ios-app .constructor-page:not(.hidden),html.ios-app .generate-page:not(.hidden),html.ios-app .chat-page:not(.hidden) { animation: ios-page-in .24s ease-out both; }
@keyframes ios-heart-pop { 0% { transform: scale(.72); } 45% { transform: scale(1.32); } 100% { transform: scale(1); } }
@keyframes ios-sheet-in { from { transform: translateY(34px); opacity: .75; } to { transform: translateY(0); opacity: 1; } }
@keyframes ios-sheet-out { from { transform: translateY(0); opacity: 1; } to { transform: translateY(32px); opacity: 0; } }
@keyframes ios-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ios-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes ios-photo-change { from { opacity: .65; transform: scale(1.025); } to { opacity: 1; transform: scale(1); } }
@keyframes ios-page-in { from { opacity: .72; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  html.ios-app .ios-discovery-card,html.ios-app .ios-profile-panel,html.ios-app .ios-profile-backdrop,html.ios-app .ios-profile-photo > img,html.ios-app .bn-item,html.ios-app .bn-item .bn-icon::before,html.ios-app .ios-discovery-action,html.ios-app .ios-discovery-filter,html.ios-app .ios-profile-footer button,html.ios-app .catalog-page:not(.hidden),html.ios-app .stories-page:not(.hidden),html.ios-app .story-library-page:not(.hidden),html.ios-app .account-page:not(.hidden),html.ios-app .constructor-page:not(.hidden),html.ios-app .generate-page:not(.hidden),html.ios-app .chat-page:not(.hidden) { animation: none !important; transition: none !important; }
}