:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f3f6fb;--surface:#fff;--surface-soft:#e6edf7;--text-primary:#152033;--text-secondary:#2e3c52;--text-muted:#5f6f85;--text-subtle:#7a899d;--border:#dce4ef;--shadow:0 10px 24px #1e314e14;--shadow-large:0 24px 70px #1e314e24;--accent:#2688eb;--accent-soft:#e8f3ff;--accent-border:#d7eaff;--link:#447bba;--placeholder-bg:#dfe7f2;--placeholder-text:#4f6380;--success-bg:#eaf8ef;--success-border:#b8e3ca;--success-text:#20713e;--error-bg:#fff3f3;--error-border:#f1c9c9;--error-text:#a22c2c;background:var(--app-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0b1220;--surface:#121d2f;--surface-soft:#1d2a40;--text-primary:#f2f6fc;--text-secondary:#d7e0ee;--text-muted:#aebbd0;--text-subtle:#8797af;--border:#2c3c55;--shadow:0 10px 28px #00000047;--shadow-large:0 24px 70px #00000061;--accent:#63adff;--accent-soft:#172c47;--accent-border:#31577f;--link:#82bcff;--placeholder-bg:#1b2a40;--placeholder-text:#afc0d7;--success-bg:#173525;--success-border:#2b6442;--success-text:#94e6af;--error-bg:#3a1c25;--error-border:#713447;--error-text:#ff9fb0}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;transition:background-color .18s,color .18s}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.onboarding-shell{background:radial-gradient(circle at 15% 8%, #2688eb29, transparent 34%), radial-gradient(circle at 90% 92%, #52b37321, transparent 36%), var(--app-bg);place-items:center;min-height:100vh;padding:20px 14px;display:grid}.onboarding-card{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);min-height:620px;box-shadow:var(--shadow-large);border-radius:20px;flex-direction:column;padding:28px;display:flex}.onboarding-brand{color:var(--text-primary);align-items:center;gap:10px;font-weight:850;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;display:grid;box-shadow:0 8px 20px #2688eb40}.onboarding-progress{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px;display:grid}.onboarding-progress span{background:var(--border);border-radius:999px;height:5px}.onboarding-progress span.is-active{background:var(--accent)}.onboarding-visual{background:linear-gradient(145deg, var(--accent-soft), var(--surface-soft));width:104px;height:104px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border), 0 18px 35px #2688eb1f;border-radius:32px;place-items:center;margin:34px auto 24px;font-size:48px;display:grid}.onboarding-eyebrow{color:var(--accent);text-align:center;text-transform:uppercase;letter-spacing:.04em;margin:0 0 7px;font-size:13px;font-weight:800}.onboarding-card h1{color:var(--text-primary);text-align:center;margin:0;font-size:28px;line-height:1.15}.onboarding-text{max-width:470px;color:var(--text-muted);text-align:center;margin:13px auto 0;line-height:1.55}.onboarding-points{gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.onboarding-points li{color:var(--text-secondary);padding-left:28px;line-height:1.4;position:relative}.onboarding-points li:before{content:"✓";background:var(--success-bg);width:20px;height:20px;color:var(--success-text);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:0;left:0}.onboarding-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:24px;display:grid}.onboarding-actions .primary-button,.onboarding-actions .secondary-button{min-height:48px}.onboarding-legal{color:var(--text-subtle);text-align:center;margin:14px 0 0;font-size:11px;line-height:1.45}.onboarding-legal a,.legal-footer a{color:var(--link)}.app-shell{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:18px 14px 28px}.vk-resizable-frame,.vk-resizable-frame body,.vk-resizable-frame .app-shell{min-height:0}.vk-resizable-frame{scrollbar-width:none}.vk-resizable-frame::-webkit-scrollbar{display:none}.app-shell-center{place-items:center;display:grid}.theme-toggle{border:1px solid var(--border);background:var(--surface-soft);width:70px;min-width:70px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:999px;grid-template-columns:1fr 1fr;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.theme-toggle-icon{z-index:2;font-size:15px;line-height:1;transition:color .16s;position:relative}.theme-toggle-thumb{z-index:1;background:var(--surface);border-radius:50%;width:28px;height:28px;transition:transform .18s,background-color .18s;position:absolute;top:3px;left:3px;box-shadow:0 3px 10px #14203338}.theme-toggle.is-light .theme-toggle-icon:first-child,.theme-toggle.is-dark .theme-toggle-icon:nth-child(2){color:var(--accent)}.theme-toggle.is-dark .theme-toggle-thumb{transform:translate(34px)}.notice h1,.detail h1,.intro h1{letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.intro{gap:12px;margin-bottom:18px;display:grid}.intro-hero,.intro-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.intro-hero{gap:10px;padding:20px;display:grid}.intro-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.intro-badge{background:var(--surface-soft);color:var(--text-secondary);border-radius:999px;justify-self:start;padding:5px 9px;font-size:12px;font-weight:800}.intro-hero p,.intro-panel p,.intro-note{color:var(--text-muted);margin:0;line-height:1.5}.intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intro-panel{padding:16px}.intro-panel h2{letter-spacing:0;margin:0 0 6px;font-size:16px;line-height:1.25}.intro-note{padding:0 2px;font-size:14px}.group-list{gap:10px;display:grid}.group-card{border:1px solid var(--border);background:var(--surface);width:100%;min-height:86px;color:inherit;text-align:left;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.group-card-copy{gap:4px;min-width:0;display:grid}.group-card-copy strong{font-size:16px;line-height:1.25}.group-card-copy span{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.group-icon,.placeholder-icon{object-fit:cover;border-radius:8px;flex:none;width:58px;height:58px}.group-banner,.placeholder-banner{aspect-ratio:16/7;object-fit:cover;background:var(--placeholder-bg);border-radius:8px;width:100%}.placeholder{background:var(--placeholder-bg);color:var(--placeholder-text);place-items:center;font-weight:800;display:grid}.subscribed-mark{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success-text);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px}.detail{gap:16px;display:grid}.detail-copy{gap:8px;display:grid}.detail-copy h1{text-align:center}.detail-copy p,.notice p{color:var(--text-muted);margin:0;line-height:1.5}.detail-copy p{white-space:pre-wrap;overflow-wrap:anywhere}.primary-button,.back-button,.secondary-button,.help-button,.service-entry-button{cursor:pointer;border:0;border-radius:8px}.primary-button{color:#fff;background:#2f6fed;width:100%;min-height:52px;font-weight:800}.subscription-button{transition:background-color .16s,color .16s,opacity .16s}.post-action-redirect{color:var(--text-muted);gap:8px;margin-top:12px;font-size:13px;display:grid}.post-action-redirect-link{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;min-height:52px;text-decoration:none;display:flex}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button,.help-button{background:var(--surface-soft);color:var(--text-secondary);font-weight:700}.service-entry-button{background:var(--accent);color:#fff;white-space:nowrap;min-height:36px;padding:0 12px;font-weight:800}.service-entry-button-onboarding{width:100%;min-height:44px;margin-top:12px}.community-install-action{justify-items:start;gap:8px;margin-top:18px;display:grid}.service-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,460px);display:grid}.service-entry-actions .primary-button,.service-entry-actions .secondary-button{width:100%;min-height:44px}.community-install-action span,.community-install-action strong{max-width:620px;color:var(--text-muted);font-size:13px;line-height:1.45}.community-install-action strong{color:var(--accent)}.secondary-button{min-height:44px;padding:0 16px}.help-button{white-space:nowrap;min-height:36px;padding:0 12px}.back-button{background:var(--surface-soft);min-height:38px;color:var(--text-secondary);justify-self:start;padding:0 12px;font-weight:700}.notice,.inline-error{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:18px}.notice-with-action{gap:14px;display:grid}.loading-title-dots{text-align:left;width:1.6em;display:inline-block}.notice>.primary-button{width:min(100%,360px)}.inline-error{color:var(--error-text);background:var(--error-bg);border-color:var(--error-border)}.empty-groups{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:14px;justify-items:center;padding:34px 22px;display:grid}.empty-groups-icon{background:var(--accent-soft);width:68px;height:68px;color:var(--accent);border-radius:22px;place-items:center;font-size:30px;display:grid}.empty-groups h2{margin:18px 0 8px;font-size:19px}.empty-groups p{max-width:520px;color:var(--text-muted);margin:0 0 18px;line-height:1.5}.legal-footer{color:var(--text-subtle);flex-wrap:wrap;justify-content:center;gap:7px;padding:24px 10px 4px;font-size:12px;display:flex}@media (width<=520px){.onboarding-shell{place-items:stretch stretch;padding:0}.onboarding-card{border:0;border-radius:0;min-height:100vh;padding:22px 18px}.onboarding-visual{margin-top:28px}.onboarding-card h1{font-size:25px}.onboarding-actions{grid-template-columns:1fr}.onboarding-actions .primary-button{grid-row:1}.onboarding-actions .secondary-button{grid-row:2}.intro-grid{grid-template-columns:1fr}.intro-heading{flex-direction:column;align-items:stretch}.service-entry-actions{grid-template-columns:1fr}.group-card{grid-template-columns:52px minmax(0,1fr)}.subscribed-mark{grid-column:2;justify-self:start}.group-icon,.placeholder-icon{width:52px;height:52px}.help-button,.service-entry-button{white-space:normal}}.admin-workspace{gap:16px;padding:8px 0;display:grid}.app-menu-wrap{z-index:20;justify-content:center;margin:0 0 12px;display:flex;position:relative}.app-menu-toggle{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:min(320px,100%);min-height:48px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #2688eb38}.app-menu-toggle:hover,.app-menu-toggle:focus-visible{filter:brightness(1.08)}.app-menu-chevron{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px;transition:transform .2s}.app-menu-toggle[aria-expanded=true] .app-menu-chevron{transform:rotate(180deg)}.app-theme-toggle{z-index:21;position:fixed;top:18px;right:16px}:root[data-theme=dark] .app-menu-toggle{color:#10203a}.app-menu-backdrop{z-index:30;background:#00000070;position:fixed;inset:0}.app-menu{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:2px;padding:10px;display:grid;position:absolute;top:74px;left:max(8px,50vw - 372px);right:max(8px,50vw - 372px);box-shadow:0 16px 35px #00000040}.app-menu button{width:100%;min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;padding:8px 12px;display:flex}.app-menu button:hover,.app-menu button:focus-visible{background:var(--surface-soft)}.app-menu button span{flex:1}@media (width<=520px){.app-menu-wrap{padding-right:86px}.app-theme-toggle{right:14px}}.group-list--list .group-card{grid-template-columns:minmax(0,1fr) auto;min-height:64px}.group-list--tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.group-list--tiles .group-card{text-align:center;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;align-content:start;height:100%;min-height:0}.group-list--tiles .group-icon,.group-list--tiles .placeholder-icon{aspect-ratio:1;border-radius:8px;width:100%;height:auto}.group-list--tiles .subscribed-mark{justify-self:center}.display-settings{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:14px;padding:18px;display:grid}.display-settings h2,.display-settings p{margin:0}.display-settings p{color:var(--text-muted)}.display-options{gap:10px;display:grid}.display-options label{cursor:pointer;align-items:center;gap:10px;min-height:36px;display:flex}.display-options input{accent-color:var(--accent)}.display-featured-label{gap:7px;font-weight:700;display:grid}.display-featured-label select{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:44px;color:var(--text-primary);border-radius:8px;padding:8px}.empty-subscriptions{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:8px;padding:22px}@media (width<=520px){.group-list--tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.group-list--tiles .group-card{grid-template-columns:1fr;display:grid}}.admin-workspace h1,.admin-workspace h2,.admin-workspace p{margin:0}.admin-workspace-kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.admin-group-form{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:12px;padding:16px;display:grid}.admin-group-form label{color:var(--text);gap:6px;font-size:14px;font-weight:700;display:grid}.admin-group-form input,.admin-group-form textarea{border:1px solid var(--border);background:var(--page);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:11px 12px}.admin-group-form textarea{resize:vertical;min-height:88px}.admin-group-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-group-list li{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:3px;padding:13px;display:grid}.admin-group-list span,.admin-workspace-empty{color:var(--text-subtle)}.vk-login-shell{align-content:center;gap:12px;width:min(100% - 28px,620px);min-height:100vh;margin:0 auto;padding:28px 0;display:grid}.vk-login-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-large);border-radius:24px;gap:16px;padding:30px;display:grid}.vk-login-card h1,.vk-login-card p{margin:0}.vk-login-card p{color:var(--text-secondary);line-height:1.55}.vk-login-security{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:14px;padding:13px 15px}.vk-login-button{width:100%}.vk-login-success{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success-text);border-radius:12px;padding:12px 14px}@media (width<=520px){.vk-login-shell{width:100%;padding:0}.vk-login-card{border:0;border-radius:0;min-height:calc(100vh - 44px);padding:24px 18px}}:root.vk-resizable-frame .onboarding-shell,:root.vk-resizable-frame .vk-login-shell{min-height:0}@media (width<=520px){:root.vk-resizable-frame .onboarding-card,:root.vk-resizable-frame .vk-login-card{min-height:0}}