/* QAQA: saturated emerald, native grouped lists, original mascot. */
:root{--mint:#eaf5ef;--ink:#122a22;--muted:#63786e;--card:#fff;--glass:rgba(255,255,255,.88);--line:#dbe7df;--accent:#008a5c;--soft:#edf7f1;color-scheme:light}
:root[data-theme=dark]{--mint:#071d19;--ink:#edfff5;--muted:#9bb7a9;--card:#112c25;--glass:rgba(13,39,32,.9);--line:#29453b;--accent:#5bf5ae;--soft:#1d3c31;color-scheme:dark}
html,body{background:var(--mint);color:var(--ink)}
body{background:radial-gradient(ellipse 700px 460px at 50% 0,#05b87f 0,#19d9a1 30%,transparent 95%),var(--mint);background-repeat:no-repeat}
:root[data-theme=dark] body{background:radial-gradient(ellipse 700px 460px at 50% 0,#075d4b 0,#07372e 45%,transparent 95%),var(--mint)}
.app-shell{width:min(700px,100%);padding:18px 18px calc(108px + var(--safe-bottom));padding-top:calc(16px + var(--safe-top));animation:arrival .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.home-controls{gap:12px;margin:0 0 10px}.model-selector{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(20px);color:#052c20;max-width:65%;min-width:0}.model-selector-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-arrow{color:inherit}
.upgrade-button{background:#fff;color:#11523d;font-size:12px;padding:0 13px;height:38px;flex-shrink:0;box-shadow:0 4px 18px #005b3320}
.agent-hero{padding:10px 8px 22px}.hero-frog{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 12px 15px #004c3440);animation:mascot-enter .8s cubic-bezier(.15,.75,.2,1) both}
@keyframes mascot-enter{from{opacity:0;transform:translateY(24px) scale(.85) rotate(-8deg)}to{opacity:1;transform:none}}
.agent-hero .eyebrow{color:#064832;font-size:9px;letter-spacing:.18em}.agent-hero h1{font-size:32px;color:#062d21;font-weight:750;margin:8px 0}.agent-hero>p:not(.eyebrow){font-size:14px;color:#07563e;line-height:1.45}.return-chat{font-size:13px;color:#07513a;min-height:40px;background:rgba(255,255,255,.24);border:1px solid #ffffff30;border-radius:24px;padding:9px 16px}
:root[data-theme=dark] .agent-hero h1,:root[data-theme=dark] .model-selector{color:#edfff5}
:root[data-theme=dark] .agent-hero>p:not(.eyebrow),:root[data-theme=dark] .agent-hero .eyebrow,:root[data-theme=dark] .return-chat{color:#c0fce0}
:root[data-theme=dark] .upgrade-button{background:#a0ffd4;color:#073d2d}
.section-block{margin-top:24px}.section-heading h2{font-size:19px;letter-spacing:-.025em}.section-heading .text-button{font-size:11px}.eyebrow,.text-button,.link-button{color:var(--accent)}
.discovery-list,.tool-grid,.settings-list,.info-card,.empty-state,.list-row,.note-card,.invite-card,.reward-item,.conversation-example{background:var(--card);border:1px solid var(--line);box-shadow:none}
.discovery-list,.tool-grid{padding:0 15px;border-radius:22px}.discovery-list>button,.tool-card{padding:14px 0;min-height:76px;border-bottom:1px solid var(--line);color:var(--ink)}
.discovery-list strong,.tool-copy strong{font-size:14px;font-weight:650}.discovery-list small,.tool-copy small{font-size:12px;line-height:1.4;color:var(--muted)}.tool-card:hover{background:var(--soft);box-shadow:none;transform:none}
.discovery-list>button>span:first-child,.tool-icon,.row-icon{background:var(--soft);color:var(--accent);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.service-logo{width:24px;height:24px;object-fit:contain}.tool-icon.brand-telegram{background:#d9f1ff}.tool-icon.brand-google{background:#f1f3f8}.tool-icon.brand-yandex{background:#fff0e8}
:root[data-theme=dark] .service-logo{filter:invert(1)}:root[data-theme=dark] .tool-icon.brand-telegram,:root[data-theme=dark] .tool-icon.brand-google,:root[data-theme=dark] .tool-icon.brand-yandex{background:#25443a}
.tool-status.ready{color:var(--accent)}.tool-status.planned,.tool-status.needs_setup{color:var(--muted)}
.section-caption,.detail-description,.privacy-note,.empty-state,.info-card,.page-intro p,.list-row small,.settings-list small,.profile-hero p,.creation-launch p{color:var(--muted)}
.reward-banner{display:flex;align-items:center;gap:13px;width:100%;padding:18px;border-radius:22px;background:linear-gradient(115deg,#6935ce,#8d5df0);color:#fff;margin:24px 0;text-align:left}.reward-banner>span:nth-child(2){flex:1}.reward-banner strong{font-size:14px;display:block}.reward-banner small{font-size:11px;display:block;color:#e4d8ff;margin-top:5px}.reward-banner svg{width:30px;height:30px}
.page-header{padding:0 0 15px}.brand strong{font-size:20px}.brand small{color:var(--muted)}.brand img{width:40px;height:40px;object-fit:contain}.compact-upgrade{font-size:11px;min-height:36px;background:var(--soft);color:var(--ink)}.page-intro h1{font-size:32px;letter-spacing:-.04em}
.search-box{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:none;min-height:48px}.search-box input{color:var(--ink);font-size:16px}.search-box input::placeholder{color:var(--muted)}.filter-chip{background:var(--card);border:1px solid var(--line);color:var(--muted);font-weight:600}.filter-chip.active{background:var(--accent);color:var(--mint);border-color:transparent}.tool-section-head{color:var(--muted)}.tool-section-head h2{font-size:17px;color:var(--ink)}
.bottom-nav{width:min(470px,calc(100% - 24px));background:var(--glass);border:1px solid var(--line);border-radius:30px;box-shadow:0 8px 36px #001e1b25;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:7px;gap:2px;bottom:calc(12px + var(--safe-bottom))}.bottom-nav button{color:var(--muted);border-radius:23px;min-height:50px}.bottom-nav button.active{color:var(--accent);background:var(--soft)}.bottom-nav small{font-size:10px;font-weight:600}.bottom-nav svg{width:22px;height:22px}
.sheet,.onboarding{background:var(--mint);color:var(--ink);border:1px solid var(--line);border-radius:28px;padding:24px;width:min(540px,calc(100% - 20px));max-height:86dvh}.sheet::backdrop,.onboarding::backdrop{background:#00110c70;backdrop-filter:blur(8px)}.sheet-head button,.sheet-head h2{color:var(--ink)}.sheet-head button{background:var(--soft)}.sheet-head h2{font-size:23px}
.sheet-form input,.sheet-form select,.sheet-form textarea,.theme-setting select,.invite-card input{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:13px;min-height:48px;width:100%;font-size:16px}.sheet-form textarea{resize:vertical;min-height:92px}.sheet-form label{color:var(--muted)}
.model-popover{background:#111a16;color:#f1fff6;border:1px solid #315044;max-height:82dvh}.model-search{background:#1b2e25;border-color:#315044;margin:12px 0}.model-search input{color:#f1fff6}.model-hint{font-size:11px;line-height:1.4;color:#a0b5aa;padding:0 4px}.model-option{background:transparent}.model-option.selected{background:#183e2b}.model-option small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-option .tier-badge{background:#244b36;color:#c6fadc;font-size:8px}.model-option .model-symbol{background:#283d33;color:#d8f6e6}.model-group h3{position:sticky;top:0;background:#111a16;padding:12px 0;z-index:1}
.settings-list{padding:0 15px;border-radius:22px}.settings-list>button,.settings-list>a,.theme-setting{background:transparent;color:var(--ink);border-bottom:1px solid var(--line);min-height:74px}.settings-list>button>span,.settings-list>a>span,.theme-setting>span{background:var(--soft);color:var(--accent);border-radius:12px}.settings-list strong{font-size:14px}.theme-setting{display:flex;align-items:center;gap:12px;padding:12px 0}.theme-setting>div{flex:1}.theme-setting strong,.theme-setting small{display:block}.theme-setting small{font-size:11px;margin-top:4px}.theme-setting select{width:125px;font-size:12px;padding:8px}.theme-setting svg{width:24px}.profile-hero{background:var(--card);border-color:var(--line)}.profile-hero img{object-fit:contain}.profile-hero h1{font-size:26px}
.balance-card{background:linear-gradient(125deg,#064e3e,#008763);border:1px solid #ffffff20;box-shadow:none}.balance-card strong{color:white}.balance-card p{color:#bbefda}.balance-card .light-button{background:white;color:#07503b}
.creation-launch{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;min-height:135px}.creation-launch.featured{background:linear-gradient(135deg,#154c3e,#23956f);color:#fff}.creation-launch.featured p{color:#d0f6df}.creation-icon{background:var(--soft);color:var(--accent)}.creation-launch>div>small{color:var(--accent)}.creation-launch.featured>div>small{color:#afffd3}.creation-launch>b{color:var(--muted);background:var(--soft)}.creation-launch.featured>b{color:#164735;background:#c7ffe4}.telegram-only-note{background:var(--card);border-color:var(--line)}.telegram-only-note p{color:var(--muted)}
.primary-button{background:linear-gradient(130deg,#11d696,#07ac7d);color:#032d21;box-shadow:0 8px 22px #00986725;border-radius:16px;font-weight:700;min-height:48px}.button-pair{display:flex;gap:10px}.button-pair>button{flex:1;min-height:45px;border-radius:13px;padding:10px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:650}.button-pair>.primary-button{background:#10d698;color:#052e21}
.connect-intro{text-align:center;margin:12px 0 24px}.connect-intro>img{width:44px;height:44px;background:#dff9ef;padding:9px;border-radius:15px}.connect-intro h3{font-size:21px;letter-spacing:-.03em}.connect-intro p{font-size:13px;line-height:1.6;color:var(--muted)}.action-preview{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:18px}.action-preview pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.action-preview p{color:var(--muted)}
.reward-balance{padding:22px;border-radius:22px;background:linear-gradient(120deg,#065b44,#02ad77);color:white;margin:10px 0 25px}.reward-balance small{font-size:10px;letter-spacing:.12em}.reward-balance strong{display:block;font-size:32px;margin:12px 0}.reward-balance strong span{font-size:14px}.reward-balance .primary-button{background:white;color:#074d35;box-shadow:none}.reward-item{display:flex;gap:10px;align-items:center;padding:16px;border-radius:18px;margin:10px 0}.reward-item>div{flex:1}.reward-item strong{font-size:14px}.reward-item p{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0 0}.reward-item button{background:var(--soft);color:var(--accent);padding:10px;border-radius:12px;font-size:12px;font-weight:700;min-width:78px}.reward-item button:disabled{color:var(--muted)}.invite-card{padding:20px;border-radius:20px;margin-top:20px}.invite-card p{font-size:13px;line-height:1.5;color:var(--muted)}.invite-card input{font-size:12px;margin:0 0 12px}.invite-card .primary-button{width:100%}
.note-card{padding:17px;border-radius:18px;margin-top:12px}.note-card>small{font-size:10px;color:var(--accent);letter-spacing:.1em}.note-card h3{margin:9px 0;font-size:16px}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:13px;line-height:1.55}.note-card>div{display:flex;justify-content:space-between;gap:8px}.note-card button{background:var(--soft);color:var(--accent);border-radius:10px;padding:9px;font-size:12px}.note-card button.danger-text{color:#d64f68;background:transparent}
.loading-screen{background:radial-gradient(circle at 50% 40%,#24d6a0,transparent 65%),var(--mint);color:var(--ink)}.loading-screen img{width:138px;height:138px;object-fit:contain;animation:mascot-float 1.8s ease-in-out infinite}.loading-screen strong{font-size:30px;letter-spacing:-.04em}.loading-screen span{font-size:12px;color:var(--muted)}
@keyframes mascot-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
.launch-gate img{object-fit:contain}.launch-gate h1{font-size:32px}.toast{z-index:10000;background:#132b22;color:#fff;border:1px solid #7ebc9e;max-width:calc(100% - 30px)}
:root[data-theme=dark] .glass{border-color:var(--line)}:root[data-theme=dark] .onboarding,:root[data-theme=dark] .plan-card{background:var(--card);color:var(--ink)}:root[data-theme=dark] .interest-grid button{background:var(--soft);color:var(--ink)}:root[data-theme=dark] .availability-note,:root[data-theme=dark] .request-example{background:var(--soft);color:var(--ink)}
button:focus-visible,a:focus-visible{outline-color:var(--accent)}button:disabled{cursor:default}input,textarea,select{font-size:16px!important}
@media(min-width:761px){.app-shell{padding-left:30px;padding-right:30px}.agent-hero{padding-top:20px}.hero-frog{width:154px;height:154px}.sheet{padding:28px}.discovery-list>button:hover{background:var(--soft)}}
@media(max-width:350px){.app-shell{padding-left:12px;padding-right:12px}.home-controls{gap:7px}.upgrade-button{padding:0 10px;font-size:11px}.model-selector{max-width:61%;padding:0 10px}.model-selector-copy strong{font-size:12px}.theme-setting select{width:110px}.sheet{padding:18px}.reward-banner{padding:15px}.reward-item{padding:12px}.bottom-nav small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root .model-symbol img{width:36px;height:36px;object-fit:contain;border-radius:10px}