:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf1fc;--ink:#1b2150;--text:#2c3364;--muted:#6d77a8;--blue:#3d7bff;--blue-2:#6aa9ff;--violet:#7c5cff;--violet-2:#a78bfa;--pink:#ef5da8;--green:#17b877;--orange:#ff9f2e;--cyan:#2cc8dc;--danger:#e2447c;--line:#6574b424;--track:#6d7cbe2e;--scroll-track:#6d7cbe14;--scroll-thumb:#7c5cff7a;--scroll-thumb-hover:#3d7bffad;--card-bg:linear-gradient(155deg, #ffffffc7, #ffffff6b);--card-border:#ffffffb8;--card-shadow:0 0 0 1px #7a8ccd1a, 0 18px 44px #5468b421, 0 2px 6px #5468b40d, inset 0 1px 0 #ffffffe6;--ctrl-bg:linear-gradient(155deg, #ffffffad, #ffffff5c);--ctrl-border:#ffffffb3;--ctrl-shadow:0 0 0 1px #7a8ccd14, 0 6px 18px #5468b417, inset 0 1px 0 #ffffffd9;--pop-bg:linear-gradient(155deg, #fffffff0, #f6f9ffdb);--pop-shadow:0 0 0 1px #7a8ccd1f, 0 24px 70px #3041783d, inset 0 1px 0 #fffffff2;--modal-bg:linear-gradient(160deg, #fffffff2, #f6f9ffe0);--modal-shadow:0 0 0 1px #7a8ccd1f, 0 32px 90px #23305a4d, inset 0 1px 0 #fffffff2;--chip-bg:linear-gradient(150deg, #8b5cf621, #3d7bff17);--chip-inset:inset 0 1px 0 #ffffffa6;--primary-grad:linear-gradient(135deg, #6fb0ff, #3d7bff);--primary-shadow:0 10px 26px #3d7bff52, inset 0 1px 0 #ffffff8c;--violet-grad:linear-gradient(135deg, #8f66ff, #5b7cfa);--violet-shadow:0 10px 26px #7c5cff52, inset 0 1px 0 #ffffff73;--active-tint:linear-gradient(150deg, #ffffffd9, #f0ecff99), linear-gradient(150deg, #8b5cf624, #3d7bff14);--radius-lg:26px;--radius-md:18px;--radius-sm:14px;--blur:24px;--blur-strong:32px;--motion-instant:.12s;--motion-fast:.18s;--motion-normal:.28s;--motion-slow:.42s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.35, .64, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--press-scale:.975;--hover-lift:-3px;--hover-scale:1.008;--ease-out:var(--ease-standard);--duration-fast:var(--motion-fast);--duration-panel:var(--motion-normal);--z-header:100;--z-bottom-nav:120;--z-dropdown:300;--z-sticky:400;--z-backdrop:1000;--z-modal:1010;--z-toast:1100;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12152a;--ink:#f1f3ff;--text:#d9def5;--muted:#99a3d4;--blue:#6aa2ff;--blue-2:#8bbcff;--violet:#a488ff;--violet-2:#bda6ff;--pink:#ff7ec1;--green:#2fd394;--orange:#ffb45c;--cyan:#4fdcee;--danger:#ff6f9f;--line:#9aa6dc24;--track:#94a0e038;--scroll-track:#97a4e014;--scroll-thumb:#a488ff85;--scroll-thumb-hover:#6aa2ffb8;--card-bg:linear-gradient(155deg, #3a406c94, #21254275);--card-border:#ffffff1f;--card-shadow:0 0 0 1px #06091a59, 0 18px 44px #05081873, 0 2px 6px #0508184d, inset 0 1px 0 #ffffff1f;--ctrl-bg:linear-gradient(155deg, #42497885, #282d5066);--ctrl-border:#ffffff1a;--ctrl-shadow:0 0 0 1px #06091a4d, 0 6px 18px #05081852, inset 0 1px 0 #ffffff17;--pop-bg:linear-gradient(155deg, #383e68f0, #24294aeb);--pop-shadow:0 0 0 1px #06091a80, 0 24px 70px #00000080, inset 0 1px 0 #ffffff1f;--modal-bg:linear-gradient(160deg, #30365ef7, #1e223ef5);--modal-shadow:0 0 0 1px #06091a80, 0 32px 90px #0000008c, inset 0 1px 0 #ffffff1f;--chip-bg:linear-gradient(150deg, #8b5cf64d, #618cff2e);--chip-inset:inset 0 1px 0 #ffffff24;--primary-shadow:0 10px 26px #2652c873, inset 0 1px 0 #ffffff59;--violet-shadow:0 10px 26px #5a3ed273, inset 0 1px 0 #ffffff47;--active-tint:linear-gradient(150deg, #8b5cf642, #618cff24)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--violet-2), var(--blue)) padding-box;border:2px solid #0000;border-radius:999px;min-height:36px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--violet), var(--scroll-thumb-hover)) padding-box}::-webkit-scrollbar-corner{background:0 0}html,body,#root{min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(1100px 520px at 10% -8%,#60a5fa33,#0000 62%),radial-gradient(880px 460px at 92% -6%,#ec64b41f,#0000 58%),radial-gradient(1000px 640px at 50% 114%,#8b5cf61f,#0000 62%),linear-gradient(#f3f6ff 0%,#e9eeff 44%,#eeecfc 100%);font-size:15px;line-height:1.45}:root[data-theme=dark] body{background:radial-gradient(1100px 520px at 10% -8%,#4c6ef538,#0000 62%),radial-gradient(880px 460px at 92% -6%,#be54c824,#0000 58%),radial-gradient(1000px 640px at 50% 114%,#7c5cff29,#0000 62%),linear-gradient(#171b30 0%,#12152a 46%,#171430 100%)}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:-.01em;font-size:clamp(24px,4vw,30px);font-weight:800;line-height:1.05}.muted{color:var(--muted)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--text);transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), opacity var(--motion-instant) var(--ease-standard), filter var(--motion-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.65}button:not(:disabled):active{transform:translateY(0) scale(var(--press-scale));filter:brightness(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #3d7bff8c}.app-shell{min-height:100vh;padding:clamp(14px,2vw,28px)}.app-frame{width:min(1180px,100%);animation:appReveal var(--motion-slow) var(--ease-standard) both;margin:0 auto;padding-bottom:28px}.app-header{animation:headerReveal var(--motion-slow) var(--ease-standard) 40ms both;grid-template-columns:1fr auto;align-items:center;gap:14px 18px;margin-bottom:18px;display:grid}.identity{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;display:grid}.mascot-logo{object-fit:cover;width:64px;height:64px;transition:transform var(--motion-normal) var(--ease-spring), box-shadow var(--motion-normal) var(--ease-standard);border-radius:18px;box-shadow:0 0 0 1px #7a8ccd24,0 10px 24px #5468b42e,inset 0 1px #fff6}.mascot-logo.large{border-radius:24px;width:96px;height:96px}.eyebrow{color:var(--blue);letter-spacing:.04em;font-size:13px;font-weight:800}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.status-pill,.owner-badge,.pill-mini{border:1px solid var(--ctrl-border);min-height:40px;color:var(--green);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:750;display:inline-flex}.status-pill span{background:var(--green);width:9px;height:9px;animation:statusBreathe 3.6s var(--ease-standard) infinite;border-radius:50%;box-shadow:0 0 0 4px #17b87729}.owner-badge,.pill-mini{min-height:34px;color:var(--muted);padding:0 14px;font-size:13px}.telegram-button,.primary{color:#fff;white-space:nowrap;background:var(--primary-grad);min-height:46px;box-shadow:var(--primary-shadow);isolation:isolate;transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-normal) var(--ease-standard), filter var(--motion-fast) var(--ease-standard);border:1px solid #fff6;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:750;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.telegram-button:after,.primary:after{content:"";z-index:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);width:32%;position:absolute;inset:-40% auto -40% -45%;transform:skew(-18deg)}.telegram-button svg,.primary svg,.wide-link svg,.round-button svg{transition:transform var(--motion-fast) var(--ease-spring);z-index:1;position:relative}.primary.full{background:var(--violet-grad);box-shadow:var(--violet-shadow)}.round-button,.add-chat-button{border:1px solid var(--ctrl-border);width:46px;height:46px;color:var(--blue);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.chat-row{grid-column:1/-1;align-items:center;gap:12px;padding-left:78px;display:flex}.chat-picker{grid-template-columns:minmax(200px,420px) 46px;gap:8px;display:grid;position:relative}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap svg{pointer-events:none;color:var(--blue);transition:transform var(--motion-normal) var(--ease-spring), color var(--motion-fast) var(--ease-standard);position:absolute;right:14px}.select-wrap:focus-within svg{color:var(--violet);transform:rotate(180deg)}select,input:not([type=range]){border:1px solid var(--ctrl-border);width:100%;min-height:46px;color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:15px;outline:none;padding:0 14px}select{appearance:none;color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233d7bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"), var(--ctrl-bg);background-position:right 14px center,0 0;background-repeat:no-repeat,no-repeat;background-size:18px 18px,cover;padding-right:42px;font-weight:650}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236aa2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"), var(--ctrl-bg)}.select-wrap select{background-image:var(--ctrl-bg);background-position:0 0;background-size:cover}.glass-select{width:100%;min-width:0;position:relative}.glass-select-trigger{border:1px solid var(--ctrl-border);width:100%;min-height:46px;color:var(--ink);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);text-align:left;border-radius:15px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:0 13px 0 14px;font-weight:650;display:grid}.glass-select.compact{flex:0 0 44px;width:44px}.glass-select.compact .glass-select-trigger{grid-template-columns:1fr;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.glass-select.compact .glass-select-trigger svg{color:var(--violet)}.glass-select.compact.open .glass-select-trigger svg{transform:none}.glass-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.glass-select-trigger svg{color:var(--blue);transition:transform var(--motion-normal) var(--ease-spring), color var(--motion-fast) var(--ease-standard)}.glass-select.open .glass-select-trigger{border-color:#7c5cff7a;box-shadow:0 0 0 3px #7c5cff1f,0 10px 24px #5468b424,inset 0 1px #ffffffdb}:root[data-theme=dark] .glass-select.open .glass-select-trigger{box-shadow:0 0 0 3px #a488ff24,0 12px 26px #0406145c,inset 0 1px #ffffff21}.glass-select.open .glass-select-trigger svg{color:var(--violet);transform:rotate(180deg)}.glass-select.disabled{opacity:.62}.glass-select-menu{z-index:var(--z-toast);overscroll-behavior:contain;border:1px solid var(--card-border);color:var(--text);background:var(--pop-bg);box-shadow:var(--pop-shadow);-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(190%);scrollbar-width:thin;scrollbar-color:#7c5cff6b transparent;transform-origin:50%;animation:selectMenuIn var(--motion-normal) var(--ease-spring) both;border-radius:17px;gap:4px;padding:7px;display:grid;position:fixed;overflow:hidden auto}.glass-select-menu::-webkit-scrollbar{width:6px}.glass-select-menu::-webkit-scrollbar-thumb{background:#7c5cff6b;border-radius:999px}.glass-select-menu button{width:100%;min-height:42px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:8px 11px;font-size:14px;font-weight:650;line-height:1.25;display:grid}.glass-select-menu button>span{overflow-wrap:anywhere;min-width:0}.glass-select-menu button svg{color:var(--violet)}.glass-select-menu button.highlighted{color:var(--ink);background:linear-gradient(145deg,#7c5cff24,#3d7bff14);border-color:#7c5cff29}.glass-select-menu button.selected{color:var(--violet);background:var(--active-tint);border-color:#7c5cff47;box-shadow:inset 0 1px #ffffff6b}:root[data-theme=dark] .glass-select-menu button.selected{box-shadow:inset 0 1px #ffffff1a}.glass-select-menu button:active{transform:scale(.985)}.setting-text .glass-select-trigger>span{color:var(--ink);overflow-wrap:normal;font-size:14px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chat-add-popover{z-index:var(--z-dropdown);border:1px solid var(--ctrl-border);background:var(--pop-bg);width:min(460px,90vw);box-shadow:var(--pop-shadow);-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(180%);transform-origin:20px 0;animation:popoverIn var(--motion-normal) var(--ease-spring) both;border-radius:20px;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.chat-add-popover button{color:#fff;background:var(--violet-grad);box-shadow:var(--violet-shadow);border:0;border-radius:13px;align-items:center;gap:6px;padding:0 16px;font-weight:700;display:inline-flex}.chat-add-popover span{color:var(--danger);grid-column:1/-1;font-size:13px}.screen-stack{animation:sectionIn var(--motion-normal) var(--ease-standard) both;gap:16px;display:grid}.content-view{min-width:0;animation:contentSwap var(--motion-normal) var(--ease-standard) both}.screen-stack>*{animation:sectionReveal var(--motion-slow) var(--ease-standard) both}.screen-stack>:nth-child(2){animation-delay:45ms}.screen-stack>:nth-child(3){animation-delay:90ms}.screen-stack>:nth-child(4){animation-delay:.135s}.screen-stack>:nth-child(5){animation-delay:.18s}.screen-stack>:nth-child(n+6){animation-delay:.22s}.screen-stack>*,.content-area>*,.glass-card,.hero-card,.page-hero,.simple-hero{min-width:0}.content-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.content-area{min-width:0}.desktop-nav{z-index:var(--z-header);border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(var(--blur)) saturate(175%);animation:navReveal var(--motion-slow) var(--ease-standard) 80ms both;gap:6px;padding:14px;display:grid;position:sticky;top:20px}.nav-caption{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:2px 10px 8px;font-size:12px;font-weight:800}.desktop-nav button{min-height:46px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;align-items:center;gap:12px;padding:0 14px;font-size:14.5px;font-weight:700;display:flex;position:relative;overflow:hidden}.desktop-nav button:before,.bottom-nav button:before,.section-tabs button:before{content:"";border-radius:inherit;background:var(--active-tint);opacity:0;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-normal) var(--ease-spring);pointer-events:none;position:absolute;inset:0;transform:scale(.9)}.desktop-nav button>*,.bottom-nav button>*,.section-tabs button>*{z-index:1;transition:transform var(--motion-fast) var(--ease-spring), color var(--motion-fast) var(--ease-standard);position:relative}.desktop-nav button:hover{color:var(--ink);border-color:var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow)}.desktop-nav button.active,.bottom-nav button.active,.member-tabs button.active,.segmented .active{color:var(--violet);background:var(--active-tint);border-color:#8b63ff52;box-shadow:0 8px 22px #6c58dc24,inset 0 1px #ffffff80}.desktop-nav button.active:before,.bottom-nav button.active:before,.section-tabs button.active:before{opacity:1;transform:scale(1)}.section-tabs{scrollbar-width:none;border:1px solid var(--ctrl-border);background:var(--ctrl-bg);width:min(100%,640px);max-width:100%;box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:19px;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;align-items:center;gap:6px;margin-bottom:16px;padding:6px;display:inline-grid;overflow-x:auto}.section-tabs::-webkit-scrollbar{display:none}.section-tabs button{min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:750;display:flex;position:relative;overflow:hidden}.section-tabs button.active{color:var(--violet);background:var(--active-tint);border-color:#8b63ff52;box-shadow:0 8px 20px #6c58dc21,inset 0 1px #ffffff80}.demo-banner{border:1px solid var(--ctrl-border);color:var(--violet);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:18px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:13.5px;font-weight:650;display:flex}.demo-banner svg{flex-shrink:0}.glass-card,.hero-card,.page-hero,.simple-hero{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(var(--blur)) saturate(175%);transition:transform var(--motion-normal) var(--ease-spring), box-shadow var(--motion-normal) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), filter var(--motion-normal) var(--ease-standard)}.glass-card{padding:22px;position:relative}.glass-card:after,.hero-card:after,.page-hero:after,.simple-hero:after{content:"";z-index:0;border-radius:calc(var(--radius-lg) - 1px);pointer-events:none;opacity:.42;transition:opacity var(--motion-normal) var(--ease-standard);background:linear-gradient(118deg,#fff3,#0000 24% 72%,#806bff14);position:absolute;inset:1px}.glass-card>*,.hero-card>*,.page-hero>*,.simple-hero>*{z-index:1;position:relative}.card-title{align-items:center;gap:11px;min-width:0;margin-bottom:16px;display:flex}.card-title>span:empty{display:none}.card-title>span{width:36px;height:36px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.card-title h2{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:17px;font-weight:800}.card-action{margin-left:auto}.hero-card{gap:20px;padding:24px;display:grid;position:relative;overflow:hidden}.hero-card:before,.page-hero:before,.simple-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 24%,#b470ff24,#0000 16rem),radial-gradient(circle at 96% 60%,#ff66be1a,#0000 12rem);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.section-title,.screen-title{min-width:0;color:var(--ink);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:10px;font-size:clamp(22px,4.4vw,28px);font-weight:800;display:flex}.section-title svg,.screen-title svg{color:var(--violet)}.screen-title.small{font-size:22px}.screen-title span{color:var(--blue);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:750}.hero-stats{grid-template-columns:minmax(200px,260px) 1fr;gap:26px;max-width:560px;margin-top:24px;display:grid}.hero-stat{color:var(--muted);justify-items:start;gap:7px;font-size:13.5px;display:grid}.hero-stat svg{box-sizing:content-box;width:30px;height:30px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:13px;padding:7px}.hero-stat strong{color:var(--ink);letter-spacing:-.02em;font-size:clamp(36px,7vw,46px);font-weight:850;line-height:1}.hero-stat em,.info-tile em,.top-row em,.info-input em,.limit-list+.muted{color:var(--muted);font-style:normal}.hero-stat em{color:var(--green);font-size:13px;font-weight:700}.activity-hot{border-left:1px solid var(--line);align-content:center;padding-left:26px}.activity-hot strong{color:var(--pink);font-size:clamp(24px,4.5vw,30px)}.activity-hot small{color:var(--muted)}.hero-mascot{object-fit:contain;object-position:right top;mix-blend-mode:multiply;pointer-events:none;width:min(38%,250px);max-height:240px;position:absolute;top:4px;right:-4px}:root[data-theme=dark] .hero-mascot,:root[data-theme=dark] .page-hero img{mix-blend-mode:normal;opacity:.92;border-radius:20px;-webkit-mask-image:radial-gradient(120% 120% at 60% 40%,#000 55%,#0000 98%);mask-image:radial-gradient(120% 120% at 60% 40%,#000 55%,#0000 98%)}.summary-strip{z-index:2;border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(20px)saturate(170%);border-radius:20px;grid-template-columns:repeat(3,1fr);align-self:end;padding:12px 6px;display:grid;position:relative}.info-tile{border-right:1px solid var(--line);align-content:start;gap:5px;min-height:84px;padding:6px 16px;font-size:13px;display:grid}.info-tile:last-child{border-right:0}.info-tile svg{color:var(--blue)}.info-tile span{color:var(--muted);font-weight:650}.info-tile strong{color:var(--ink);font-size:19px;font-weight:800}.info-tile em{font-size:12.5px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.action-button{border:1px solid var(--ctrl-border);min-height:104px;color:var(--ink);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);text-align:left;transition:transform var(--motion-normal) var(--ease-spring), box-shadow var(--motion-normal) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), filter var(--motion-fast) var(--ease-standard);border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.action-button>svg{display:none}.action-button span{width:42px;height:42px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);transition:transform var(--motion-normal) var(--ease-spring), box-shadow var(--motion-normal) var(--ease-standard);border-radius:14px;place-items:center;display:grid}.action-button span svg{transition:transform var(--motion-normal) var(--ease-spring), filter var(--motion-fast) var(--ease-standard)}.action-button.warm span{color:var(--orange);background:linear-gradient(150deg,#ff9f2e29,#ff7a3c1a)}.action-button.blue span{color:var(--blue);background:linear-gradient(150deg,#3d7bff24,#2cc8dc1a)}.action-button strong{font-size:14.5px;font-weight:750;line-height:1.25}.preview-card{border:1px solid var(--ctrl-border);background:radial-gradient(circle at 90% 20%, #8465ff17, transparent 8rem), var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:20px;gap:14px;padding:20px;display:grid;position:relative}.preview-card p{max-width:640px;color:var(--text);white-space:pre-wrap;font-size:15px;line-height:1.55}.wide-link{border:1px solid var(--ctrl-border);min-height:50px;color:var(--blue);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;padding:0 18px;font-size:14.5px;font-weight:750;display:flex}.two-column{grid-template-columns:1fr 1fr;gap:16px;display:grid}.limit-list{gap:16px;display:grid}.limit-row{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;display:grid}.limit-row span{color:var(--text);font-size:14px;font-weight:650}.limit-row strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.progress,.weight-track{background:var(--track);border-radius:999px;grid-column:1/-1;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #1e285a14}.progress i,.weight-track i{border-radius:inherit;height:100%;transition:width var(--duration-panel) var(--ease-out);transform-origin:0;animation:progressGrow var(--motion-slow) var(--ease-standard) both;background:linear-gradient(90deg,#6ab2ff,#3d7bff);display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.progress i:after,.weight-track i:after{content:"";animation:progressSheen 1.1s var(--ease-standard) .36s 1 both;background:linear-gradient(90deg,#0000,#ffffff85,#0000);position:absolute;inset:0;transform:translate(-115%)}.progress.violet i,.weight-track i{background:linear-gradient(90deg,#a06bff,#6d5bff)}.progress.pink i{background:linear-gradient(90deg,#ff8ecb,#ef5da8)}.progress.cyan i{background:linear-gradient(90deg,#5fe1ea,#2cc8dc)}.limit-list+.muted{margin-top:14px;font-size:13px}.top-list{gap:12px;margin-top:12px;display:grid}.top-row{grid-template-columns:30px 40px 1fr auto;align-items:center;gap:11px;display:grid}.top-row strong{color:var(--ink);font-size:14.5px}.top-row em{font-size:13px}.rank{width:28px;height:28px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.top-row:nth-child(2) .rank{color:var(--blue)}.top-row:nth-child(3) .rank{color:var(--pink)}.avatar{color:#fff;background:linear-gradient(135deg,#8f66ff,#5aa2ff);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 6px 14px #6c58dc3d,inset 0 1px #fff6}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.avatar.big{width:96px;height:96px;font-size:38px}.activity-extra{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.activity-extra .info-tile{border-right:0;min-height:auto;padding:4px 0}.page-hero,.simple-hero{padding:24px;display:grid;position:relative;overflow:hidden}.page-hero{grid-template-columns:1fr minmax(140px,220px);align-items:center;gap:14px}.page-hero p,.simple-hero p{color:var(--muted);max-width:460px;margin-top:8px;font-size:14px}.page-hero img{object-fit:contain;object-position:center;mix-blend-mode:multiply;justify-self:end;width:100%;max-height:170px}.simple-hero{grid-template-columns:60px 1fr;align-items:center;gap:16px}.simple-icon{width:60px;height:60px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:18px;place-items:center;display:grid}.settings-soft-card,.setting-switch,.setting-text{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);min-height:72px;box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.settings-soft-card div,.setting-switch div:nth-child(2),.setting-text div{gap:3px;min-width:0;display:grid}.settings-soft-card span,.setting-switch span,.setting-text span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.settings-soft-card strong,.setting-switch strong,.setting-text strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:14.5px;font-weight:750}.setting-switch{grid-template-columns:40px 1fr auto;margin-bottom:10px}.setting-switch:last-child{margin-bottom:0}.setting-icon{width:40px;height:40px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:13px;place-items:center;display:grid}.setting-text{grid-template-columns:minmax(160px,1fr) minmax(160px,320px) 44px;margin-bottom:10px}.toggle{background:var(--track);border:1px solid #0000;border-radius:999px;flex-shrink:0;width:52px;height:32px;padding:0;position:relative;box-shadow:inset 0 1px 3px #1e285a24}.toggle .toggle-knob{width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #19204a47,inset 0 -1px 2px #19204a0f}.toggle.enabled{background:var(--violet-grad);box-shadow:inset 0 1px 2px #ffffff40,0 6px 16px #7c5cff52}.toggle.enabled .toggle-knob{transform:translate(20px)}.toggle:not(:disabled):hover{transform:none}.toggle:not(:disabled):active{transform:scale(.97)}.summary-settings-grid{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 10px;display:grid}.editable-tile{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:18px;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"icon label save""icon value save";align-items:center;gap:4px 12px;padding:14px 16px;display:grid}.editable-tile>svg{box-sizing:content-box;color:var(--blue);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:13px;grid-area:icon;padding:8px}.editable-tile span{color:var(--muted);grid-area:label;font-size:12.5px;font-weight:650}.editable-tile input{min-height:34px;box-shadow:none;-webkit-backdrop-filter:none;color:var(--ink);background:0 0;border:0;border-radius:10px;grid-area:value;padding:0;font-size:20px;font-weight:800}.editable-tile button{grid-area:save}.editable-tile button,.setting-actions button,.weight-row button{color:#fff;background:var(--primary-grad);min-width:42px;min-height:42px;box-shadow:var(--primary-shadow);border:0;border-radius:14px;place-items:center;display:grid}.setting-actions{grid-auto-flow:column;justify-content:flex-end;align-items:center;gap:8px!important;display:flex!important}.setting-actions .setting-regenerate{border:1px solid var(--ctrl-border);color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset)}.setting-actions .setting-regenerate.loading svg{animation:.8s linear infinite spin}.setting-actions button:disabled{cursor:wait;opacity:.72}.status-banner{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(18px)saturate(165%);border-radius:16px;align-items:center;gap:12px;margin-top:14px;padding:13px 16px;font-size:13.5px;display:flex}.status-banner span{color:var(--muted);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:999px;padding:4px 12px;font-weight:650}.status-banner strong{color:var(--green)}.status-banner em{color:var(--muted);text-align:right;margin-left:auto;font-style:normal}.summary-weight-hint{max-width:760px;margin:0 0 14px;line-height:1.55}.weight-list{gap:10px;display:grid}.weight-row{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);min-height:60px;box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);border-radius:18px;grid-template-columns:40px minmax(170px,230px) minmax(140px,1fr) 68px 16px 42px;align-items:center;gap:10px;padding:9px 12px;display:grid}.weight-row>span{width:40px;height:40px;color:var(--violet);background:var(--chip-bg);box-shadow:var(--chip-inset);border-radius:13px;place-items:center;display:grid}.weight-copy{gap:3px;min-width:0;display:grid}.weight-copy strong{color:var(--ink);font-size:14px;font-weight:750}.weight-copy span{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.weight-row em{color:var(--muted);font-size:13px;font-style:normal}.weight-row .weight-number{text-align:center;font-variant-numeric:tabular-nums;border-radius:13px;min-height:42px;padding:0 8px;font-weight:800}.weight-row{--range-a:#a06bff;--range-b:#6d5bff}.weight-classic{--range-a:#8f66ff;--range-b:#5b7cfa}.weight-experimental{--range-a:#6ab2ff;--range-b:#3d7bff}.weight-story{--range-a:#ff8ecb;--range-b:#ef5da8}.weight-micro{--range-a:#ffc06b;--range-b:#ff9f2e}.soft-button{border:1px solid var(--ctrl-border);min-height:48px;color:var(--violet);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-size:14.5px;font-weight:750;display:flex}:root{--fill:50%;--range-a:#8f66ff;--range-b:#6d5bff}input[type=range]{appearance:none;width:100%;height:30px;box-shadow:none;background:0 0;border:0;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--range-a), var(--range-b) var(--fill), var(--track) var(--fill));border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #1e285a1a}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:1px solid #7a8ccd40;border-radius:50%;width:22px;height:22px;margin-top:-7px;box-shadow:0 2px 8px #1e285a47}input[type=range]::-moz-range-track{background:var(--track);border-radius:999px;height:8px}input[type=range]::-moz-range-progress{background:linear-gradient(90deg, var(--range-a), var(--range-b));border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{cursor:grab;background:#fff;border:1px solid #7a8ccd40;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #1e285a47}.members-screen{animation:fadeIn var(--duration-panel) var(--ease-out) both;display:block}.members-list.glass-card{padding:22px}input.search-box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236d77a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"), var(--ctrl-bg);background-position:16px,0 0;background-repeat:no-repeat,no-repeat;background-size:18px 18px,cover;min-height:50px;margin:16px 0 14px;padding-left:46px}:root[data-theme=dark] input.search-box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2399a3d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"), var(--ctrl-bg)}.member-filter-row{grid-template-columns:44px minmax(0,1fr);align-items:stretch;gap:8px;margin-bottom:16px;display:grid}.member-tabs{grid-template-columns:repeat(4,1fr);gap:8px;min-width:0;display:grid}.member-tabs button{border:1px solid var(--ctrl-border);min-height:42px;color:var(--muted);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.member-tabs .tab-love:before{content:"💗 "}.member-tabs .tab-neutral:before{content:"😐 "}.member-tabs .tab-hate:before{content:"💔 "}.member-rows{gap:9px;display:grid}.member-row{border:1px solid var(--ctrl-border);width:100%;min-height:68px;color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);text-align:left;border-radius:18px;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:11px 14px;display:grid}@media (hover:hover){.member-row:hover{border-color:#8b63ff59;box-shadow:0 12px 30px #6c58dc29,inset 0 1px #ffffff8c}}.member-row .avatar{width:46px;height:46px;font-size:18px}.member-row>svg{color:var(--muted)}.member-row-main{gap:3px;min-width:0;display:grid}.member-row-main strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750;overflow:hidden}.member-row-main span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex;overflow:hidden}.member-row-main span b{color:var(--blue);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:3px;font-size:12px;font-weight:750;display:inline-flex}.member-row-main span b svg{flex-shrink:0}.relation-badge{text-align:center;white-space:nowrap;border-radius:999px;justify-self:end;padding:6px 11px;font-size:12.5px;font-style:normal;font-weight:750}.relation-badge.love:before{content:"💗 "}.relation-badge.neutral:before{content:"😐 "}.relation-badge.hate:before{content:"💔 "}.relation-badge.love{color:#d7288d;box-shadow:var(--chip-inset);background:linear-gradient(150deg,#ff8fc738,#ff8fc71a)}.relation-badge.neutral{color:var(--muted);background:var(--chip-bg);box-shadow:var(--chip-inset)}.relation-badge.hate{color:#7c4dd9;box-shadow:var(--chip-inset);background:linear-gradient(150deg,#8b5cf633,#8b5cf617)}:root[data-theme=dark] .relation-badge.love{color:#ff9ed2}:root[data-theme=dark] .relation-badge.hate{color:#c1a3ff}.activity-dot{background:var(--track);border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.online{background:var(--green);box-shadow:0 0 0 4px #17b87726}.activity-dot.recent{background:var(--orange)}.members-empty{color:var(--muted);background:var(--ctrl-bg);text-align:center;border:1px dashed #7a92cd66;border-radius:18px;justify-items:center;gap:6px;padding:30px 16px;font-size:13.5px;display:grid}.members-empty strong{color:var(--ink)}.members-pagination{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding-top:14px;font-size:13px;display:flex}.members-pagination button{border:1px solid var(--line);background:var(--control-bg);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.members-pagination button:disabled{opacity:.4;cursor:default}.member-panel-layer{z-index:var(--z-backdrop);pointer-events:auto;touch-action:none;justify-items:end;display:grid;position:fixed;inset:0;overflow:hidden}.member-panel-backdrop{z-index:var(--z-backdrop);-webkit-backdrop-filter:blur(14px)saturate(130%);animation:backdropIn var(--motion-normal) var(--ease-standard) both;background:radial-gradient(circle at 50% 20%,#8b5cf61f,#0000 42%),#e1e8fa8c;border:0;border-radius:0;position:absolute;inset:0}:root[data-theme=dark] .member-panel-backdrop{background:radial-gradient(circle at 50% 20%,#8b5cf624,#0000 42%),#0a0c1c99}.member-panel-backdrop:hover,.member-panel-backdrop:active{transform:none}.member-panel{z-index:var(--z-modal);overscroll-behavior:contain;border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--modal-bg);width:min(480px,100vw - 24px);height:calc(100vh - 24px);box-shadow:var(--modal-shadow);-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(185%);animation:panelIn var(--motion-slow) var(--ease-spring) both;align-content:start;gap:16px;margin:12px;padding:22px;display:grid;position:relative;overflow:auto}.member-panel-layer.closing{pointer-events:none}.member-panel-layer.closing .member-panel-backdrop{animation:backdropOut var(--motion-fast) var(--ease-exit) both}.member-panel-layer.closing .member-panel{animation:panelOut var(--motion-fast) var(--ease-exit) both}.drawer-handle{background:var(--track);border-radius:999px;width:52px;height:5px;margin:0 auto}.member-panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-back-button,.panel-close-button{border:1px solid var(--ctrl-border);min-height:42px;color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.panel-back-button{padding:0 14px}.panel-close-button{width:42px}.member-panel-head{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:4px 0;display:grid}.member-panel-head .avatar.big{width:72px;height:72px;font-size:28px}.member-panel-head>div:last-child{gap:3px;min-width:0;display:grid}.member-panel-head h2{color:var(--ink);font-size:22px;font-weight:800}.member-panel-head h2,.member-panel-head p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-eyebrow{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.25}.profile-metrics{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.profile-note{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);width:100%;box-shadow:var(--ctrl-shadow);border-radius:16px;gap:6px;padding:16px;display:grid}.profile-note strong{color:var(--ink);font-size:14px;font-weight:750}.profile-note span{color:var(--muted);text-align:right;font-size:12.5px}.profile-note textarea{resize:vertical;width:100%;min-height:88px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;line-height:1.45}.segmented{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);width:100%;box-shadow:var(--ctrl-shadow);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.segmented button{min-height:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;font-size:13.5px;font-weight:700}.segmented .seg-love:before{content:"💗 "}.segmented .seg-neutral:before{content:"😐 "}.segmented .seg-hate:before{content:"💔 "}.info-input{gap:7px;width:100%;display:grid}.info-input span{color:var(--ink);font-size:13.5px;font-weight:750}.info-input em{font-size:12.5px}.full{width:100%}.member-save-button{z-index:var(--z-sticky);margin-top:4px;position:sticky;bottom:0}.danger-button{min-height:48px;color:var(--danger);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);border:1px solid #e2447c38;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-size:14.5px;font-weight:750;display:inline-flex}.auth-card{text-align:center;justify-items:center;gap:16px;width:min(520px,100vw - 32px);padding:32px;display:grid}.auth-card p{max-width:390px;color:var(--muted);line-height:1.55}.telegram-login-box{place-items:center;min-height:52px;display:grid}.auth-alert{width:100%;color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);text-align:left;border:1px solid #ffa63747;border-radius:18px;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:15px;display:grid}.auth-alert svg{color:var(--orange)}.auth-alert div{gap:4px;display:grid}.auth-alert strong{color:var(--ink)}.auth-alert span,.auth-help-link{color:var(--muted);line-height:1.45}.auth-help-link{max-width:390px;font-size:13px;text-decoration:none}.access-form,.import-form{gap:14px;display:grid}.access-form label{gap:7px;display:grid}.access-form label span,.chat-access-picker strong{color:var(--ink);font-weight:800}.access-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chat-access-picker{gap:12px;display:grid}.chat-access-picker>div{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.chat-access-picker button,.access-user-head{border:1px solid var(--ctrl-border);min-height:48px;color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);text-align:left;border-radius:16px;align-items:center;gap:10px;display:flex}.chat-access-picker button{padding:0 14px}.chat-access-picker button svg{color:#0000}.chat-access-picker button.selected{color:var(--violet);border-color:#8b63ff5c}.chat-access-picker button.selected svg{color:var(--violet)}.access-list{gap:12px;display:grid}.access-user{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);border-radius:20px;overflow:hidden}.access-user-head{width:100%;min-height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:46px minmax(0,1fr) auto auto 22px;padding:10px 12px;display:grid}.access-user-head div:nth-child(2){gap:3px;min-width:0;display:grid}.access-user-head strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.access-user-head span{color:var(--muted);font-size:13px}.access-user-head em{color:var(--muted);background:#8492ba1f;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:800}.access-user-head em.active{color:var(--green);background:#20bf7521}.access-user-head em.disabled{color:var(--danger);background:#e2447c21}.access-user-body{gap:14px;padding:0 12px 12px;display:grid}.access-row-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.access-row-actions .primary,.access-row-actions .soft-button,.access-row-actions .danger-button{white-space:nowrap;min-width:0;min-height:48px;padding-left:10px;padding-right:10px;font-size:13.5px}.import-steps{color:var(--text);gap:9px;margin:0;padding-left:22px;line-height:1.45;display:grid}.import-steps li::marker{color:var(--violet);font-weight:900}.file-drop{min-height:180px;color:var(--muted);text-align:center;background:radial-gradient(circle at 50% 0%, #8b63ff21, transparent 48%), var(--ctrl-bg);box-shadow:var(--ctrl-shadow);cursor:pointer;border:1px dashed #8b63ff6b;border-radius:22px;justify-items:center;gap:8px;padding:24px;display:grid;position:relative;overflow:hidden}.file-drop svg{color:var(--violet)}.file-drop strong{color:var(--ink);font-size:18px}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-result{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.import-result div{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);border-radius:16px;gap:5px;padding:14px;display:grid}.import-result span{color:var(--muted);font-size:12.5px}.import-result strong{color:var(--ink);font-size:22px}.lore-preview{color:var(--text);white-space:pre-wrap;line-height:1.5}.summary-history{gap:10px;display:grid}.summary-history-item{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);border-radius:18px;overflow:hidden}.summary-history-head{width:100%;min-height:52px;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:8px 14px;display:flex}.summary-history-head strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14.5px}.summary-history-head em{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px;font-style:normal}.summary-history-head svg{color:var(--muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.summary-history-item.open .summary-history-head svg{transform:rotate(180deg)}.summary-history-item .preview{border-radius:14px;margin:0 12px 12px}.openai-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.openai-usage-grid>div{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);border-radius:16px;gap:5px;padding:14px;display:grid}.openai-usage-grid span{color:var(--muted);font-size:12.5px}.openai-usage-grid strong{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:20px}.openai-usage-kinds{margin-top:4px}.openai-usage-kinds .limit-row span{overflow-wrap:anywhere;min-width:0}.openai-usage-kinds .limit-row strong{white-space:nowrap}.probability-hint{margin-bottom:12px;font-size:13px}.setting-text textarea{resize:vertical;border:1px solid var(--ctrl-border);width:100%;min-height:88px;color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);font:inherit;border-radius:15px;outline:none;padding:10px 14px;font-size:14px;line-height:1.45}.setting-text textarea:focus-visible{outline-offset:2px;outline:2px solid #3d7bff8c}.setting-text.multiline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.setting-text.multiline>div{grid-column:1/-1}.test-controls{grid-template-columns:1fr auto;gap:10px;margin-bottom:16px;display:grid}.preview{white-space:pre-wrap;border:1px solid var(--ctrl-border);color:var(--text);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);font:inherit;border-radius:16px;margin:0;padding:18px;font-size:14.5px;line-height:1.55}.bottom-nav{z-index:var(--z-bottom-nav);bottom:max(14px, env(safe-area-inset-bottom));border:1px solid var(--card-border);background:var(--card-bg);width:min(560px,100vw - 24px);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(185%);animation:bottomNavIn var(--motion-slow) var(--ease-spring) both;border-radius:26px;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;display:none;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav button{min-height:58px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:18px;place-items:center;gap:3px;padding:6px 2px;display:grid;position:relative;overflow:hidden}.bottom-nav span{font-size:11px;font-weight:700;line-height:1}.bottom-nav svg{width:22px;height:22px}.notice{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);box-shadow:var(--ctrl-shadow);-webkit-backdrop-filter:blur(16px)saturate(160%);border-radius:16px;margin-bottom:14px;padding:13px 16px;font-size:14px}.notice.danger{color:var(--danger);border-color:#e2447c47}.toast{z-index:var(--z-toast);left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 84px);color:#fff;white-space:nowrap;animation:toastIn var(--motion-slow) var(--ease-spring) both;background:linear-gradient(135deg,#17b877,#3ecf94);border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:750;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #17b87759,inset 0 1px #fff6}.toast svg{animation:checkPop var(--motion-slow) var(--ease-spring) 90ms both}.toast.closing{pointer-events:none;animation:toastOut var(--motion-normal) var(--ease-exit) both}.center-screen{text-align:center;align-content:center;place-items:center;gap:16px;min-height:100vh;padding:28px;display:grid}.center-screen h1{font-size:28px}.loader{border:3px solid var(--track);border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.mini-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.empty-state{justify-items:start;gap:14px;max-width:640px;padding:26px;display:grid}.empty-state img{border-radius:22px;width:84px;box-shadow:0 0 0 1px #7a8ccd24,0 10px 24px #5468b42e}.empty-state h2{color:var(--ink)}.empty-state p{color:var(--muted);line-height:1.55}.empty-add{grid-template-columns:1fr auto;gap:10px;width:100%;display:grid}.skeleton{gap:14px;min-height:260px;display:grid;overflow:hidden}.skeleton-line,.skeleton-grid span{background:linear-gradient(100deg, transparent 20%, #ffffff7a 44%, transparent 68%) -120% 0 / 55% 100% no-repeat, var(--track);border-radius:12px;animation:1.45s ease-in-out infinite skeletonShimmer;display:block}.skeleton-line{height:24px}.skeleton-line.wide{width:min(62%,420px)}.skeleton-line.medium{width:min(38%,280px);height:15px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.skeleton-grid span{min-height:150px}.metric-value{font-variant-numeric:tabular-nums;animation:metricSwap var(--motion-normal) var(--ease-standard) both;display:inline-block}:root[data-theme=dark] .skeleton-line,:root[data-theme=dark] .skeleton-grid span{background:linear-gradient(100deg, transparent 20%, #ffffff1c 44%, transparent 68%) -120% 0 / 55% 100% no-repeat, var(--track)}.auth-gate p{max-width:420px}html.chat-roaster-modal-open,body.chat-roaster-modal-open{overscroll-behavior:none;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-card,.hero-card,.page-hero,.simple-hero,.member-panel,.chat-add-popover,.bottom-nav,.desktop-nav{background:#fffffff7}.glass-select-trigger,.glass-select-menu{background:#fffffffa}:root[data-theme=dark] .glass-card,:root[data-theme=dark] .hero-card,:root[data-theme=dark] .page-hero,:root[data-theme=dark] .simple-hero,:root[data-theme=dark] .member-panel,:root[data-theme=dark] .chat-add-popover,:root[data-theme=dark] .bottom-nav,:root[data-theme=dark] .desktop-nav{background:#1e223ef7}:root[data-theme=dark] .glass-select-trigger,:root[data-theme=dark] .glass-select-menu{background:#1e223efa}}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover{transform:translateY(-1px)}.mascot-logo:hover{transform:translateY(-2px)rotate(-1deg)scale(1.025);box-shadow:0 0 0 1px #7a8ccd2e,0 16px 34px #5468b438,inset 0 1px #ffffff7a}.telegram-button:hover,.primary:not(:disabled):hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));filter:saturate(1.08)brightness(1.04);box-shadow:0 15px 34px #3d7bff61,inset 0 1px #ffffff9e}.telegram-button:hover:after,.primary:not(:disabled):hover:after{opacity:1;animation:buttonSheen .72s var(--ease-standard) both}.telegram-button:hover svg{transform:translate(2px,-2px)rotate(-4deg)}.round-button:hover svg,.wide-link:hover svg{transform:translate(2px)scale(1.06)}.desktop-nav button:hover,.section-tabs button:hover,.bottom-nav button:hover{color:var(--ink);border-color:var(--ctrl-border)}.desktop-nav button:hover svg,.section-tabs button:hover svg,.bottom-nav button:hover svg{transform:translateY(-1px)scale(1.08)}.desktop-nav button.active:hover,.section-tabs button.active:hover,.bottom-nav button.active:hover{color:var(--violet)}.screen-stack>.glass-card:hover,.screen-stack>.hero-card:hover,.screen-stack>.page-hero:hover,.screen-stack>.simple-hero:hover,.two-column>.glass-card:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));border-color:#8b63ff3d;box-shadow:0 0 0 1px #7a8ccd1f,0 24px 58px #48569e2b,0 3px 8px #48569e14,inset 0 1px #ffffffeb}:root[data-theme=dark] .screen-stack>.glass-card:hover,:root[data-theme=dark] .screen-stack>.hero-card:hover,:root[data-theme=dark] .screen-stack>.page-hero:hover,:root[data-theme=dark] .screen-stack>.simple-hero:hover,:root[data-theme=dark] .two-column>.glass-card:hover{box-shadow:0 0 0 1px #06091a61,0 25px 60px #0305128a,0 3px 10px #03051257,inset 0 1px #ffffff29}.screen-stack>.glass-card:hover:after,.screen-stack>.hero-card:hover:after,.screen-stack>.page-hero:hover:after,.screen-stack>.simple-hero:hover:after,.two-column>.glass-card:hover:after{opacity:.85}.action-button:hover{transform:translateY(var(--hover-lift)) scale(var(--hover-scale));border-color:#8b63ff3d;box-shadow:0 14px 32px #5468b429,inset 0 1px #ffffffeb}.action-button:hover span{transform:translateY(-2px)scale(1.06)}.glass-select-menu button:hover{transform:none}.quick-grid .action-button:first-child:hover span svg{animation:clipboardTick .52s var(--ease-spring) both}.quick-grid .action-button:nth-child(2):hover span svg{animation:lightningKick .48s var(--ease-spring) both}.quick-grid .action-button:nth-child(3):hover span svg{animation:slidersTune .56s var(--ease-spring) both}.quick-grid .action-button:nth-child(4):hover span svg{animation:diceRoll .54s var(--ease-spring) both}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sectionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes appReveal{0%{opacity:0}to{opacity:1}}@keyframes headerReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes navReveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes contentSwap{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes metricSwap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(12px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popoverIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes selectMenuIn{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}@keyframes panelIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes panelOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(18px)scale(.985)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(8px)scale(.98)}}@keyframes bottomNavIn{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(.45)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes statusBreathe{0%,72%,to{box-shadow:0 0 0 4px #17b87724}84%{box-shadow:0 0 0 7px #17b8770a}}@keyframes progressGrow{0%{opacity:.7;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes progressSheen{0%{transform:translate(-115%)}to{transform:translate(145%)}}@keyframes skeletonShimmer{0%{background-position:-120% 0,0 0}70%,to{background-position:260% 0,0 0}}@keyframes buttonSheen{0%{left:-45%}to{left:125%}}@keyframes clipboardTick{0%{transform:translateY(0)rotate(0)}42%{transform:translateY(-3px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}@keyframes lightningKick{0%{transform:scale(1)rotate(0)}42%{filter:drop-shadow(0 0 6px #ff9f2e80);transform:scale(1.18)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes slidersTune{0%,to{transform:translate(0)}34%{transform:translate(3px)}68%{transform:translate(-2px)}}@keyframes diceRoll{0%{transform:rotate(0)scale(1)}55%{transform:rotate(16deg)scale(1.12)}to{transform:rotate(0)scale(1)}}@media (width<=980px){.app-shell{padding:16px 14px 120px}.content-layout{display:block}.desktop-nav{display:none}.app-header{grid-template-columns:1fr;gap:12px}.header-actions{justify-content:stretch}.telegram-button{flex:1}.chat-row{padding-left:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.two-column,.summary-settings-grid,.access-switches,.chat-access-picker>div,.access-row-actions,.import-result{grid-template-columns:1fr}.member-panel-layer{place-items:end stretch}.member-panel{border-radius:28px 28px 0 0;width:100%;height:min(92vh,780px);margin:0;animation-name:sheetIn;position:absolute;bottom:0;left:0;right:0}.member-panel-layer.closing .member-panel{animation-name:sheetOut}.bottom-nav{display:grid}}@media (width<=640px){.app-shell{padding:14px 12px 112px}.identity{grid-template-columns:56px 1fr;gap:12px}.mascot-logo{border-radius:16px;width:56px;height:56px}h1{font-size:24px}.header-actions{grid-template-columns:auto minmax(0,1fr) 42px 42px;gap:8px;display:grid}.status-pill,.telegram-button{min-height:42px;padding:0 10px;font-size:13px}.telegram-button{gap:6px;min-width:0;overflow:hidden}.telegram-button svg{flex-shrink:0}.header-actions .round-button{width:42px;height:42px}.chat-row{display:grid}.chat-picker{grid-template-columns:1fr 46px}.owner-badge{display:none}.hero-card{gap:16px;padding:20px}.hero-mascot{opacity:.94;width:40%;max-height:120px;top:10px;right:2px}.hero-stats{grid-template-columns:1fr 1fr;gap:16px;max-width:100%;margin-top:14px}.hero-stat{font-size:12.5px}.activity-hot{align-content:start;padding-top:44px;padding-left:16px}.summary-strip{padding:8px 2px}.info-tile{min-height:80px;padding:6px 10px}.info-tile span{font-size:11.5px}.info-tile strong{font-size:15px}.info-tile em{font-size:11.5px}.glass-card,.page-hero,.simple-hero{border-radius:22px;padding:18px}.members-list.glass-card{padding:18px}.card-title{margin-bottom:14px}.page-hero{grid-template-columns:minmax(0,1fr) 108px;gap:10px}.page-hero img{max-height:116px}.quick-grid{gap:10px}.action-button{min-height:96px;padding:14px}.editable-tile{padding:12px 14px}.setting-text{grid-template-columns:1fr}.setting-actions{justify-self:end}.test-controls{grid-template-columns:1fr}.auth-card{padding:24px 18px}.access-user-head{grid-template-columns:44px minmax(0,1fr) 18px}.access-user-head em{display:none}.file-drop{min-height:154px;padding:20px}.member-tabs{gap:4px}.member-tabs button{gap:3px;padding:0 2px;font-size:11.5px}.member-row{grid-template-columns:44px minmax(0,1fr) auto 16px;min-height:64px;padding:10px 12px}.member-row .avatar{width:42px;height:42px;font-size:17px}.member-row .relation-badge{width:30px;min-width:30px;padding:6px;font-size:0}.member-row .relation-badge:before{font-size:13px}.member-row .relation-badge.love:before{content:"💗"}.member-row .relation-badge.neutral:before{content:"😐"}.member-row .relation-badge.hate:before{content:"💔"}.member-panel{padding:18px}.member-panel-head{grid-template-columns:60px minmax(0,1fr);gap:12px}.member-panel-head .avatar.big{width:60px;height:60px;font-size:24px}.profile-metrics{grid-template-columns:1fr}.weight-row{grid-template-columns:40px minmax(0,1fr) 60px 18px 42px;grid-template-areas:"icon name name name save""slider slider num pct save";gap:8px 10px}.weight-row>span{grid-area:icon}.weight-copy{grid-area:name}.weight-row .weight-slider{grid-area:slider}.weight-row .weight-number{grid-area:num}.weight-row em{grid-area:pct}.weight-row button{grid-area:save;align-self:center}.status-banner{justify-items:start;gap:8px;display:grid}.status-banner em{text-align:left;margin-left:0}.bottom-nav{border-radius:24px;padding:6px}.bottom-nav button{border-radius:16px;min-height:54px}.bottom-nav svg{width:21px;height:21px}.empty-add,.skeleton-grid{grid-template-columns:1fr}.skeleton-grid span{min-height:86px}.toast{white-space:normal;text-align:center;max-width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
