:root {
  color-scheme: dark;
  --bg: #090713;
  --panel: #121020;
  --panel-2: #19162a;
  --panel-3: #211d35;
  --line: rgba(255,255,255,.09);
  --muted: #918aa0;
  --muted-2: #6e6879;
  --text: #f8f5ff;
  --pink: #ff5ca8;
  --violet: #8f5bff;
  --violet-2: #bd4dff;
  --safe: #62dbbb;
  --danger: #ff788f;
  --top: calc(68px + env(safe-area-inset-top));
  --bottom: calc(74px + env(safe-area-inset-bottom));
  font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
* { box-sizing: border-box; }
html,body { min-height:100%;margin:0;background:#05040a;color:var(--text); }
body { -webkit-tap-highlight-color:transparent;overscroll-behavior-y:none; }
.telegram-mini-app body { background:var(--tg-theme-bg-color,#05040a); }
button,input,textarea { color:inherit;font:inherit; }
button { border:0;cursor:pointer; }
button:focus-visible,input:focus-visible,textarea:focus-visible { outline:2px solid rgba(190,116,255,.9);outline-offset:2px; }
.app-shell { position:relative;width:100%;min-height:var(--app-viewport-height,100vh);margin:0 auto;overflow:hidden;background:radial-gradient(circle at 82% -8%,rgba(100,49,187,.24),transparent 30%),var(--bg); }
.topbar { position:fixed;z-index:40;top:0;right:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;height:var(--top);padding:env(safe-area-inset-top) 16px 10px;background:rgba(9,7,19,.88);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px); }
.brand { display:flex;align-items:center;gap:9px;padding:0;background:transparent;text-align:left; }
.brand__mark { position:relative;display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:linear-gradient(145deg,#6336e9,#ff55ad);box-shadow:0 0 22px rgba(167,64,217,.25); }
.brand__mark::before,.brand__mark::after { position:absolute;width:18px;height:12px;border:1.5px solid rgba(255,255,255,.8);border-top:0;border-radius:0 0 16px 16px;content:"";transform:rotate(-12deg); }
.brand__mark::after { width:7px;height:7px;border:0;border-radius:50%;background:#fff;box-shadow:10px -4px 0 -2px rgba(255,255,255,.8); }
.brand__mark i { position:absolute;top:-4px;right:-2px;width:7px;height:7px;border-radius:50%;background:#ff85cb;box-shadow:0 0 9px #ff85cb; }
.brand b { display:block;font-size:18px;letter-spacing:.5px; }.brand small { display:block;margin-top:1px;color:var(--muted-2);font-size:9px;letter-spacing:1.7px;text-transform:uppercase; }
.topbar__actions { display:flex;align-items:center;gap:8px; }
.benefit-pill { height:31px;padding:0 13px;border:1px solid rgba(248,119,255,.25);border-radius:999px;background:linear-gradient(100deg,rgba(104,61,233,.45),rgba(210,65,162,.44));font-size:12px;font-weight:700; }.benefit-pill span { color:#82f0ef; }
.round-button { position:relative;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.045); }.round-button>i { position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ff546c;box-shadow:0 0 6px #ff546c; }
.mail-icon { position:relative;width:17px;height:13px;border:1.5px solid #aca5b7;border-radius:3px; }.mail-icon::after { position:absolute;top:1px;left:2px;width:10px;height:7px;border-bottom:1.5px solid #aca5b7;content:"";transform:rotate(-36deg); }
.view { min-height:100vh;padding:var(--top) 0 var(--bottom); }
.page { min-height:calc(100vh - var(--top) - var(--bottom));padding:15px 14px 24px;animation:page-in .24s ease both; }
@keyframes page-in { from { opacity:0;transform:translateY(6px) } }
.tabbar { position:fixed;z-index:45;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:var(--bottom);padding:7px 5px env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.075);background:rgba(15,13,27,.94);backdrop-filter:blur(20px); }
.tabbar__item { display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;padding:0;background:transparent;color:#aaa4b4; }.tabbar__item em { font-style:normal;font-size:11px; }.tabbar__item.active { color:var(--pink); }.tabbar__item--create .nav-icon { display:grid;width:39px;height:31px;margin-top:-14px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#754af3,#df4fad);box-shadow:0 8px 20px rgba(136,55,203,.35);color:#fff;font-size:17px; }
.nav-icon { position:relative;width:21px;height:21px; }.nav-icon--home::before { position:absolute;inset:5px 2px 1px;border:2px solid currentColor;border-radius:3px;content:""; }.nav-icon--home::after { position:absolute;top:2px;left:5px;width:11px;height:11px;border-top:2px solid currentColor;border-left:2px solid currentColor;content:"";transform:rotate(45deg); }.nav-icon--chat { border:2px solid currentColor;border-radius:6px; }.nav-icon--chat::after { position:absolute;bottom:-4px;left:3px;width:6px;height:6px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;content:"";transform:skew(-28deg); }.nav-icon--album { border:2px solid currentColor;border-radius:4px; }.nav-icon--album::before { position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:currentColor;content:""; }.nav-icon--album::after { position:absolute;right:3px;bottom:3px;left:3px;height:8px;background:linear-gradient(135deg,transparent 36%,currentColor 37% 55%,transparent 56%),linear-gradient(45deg,currentColor 45%,transparent 46%);content:"";opacity:.8; }.nav-icon--user::before { position:absolute;top:1px;left:6px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%;content:""; }.nav-icon--user::after { position:absolute;right:2px;bottom:0;left:2px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;content:""; }
.search-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px; }
.search-box { position:relative;display:flex;align-items:center;height:46px;padding:0 15px;border:1px solid rgba(180,155,236,.21);border-radius:15px;background:rgba(24,21,39,.88); }.search-box::before { width:15px;height:15px;margin-right:11px;border:2px solid #918a9c;border-radius:50%;content:""; }.search-box::after { position:absolute;left:28px;width:7px;height:2px;background:#918a9c;content:"";transform:translateY(7px) rotate(45deg); }.search-box input { min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px; }.search-box input::placeholder { color:#6e6879; }
.filter-button { width:46px;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);color:#beb6ca;font-size:18px; }
.hero { position:relative;height:205px;margin-top:13px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#2b1948;box-shadow:0 18px 45px rgba(0,0,0,.25); }
.hero img { width:100%;height:100%;object-fit:cover; }.hero__shade { position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,18,.93) 0%,rgba(10,7,18,.62) 42%,rgba(10,7,18,.04) 72%),linear-gradient(0deg,rgba(8,5,15,.8),transparent 52%); }
.hero__copy { position:absolute;z-index:2;top:22px;bottom:17px;left:18px;display:flex;width:61%;align-items:flex-start;flex-direction:column; }.eyebrow { color:#c6a6ff;font-size:10px;font-weight:800;letter-spacing:2px; }.hero h1 { margin:12px 0 7px;font-size:30px;line-height:1; }.hero p { display:-webkit-box;margin:0;overflow:hidden;color:#b9b0c3;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.hero__meta { margin-top:9px;color:#7e7689;font-size:10px; }.primary-button { display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:12px;background:linear-gradient(110deg,#7452e7,#c94bac);box-shadow:0 9px 22px rgba(125,64,210,.25);font-size:13px;font-weight:750; }.hero .primary-button { margin-top:auto; }.hero__badge { position:absolute;z-index:2;top:13px;right:13px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,5,13,.5);font-size:9px;backdrop-filter:blur(9px); }.hero__badge i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#62dbbb;box-shadow:0 0 7px #62dbbb; }
.channels { display:flex;gap:8px;margin:16px -14px 0;padding:0 14px 4px;overflow-x:auto;scrollbar-width:none; }.channels::-webkit-scrollbar,.tag-row::-webkit-scrollbar { display:none; }.chip { flex:none;height:34px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:#9e97a9;font-size:12px; }.chip.active { border-color:rgba(183,89,255,.4);background:linear-gradient(115deg,#7046e4,#b33fd2);color:#fff;font-weight:750;box-shadow:0 8px 20px rgba(117,62,205,.24); }
.section-head { display:flex;align-items:flex-end;justify-content:space-between;margin:22px 2px 12px; }.section-head small { display:block;margin-bottom:4px;color:#8c6bb9;font-size:9px;font-weight:800;letter-spacing:2px; }.section-head h2 { margin:0;font-size:20px; }.section-head button { padding:5px;background:transparent;color:#88808f;font-size:11px; }
.character-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.character-card { position:relative;height:255px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#20182d;text-align:left; }.character-card:nth-child(4n+1) { height:285px; }.character-card img { width:100%;height:100%;object-fit:cover;transition:transform .35s ease; }.character-card:active img { transform:scale(1.025); }.character-card__shade { position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,9,.02) 25%,rgba(5,3,9,.16) 48%,rgba(6,4,11,.98)); }.character-card__top { position:absolute;z-index:2;top:10px;right:10px;left:10px;display:flex;align-items:center;justify-content:space-between; }.safe-badge,.hot-badge { padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(5,4,9,.46);font-size:8px;backdrop-filter:blur(6px); }.safe-badge { color:#a9f4de; }.heart-count { color:#f2e9f8;font-size:10px;text-shadow:0 2px 6px #000; }
.character-card__copy { position:absolute;z-index:2;right:12px;bottom:13px;left:12px; }.character-card__copy h3 { margin:0;font-size:20px; }.verified { margin-left:4px;color:#b79aff;font-size:10px; }.character-card__copy p { display:-webkit-box;margin:5px 0 0;overflow:hidden;color:#b7aebe;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2; }.mini-tags { display:flex;gap:4px;margin-top:8px;overflow:hidden; }.mini-tags span { flex:none;padding:4px 6px;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:rgba(255,255,255,.06);color:#aaa1b0;font-size:8px; }
.disclosure { display:flex;gap:11px;margin-top:17px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:#777080;font-size:10px;line-height:1.55; }.disclosure b { display:grid;width:30px;height:30px;flex:none;place-items:center;border:1px solid rgba(170,122,241,.3);border-radius:50%;color:#a38ac8;font-size:9px; }
.loading,.empty-state { display:grid;min-height:52vh;padding:30px;place-items:center;text-align:center; }.loader { width:28px;height:28px;border:2px solid rgba(255,255,255,.12);border-top-color:#b460ff;border-radius:50%;animation:spin .8s linear infinite; } @keyframes spin { to { transform:rotate(360deg) } }
.empty-state__icon { display:grid;width:66px;height:66px;margin:0 auto 18px;place-items:center;border:1px solid rgba(181,120,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(118,70,216,.2),rgba(209,72,159,.12));color:#bb91ff;font-size:27px; }.empty-state h2 { margin:0 0 8px;font-size:18px; }.empty-state p { max-width:280px;margin:0 auto 18px;color:#827b8d;font-size:12px;line-height:1.7; }
.subpage-head { display:flex;align-items:center;gap:12px;margin-bottom:15px; }.back-button { display:grid;width:37px;height:37px;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:22px; }.subpage-head h1 { margin:0;font-size:20px; }.subpage-head p { margin:3px 0 0;color:var(--muted-2);font-size:10px; }
.detail-cover { position:relative;height:330px;margin:-15px -14px 0;overflow:hidden;background:#241832; }.detail-cover>img { width:100%;height:100%;object-fit:cover; }.detail-cover__shade { position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,5,13,.04) 35%,rgba(9,7,19,.97)); }.detail-back { position:absolute;z-index:3;top:14px;left:14px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(7,5,12,.46);font-size:22px;backdrop-filter:blur(8px); }.detail-copy { position:absolute;z-index:2;right:16px;bottom:18px;left:16px; }.detail-copy h1 { margin:0;font-size:32px; }.detail-copy p { margin:8px 0 0;color:#bcb3c6;font-size:12px;line-height:1.55; }.tag-row { display:flex;gap:7px;margin-top:13px;overflow-x:auto; }.tag { flex:none;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#b6acbe;font-size:10px; }
.detail-body { padding-top:18px; }.detail-body h2 { margin:0 0 10px;font-size:15px; }.detail-body>p { margin:0;color:#948c9f;font-size:12px;line-height:1.75; }.starter-list { display:grid;gap:8px;margin-top:10px; }.starter { display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;font-size:11px; }.starter span { color:#9b75d2;font-size:18px; }.detail-actions { position:sticky;z-index:12;bottom:calc(var(--bottom) + 8px);display:grid;grid-template-columns:49px 1fr;gap:9px;margin-top:18px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(14,11,24,.9);backdrop-filter:blur(16px); }.favorite-button { border:1px solid var(--line);border-radius:11px;background:var(--panel-3);font-size:20px; }
.list { display:grid;gap:9px; }.list-card { display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:15px;background:var(--panel);text-align:left; }.list-avatar { width:51px;height:51px;flex:none;overflow:hidden;border-radius:15px;background:#2e2440; }.list-avatar img { width:100%;height:100%;object-fit:cover; }.list-card__copy { min-width:0;flex:1; }.list-card__copy h3 { margin:0;font-size:14px; }.list-card__copy p { margin:5px 0 0;overflow:hidden;color:#817a8c;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }.list-card time { color:#686171;font-size:9px; }
.chat-page { display:flex;min-height:calc(100vh - var(--top) - var(--bottom));flex-direction:column;padding:0; }.chat-head { position:sticky;z-index:10;top:var(--top);display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(9,7,19,.92);backdrop-filter:blur(16px); }.chat-head .back-button { width:34px;height:34px; }.chat-head img { width:38px;height:38px;border-radius:12px;object-fit:cover; }.chat-head h2 { margin:0;font-size:14px; }.chat-head p { margin:3px 0 0;color:#6e6879;font-size:9px; }.online-dot { width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--safe); }
.messages { display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;padding:18px 14px 128px; }.message { display:flex;max-width:85%;gap:8px;align-self:flex-start; }.message.user { align-self:flex-end; }.message__bubble { padding:11px 13px;border:1px solid var(--line);border-radius:5px 15px 15px;background:var(--panel-2);font-size:12px;line-height:1.65;white-space:pre-wrap; }.message.user .message__bubble { border-color:transparent;border-radius:15px 5px 15px 15px;background:linear-gradient(130deg,#7148dc,#a341b9); }.message__ai { display:grid;width:24px;height:24px;flex:none;place-items:center;border-radius:8px;background:linear-gradient(135deg,#6543df,#d14b9f);font-size:8px; }.typing::after { display:inline-block;width:5px;height:13px;margin-left:3px;background:#c8a1ff;content:"";animation:blink .8s infinite;vertical-align:-2px; } @keyframes blink { 50% { opacity:0 } }
.chat-compose { position:fixed;z-index:30;right:0;bottom:var(--bottom);left:0;padding:9px 12px 10px;border-top:1px solid var(--line);background:rgba(12,9,21,.94);backdrop-filter:blur(18px); }.chat-compose__row { display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px; }.chat-compose textarea { width:100%;height:42px;max-height:92px;padding:11px 13px;resize:none;border:1px solid rgba(182,151,235,.2);border-radius:13px;outline:0;background:var(--panel-2);font-size:12px;line-height:18px; }.send-button { border-radius:13px;background:linear-gradient(135deg,#754ce9,#c94ba8);font-size:18px; }.chat-note { margin-top:6px;color:#625c6b;font-size:8px;text-align:center; }
.profile-hero { padding:20px 16px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#211734,#13101f); }.profile-main { display:flex;align-items:center;gap:13px; }.profile-avatar { display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,#7447dc,#d04d9f);font-size:20px;font-weight:800; }.profile-main h2 { margin:0;font-size:18px; }.profile-main p { margin:5px 0 0;color:#8c8497;font-size:10px; }.profile-stats { display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:15px;border-top:1px solid var(--line);text-align:center; }.profile-stats b { display:block;font-size:16px; }.profile-stats span { display:block;margin-top:3px;color:#726b7b;font-size:9px; }
.menu-group { display:grid;gap:1px;margin-top:13px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line); }.menu-row { display:flex;align-items:center;justify-content:space-between;min-height:51px;padding:0 14px;background:var(--panel);text-align:left; }.menu-row span { color:#b1a9ba;font-size:12px; }.menu-row em { color:#665f70;font-style:normal;font-size:17px; }
.creator-card { padding:18px;border:1px solid rgba(179,104,248,.18);border-radius:20px;background:radial-gradient(circle at 92% 10%,rgba(209,71,169,.18),transparent 35%),linear-gradient(145deg,#221634,#12101e); }.creator-card small { color:#ab7fe6;font-size:9px;letter-spacing:2px; }.creator-card h1 { margin:12px 0 8px;font-size:25px; }.creator-card p { margin:0;color:#8f879a;font-size:11px;line-height:1.7; }.creator-card .primary-button { width:100%;margin-top:18px; }
.create-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px; }.create-step { padding:13px 9px;border:1px solid var(--line);border-radius:13px;background:var(--panel); }.create-step b { display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:rgba(128,83,218,.2);color:#b697f0;font-size:10px; }.create-step span { display:block;margin-top:9px;font-size:10px; }.create-step small { display:block;margin-top:4px;color:#6e6879;font-size:8px;line-height:1.45; }
.toast { position:fixed;z-index:100;right:20px;bottom:calc(var(--bottom) + 22px);left:20px;padding:11px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(29,25,41,.96);box-shadow:0 12px 35px rgba(0,0,0,.35);font-size:11px;text-align:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s ease; }.toast.show { opacity:1;transform:none; }
.sheet-layer { position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.64);backdrop-filter:blur(5px); }.sheet-layer[hidden] { display:none; }.sheet { position:absolute;right:0;bottom:0;left:0;max-height:86vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:24px 24px 0 0;background:#12101e;animation:sheet-up .24s ease both; } @keyframes sheet-up { from { transform:translateY(100%) } }.sheet__handle { width:42px;height:4px;margin:-7px auto 17px;border-radius:5px;background:#3a3544; }.sheet h2 { margin:0;font-size:20px; }.sheet>p { color:#8c8495;font-size:11px;line-height:1.75; }.sheet .primary-button { width:100%;margin-top:14px; }.sheet-list { display:grid;gap:8px;margin-top:14px; }.sheet-list div { padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2); }.sheet-list b { display:block;font-size:11px; }.sheet-list span { display:block;margin-top:5px;color:#7e7688;font-size:9px;line-height:1.5; }
.auth-form { display:grid;gap:10px;margin-top:16px; }.auth-form label { display:grid;gap:6px;color:#8c8495;font-size:10px; }.auth-form input { width:100%;height:46px;padding:0 13px;border:1px solid rgba(181,151,235,.2);border-radius:12px;outline:0;background:var(--panel-2);font-size:13px; }.auth-form input:focus { border-color:#9b68ed; }.auth-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px; }.auth-actions .primary-button { margin-top:0; }.secondary-button { min-height:40px;border:1px solid rgba(176,126,237,.25);border-radius:12px;background:rgba(112,73,190,.12);color:#c9b6e3;font-size:12px;font-weight:700; }
.telegram-login { display:grid;gap:7px;margin-top:14px; }.telegram-login .primary-button { gap:8px;margin-top:0;background:linear-gradient(110deg,#2aabee,#6478ed); }.telegram-login small { color:#ff9aac;font-size:9px;text-align:center; }.telegram-plane { display:inline-block;font-size:15px;transform:rotate(-28deg); }.auth-divider { display:flex;align-items:center;gap:10px;margin:14px 0 0;color:#696273;font-size:9px; }.auth-divider::before,.auth-divider::after { height:1px;flex:1;background:var(--line);content:""; }
.telegram-mini-app .topbar { padding-top:var(--tg-content-safe-area-inset-top,env(safe-area-inset-top)); }.telegram-mini-app .tabbar { padding-bottom:max(var(--tg-content-safe-area-inset-bottom,0px),env(safe-area-inset-bottom)); }
@media (min-width:760px) { .app-shell,.topbar,.tabbar,.chat-compose { right:auto;left:50%;width:430px;transform:translateX(-50%); }.app-shell { box-shadow:0 0 80px rgba(0,0,0,.55); }.sheet-layer { right:auto;left:50%;width:430px;transform:translateX(-50%); }.character-card { height:280px; } }
@media (max-width:350px) { .benefit-pill { display:none; }.hero { height:192px; }.hero h1 { font-size:26px; }.character-card { height:235px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important; } }