/* qaqcok.top 换肤。由 build.js 生成，改 src/ 下的源文件 */

html[data-kook][data-kook][data-kook][data-kook]{--kk-rail: #e8e8ed;--kk-side: #f2f2f5;--kk-main: #fbfbfd;--kk-raised: #ffffff;--kk-soft: #f2f2f5;--kk-hover: rgba(0,0,0,.04);--kk-active: rgba(0,0,0,.075);--kk-line: #e5e5ea;--kk-ink: #1d1d1f;--kk-muted: #6e6e73;--kk-quiet: #8e8e93;--kk-blue: #0071e3;--kk-blue-hover: #0077ed;--kk-link: #0066cc;--kk-ok: #34c759;--kk-err: #ff3b30;--kk-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);--kk-shadow-lg: 0 10px 40px rgba(0,0,0,.10);--kk-f-neutral: #8e8e93;--kk-f-blue: #0a84ff;--kk-f-violet: #af52de;--kk-f-teal: #30b0c7;--kk-f-amber: #ff9f0a;--kk-f-rose: #ff375f;--ui-bg: var(--kk-main);--ui-panel: var(--kk-raised);--ui-soft: var(--kk-soft);--ui-ink: var(--kk-ink);--ui-muted: var(--kk-muted);--ui-line: var(--kk-line);--ui-accent: var(--kk-blue);--ui-accent-hover: var(--kk-blue-hover);--ui-selected: var(--kk-active);--ui-sidebar: var(--kk-side);--ui-chrome: var(--kk-main);--ui-nav-selected: var(--kk-active);--ui-icon: var(--kk-muted);--ui-hero: #1d1d1f;--ui-radius: 12px;--ui-shadow: var(--kk-shadow);--ui-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;--theme-bg: var(--kk-main);--theme-surface: var(--kk-raised);--theme-surface-raised: var(--kk-raised);--theme-surface-soft: var(--kk-soft);--theme-input: var(--kk-soft);--theme-hover: var(--kk-hover);--theme-selected: var(--kk-active);--theme-ink: var(--kk-ink);--theme-muted: var(--kk-muted);--theme-quiet: var(--kk-quiet);--theme-border: var(--kk-line);--theme-control-border: var(--kk-line);--theme-active-border: var(--kk-blue);--theme-accent: var(--kk-blue);--theme-accent-hover: var(--kk-blue-hover);--theme-on-accent: #fff;--theme-focus: var(--kk-blue);--theme-focus-halo: rgba(0,113,227,.2);--glass-panel: var(--kk-raised);--glass-field: var(--kk-soft);--glass-dock: var(--kk-raised);--glass-lift: var(--kk-hover);--glass-edge: var(--kk-line);--glass-top: transparent;--glass-inset: none;--glass-blur: 0px;--site-paper: var(--kk-main);--site-ink: var(--kk-ink);--site-dim: var(--kk-muted);--site-line: var(--kk-line);--site-blue: var(--kk-link);--site-panel: var(--kk-raised);--site-soft: var(--kk-soft);--site-nav: var(--kk-side);--site-inverse: #fff;--bg: var(--kk-main);--surface: var(--kk-raised);--ink: var(--kk-ink);--muted: var(--kk-muted);--line: var(--kk-line);--accent: var(--kk-blue);--soft: var(--kk-active);--focus: var(--kk-blue);--fluid-accent: var(--kk-ink);--fluid-hover: var(--kk-active);--launch-muted: var(--kk-muted)}
html[data-kook][data-kook][data-kook][data-kook][data-theme="dark"]{--kk-rail: #0e0e10;--kk-side: #1a1a1c;--kk-main: #141416;--kk-raised: #1f1f22;--kk-soft: #26262a;--kk-hover: rgba(255,255,255,.05);--kk-active: rgba(255,255,255,.09);--kk-line: #2c2c30;--kk-ink: #f5f5f7;--kk-muted: #a1a1a6;--kk-quiet: #98989e;--kk-blue: #0a84ff;--kk-blue-hover: #409cff;--kk-link: #2997ff;--kk-ok: #30d158;--kk-err: #ff453a;--kk-shadow: 0 1px 2px rgba(0,0,0,.3);--kk-shadow-lg: 0 10px 40px rgba(0,0,0,.5);--ui-hero: #f5f5f7;--site-inverse: #141416}
html[data-kook][data-kook][data-kook][data-kook] body{background: var(--kk-main) !important;color: var(--kk-ink) !important;font-family: var(--ui-font) !important;-webkit-font-smoothing: antialiased !important}
html[data-kook][data-kook][data-kook][data-kook] ::selection{background: rgba(0,113,227,.22) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-rail{display: none !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-kook-rail] body{padding-left: 72px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-rail{position: fixed !important;z-index: 30 !important;top: 0 !important;bottom: 0 !important;left: 0 !important;width: 72px !important;display: flex !important;flex-direction: column !important;align-items: center !important;gap: 8px !important;padding: 14px 0 !important;background: var(--kk-rail) !important;overflow-y: auto !important;scrollbar-width: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-rail hr{width: 28px !important;height: 1px !important;margin: 4px 0 !important;border: 0 !important;background: var(--kk-line) !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-rail .kk-gap{flex: 1 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico{position: relative !important;flex: none !important;display: grid !important;place-items: center !important;width: 46px !important;height: 46px !important;padding: 0 !important;border: 0 !important;border-radius: 14px !important;background: transparent !important;color: var(--kk-muted) !important;text-decoration: none !important;cursor: pointer !important;transition: background .18s, color .18s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico svg{width: 23px !important;height: 23px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico:hover{background: var(--kk-hover) !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico[aria-current="true"]{background: var(--kk-raised) !important;color: var(--kk-ink) !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico::before{content: "" !important;position: absolute !important;left: -13px !important;top: 50% !important;width: 3px !important;height: 0 !important;border-radius: 0 3px 3px 0 !important;background: var(--kk-ink) !important;transform: translateY(-50%) !important;transition: height .18s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico[aria-current="true"]::before{height: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico.kk-logo{width: 42px !important;height: 42px !important;margin-bottom: 2px !important;border-radius: 12px !important;background: var(--kk-ink) !important;color: var(--kk-main) !important;font: 600 19px/1 var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico.kk-me{width: 40px !important;height: 40px !important;border-radius: 50% !important;background: var(--kk-soft) !important;color: var(--kk-muted) !important;font: 600 15px/1 var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-tip{position: fixed !important;z-index: 40 !important;padding: 5px 10px !important;border-radius: 8px !important;background: var(--kk-ink) !important;color: var(--kk-main) !important;font: 500 12px/1.3 var(--ui-font) !important;pointer-events: none !important;white-space: nowrap !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] body > header{height: 52px !important;padding: 0 20px !important;gap: 12px !important;background: var(--kk-main) !important;border-bottom: 1px solid var(--kk-line) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] body > header .brand{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] body > header #shell-title{font-size: 15px !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .layout > aside{width: 232px !important;background: var(--kk-side) !important;border-right: 1px solid var(--kk-line) !important;padding: 12px 10px !important}
html[data-kook][data-kook][data-kook][data-kook] .layout > aside #categories{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels{display: flex !important;flex-direction: column !important;gap: 1px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels .kk-group{margin: 16px 10px 6px !important;font: 600 11px/1.2 var(--ui-font) !important;color: var(--kk-quiet) !important;letter-spacing: .04em !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels .kk-group:first-child{margin-top: 4px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels button{display: flex !important;align-items: center !important;height: 32px !important;padding: 0 10px !important;border: 0 !important;border-radius: 8px !important;background: none !important;color: var(--kk-ink) !important;font: 400 14px/1 var(--ui-font) !important;text-align: left !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels button:hover{background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels button[aria-current="true"]{background: var(--kk-active) !important;font-weight: 500 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels button span{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important}
}
html[data-kook][data-kook][data-kook][data-kook] body > header #command-open{height: 34px !important;min-height: 34px !important;border: 0 !important;border-radius: 8px !important;background: var(--kk-soft) !important;color: var(--kk-muted) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] body > header kbd{border: 0 !important;background: transparent !important;color: var(--kk-quiet) !important}
html[data-kook][data-kook][data-kook][data-kook] body > header :is(.account,
#account-connect){min-height: 32px !important;padding: 0 16px !important;border: 0 !important;border-radius: 980px !important;background: var(--kk-blue) !important;color: #fff !important;font-weight: 500 !important}
html[data-kook][data-kook][data-kook][data-kook] body > header summary{border-radius: 8px !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] body > header .brand-mark,
html[data-kook][data-kook][data-kook][data-kook] .site-mark{background: var(--kk-ink) !important;color: var(--kk-main) !important;border: 0 !important;border-radius: 10px !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .shell-menu{background: var(--kk-raised) !important;border: 1px solid var(--kk-line) !important;border-radius: 12px !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] main{background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading{position: relative !important;align-items: center !important;min-height: 176px !important;padding: 28px 32px !important;border-radius: 20px !important;background: #8fd8f2 !important;box-shadow: var(--kk-shadow) !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading h1,
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading #home-title{position: relative !important;z-index: 1 !important;color: #1d1d1f !important;font-size: 30px !important;font-weight: 800 !important;letter-spacing: -.01em !important;text-shadow: 0 1px 0 rgba(255,255,255,.6) !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading > div{position: relative !important;z-index: 1 !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-eyebrow,
html[data-kook][data-kook][data-kook][data-kook] .workspace-subtitle,
html[data-kook][data-kook][data-kook][data-kook] .workspace-date,
html[data-kook][data-kook][data-kook][data-kook] .site-library-footer > span,
html[data-kook][data-kook][data-kook][data-kook] .footnote{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-art{position: absolute !important;inset: 0 !important;z-index: 0 !important;width: 100% !important;height: 100% !important;max-width: none !important;object-fit: cover !important;object-position: 78% center !important;pointer-events: none !important;user-select: none !important}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading{min-height: 132px !important;padding: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading h1,
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading #home-title{font-size: 22px !important}
}
html[data-kook][data-kook][data-kook][data-kook] .library-tabs{gap: 2px !important;padding: 2px !important;border-radius: 9px !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] .library-tabs button{min-height: 30px !important;padding: 0 16px !important;border-radius: 7px !important;font-size: 13px !important;font-weight: 500 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .library-tabs button::after{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .library-tabs button[aria-pressed="true"]{background: var(--kk-raised) !important;box-shadow: 0 1px 3px rgba(0,0,0,.12) !important}
html[data-kook][data-kook][data-kook][data-kook] .library-edit,
html[data-kook][data-kook][data-kook][data-kook] .site-library-footer button{color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards{gap: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app{min-height: 0 !important;padding: 18px !important;border: 0 !important;border-radius: 18px !important;background: var(--kk-raised) !important;box-shadow: var(--kk-shadow) !important;transition: transform .2s, box-shadow .2s !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app:hover{transform: translateY(-2px) !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph{width: 44px !important;height: 44px !important;flex-basis: 44px !important;border: 0 !important;border-radius: 12px !important;background: var(--kk-fam, var(--kk-f-neutral)) !important;color: #fff !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph svg{width: 24px !important;height: 24px !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph svg path[opacity]{opacity: .35 !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app strong{font-size: 15px !important;font-weight: 600 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app p{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] [data-icon-family="neutral"]{--kk-fam: var(--kk-f-neutral)}
html[data-kook][data-kook][data-kook][data-kook] [data-icon-family="blue"]{--kk-fam: var(--kk-f-blue)}
html[data-kook][data-kook][data-kook][data-kook] [data-icon-family="violet"]{--kk-fam: var(--kk-f-violet)}
html[data-kook][data-kook][data-kook][data-kook] [data-icon-family="teal"]{--kk-fam: var(--kk-f-teal)}
html[data-kook][data-kook][data-kook][data-kook] [data-icon-family="amber"]{--kk-fam: var(--kk-f-amber)}
html[data-kook][data-kook][data-kook][data-kook] [data-icon-family="rose"]{--kk-fam: var(--kk-f-rose)}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail{background: var(--kk-raised) !important;border: 1px solid var(--kk-line) !important;border-radius: 22px !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .dock-item{border-radius: 16px !important;color: var(--kk-quiet) !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .dock-item[aria-current="page"]{background: transparent !important;color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .dock-item[aria-current="page"] :is(.dock-icon,
.ui-icon,
.dock-label){color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .dock-item :is(.dock-icon,
.ui-icon){background: transparent !important;box-shadow: none !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-bar{background: var(--kk-main) !important;border-bottom: 1px solid var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-frame{background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] body,
html[data-kook][data-kook][data-kook][data-kook] #site-home{margin: 0 !important;background: #7fd0f0 !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-hero,
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-explore-heading,
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-pathways,
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-footer{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home main{padding: 0 !important;margin: 0 !important;max-width: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header{position: absolute !important;z-index: 6 !important;top: 0 !important;left: 0 !important;right: 0 !important;display: flex !important;align-items: center !important;justify-content: space-between !important;max-width: none !important;margin: 0 !important;padding: 16px 20px !important;background: transparent !important;border: 0 !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand-caption{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header > *{pointer-events: auto !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header nav{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand{padding: 6px 14px 6px 6px !important;border-radius: 980px !important;background: rgba(255,255,255,.92) !important;color: #1d1d1f !important;box-shadow: 0 2px 10px rgba(0,0,0,.08) !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand .site-mark{background: #1d1d1f !important;color: #fff !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions{display: flex !important;align-items: center !important;gap: 8px !important;margin-left: auto !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions button{width: 40px !important;height: 40px !important;border-radius: 50% !important;background: rgba(255,255,255,.92) !important;color: #1d1d1f !important;box-shadow: 0 2px 10px rgba(0,0,0,.08) !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account{padding: 0 18px !important;min-height: 40px !important;display: inline-flex !important;align-items: center !important;border: 0 !important;border-radius: 980px !important;background: #0071e3 !important;color: #fff !important;font-weight: 600 !important;box-shadow: 0 2px 10px rgba(0,0,0,.12) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world{position: relative !important;display: flex !important;align-items: flex-end !important;height: 100vh !important;height: 100svh !important;min-height: 520px !important;overflow-x: auto !important;overflow-y: hidden !important;overscroll-behavior-x: contain !important;scrollbar-width: none !important;background: #7fd0f0 !important;cursor: grab !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world::-webkit-scrollbar{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-dragging{cursor: grabbing !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-dragging .kk-spot{pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stage{position: relative !important;flex: none !important;width: max(100%, calc(max(100svh, 520px) * var(--kk-ratio))) !important;aspect-ratio: var(--kk-ratio) !important;transform-origin: 50% 100% !important;transition: transform .6s cubic-bezier(.2,.8,.2,1) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-map{display: block !important;width: 100% !important;height: 100% !important;user-select: none !important;-webkit-user-drag: none !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-intro .kk-stage{transform-origin: var(--kk-zx) var(--kk-zy) !important;transform: scale(1.28) !important;transition: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-intro-run .kk-stage{transform-origin: var(--kk-zx) var(--kk-zy) !important;transition: transform 1.6s cubic-bezier(.6,0,.2,1) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world:is(.kk-intro,
.kk-intro-run) :is(.kk-spot,
.kk-home-pin){opacity: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-dusk{position: absolute !important;inset: 0 !important;pointer-events: none !important;mix-blend-mode: multiply !important;background: linear-gradient(90deg, rgba(20,28,80,calc(var(--kk-night, 0) * .24)) 0%, rgba(20,28,80,calc(var(--kk-night, 0) * .18)) 40%, rgba(20,28,80,calc(var(--kk-night, 0) * .08)) 100%) !important;transition: background 2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stars{position: absolute !important;inset: 0 !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stars i{position: absolute !important;width: var(--kk-size) !important;height: var(--kk-size) !important;border-radius: 50% !important;background: #fff !important;box-shadow: 0 0 6px 1px rgba(255,255,255,.8) !important;animation: kk-star var(--kk-dur, 3.2s) ease-in-out var(--kk-delay, 0s) infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stars i.day{animation-name: kk-star-day !important}
@keyframes kk-star { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes kk-star-day { 0%, 100% { opacity: calc(var(--kk-night, 0) * .2); } 50% { opacity: calc(var(--kk-night, 0) * .95); } }
html[data-kook][data-kook][data-kook][data-kook] .kk-spot{position: absolute !important;z-index: 4 !important;width: 5.6% !important;aspect-ratio: 1 !important;height: auto !important;transform: translate(-50%, -50%) !important;border-radius: 50% !important;text-decoration: none !important;-webkit-tap-highlight-color: transparent !important;transition: opacity .5s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot::before{content: "" !important;position: absolute !important;inset: 6% !important;border: 3px dashed rgba(255,255,255,0) !important;border-radius: 50% !important;transition: border-color .2s, transform .2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:hover::before,
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:focus-visible::before{border-color: rgba(255,255,255,.95) !important;transform: rotate(30deg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot i{position: absolute !important;right: 14% !important;top: 14% !important;width: 12px !important;height: 12px !important;border-radius: 50% !important;background: #fff !important;border: 3px solid #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot span{position: absolute !important;left: 50% !important;bottom: 86% !important;padding: 7px 14px !important;border: 3px solid #1d1d1f !important;border-radius: 16px !important;background: #fff !important;color: #1d1d1f !important;font: 800 15px/1.1 var(--ui-font) !important;white-space: nowrap !important;opacity: 0 !important;transform: translate(-50%, 6px) scale(.9) !important;transition: opacity .18s, transform .18s !important;pointer-events: none !important;box-shadow: 0 3px 0 #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot span::after{content: "" !important;position: absolute !important;left: 50% !important;bottom: -9px !important;width: 12px !important;height: 12px !important;margin-left: -6px !important;background: #fff !important;border-right: 3px solid #1d1d1f !important;border-bottom: 3px solid #1d1d1f !important;transform: rotate(45deg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:hover span,
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:focus-visible span{opacity: 1 !important;transform: translate(-50%, 0) scale(1) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:hover i,
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:focus-visible i{animation: none !important;transform: scale(1.25) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot:focus-visible{outline: none !important}
@keyframes kk-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,.85); } 70% { box-shadow: 0 0 0 12px rgba(255,255,255,0); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); } }

@media (hover: none) {
html[data-kook][data-kook][data-kook][data-kook] .kk-spot span{opacity: 1 !important;transform: translate(-50%, 0) scale(.86) !important;font-size: 13px !important;padding: 5px 10px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot i{display: none !important}
}
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] .kk-stars i,
html[data-kook][data-kook][data-kook][data-kook] .kk-spot i{animation: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stage{transition: none !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] body{background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-auth-art{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] .intro,
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] #intro{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] .submit{border: 0 !important;border-radius: 980px !important;background: #0071e3 !important;color: #fff !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] .submit:hover{background: #0077ed !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] .qid-return{background: #1d1d1f !important;color: #fff !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"][data-theme="dark"] .qid-return{background: #f5f5f7 !important;color: #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] input:focus{border-color: #0071e3 !important;box-shadow: 0 0 0 3px rgba(0,113,227,.18) !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="auth"] body{padding-left: 50vw !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-auth-art{display: block !important;position: fixed !important;z-index: 1 !important;left: 0 !important;top: 0 !important;bottom: 0 !important;width: 50vw !important;overflow: hidden !important;background: #8fd8f2 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-auth-art img{display: block !important;width: 100% !important;height: 100% !important;object-fit: cover !important;object-position: center 70% !important}
}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-auth-art{display: block !important;width: min(calc(100% - 32px), 440px) !important;height: 210px !important;margin: 8px auto 16px !important;border-radius: 24px !important;overflow: hidden !important;background: #8fd8f2 !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-auth-art img{display: block !important;width: 100% !important;height: 100% !important;object-fit: cover !important;object-position: center 62% !important}
}

@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-ico.kk-has-art img{width: 32px !important;height: 32px !important;object-fit: contain !important;pointer-events: none !important;transition: transform .18s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico.kk-has-art:hover img{transform: scale(1.1) rotate(-4deg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels .kk-group{display: flex !important;align-items: center !important;gap: 6px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels .kk-group img{width: 18px !important;height: 18px !important;object-fit: contain !important}
}
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph.kk-glyph-art{width: 56px !important;height: 56px !important;flex-basis: 56px !important;border-radius: 0 !important;background: var(--kk-ico) center / contain no-repeat transparent !important;box-shadow: none !important;transition: transform .2s !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph.kk-glyph-art > *{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app:hover .glyph.kk-glyph-art{transform: scale(1.08) rotate(-3deg) !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .ui-icon.kk-glyph-art{width: 28px !important;height: 28px !important;background: var(--kk-ico) center / contain no-repeat transparent !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .ui-icon.kk-glyph-art svg{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .dock-item[aria-current="page"]{background: var(--kk-active) !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-home .workspace-heading{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-scene{position: relative !important;height: 180px !important;margin: 0 0 22px !important;border-radius: 20px !important;overflow: hidden !important;background: #8fd8f2 !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-scene .kk-art{position: absolute !important;inset: 0 !important;width: 100% !important;height: 100% !important;object-fit: cover !important;object-position: var(--kk-x, 50%) var(--kk-y, 64%) !important;transform: scale(var(--kk-z, 1)) !important;transform-origin: var(--kk-x, 50%) var(--kk-y, 64%) !important;transition: transform .9s cubic-bezier(.2,.8,.2,1), object-position .9s cubic-bezier(.2,.8,.2,1), transform-origin .9s cubic-bezier(.2,.8,.2,1) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-scene::after{content: "" !important;position: absolute !important;inset: 0 !important;pointer-events: none !important;mix-blend-mode: multiply !important;background: rgba(20,28,80,calc(var(--kk-night, 0) * .32)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-scene-title{position: absolute !important;z-index: 1 !important;left: 22px !important;bottom: 18px !important;padding: 8px 18px !important;border: 3px solid #1d1d1f !important;border-radius: 16px !important;background: #fff !important;color: #1d1d1f !important;font: 800 22px/1.2 var(--ui-font) !important;box-shadow: 0 3px 0 #1d1d1f !important}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-scene{height: 132px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-scene-title{left: 14px !important;bottom: 12px !important;font-size: 17px !important;padding: 6px 14px !important} }
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] .kk-scene .kk-art{transition: none !important} }
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph:not(.kk-glyph-art){border: 2.5px solid #1d1d1f !important;border-radius: 14px !important;box-shadow: 2px 3px 0 #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app:hover .glyph:not(.kk-glyph-art){transform: translateY(-1px) rotate(-3deg) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app .glyph{transition: transform .2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stage.kk-zoom{transform-origin: var(--kk-zx) var(--kk-zy) !important;transform: scale(2.4) !important;transition: transform .56s cubic-bezier(.55,0,.45,1) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world::after{content: "" !important;position: absolute !important;inset: 0 !important;z-index: 8 !important;background: var(--kk-main) !important;opacity: 0 !important;pointer-events: none !important;transition: opacity .3s ease .26s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-leaving::after{opacity: 1 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-leaving .kk-spot span{opacity: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .ui-frame-cover{background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook] .ui-frame-cover > span{display: flex !important;flex-direction: column !important;align-items: center !important;gap: 14px !important;color: var(--kk-muted) !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .ui-frame-cover > span::before{content: "" !important;width: 54px !important;height: 54px !important;border-radius: 50% !important;background: conic-gradient(#ff6b6b, #ffb547, #ffe14d, #5fd068, #4cb6ff, #9a7bff, #ff6b6b) !important;-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px)) !important;mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px)) !important;animation: kk-spin 1.1s linear infinite !important}
@keyframes kk-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] .ui-frame-cover > span::before{animation: none !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-heading .kk-art{transition: none !important} }

@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] body:has(#workspace:not([hidden])) #fluid-rail{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] body:has(#workspace:not([hidden])) .layout{padding-bottom: env(safe-area-inset-bottom, 0px) !important}
}
html[data-kook][data-kook][data-kook][data-kook] .workspace-recent h2{margin: 0 0 12px !important;font-size: 15px !important;font-weight: 700 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-recent-list > *{border: 0 !important;border-radius: 18px !important;background: var(--kk-raised) !important;box-shadow: var(--kk-shadow) !important;transition: transform .2s, box-shadow .2s !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-recent-list > *:hover{transform: translateY(-2px) !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-recent-list .ui-icon{border: 2.5px solid #1d1d1f !important;border-radius: 14px !important;background: #fff !important;color: #1d1d1f !important;box-shadow: 2px 3px 0 #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] .workspace-recent-list .continue-action{border: 0 !important;border-radius: 980px !important;background: var(--kk-blue) !important;color: #fff !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] #space-panel .space-card{border: 0 !important;border-radius: 20px !important;background: var(--kk-raised) !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] #space-panel .space-card-heading h2{display: flex !important;align-items: center !important;gap: 10px !important;font-size: 17px !important;font-weight: 700 !important}
html[data-kook][data-kook][data-kook][data-kook] #space-panel .kk-space-ico{width: 36px !important;height: 36px !important;object-fit: contain !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] #space-panel .space-card-heading button{border: 0 !important;border-radius: 980px !important;background: var(--kk-soft) !important;color: var(--kk-link) !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] #space-panel .space-heading h1{font-weight: 800 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command{background: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app-icon.kk-glyph-art{border: 0 !important;border-radius: 0 !important;background: var(--kk-ico) center / contain no-repeat transparent !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app-icon.kk-glyph-art > *{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app-icon.kk-sticker{border: 2.5px solid #1d1d1f !important;border-radius: 16px !important;box-shadow: 2px 3px 0 #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app:hover .launcher-app-icon{transform: translateY(-2px) rotate(-3deg) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app-icon{transition: transform .2s !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-search{border-radius: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-empty-art{display: flex !important;flex-direction: column !important;align-items: center !important;gap: 12px !important;padding: 18px 0 !important;text-align: center !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-empty-art::before{content: "" !important;width: 120px !important;height: 120px !important;border-radius: 28px !important;background: url("/apps/art/toon-empty.webp?v=1") center / cover !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] :is(#knowledge-new,
.primary-action,
#account-panel .primary,
#main-login,
.space-actions button:first-child){border: 0 !important;border-radius: 980px !important;background: var(--kk-blue) !important;color: #fff !important;font-weight: 600 !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] :is(#knowledge-new,
.primary-action,
#account-panel .primary,
#main-login):hover{background: var(--kk-blue-hover) !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel #main-logout,
html[data-kook][data-kook][data-kook][data-kook] #knowledge-panel .knowledge-actions button:not(.primary-action){border: 0 !important;border-radius: 980px !important;background: var(--kk-soft) !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] #document-modes{display: inline-flex !important;gap: 2px !important;padding: 2px !important;border-radius: 9px !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] #document-modes button{min-height: 30px !important;padding: 0 14px !important;border: 0 !important;border-radius: 7px !important;background: none !important;color: var(--kk-ink) !important;font-size: 13px !important;font-weight: 500 !important}
html[data-kook][data-kook][data-kook][data-kook] #document-modes button:is([data-kk-on],
[aria-pressed="true"],
[aria-current],
[aria-selected="true"],
.active,
.is-active){background: var(--kk-raised) !important;box-shadow: 0 1px 3px rgba(0,0,0,.12) !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident{position: relative !important;overflow: hidden !important;padding-top: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident::before{content: "" !important;display: block !important;height: 120px !important;margin: 0 calc(-1 * var(--kk-pad, 40px)) 0 !important;background: #8fd8f2 url("/apps/art/world-wide.webp?v=1") 22% 72% / 260% auto no-repeat !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident .site-account-symbol{position: relative !important;width: 96px !important;height: 96px !important;margin-top: -48px !important;border: 5px solid var(--kk-raised) !important;border-radius: 50% !important;background: #1d1d1f !important;box-shadow: 0 3px 0 #1d1d1f, var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident .site-account-symbol > *{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident .site-account-symbol::after{content: attr(data-initial) !important;position: absolute !important;inset: 0 !important;display: grid !important;place-items: center !important;color: #fff !important;font: 800 40px/1 var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident h1{margin-top: 14px !important;font-weight: 800 !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel.kk-resident #account-state{display: block !important;width: fit-content !important;margin: 8px 0 20px !important;padding: 4px 12px !important;border-radius: 980px !important;background: var(--kk-soft) !important;color: var(--kk-muted) !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-fx{position: absolute !important;inset: 0 !important;z-index: 1 !important;pointer-events: none !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-walkers{position: absolute !important;inset: 0 !important;z-index: 1 !important;width: 100% !important;height: 100% !important;pointer-events: none !important;overflow: visible !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-dusk{z-index: 2 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stars{z-index: 3 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-fx-glow{z-index: 3 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-fx > div{position: absolute !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-cloud{aspect-ratio: 2.1 !important;margin: 0 !important;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 100'%3E%3Cpath d='M38 88c-18 0-30-12-30-27s13-27 29-26c4-17 19-29 37-29 15 0 28 8 34 21 6-6 14-9 23-9 19 0 34 15 34 33v1c14 2 25 13 25 27 0 5-2 9-5 9z' fill='%23fff' stroke='%239cc6e4' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;animation: kk-drift var(--kk-dur, 90s) linear var(--kk-delay, 0s) infinite both !important}
@keyframes kk-drift { 0% { transform: translateX(-60%); opacity: 0; } 8% { opacity: .95; } 85% { opacity: .95; } 100% { transform: translateX(260%); opacity: 0; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-balloon{width: 3.2% !important;translate: -50% -50% !important;animation: kk-glide var(--kk-dur, 80s) linear var(--kk-delay, 0s) infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-balloon img{display: block !important;width: 100% !important;animation: kk-sway 5s ease-in-out infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-birds{width: 3% !important;aspect-ratio: 2 !important;animation: kk-glide var(--kk-dur, 26s) linear var(--kk-delay, 0s) infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-birds i{position: absolute !important;width: 34% !important;aspect-ratio: 2.2 !important;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 15'%3E%3Cpath d='M3 11Q9 2 17 10Q25 2 31 11' fill='none' stroke='%231d1d1f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;animation: kk-flap .42s ease-in-out infinite alternate both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-birds i:nth-child(1){left: 0 !important;top: 30% !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-birds i:nth-child(2){left: 36% !important;top: 0 !important;animation-delay: .14s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-birds i:nth-child(3){left: 66% !important;top: 46% !important;width: 26% !important;animation-delay: .28s !important}
@keyframes kk-glide { 0% { left: var(--kk-x0); top: var(--kk-y0); opacity: 0; } 6% { opacity: 1; } 92% { opacity: 1; } 100% { left: var(--kk-x1); top: var(--kk-y1); opacity: 0; } }
@keyframes kk-sway { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-10%) rotate(2deg); } }
@keyframes kk-flap { 0% { scale: 1 1; } 100% { scale: 1 .45; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-sail{width: 2.1% !important;translate: -50% -86% !important;animation: kk-sail var(--kk-dur, 34s) ease-in-out var(--kk-delay, 0s) infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-sail img{display: block !important;width: 100% !important;animation: kk-rock 3.2s ease-in-out infinite both !important;transform-origin: 50% 90% !important}
@keyframes kk-sail { 0% { left: var(--kk-x0); top: var(--kk-y0); scale: 1 1; } 46% { left: var(--kk-x1); top: var(--kk-y1); scale: 1 1; } 50% { left: var(--kk-x1); top: var(--kk-y1); scale: -1 1; } 96% { left: var(--kk-x0); top: var(--kk-y0); scale: -1 1; } 100% { left: var(--kk-x0); top: var(--kk-y0); scale: 1 1; } }
@keyframes kk-rock { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
html[data-kook][data-kook][data-kook][data-kook] .kk-smoke{width: 0 !important;height: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-smoke i{position: absolute !important;left: -9px !important;top: -18px !important;width: 18px !important;height: 18px !important;border: 2.5px solid #1d1d1f !important;border-radius: 50% !important;background: #f4f1ec !important;animation: kk-puff 3.6s ease-out infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-smoke i:nth-child(2){animation-delay: 1.2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-smoke i:nth-child(3){animation-delay: 2.4s !important}
@keyframes kk-puff { 0% { transform: translate(0, 0) scale(.4); opacity: 0; } 15% { opacity: 1; } 100% { transform: translate(14px, -70px) scale(1.5); opacity: 0; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-waves{width: 0 !important;height: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-waves i{position: absolute !important;left: -22px !important;top: -22px !important;width: 44px !important;height: 44px !important;border: 3px solid #fff !important;border-radius: 50% !important;box-shadow: 0 0 0 2px rgba(29,29,31,.55), inset 0 0 0 2px rgba(29,29,31,.55) !important;animation: kk-wave 3s ease-out infinite both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-waves i:nth-child(2){animation-delay: 1s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-waves i:nth-child(3){animation-delay: 2s !important}
@keyframes kk-wave { 0% { transform: scale(.3); opacity: .95; } 100% { transform: scale(2.6); opacity: 0; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-twinkle{width: 30px !important;height: 30px !important;margin: -15px 0 0 -15px !important;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2c2 11 7 16 18 18-11 2-16 7-18 18-2-11-7-16-18-18C13 18 18 13 20 2z' fill='%23fff6c2' stroke='%231d1d1f' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;animation: kk-twinkle 2.4s ease-in-out infinite both !important}
@keyframes kk-twinkle { 0%, 100% { transform: scale(.55) rotate(0); opacity: .5; } 50% { transform: scale(1.1) rotate(20deg); opacity: 1; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-meteor{inset: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-meteor::before{content: "" !important;position: absolute !important;left: var(--kk-x0) !important;top: var(--kk-y0) !important;width: 120px !important;height: 4px !important;border-radius: 4px !important;background: linear-gradient(90deg, rgba(255,255,255,0), #fff) !important;transform-origin: right center !important;filter: drop-shadow(0 0 6px #fff) !important;animation: kk-meteor 9s ease-in infinite both !important}
@keyframes kk-meteor { 0%, 82% { left: var(--kk-x0); top: var(--kk-y0); opacity: 0; } 85% { opacity: 1; } 95% { opacity: 1; } 100% { left: var(--kk-x1); top: var(--kk-y1); opacity: 0; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-flies{inset: 0 !important;opacity: clamp(0, calc((var(--kk-night, 0) - .4) * 2.2), 1) !important;transition: opacity 2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-flies > div{width: 6px !important;height: 6px !important;border-radius: 50% !important;background: #fff7a8 !important;box-shadow: 0 0 8px 3px rgba(255,236,120,.75) !important;animation: kk-fly var(--kk-dur, 5s) ease-in-out var(--kk-delay, 0s) infinite alternate both !important}
@keyframes kk-fly { 0% { transform: translate(0, 0); opacity: .2; } 50% { opacity: 1; } 100% { transform: translate(18px, -14px); opacity: .3; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-spot i{animation: kk-pop .5s cubic-bezier(.3,1.6,.5,1) backwards, kk-pulse 2.4s ease-out infinite !important;animation-delay: calc(var(--kk-i, 0) * 110ms + 350ms), calc(var(--kk-i, 0) * 110ms + 900ms) !important}
@keyframes kk-pop { 0% { transform: scale(0); } 100% { transform: scale(1); } }
html[data-kook][data-kook][data-kook][data-kook] .kk-home-pin{position: absolute !important;z-index: 4 !important;width: 0 !important;height: 0 !important;pointer-events: none !important;animation: kk-bob 2.6s ease-in-out infinite !important;transition: opacity .5s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-pin::before{content: "" !important;position: absolute !important;left: -1.5px !important;top: -46px !important;width: 3px !important;height: 50px !important;border-radius: 2px !important;background: #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-pin span{position: absolute !important;left: 1px !important;top: -46px !important;display: grid !important;place-items: center !important;width: 34px !important;height: 26px !important;border: 3px solid #1d1d1f !important;border-left: 0 !important;border-radius: 0 10px 10px 0 !important;background: #0071e3 !important;color: #fff !important;font: 800 15px/1 var(--ui-font) !important;box-shadow: 0 2px 0 #1d1d1f !important}
@keyframes kk-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
html[data-kook][data-kook][data-kook][data-kook] .kk-live{position: absolute !important;z-index: 1 !important;left: 50% !important;top: 88% !important;translate: -50% 0 !important;padding: 4px 10px !important;border: 2.5px solid #1d1d1f !important;border-radius: 12px !important;background: #fff !important;color: #1d1d1f !important;font: 800 12px/1.2 var(--ui-font) !important;white-space: nowrap !important;box-shadow: 0 2px 0 #1d1d1f !important;pointer-events: none !important;animation: kk-badge .45s cubic-bezier(.3,1.5,.5,1) 1.2s both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-live::before{content: "" !important;display: inline-block !important;width: 8px !important;height: 8px !important;margin-right: 5px !important;border-radius: 50% !important;background: #34c759 !important;vertical-align: 1px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-live-recent::before{background: #0071e3 !important}
@keyframes kk-badge { 0% { scale: .5; opacity: 0; } 100% { scale: 1; opacity: 1; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-leaving .kk-live{visibility: hidden !important}

@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] .kk-cloud,
html[data-kook][data-kook][data-kook][data-kook] .kk-smoke i,
html[data-kook][data-kook][data-kook][data-kook] .kk-waves i,
html[data-kook][data-kook][data-kook][data-kook] .kk-twinkle,
html[data-kook][data-kook][data-kook][data-kook] .kk-meteor::before,
html[data-kook][data-kook][data-kook][data-kook] .kk-flies > div,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-pin,
html[data-kook][data-kook][data-kook][data-kook] .kk-spot i,
html[data-kook][data-kook][data-kook][data-kook] .kk-balloon img,
html[data-kook][data-kook][data-kook][data-kook] .kk-birds i,
html[data-kook][data-kook][data-kook][data-kook] .kk-sail img,
html[data-kook][data-kook][data-kook][data-kook] .kk-live{animation: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-smoke,
html[data-kook][data-kook][data-kook][data-kook] .kk-waves,
html[data-kook][data-kook][data-kook][data-kook] .kk-meteor,
html[data-kook][data-kook][data-kook][data-kook] .kk-balloon,
html[data-kook][data-kook][data-kook][data-kook] .kk-birds,
html[data-kook][data-kook][data-kook][data-kook] .kk-sail,
html[data-kook][data-kook][data-kook][data-kook] .kk-walkers{display: none !important}
}
html[data-kook][data-kook][data-kook][data-kook] #cards .app[data-kk-dup],
html[data-kook][data-kook][data-kook][data-kook] #categories [data-kk-merged]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-chat] #library > :not(.kk-scene,
.kk-chat){display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat h2{margin: 0 0 12px !important;font-size: 15px !important;font-weight: 700 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-grid{display: grid !important;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;gap: 14px !important;margin: 0 0 28px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card{display: grid !important;grid-template-columns: 56px minmax(0, 1fr) !important;grid-template-rows: auto auto !important;align-content: center !important;column-gap: 14px !important;row-gap: 3px !important;min-height: 84px !important;padding: 14px 18px !important;border: 0 !important;border-radius: 18px !important;background: var(--kk-raised) !important;color: var(--kk-ink) !important;font-family: var(--ui-font) !important;text-align: left !important;cursor: pointer !important;box-shadow: var(--kk-shadow) !important;transition: transform .2s, box-shadow .2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card:hover{transform: translateY(-2px) !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card img{grid-row: 1 / 3 !important;width: 56px !important;height: 56px !important;object-fit: contain !important;transition: transform .2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card:hover img{transform: scale(1.08) rotate(-3deg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card strong{align-self: end !important;font-size: 15px !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card span{align-self: start !important;max-width: 100% !important;overflow: hidden !important;color: var(--kk-muted) !important;font-size: 13px !important;white-space: nowrap !important;text-overflow: ellipsis !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card span:empty{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card:has(span:empty) strong{grid-row: 1 / 3 !important;align-self: center !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-chip{display: inline-flex !important;align-items: center !important;gap: 6px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-chat][data-shell-view="library"] #shell-title{font-size: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-chat][data-shell-view="library"] #shell-title::after{content: "聊天" !important;font-size: 12px !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-chat][data-shell-view="library"] #shell-title::after{font-size: 15px !important} }
html[data-kook][data-kook][data-kook][data-kook][data-kk-chat][data-shell-view="library"] #fluid-rail .kk-dock-chat :is(.dock-label,
.ui-icon){color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-chip img{width: 20px !important;height: 20px !important;object-fit: contain !important}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-grid{grid-template-columns: 1fr 1fr !important;gap: 10px !important;margin-bottom: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card{grid-template-columns: minmax(0, 1fr) !important;justify-items: stretch !important;min-height: 0 !important;padding: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card img{grid-row: auto !important;width: 44px !important;height: 44px !important;margin-bottom: 6px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card:has(span:empty) strong{grid-row: auto !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-world-wrap{position: relative !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-hud{position: absolute !important;inset: 0 !important;z-index: 5 !important;pointer-events: none !important;transition: opacity .4s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world:is(.kk-intro,
.kk-intro-run,
.kk-leaving) ~ .kk-hud{opacity: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world:is(.kk-intro,
.kk-intro-run,
.kk-leaving) ~ .kk-hud *{pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-mini{position: absolute !important;left: 50% !important;bottom: 22px !important;width: 220px !important;aspect-ratio: 2400 / 1024 !important;height: auto !important;translate: -50% 0 !important;border: 2.5px solid #1d1d1f !important;border-radius: 14px !important;background-color: #7fd0f0 !important;background-position: center !important;background-size: cover !important;background-repeat: no-repeat !important;box-shadow: 0 3px 0 #1d1d1f !important;overflow: hidden !important;cursor: pointer !important;pointer-events: auto !important;touch-action: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-mini-view{position: absolute !important;top: 0 !important;bottom: 0 !important;border: 2.5px solid #fff !important;border-radius: 10px !important;box-shadow: 0 0 0 999px rgba(20,24,40,.34) !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-mini-home{position: absolute !important;width: 9px !important;height: 9px !important;margin: -4.5px 0 0 -4.5px !important;border: 2px solid #fff !important;border-radius: 50% !important;background: #0071e3 !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pan{position: absolute !important;top: 50% !important;width: 48px !important;height: 48px !important;margin-top: -24px !important;padding: 0 !important;border: 2.5px solid #1d1d1f !important;border-radius: 50% !important;background-color: #fff !important;background-position: center !important;background-size: 22px !important;background-repeat: no-repeat !important;box-shadow: 0 3px 0 #1d1d1f !important;cursor: pointer !important;pointer-events: auto !important;transition: opacity .2s, transform .15s, box-shadow .15s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pan-l{left: 18px !important;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5l-7 7 7 7' fill='none' stroke='%231d1d1f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pan-r{right: 18px !important;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%231d1d1f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pan:hover{transform: translateY(-2px) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pan:active{transform: translateY(2px) !important;box-shadow: 0 1px 0 #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pan:focus-visible{outline: 3px solid #0071e3 !important;outline-offset: 3px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-at-start ~ .kk-hud .kk-pan-l,
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-at-end ~ .kk-hud .kk-pan-r{opacity: 0 !important;pointer-events: none !important}
@media (hover: none) {
html[data-kook][data-kook][data-kook][data-kook] .kk-pan{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-mini{width: 150px !important;bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;border-radius: 12px !important}
}

@media (hover: hover) {
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-tour .kk-spot span{opacity: 1 !important;transform: translate(-50%, 0) scale(.92) !important;transition: opacity .3s, transform .3s !important;transition-delay: calc(var(--kk-i, 0) * 70ms) !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-hello{position: absolute !important;z-index: 5 !important;translate: -50% -100% !important;padding: 8px 14px !important;border: 3px solid #1d1d1f !important;border-radius: 16px !important;background: #fff !important;color: #1d1d1f !important;font: 800 15px/1.2 var(--ui-font) !important;white-space: nowrap !important;box-shadow: 0 3px 0 #1d1d1f !important;pointer-events: none !important;transform-origin: 50% 100% !important;animation: kk-hello 6.5s ease var(--kk-delay, .8s) both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-hello::after{content: "" !important;position: absolute !important;left: 62% !important;bottom: -9px !important;width: 12px !important;height: 12px !important;margin-left: -6px !important;background: #fff !important;border-right: 3px solid #1d1d1f !important;border-bottom: 3px solid #1d1d1f !important;transform: rotate(45deg) !important}
@keyframes kk-hello { 0% { scale: .6; opacity: 0; } 5% { scale: 1.05; opacity: 1; } 8% { scale: 1; opacity: 1; } 88% { scale: 1; opacity: 1; } 100% { scale: .96; opacity: 0; } }
@media (hover: none) {
html[data-kook][data-kook][data-kook][data-kook] .kk-hello{font-size: 13px !important;padding: 6px 11px !important} }
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-leaving .kk-hello{visibility: hidden !important}
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] .kk-hello{animation: none !important;display: none !important} }
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="workspace"] body::before{content: "" !important;position: fixed !important;inset: 0 !important;z-index: 2147483000 !important;background: var(--kk-main) !important;pointer-events: none !important;animation: kk-cover-out .3s ease 5s forwards !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="workspace"] body::after{content: "" !important;position: fixed !important;left: 50% !important;top: 50% !important;z-index: 2147483001 !important;width: 54px !important;height: 54px !important;margin: -27px 0 0 -27px !important;border-radius: 50% !important;background: conic-gradient(#ff6b6b, #ffb547, #ffe14d, #5fd068, #4cb6ff, #9a7bff, #ff6b6b) !important;-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px)) !important;mask: radial-gradient(farthest-side, transparent calc(100% - 9px), #000 calc(100% - 8px)) !important;pointer-events: none !important;animation: kk-spin 1.1s linear infinite, kk-cover-in .25s ease .35s backwards, kk-cover-out .3s ease 5s forwards !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="workspace"][data-kk-ready] body::before,
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="workspace"][data-kk-ready] body::after{display: none !important}
@keyframes kk-cover-in { from { opacity: 0; } }
@keyframes kk-cover-out { to { opacity: 0; visibility: hidden; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-fireworks{position: absolute !important;z-index: 1 !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-walkers image{pointer-events: auto !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk{position: absolute !important;z-index: 6 !important;translate: -50% calc(-100% - 10px) !important;max-width: 220px !important;padding: 7px 13px !important;border: 3px solid #1d1d1f !important;border-radius: 16px !important;background: #fff !important;color: #1d1d1f !important;font: 800 14px/1.25 var(--ui-font) !important;white-space: nowrap !important;box-shadow: 0 3px 0 #1d1d1f !important;transform-origin: 50% 100% !important;animation: kk-talk-in .32s cubic-bezier(.3,1.6,.5,1) both !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk::after{content: "" !important;position: absolute !important;left: 50% !important;bottom: -9px !important;width: 12px !important;height: 12px !important;margin-left: -6px !important;background: #fff !important;border-right: 3px solid #1d1d1f !important;border-bottom: 3px solid #1d1d1f !important;transform: rotate(45deg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk-go{cursor: pointer !important;padding-right: 30px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk-go::before{content: "" !important;position: absolute !important;right: 10px !important;top: 50% !important;width: 12px !important;height: 12px !important;margin-top: -6px !important;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%230071e3' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk-go:hover{translate: -50% calc(-100% - 12px) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk-go:focus-visible{outline: 3px solid #0071e3 !important;outline-offset: 3px !important}
@keyframes kk-talk-in { 0% { scale: .5; opacity: 0; } 100% { scale: 1; opacity: 1; } }
html[data-kook][data-kook][data-kook][data-kook] .kk-world.kk-leaving .kk-talk{visibility: hidden !important}
@media (hover: none) {
html[data-kook][data-kook][data-kook][data-kook] .kk-talk{font-size: 13px !important;padding: 6px 11px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-talk-go{padding-right: 26px !important} }
html[data-kook][data-kook][data-kook][data-kook] .kk-av{display: grid !important;place-items: center !important;width: 100% !important;height: 100% !important;border-radius: 50% !important;overflow: hidden !important;font: 700 15px/1 var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-av img{display: block !important;width: 100% !important;height: 100% !important;object-fit: cover !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account.kk-avatar{width: 42px !important;height: 42px !important;min-height: 42px !important;padding: 0 !important;border: 2.5px solid #fff !important;border-radius: 50% !important;background: #1d1d1f !important;color: #fff !important;box-shadow: 0 2px 10px rgba(0,0,0,.16) !important;overflow: hidden !important;transition: transform .15s !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account.kk-avatar:hover{transform: scale(1.06) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-ico.kk-me.kk-avatar{overflow: hidden !important;padding: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-badge{position: absolute !important;top: -3px !important;right: -3px !important;z-index: 2 !important;min-width: 18px !important;height: 18px !important;padding: 0 5px !important;border: 2px solid var(--kk-rail, #fff) !important;border-radius: 9px !important;background: #ff3b30 !important;color: #fff !important;font: 700 11px/14px var(--ui-font) !important;text-align: center !important;box-sizing: border-box !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .kk-dock-chat{position: relative !important}
html[data-kook][data-kook][data-kook][data-kook] #fluid-rail .kk-dock-chat .kk-badge{top: 2px !important;right: calc(50% - 22px) !important;border-color: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card{position: relative !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card .kk-badge{top: 12px !important;right: 12px !important;height: 20px !important;min-width: 20px !important;border-radius: 10px !important;font-size: 12px !important;line-height: 16px !important;border-color: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channels button .kk-badge{position: static !important;margin-left: auto !important;border: 0 !important;height: 18px !important;line-height: 18px !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-live-unread::before{background: #ff3b30 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today{display: grid !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: 14px !important;margin: 0 0 24px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card{position: relative !important;display: grid !important;grid-template-columns: 48px minmax(0, 1fr) !important;grid-template-rows: auto auto !important;align-content: center !important;column-gap: 12px !important;row-gap: 2px !important;min-height: 76px !important;padding: 12px 16px !important;border: 0 !important;border-radius: 18px !important;background: var(--kk-raised) !important;color: var(--kk-ink) !important;font-family: var(--ui-font) !important;text-align: left !important;cursor: pointer !important;box-shadow: var(--kk-shadow) !important;transition: transform .2s, box-shadow .2s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card:hover{transform: translateY(-2px) !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card img{grid-row: 1 / 3 !important;width: 48px !important;height: 48px !important;object-fit: contain !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card strong{align-self: end !important;overflow: hidden !important;font-size: 15px !important;font-weight: 700 !important;white-space: nowrap !important;text-overflow: ellipsis !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card span{align-self: start !important;color: var(--kk-muted) !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card.kk-hot strong{color: #d70015 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card.kk-hot::after{content: "" !important;position: absolute !important;top: 12px !important;right: 12px !important;width: 9px !important;height: 9px !important;border-radius: 50% !important;background: #ff3b30 !important}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-today{gap: 8px !important;margin-bottom: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card{grid-template-columns: minmax(0, 1fr) !important;justify-items: start !important;min-height: 0 !important;padding: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card img{grid-row: auto !important;width: 36px !important;height: 36px !important;margin-bottom: 4px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-today-card strong{font-size: 13px !important;max-width: 100% !important}
}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-workspace{display: inline-flex !important;align-items: center !important;justify-content: center !important;height: 40px !important;padding: 0 18px !important;border-radius: 24px !important;color: #1d1d1f !important;background: rgba(255,255,255,.96) !important;font: 600 13px var(--ui-font) !important;text-decoration: none !important;box-shadow: 0 2px 10px #00000012 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{position: absolute !important;bottom: max(20px, env(safe-area-inset-bottom)) !important;left: 50% !important;translate: -50% 0 !important;display: flex !important;width: max-content !important;align-items: center !important;gap: 14px !important;padding: 8px 10px !important;border: 1px solid #ffffffb3 !important;border-radius: 18px !important;background: rgba(255,255,255,.96) !important;box-shadow: 0 6px 28px #00000026 !important;pointer-events: auto !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls .kk-mini{position: relative !important;left: auto !important;bottom: auto !important;width: 164px !important;border: 1px solid #1d1d1f33 !important;border-radius: 9px !important;translate: none !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places{position: static !important;flex: none !important;color: #1d1d1f !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places > summary{display: flex !important;align-items: center !important;gap: 6px !important;height: 40px !important;padding: 0 10px !important;border-radius: 9px !important;list-style: none !important;cursor: pointer !important;white-space: nowrap !important;font: 600 13px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places > summary::-webkit-details-marker{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places svg,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-labels svg{width: 18px !important;height: 18px !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places[open] > summary,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places > summary:hover{background: #f2f2f5 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{position: absolute !important;bottom: calc(100% + 10px) !important;left: 0 !important;width: 244px !important;max-height: min(520px, calc(100svh - 220px)) !important;overflow-y: auto !important;overscroll-behavior: contain !important;padding: 8px !important;box-sizing: border-box !important;border: 1px solid #e5e5ea !important;border-radius: 14px !important;background: #fff !important;box-shadow: 0 10px 40px #00000026 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places:not([open]) .kk-home-place-list{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a{display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 16px !important;min-height: 40px !important;padding: 0 12px !important;border-radius: 7px !important;color: #1d1d1f !important;text-decoration: none !important;font: 13px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a svg{width: 14px !important;height: 14px !important;color: #8e8e93 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:hover{background: #f2f2f5 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-labels{display: grid !important;place-items: center !important;width: 40px !important;height: 40px !important;min-height: 40px !important;padding: 10px !important;border: 0 !important;border-radius: 9px !important;background: transparent !important;color: #6e6e73 !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-labels[aria-pressed="true"]{color: #0071e3 !important;background: #eaf3ff !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-labels:hover{background: #f2f2f5 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-world[data-labels] .kk-spot span{opacity: 1 !important;transform: translate(-50%,0) scale(.86) !important}
html[data-kook][data-kook][data-kook][data-kook] :is(.kk-home-place-list a,
.kk-home-labels,
.kk-home-places > summary,
.kk-home-workspace):focus-visible{outline: 2px solid #0071e3 !important;outline-offset: 2px !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header{padding: 12px !important;gap: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand{padding: 4px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand > :not(.site-mark){display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions{gap: 6px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions button{width: 34px !important;height: 34px !important;min-height: 34px !important;padding: 7px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-workspace{height: 34px !important;padding: 0 12px !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account{min-height: 34px !important;padding: 0 12px !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{bottom: max(12px, env(safe-area-inset-bottom)) !important;max-width: calc(100vw - 24px) !important;gap: 10px !important;padding: 7px !important;border-radius: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls .kk-mini{width: 112px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places > summary{padding: 0 8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{left: 50% !important;translate: -50% 0 !important;width: min(268px, calc(100vw - 36px)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a{min-height: 44px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-labels{display: none !important}
}
@media (max-height: 520px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-world{min-height: 100svh !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stage{width: max(100%, calc(100svh * var(--kk-ratio))) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{bottom: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls .kk-mini{width: 112px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{max-height: calc(100svh - 150px) !important}
}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand{padding: 5px !important;border-radius: 50% !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand > :not(.site-mark){display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-brand .site-mark{display: grid !important;place-items: center !important;width: 34px !important;height: 34px !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-mark img{display: block !important;width: 32px !important;height: 32px !important;object-fit: contain !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-workspace,
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account{display: grid !important;place-items: center !important;width: 40px !important;height: 40px !important;min-height: 40px !important;padding: 9px !important;box-sizing: border-box !important;border-radius: 50% !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-workspace svg,
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account > svg{display: block !important;width: 21px !important;height: 21px !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-hello{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-world:not([data-labels]) .kk-spot span{opacity: 0 !important;visibility: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-world:not([data-labels]) .kk-spot:focus-visible span{visibility: visible !important;opacity: 1 !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-world[data-labels] .kk-spot span{visibility: visible !important;opacity: 1 !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-spot i{display: block !important;width: 8px !important;height: 8px !important;border-width: 2px !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-live{width: 9px !important;height: 9px !important;min-width: 0 !important;padding: 0 !important;border: 2px solid white !important;border-radius: 50% !important;font-size: 0 !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-talk{display: grid !important;place-items: center !important;width: 36px !important;height: 36px !important;max-width: 36px !important;padding: 5px !important;border-width: 2px !important;border-radius: 12px !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-talk svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-talk-go::before{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-places > summary{width: 40px !important;padding: 0 !important;justify-content: center !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{display: grid !important;grid-template-columns: repeat(3, 1fr) !important;gap: 6px !important;width: 230px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a{display: grid !important;place-items: center !important;padding: 10px !important;min-height: 56px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list img{width: 38px !important;height: 38px !important;object-fit: contain !important}
@media (hover: hover) {
html[data-kook][data-kook][data-kook][data-kook][data-qaqcok-surface="home"] .kk-world:not([data-labels]) .kk-spot:hover span{visibility: visible !important;opacity: 1 !important}
}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-workspace,
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-account{width: 34px !important;height: 34px !important;min-height: 34px !important;padding: 7px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-labels{display: grid !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{gap: 8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{width: 222px !important}
}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions{gap: 5px !important;padding: 5px !important;border: 1px solid #ffffffb3 !important;border-radius: 28px !important;background: rgba(255,255,255,.88) !important;box-shadow: 0 6px 28px #10254220, inset 0 1px 0 #fff !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions :is(button,
.kk-home-workspace){background: transparent !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions > *{transition: background .18s, transform .18s !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions :is(button,
.kk-home-workspace):hover{background: #ffffffc9 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{gap: 6px !important;padding: 8px !important;background: rgba(255,255,255,.88) !important;border-radius: 22px !important;box-shadow: 0 8px 32px #10254226, inset 0 1px 0 #fff !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-quiet{display: grid !important;place-items: center !important;flex: none !important;width: 40px !important;height: 40px !important;min-height: 40px !important;padding: 10px !important;border: 0 !important;border-radius: 12px !important;background: transparent !important;color: #4c5768 !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-quiet svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-quiet:hover{background: #ffffffd9 !important}
html[data-kook][data-kook][data-kook][data-kook] :is(.kk-home-quiet,
.kk-mini):focus-visible{outline: 2px solid #0071e3 !important;outline-offset: 3px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{padding: 10px !important;gap: 7px !important;border-color: #ffffffb3 !important;border-radius: 20px !important;background: rgba(255,255,255,.96) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a{min-height: 60px !important;padding: 8px !important;border-radius: 13px !important;background: #f1f4f880 !important;transition: background .18s, transform .18s, box-shadow .18s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list img{width: 42px !important;height: 42px !important;transition: transform .18s !important}
@media (hover: hover) {
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:hover{background: white !important;transform: translateY(-2px) !important;box-shadow: 0 4px 14px #10254216 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:hover img{transform: scale(1.08) !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:active{transform: scale(.95) !important}
@supports (backdrop-filter: blur(12px)) {
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{background: rgba(255,255,255,.74) !important;backdrop-filter: blur(18px) saturate(1.15) !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] #site-home .site-header{visibility: hidden !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-hud .kk-pan,
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-home-controls > :not(.kk-home-quiet){display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-home-controls{left: auto !important;right: max(20px, env(safe-area-inset-right)) !important;translate: none !important;padding: 4px !important;border-radius: 50% !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-home-quiet{border-radius: 50% !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] :is(.kk-spot,
.kk-live,
.kk-home-pin,
.kk-talk){visibility: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-spot span{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-walkers image{pointer-events: none !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions{padding: 4px !important;gap: 3px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls{gap: 4px !important;padding: 7px !important;border-radius: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-controls .kk-mini{width: 100px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{width: 232px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-immersive] .kk-home-controls{right: max(12px, env(safe-area-inset-right)) !important;border-radius: 50% !important}
}
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] #site-home .site-header-actions > *,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list img{transition: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:hover,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:active,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:hover img{transform: none !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{width: 386px !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: 10px !important;padding: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a{position: relative !important;display: block !important;min-height: 0 !important;height: 88px !important;padding: 0 !important;overflow: hidden !important;border: 2px solid transparent !important;border-radius: 15px !important;box-sizing: border-box !important;background: #def0f8 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a[data-in-view]{border-color: #0089d6 !important;box-shadow: 0 0 0 1px #ffffffcc !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-place-scene{display: block !important;position: absolute !important;inset: 0 !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list .kk-place-art{position: absolute !important;left: 50% !important;top: 50% !important;display: block !important;width: 500% !important;height: auto !important;max-width: none !important;object-fit: contain !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-place-symbol{position: absolute !important;bottom: 5px !important;right: 5px !important;display: grid !important;place-items: center !important;width: 30px !important;height: 30px !important;border: 1px solid #ffffffd9 !important;border-radius: 50% !important;background: #fffffff0 !important;box-shadow: 0 2px 8px #17344a25 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list .kk-place-symbol img{width: 25px !important;height: 25px !important;object-fit: contain !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a .kk-place-art,
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:hover .kk-place-art{transform: translate(var(--kk-scene-x), var(--kk-scene-y)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a:focus-visible{outline-offset: -4px !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list{width: min(292px, calc(100vw - 28px)) !important;grid-template-columns: repeat(2, minmax(0, 1fr)) !important;gap: 8px !important;padding: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list a{height: 94px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-place-symbol{width: 32px !important;height: 32px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-home-place-list .kk-place-symbol img{width: 27px !important;height: 27px !important}
}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-motion{display: grid !important;place-items: center !important;padding: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-motion svg{display: block !important;width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-motion[aria-pressed="true"]{background: #e9f5ff !important;color: #0071e3 !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-motion:disabled{opacity: .6 !important;cursor: default !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-motion:focus-visible{outline: 2px solid #0071e3 !important;outline-offset: 2px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-still] .kk-stage,
html[data-kook][data-kook][data-kook][data-kook][data-kk-still] .kk-stage *,
html[data-kook][data-kook][data-kook][data-kook][data-kk-still] .kk-stage *::before,
html[data-kook][data-kook][data-kook][data-kook][data-kk-still] .kk-stage *::after{animation-play-state: paused !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-still] .kk-stage{transition: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-still] .kk-fireworks{visibility: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-nav-toggle{display: inline-flex !important;align-items: center !important;justify-content: center !important;flex: none !important;width: 34px !important;height: 34px !important;min-height: 34px !important;padding: 7px !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-muted) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-nav-toggle:hover{color: var(--kk-ink) !important;background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-nav-toggle svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] :is(.kk-nav-toggle,
.kk-channels button,
.kk-side-footer button,
.kk-ico,
.kk-side-heading button,
.kk-category-select):focus-visible{outline: 2px solid var(--kk-blue) !important;outline-offset: -2px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-top{flex: none !important;padding: 0 14px 14px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-heading{height: 54px !important;display: flex !important;align-items: center !important;justify-content: space-between !important;color: var(--kk-ink) !important;font-size: 14px !important;font-weight: 650 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-heading > button{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-search{display: flex !important;align-items: center !important;gap: 8px !important;height: 34px !important;padding: 0 10px !important;border: 1px solid var(--kk-line) !important;border-radius: 7px !important;background: var(--kk-main) !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-search:focus-within{border-color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-search svg{width: 15px !important;height: 15px !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #kk-channel-search{width: 100% !important;min-width: 0 !important;height: 30px !important;min-height: 0 !important;padding: 0 !important;border: 0 !important;outline: none !important;box-shadow: none !important;border-radius: 0 !important;background: transparent !important;color: var(--kk-ink) !important;font: 12px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #kk-channel-search::placeholder{color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels{display: block !important;flex: 1 !important;min-height: 0 !important;overflow-y: auto !important;overscroll-behavior: contain !important;scrollbar-width: thin !important;scrollbar-color: var(--kk-line) transparent !important;padding: 0 8px 18px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-group{width: 100% !important;max-width: none !important;min-width: 0 !important;box-sizing: border-box !important;margin: 0 0 15px !important;padding: 0 !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels .kk-group{display: flex !important;align-items: center !important;gap: 6px !important;width: 100% !important;height: 30px !important;min-height: 30px !important;margin: 0 0 3px !important;padding: 0 7px !important;border: 0 !important;border-radius: 6px !important;background: transparent !important;color: var(--kk-muted) !important;font: 600 11px var(--ui-font) !important;letter-spacing: .03em !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-group > svg{width: 12px !important;height: 12px !important;flex: none !important;transition: transform .15s !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-group[aria-expanded="true"] > svg{transform: rotate(90deg) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-group > small{margin-left: auto !important;font-size: 10px !important;color: var(--kk-muted) !important;font-variant-numeric: tabular-nums !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels .kk-channel-row{position: relative !important;display: flex !important;align-items: center !important;gap: 9px !important;width: 100% !important;height: 35px !important;min-height: 35px !important;padding: 0 10px !important;margin: 1px 0 !important;border: 0 !important;border-radius: 6px !important;background: transparent !important;color: var(--kk-ink) !important;text-align: left !important;font: 400 13px var(--ui-font) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-row > svg{flex: none !important;width: 17px !important;height: 17px !important;opacity: .6 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-row > span{overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels button:hover{color: var(--kk-ink) !important;background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-row[aria-current="page"]{color: var(--kk-ink) !important;background: var(--kk-active) !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-row[aria-current="page"]::before{position: absolute !important;content: "" !important;left: 0 !important;height: 16px !important;width: 3px !important;border-radius: 3px !important;background: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-items[hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channel-empty{margin: 20px 10px !important;font-size: 12px !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-footer{display: flex !important;align-items: center !important;gap: 6px !important;flex: none !important;min-height: 64px !important;padding: 10px !important;border-top: 1px solid var(--kk-line) !important;background: var(--kk-side) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-account{display: flex !important;align-items: center !important;gap: 9px !important;flex: 1 !important;min-width: 0 !important;padding: 3px !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-ink) !important;text-align: left !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-user-mark{display: grid !important;place-items: center !important;flex: none !important;width: 32px !important;height: 32px !important;border-radius: 11px !important;background: var(--kk-ink) !important;color: var(--kk-main) !important;font-size: 13px !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-account > span:last-child{min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-account strong{display: block !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-account small{display: block !important;margin-top: 3px !important;color: var(--kk-muted) !important;font-size: 10px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-theme{display: grid !important;place-items: center !important;flex: none !important;width: 32px !important;height: 32px !important;min-height: 32px !important;padding: 7px !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-muted) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-theme svg{width: 18px !important;height: 18px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-footer button:hover{background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-drawer-backdrop,
html[data-kook][data-kook][data-kook][data-kook] .kk-category-select{display: none !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] body{height: 100dvh !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] body > header{height: 54px !important;min-height: 54px !important;padding: 0 18px 0 12px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .layout{display: grid !important;grid-template-columns: 248px minmax(0, 1fr) !important;height: calc(100dvh - 54px) !important;min-height: 0 !important;padding: 0 !important;gap: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .layout > aside{display: flex !important;flex-direction: column !important;grid-column: 1 !important;grid-row: 1 !important;position: static !important;width: auto !important;min-width: 0 !important;min-height: 0 !important;height: 100% !important;padding: 0 !important;overflow: hidden !important;border-right: 1px solid var(--kk-line) !important;background: var(--kk-side) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .layout > main{grid-column: 2 !important;grid-row: 1 !important;min-width: 0 !important;min-height: 0 !important;height: 100% !important;overflow-y: auto !important;overscroll-behavior: contain !important;padding: 28px 32px !important;scrollbar-width: thin !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .layout > main:has(#workspace:not([hidden])){display: flex !important;flex-direction: column !important;overflow: hidden !important;padding: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #workspace:not([hidden]){flex: 1 !important;display: flex !important;flex-direction: column !important;min-height: 0 !important;height: 100% !important;border: 0 !important;border-radius: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #app-frame{flex: 1 !important;height: auto !important;min-height: 0 !important;width: 100% !important;border: 0 !important;border-radius: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #fluid-rail{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-rail .kk-me{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-compact] .layout{grid-template-columns: minmax(0, 1fr) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-compact] .layout > aside{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-compact] .layout > main{grid-column: 1 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-compact] .kk-rail .kk-me{display: grid !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library{max-width: 1200px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-scene{height: 146px !important;border-radius: 14px !important;margin-bottom: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-scene-title{font-size: 18px !important;left: 20px !important;bottom: 16px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-today{gap: 12px !important;margin-bottom: 26px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-today-card{min-height: 72px !important;border-radius: 12px !important;box-shadow: none !important;border: 1px solid var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards{gap: 12px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .app{display: flex !important;flex-direction: row !important;align-items: center !important;gap: 14px !important;min-height: 100px !important;padding: 20px !important;border-radius: 12px !important;border: 1px solid var(--kk-line) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .app:hover{border-color: var(--kk-muted) !important;transform: translateY(-2px) !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .app .glyph.kk-glyph-art{width: 46px !important;height: 46px !important;flex-basis: 46px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .app strong{font-size: 14px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-card{border-radius: 12px !important;border: 1px solid var(--kk-line) !important;box-shadow: none !important}
}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-top,
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels,
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-footer{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] body > header{gap: 8px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .layout > aside{display: flex !important;flex-direction: column !important;position: fixed !important;z-index: 102 !important;top: 0 !important;left: 0 !important;bottom: 0 !important;width: min(304px, calc(100vw - 48px)) !important;height: 100dvh !important;padding: 0 !important;margin: 0 !important;background: var(--kk-side) !important;border: 0 !important;border-right: 1px solid var(--kk-line) !important;overflow: hidden !important;box-shadow: var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .kk-side-top{display: block !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .kk-channels{display: block !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .kk-side-footer{display: flex !important;padding-bottom: max(10px, env(safe-area-inset-bottom)) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] #categories{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .kk-drawer-backdrop{display: block !important;position: fixed !important;z-index: 101 !important;inset: 0 !important;width: 100% !important;height: 100% !important;border: 0 !important;padding: 0 !important;border-radius: 0 !important;background: rgba(0,0,0,.42) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-heading > button{display: grid !important;place-items: center !important;width: 40px !important;height: 40px !important;padding: 10px !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-side-heading > button svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-category-select{display: block !important;width: 100% !important;height: 40px !important;margin: 0 0 10px !important;padding: 0 10px !important;border: 1px solid var(--kk-line) !important;border-radius: 8px !important;background: var(--kk-raised) !important;color: var(--kk-ink) !important;font-size: 14px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels .kk-channel-row{height: 42px !important;min-height: 42px !important;font-size: 14px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels .kk-group{height: 38px !important;min-height: 38px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] #fluid-rail{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] body{overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .layout > aside{z-index: 2002 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] .kk-drawer-backdrop{z-index: 2001 !important}
}
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-group > svg{transition: none !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-views{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-group{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] .library-controls{display: flex !important;align-items: center !important;gap: 12px !important;margin: 0 0 16px !important;padding: 0 !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] .kk-library-views{display: flex !important;gap: 2px !important;margin-left: auto !important;padding: 3px !important;border: 1px solid var(--kk-line) !important;border-radius: 9px !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-views button{display: grid !important;place-items: center !important;width: 32px !important;height: 30px !important;min-height: 30px !important;padding: 6px !important;border: 0 !important;border-radius: 6px !important;background: transparent !important;color: var(--kk-muted) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-views button[aria-pressed="true"]{background: var(--kk-raised) !important;color: var(--kk-ink) !important;box-shadow: 0 1px 3px #00000012 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-views svg{width: 17px !important;height: 17px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] .library-discovery:not([hidden]){display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 12px 20px !important;margin: 0 0 18px !important;padding: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .library-discovery[hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .library-find{display: flex !important;flex: 1 1 240px !important;align-items: center !important;gap: 8px !important;width: auto !important;max-width: none !important;min-width: 0 !important;height: 40px !important;padding: 0 12px !important;border: 1px solid var(--kk-line) !important;border-radius: 9px !important;background: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] .library-find:focus-within{border-color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] #library-query{width: 100% !important;height: 38px !important;min-width: 0 !important;padding: 0 !important;border: 0 !important;outline: none !important;background: transparent !important;color: var(--kk-ink) !important;font: 13px var(--ui-font) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] #library-query::-webkit-search-cancel-button{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .library-find > .ui-icon{width: 17px !important;height: 17px !important;flex: none !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-clear{display: grid !important;place-items: center !important;flex: none !important;width: 28px !important;height: 28px !important;min-height: 28px !important;padding: 6px !important;background: transparent !important;color: var(--kk-muted) !important;border: 0 !important;border-radius: 6px !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-clear[hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-clear:hover{color: var(--kk-ink) !important;background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-clear svg{width: 15px !important;height: 15px !important}
html[data-kook][data-kook][data-kook][data-kook] .library-filters{display: flex !important;flex: 0 1 auto !important;gap: 4px !important;margin: 0 !important;padding: 2px !important;max-width: 100% !important;min-width: 0 !important;overflow-x: auto !important;flex-wrap: nowrap !important;scrollbar-width: thin !important}
html[data-kook][data-kook][data-kook][data-kook] .library-filters button{flex: none !important;min-height: 34px !important;padding: 6px 12px !important;border: 0 !important;border-radius: 7px !important;background: transparent !important;color: var(--kk-muted) !important;font: 12px var(--ui-font) !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook] .library-filters button[aria-pressed="true"]{background: var(--kk-active) !important;color: var(--kk-ink) !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .library-filters button:hover{background: var(--kk-hover) !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] :is(.kk-library-views button,
.kk-library-clear,
.library-filters button,
#cards .app):focus-visible{outline: 2px solid var(--kk-blue) !important;outline-offset: -2px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #count{margin: 0 0 12px !important;padding: 0 !important;color: var(--kk-muted) !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards{display: grid !important;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;gap: 10px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app{min-width: 0 !important;min-height: 92px !important;padding: 16px !important;gap: 12px !important;border: 1px solid var(--kk-line) !important;border-radius: 12px !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app-copy{flex: 1 !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app strong{display: block !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app p[data-kk-description]{display: -webkit-box !important;-webkit-box-orient: vertical !important;-webkit-line-clamp: 2 !important;overflow: hidden !important;margin: 5px 0 0 !important;color: var(--kk-muted) !important;font: 12px/1.6 var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards{grid-template-columns: minmax(0, 1fr) !important;gap: 0 !important;border: 1px solid var(--kk-line) !important;border-radius: 12px !important;background: var(--kk-raised) !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app{display: flex !important;flex-direction: row !important;align-items: center !important;min-height: 66px !important;border: 0 !important;border-bottom: 1px solid var(--kk-line) !important;border-radius: 0 !important;padding: 12px 18px !important;box-shadow: none !important;transform: none !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app:last-child{border-bottom: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app:hover{background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app .glyph{width: 34px !important;height: 34px !important;flex-basis: 34px !important;border-radius: 10px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app .glyph.kk-glyph-art{border-radius: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app .glyph svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app-copy{display: grid !important;grid-template-columns: minmax(120px, 200px) minmax(0, 1fr) !important;align-items: center !important;gap: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app p[data-kk-description]{display: block !important;margin: 0 !important;white-space: nowrap !important;text-overflow: ellipsis !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] .kk-library-group{display: block !important;flex: none !important;min-width: 38px !important;text-align: right !important;color: var(--kk-muted) !important;font: 11px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .library-empty{grid-column: 1 / -1 !important;width: 100% !important;box-sizing: border-box !important;margin: 0 !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] .kk-scene{height: 112px !important;margin-bottom: 18px !important}
}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] .kk-scene{height: 96px !important;border-radius: 12px !important;margin-bottom: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] .library-find{flex-basis: 100% !important}
html[data-kook][data-kook][data-kook][data-kook] #library-query{font-size: 16px !important}
html[data-kook][data-kook][data-kook][data-kook] .library-filters{flex-basis: 100% !important}
html[data-kook][data-kook][data-kook][data-kook] .library-filters button{min-height: 40px !important;padding: 8px 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-library-views button{width: 40px !important;height: 36px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards{grid-template-columns: repeat(2, minmax(0, 1fr)) !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app{display: flex !important;flex-direction: column !important;align-items: flex-start !important;text-align: left !important;padding: 14px !important;min-height: 112px !important;gap: 10px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app .glyph{width: 32px !important;height: 32px !important;flex: none !important;border-radius: 10px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app .glyph.kk-glyph-art{border-radius: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app .glyph svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"] #cards .app-copy{width: 100% !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app{padding: 12px !important;min-height: 72px !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app-copy{display: block !important}
html[data-kook][data-kook][data-kook][data-kook][data-library-mode="discover"][data-kk-library-view="list"] #cards .app p[data-kk-description]{margin-top: 3px !important;font-size: 11px !important}
}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-guest] > :not(.kk-guest-card),
html[data-kook][data-kook][data-kook][data-kook] #space-panel[data-kk-guest] > :not(.kk-guest-card),
html[data-kook][data-kook][data-kook][data-kook] #knowledge-panel[data-kk-guest] > :not(.kk-guest-card){display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-guest],
html[data-kook][data-kook][data-kook][data-kook] #knowledge-panel[data-kk-guest],
html[data-kook][data-kook][data-kook][data-kook] #space-panel[data-kk-guest]{width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] [data-kk-guest]::before,
html[data-kook][data-kook][data-kook][data-kook] [data-kk-guest]::after{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card{display: grid !important;grid-template-columns: 240px minmax(0, 1fr) !important;align-items: center !important;gap: 38px !important;width: min(100%, 780px) !important;margin: clamp(24px, 8vh, 88px) auto !important;padding: 32px !important;background: var(--kk-raised) !important;border: 1px solid var(--kk-line) !important;border-radius: 22px !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card > img{display: block !important;width: 240px !important;height: 260px !important;object-fit: cover !important;border-radius: 16px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card > img[src*="ico-"]{object-fit: contain !important;padding: 44px !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card h2{margin: 0 0 14px !important;color: var(--kk-ink) !important;font-size: 24px !important;line-height: 1.4 !important;font-weight: 700 !important;letter-spacing: -.02em !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card p{margin: 0 !important;color: var(--kk-muted) !important;font-size: 14px !important;line-height: 1.7 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-actions{display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 18px !important;margin-top: 26px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-actions button{padding: 0 28px !important;min-height: 42px !important;border: 0 !important;border-radius: 999px !important;background: var(--kk-blue) !important;color: #fff !important;font: 600 14px var(--ui-font) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-actions button:hover{background: var(--kk-blue-hover) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-actions a{color: var(--kk-muted) !important;text-decoration: none !important;font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-actions :is(button,
a):focus-visible{outline: 2px solid var(--kk-blue) !important;outline-offset: 4px !important}
html[data-kook][data-kook][data-kook][data-kook] body:has(#account-panel:not([hidden])[data-kk-guest]) #account-connect{visibility: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-theme="dark"] .kk-scene::after{background: rgba(20,28,60,.38) !important}
html[data-kook][data-kook][data-kook][data-kook][data-theme="dark"] .kk-auth-art::after{content: "" !important;position: absolute !important;inset: 0 !important;background: rgba(15,22,55,.35) !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-theme="dark"] :is(.library-tabs button[aria-pressed="true"],
#document-modes button[data-kk-on]){background: #3a3a40 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook][data-theme="dark"] .kk-ico.kk-logo,
html[data-kook][data-kook][data-kook][data-kook][data-theme="dark"] .kk-user-mark{background: #303034 !important;color: #f5f5f7 !important}
@media (max-width: 1100px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card{grid-template-columns: 168px minmax(0, 1fr) !important;gap: 24px !important;padding: 26px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card > img{width: 168px !important;height: 220px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card h2{font-size: 21px !important}
}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card{display: flex !important;flex-direction: column !important;text-align: center !important;gap: 24px !important;margin: 12px auto !important;padding: 24px 18px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card > img{width: 180px !important;height: 180px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-actions{justify-content: center !important;margin-top: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-guest-card h2{font-size: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-auth-art{position: relative !important}
}
html[data-kook][data-kook][data-kook][data-kook] #app-command,
html[data-kook][data-kook][data-kook][data-kook] #pin-editor{box-sizing: border-box !important;color: var(--kk-ink) !important;background: var(--kk-raised) !important;border: 1px solid var(--kk-line) !important;border-radius: 18px !important;box-shadow: 0 24px 80px rgba(0,0,0,.22) !important;font-family: var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command::backdrop,
html[data-kook][data-kook][data-kook][data-kook] #pin-editor::backdrop{background: rgba(12,14,20,.42) !important;backdrop-filter: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command:not([open]),
html[data-kook][data-kook][data-kook][data-kook] #pin-editor:not([open]){display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command[open]{display: flex !important;flex-direction: column !important;width: min(660px, calc(100vw - 32px)) !important;max-width: 660px !important;height: min(660px, calc(100dvh - 48px)) !important;max-height: calc(100dvh - 48px) !important;padding: 0 !important;overflow: hidden !important;margin: auto !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-heading{flex: none !important;display: flex !important;align-items: center !important;justify-content: space-between !important;margin: 0 !important;padding: 18px 22px 10px !important;min-height: 0 !important;background: transparent !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-eyebrow{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command h2{margin: 0 !important;font-size: 17px !important;font-weight: 650 !important;letter-spacing: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-close{width: 32px !important;height: 32px !important;min-height: 32px !important;padding: 7px !important;border: 0 !important;border-radius: 8px !important;color: var(--kk-muted) !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-close:hover{background: var(--kk-hover) !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-search{flex: none !important;display: flex !important;margin: 0 22px !important;padding: 0 12px !important;min-height: 48px !important;gap: 10px !important;border: 1px solid var(--kk-line) !important;border-radius: 10px !important;background: var(--kk-soft) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-search:focus-within{border-color: var(--kk-blue) !important;box-shadow: 0 0 0 2px rgba(0,113,227,.12) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command #launcher-query{height: 46px !important;padding: 0 !important;color: var(--kk-ink) !important;background: transparent !important;border: 0 !important;border-radius: 0 !important;font-size: 14px !important;box-shadow: none !important;outline: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-search > :is(svg,
.ui-icon){width: 20px !important;height: 20px !important;color: var(--kk-muted) !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-clear{color: var(--kk-link) !important;font-size: 12px !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command kbd{background: var(--kk-raised) !important;color: var(--kk-muted) !important;border: 1px solid var(--kk-line) !important;border-radius: 5px !important;font-size: 10px !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-categories{flex: none !important;display: flex !important;gap: 4px !important;overflow-x: auto !important;margin: 12px 0 0 !important;padding: 0 22px 12px !important;border-bottom: 1px solid var(--kk-line) !important;scrollbar-width: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-categories button{flex: none !important;padding: 6px 12px !important;min-height: 30px !important;border: 0 !important;border-radius: 7px !important;color: var(--kk-muted) !important;background: transparent !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-categories button[aria-pressed="true"]{color: var(--kk-ink) !important;background: var(--kk-active) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-content{flex: 1 !important;min-height: 0 !important;max-height: none !important;overflow-y: auto !important;overflow-x: hidden !important;margin: 0 !important;padding: 8px 12px !important;overscroll-behavior: contain !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-grid,
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-grid.launcher-featured{display: grid !important;grid-template-columns: minmax(0,1fr) !important;gap: 3px !important;padding: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app,
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-featured .launcher-app{display: grid !important;grid-template-columns: 34px minmax(0,1fr) auto !important;grid-template-rows: auto auto !important;align-items: center !important;justify-items: start !important;column-gap: 12px !important;row-gap: 3px !important;min-width: 0 !important;width: 100% !important;min-height: 60px !important;padding: 10px 12px !important;margin: 0 !important;border: 1px solid transparent !important;border-radius: 10px !important;background: transparent !important;color: var(--kk-ink) !important;text-align: left !important;box-shadow: none !important;transform: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app:hover{background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app:is(.is-selected,
:focus-visible){border-color: var(--kk-blue) !important;background: var(--kk-soft) !important;outline: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app .launcher-app-icon{grid-column: 1 !important;grid-row: 1 / 3 !important;width: 34px !important;height: 34px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;box-shadow: none !important;transform: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app .launcher-app-icon.kk-glyph-art{background: var(--kk-ico) center / contain no-repeat transparent !important;border-radius: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app .launcher-app-icon.kk-sticker{border: 1.5px solid #1d1d1f !important;border-radius: 8px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app strong{grid-column: 2 !important;grid-row: 1 !important;font-size: 14px !important;font-weight: 600 !important;margin: 0 !important;max-width: 100% !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app > small{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .kk-command-detail{grid-column: 2 !important;grid-row: 2 !important;display: block !important;width: 100% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;color: var(--kk-muted) !important;font-size: 12px !important;line-height: 1.5 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .kk-command-category{grid-column: 3 !important;grid-row: 1 / 3 !important;padding: 4px 8px !important;color: var(--kk-muted) !important;background: var(--kk-soft) !important;border-radius: 6px !important;font-size: 11px !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-footer{flex: none !important;display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 12px !important;margin: 0 !important;padding: 13px 22px !important;min-height: 46px !important;border-top: 1px solid var(--kk-line) !important;color: var(--kk-muted) !important;font-size: 11px !important;background: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-status{color: var(--kk-muted) !important;font-size: 11px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .content-search-results{margin: 10px 12px 0 !important;padding: 14px 0 !important;border-top: 1px solid var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .content-search-results :is(h3,
p){color: var(--kk-muted) !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .content-search-result{background: var(--kk-soft) !important;border: 1px solid var(--kk-line) !important;border-radius: 9px !important;color: var(--kk-ink) !important;padding: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-empty{padding: 30px 12px !important;color: var(--kk-muted) !important;font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor[open]{display: flex !important;flex-direction: column !important;width: min(850px, calc(100vw - 40px)) !important;max-width: 850px !important;height: min(640px, calc(100dvh - 48px)) !important;max-height: calc(100dvh - 48px) !important;padding: 0 !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor > header{flex: none !important;padding: 20px 24px 8px !important;background: transparent !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor header p{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor h2{font-size: 19px !important;font-weight: 650 !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-help{flex: none !important;margin: 0 !important;padding: 0 24px 18px !important;color: var(--kk-muted) !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor button{color: var(--kk-ink) !important;background: var(--kk-soft) !important;border: 1px solid var(--kk-line) !important;border-radius: 8px !important;font-family: var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor button:focus-visible,
html[data-kook][data-kook][data-kook][data-kook] #pin-editor input:focus-visible{outline: 2px solid var(--kk-blue) !important;outline-offset: 2px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-close{padding: 7px 12px !important;min-height: 32px !important;background: transparent !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-body{flex: 1 !important;min-height: 0 !important;display: grid !important;grid-template-columns: 300px minmax(0,1fr) !important;border-top: 1px solid var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-body > section{display: flex !important;flex-direction: column !important;gap: 12px !important;min-width: 0 !important;min-height: 0 !important;padding: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-current{background: var(--kk-soft) !important;border-right: 1px solid var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-body h3{flex: none !important;margin: 0 !important;font-size: 12px !important;font-weight: 600 !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-selected{flex: 1 !important;min-height: 0 !important;overflow-y: auto !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row{display: grid !important;grid-template-columns: 28px minmax(0,1fr) 30px 30px 30px !important;align-items: center !important;gap: 6px !important;min-height: 48px !important;margin: 0 0 4px !important;padding: 5px 6px !important;border: 0 !important;border-radius: 8px !important;background: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row > span:not(.ui-icon){min-width: 0 !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row button{padding: 0 !important;min-height: 30px !important;height: 30px !important;width: 30px !important;border: 0 !important;background: transparent !important;font-size: 17px !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row button:hover:not(:disabled){color: var(--kk-blue) !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row button svg{display: block !important;width: 18px !important;height: 18px !important;margin: auto !important;transform: rotate(90deg) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row button[data-kk-direction="up"] svg{transform: rotate(-90deg) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-art{width: 28px !important;height: 28px !important;display: block !important;object-fit: contain !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-search{flex: none !important;margin: 0 !important;padding: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-search input{box-sizing: border-box !important;width: 100% !important;height: 40px !important;padding: 0 12px !important;color: var(--kk-ink) !important;background: var(--kk-soft) !important;border: 1px solid var(--kk-line) !important;border-radius: 8px !important;font: 13px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-options{flex: 1 !important;min-height: 0 !important;display: flex !important;flex-direction: column !important;gap: 5px !important;overflow-y: auto !important;margin: 0 !important;padding: 2px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-option{flex: none !important;display: grid !important;grid-template-columns: 28px minmax(0,1fr) 18px !important;align-items: center !important;gap: 12px !important;min-height: 45px !important;padding: 8px 10px !important;border: 1px solid transparent !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-ink) !important;font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-option:has(input:checked){background: var(--kk-soft) !important;border-color: var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-option:hover{border-color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-option input{accent-color: var(--kk-blue) !important;width: 16px !important;height: 16px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-option > span{min-width: 0 !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-tabs{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor > footer{flex: none !important;position: static !important;display: flex !important;align-items: center !important;gap: 10px !important;margin: 0 !important;padding: 14px 24px !important;border-top: 1px solid var(--kk-line) !important;background: var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-state{margin-right: auto !important;font-size: 12px !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-save{min-width: 78px !important;background: var(--kk-blue) !important;border-color: var(--kk-blue) !important;color: #fff !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-empty{font-size: 13px !important;color: var(--kk-muted) !important;padding: 20px 10px !important;text-align: center !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] #app-command[open]{width: calc(100vw - 20px) !important;height: min(720px, calc(100dvh - 24px)) !important;max-height: calc(100dvh - 24px) !important;border-radius: 16px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-heading{padding: 14px 16px 8px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-search{margin: 0 16px !important;min-height: 46px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command #launcher-query{font-size: 16px !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-categories{padding: 0 16px 10px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-content{padding: 6px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app{grid-template-columns: 30px minmax(0,1fr) auto !important;column-gap: 10px !important;padding: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-app .launcher-app-icon{width: 30px !important;height: 30px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .kk-command-category{padding: 4px 6px !important;font-size: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-footer{padding: 12px 16px !important}
html[data-kook][data-kook][data-kook][data-kook] #app-command .launcher-footer > div{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor[open]{width: calc(100vw - 20px) !important;height: min(720px, calc(100dvh - 24px)) !important;max-height: calc(100dvh - 24px) !important;border-radius: 16px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor > header{padding: 16px 18px 8px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor h2{font-size: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-help{padding: 0 18px 14px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-tabs{display: flex !important;flex: none !important;gap: 4px !important;padding: 0 18px 12px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-tabs button{flex: 1 !important;border: 0 !important;color: var(--kk-muted) !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-tabs button[aria-pressed="true"]{color: var(--kk-ink) !important;background: var(--kk-active) !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-body{display: flex !important;flex-direction: column !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-body > section{flex: 1 !important;padding: 14px !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .kk-pin-body h3{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor[data-kk-pin-tab="selected"] .kk-pin-library,
html[data-kook][data-kook][data-kook][data-kook] #pin-editor[data-kk-pin-tab="options"] .kk-pin-current{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row{grid-template-columns: 28px minmax(0,1fr) 34px 34px 34px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row button{width: 34px !important;height: 40px !important;min-height: 40px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor > footer{padding: 12px 18px !important}
}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel{width:min(388px,calc(100vw - 32px)) !important;height:auto !important;max-height:calc(100dvh - 108px) !important;right:24px !important;bottom:86px !important;border:1px solid #ffffff1f !important;border-radius:24px !important;background:linear-gradient(145deg,rgba(22,28,36,.97),rgba(9,13,20,.98)) !important;box-shadow:0 28px 80px #0006,0 1px 0 #ffffff08 inset !important;color:#e8edf0 !important;backdrop-filter:blur(24px) !important;font-family:Arial,"Microsoft YaHei",sans-serif !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #kk-music-head{height:60px !important;flex:0 0 60px !important;padding:0 16px 0 24px !important;background:transparent !important;border-bottom:1px solid #ffffff0a !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #kk-music-head strong{font-size:13px !important;letter-spacing:3px !important;font-weight:500 !important;color:#cad1d8 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #kk-music-close{margin-left:auto !important;width:44px !important;height:44px !important;color:#98a5b1 !important;transform:none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #mfull[hidden]{display:none !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-content{min-height:0 !important;overflow-y:auto !important;overscroll-behavior:contain !important;padding:24px 24px 18px !important;scrollbar-width:thin !important;scrollbar-color:#8695a433 transparent !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-now{display:flex !important;gap:19px !important;align-items:center !important;margin-bottom:22px !important;min-width:0 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-metadata{min-width:0 !important;flex:1 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-title{margin:0 !important;font:500 19px/1.5 Arial,"Microsoft YaHei",sans-serif !important;overflow-wrap:anywhere !important;letter-spacing:.5px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-artist{margin:5px 0 0 !important;color:#93a0ad !important;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-record{position:relative !important;display:block !important;flex:0 0 66px !important;height:66px !important;border-radius:50% !important;border:1px solid #c4d1d526 !important;background:radial-gradient(circle at center,#d5c19b 0 4px,#101822 5px 10px,transparent 11px),repeating-radial-gradient(circle,#9ba8b017 0 1px,transparent 1px 4px),conic-gradient(from 35deg,#17232d,#566369,#17232d 40%,#28353d 60%,#17232d) !important;box-shadow:0 7px 14px #0004 !important;animation:kk-record-turn 24s linear infinite !important;animation-play-state:paused !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel[data-playing="true"] .local-music-record{animation-play-state:running !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-audio{display:none !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-timeline{width:100% !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-times{display:flex !important;justify-content:space-between !important;color:#7f8e9c !important;font:10px/1.4 ui-monospace,monospace !important;font-variant-numeric:tabular-nums !important;margin-top:-2px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-seek,
html[data-kook][data-kook][data-kook][data-kook] .local-music-volume{display:block !important;width:100% !important;margin:0 !important;height:28px !important;accent-color:#cfbd9b !important;cursor:pointer !important;background:transparent !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-seek:disabled{opacity:.4 !important;cursor:default !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-transport{display:flex !important;justify-content:space-between !important;align-items:center !important;margin:12px 0 10px !important;gap:12px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-controls{display:flex !important;align-items:center !important;gap:8px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-skip,
html[data-kook][data-kook][data-kook][data-kook] .local-music-play,
html[data-kook][data-kook][data-kook][data-kook] .local-music-mute{display:grid !important;place-items:center !important;flex-shrink:0 !important;width:44px !important;height:44px !important;border:1px solid transparent !important;border-radius:50% !important;background:transparent !important;color:#aab8c4 !important;cursor:pointer !important;transition:background .18s,color .18s,border-color .18s !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-play{width:48px !important;height:48px !important;background:#dfd2b8 !important;color:#111923 !important;border-color:#fff3 !important;box-shadow:0 4px 16px #0003 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-skip:hover:not(:disabled),
html[data-kook][data-kook][data-kook][data-kook] .local-music-mute:hover{background:#fff08 !important;color:#f3eadb !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-play:hover:not(:disabled){background:#f0e3c9 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-skip:disabled,
html[data-kook][data-kook][data-kook][data-kook] .local-music-play:disabled{opacity:.35 !important;cursor:default !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-sound{display:flex !important;align-items:center !important;gap:2px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-volume{width:62px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-mute{width:44px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-mute[aria-pressed="true"]{opacity:.45 !important}
html[data-kook][data-kook][data-kook][data-kook] .music-icon{display:block !important;width:18px !important;height:18px !important;background:currentColor !important;mask:center/contain no-repeat var(--music-glyph) !important;-webkit-mask:center/contain no-repeat var(--music-glyph) !important}
html[data-kook][data-kook][data-kook][data-kook] .music-icon-play{--music-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 4 20 12 7 20Z'/%3E%3C/svg%3E")}
html[data-kook][data-kook][data-kook][data-kook] .is-playing .music-icon-play{--music-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='white' stroke-width='4' d='M8 5v14M16 5v14'/%3E%3C/svg%3E")}
html[data-kook][data-kook][data-kook][data-kook] .music-icon-previous{--music-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M18 5 8 12 18 19Z'/%3E%3Cpath stroke='white' stroke-width='1.8' d='M5 5v14'/%3E%3C/svg%3E")}
html[data-kook][data-kook][data-kook][data-kook] .music-icon-next{--music-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 5 16 12 6 19Z'/%3E%3Cpath stroke='white' stroke-width='1.8' d='M19 5v14'/%3E%3C/svg%3E")}
html[data-kook][data-kook][data-kook][data-kook] .music-icon-volume{--music-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M4 9h4l5-4v14l-5-4H4ZM17 8c2 2 2 6 0 8M20 5c4 4 4 10 0 14'/%3E%3C/svg%3E")}
html[data-kook][data-kook][data-kook][data-kook] .local-music-status{margin:0 !important;color:#d3b991 !important;font:11px/1.5 Arial,"Microsoft YaHei",sans-serif !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-status:not(:empty){padding:5px 0 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-list{list-style:none !important;padding:10px 0 0 !important;margin:12px 0 0 !important;border-top:1px solid #ffffff0d !important;display:grid !important;gap:2px !important;counter-reset:track !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track{box-sizing:border-box !important;width:100% !important;min-height:58px !important;display:flex !important;align-items:center !important;gap:12px !important;text-align:left !important;padding:9px 10px !important;border:1px solid transparent !important;border-radius:12px !important;background:transparent !important;color:#c9d2da !important;cursor:pointer !important;counter-increment:track !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track:before{content:counter(track,decimal-leading-zero) !important;font:10px ui-monospace,monospace !important;color:#607482 !important;min-width:18px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track:hover{background:#b2c7d20a !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track.is-current{background:#c9bc9d0c !important;border-color:#c9bc9d20 !important;color:#ecddc2 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track.is-current:before{color:#d6bc89 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track-label{min-width:0 !important;flex:1 !important;display:grid !important;gap:3px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track-title{font:13px/1.4 Arial,"Microsoft YaHei",sans-serif !important;overflow-wrap:anywhere !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-track-artist{font:10px/1.4 Arial,"Microsoft YaHei",sans-serif !important;color:#758592 !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-duration{font:10px/1.5 ui-monospace,monospace !important;color:#7c8a97 !important;font-variant-numeric:tabular-nums !important;flex-shrink:0 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel :is(button,
html[data-kook][data-kook][data-kook][data-kook] input):focus-visible{outline:2px solid #d8c39e !important;outline-offset:3px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-button[data-playing="true"]::after{content:"" !important;position:absolute !important;right:8px !important;bottom:8px !important;width:4px !important;height:4px !important;border-radius:50% !important;background:#e0c498 !important}
@keyframes kk-record-turn{to{transform:rotate(360deg)}}
@media(max-width:720px){
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel{left:16px !important;right:16px !important;width:auto !important;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px)) !important;bottom:calc(78px + env(safe-area-inset-bottom,0px)) !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-content{padding:20px 18px 16px !important}}
@media(max-width:360px){
html[data-kook][data-kook][data-kook][data-kook] .local-music-volume{width:42px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-controls{gap:2px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-content{padding:16px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-record{flex-basis:56px !important;height:56px !important}
html[data-kook][data-kook][data-kook][data-kook] .local-music-title{font-size:17px !important}}
@media(prefers-reduced-motion:reduce){
html[data-kook][data-kook][data-kook][data-kook] .local-music-record{animation:none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel{transition:none !important}}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-music{display: grid !important;place-items: center !important;position: relative !important;padding: 9px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-music svg{width: 21px !important;height: 21px !important}
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-music[aria-expanded="true"],
html[data-kook][data-kook][data-kook][data-kook] #site-home .kk-home-music[data-playing="true"]{color: #0071e3 !important;background: #e9f5ff !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel{position: fixed !important;z-index: 9500 !important;top: 82px !important;right: 20px !important;bottom: auto !important;display: flex !important;flex-direction: column !important;box-sizing: border-box !important;width: 388px !important;max-width: calc(100vw - 24px) !important;max-height: calc(100dvh - 100px) !important;overflow: hidden !important;border: 1px solid #ffffffc9 !important;border-radius: 24px !important;background: rgba(253,253,251,.97) !important;color: #263447 !important;box-shadow: 0 24px 80px #15263c33 !important;backdrop-filter: blur(24px) !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel[hidden],
html[data-kook][data-kook][data-kook][data-kook] .kk-music-mini[hidden],
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel [hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #kk-music-head{display: flex !important;align-items: center !important;flex: 0 0 56px !important;height: 56px !important;gap: 2px !important;padding: 0 10px 0 22px !important;border-bottom: 1px solid #172a4312 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #kk-music-head strong{margin-right: auto !important;color: #526273 !important;letter-spacing: 2px !important;font: 600 13px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-head button{display: grid !important;place-items: center !important;width: 40px !important;height: 40px !important;min-height: 40px !important;padding: 11px !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #526273 !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-head svg{width: 18px !important;height: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel #kk-music-close{margin: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-head button:hover{background: #eaf0f5 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-content{overflow: auto !important;min-height: 0 !important;padding: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-title{font-size: 19px !important;color: #233447 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-artist,
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-times,
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-track-artist,
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-duration{color: #667785 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-play{background: #dcebf7 !important;color: #194a71 !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-play:hover{background: #cde2f4 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-skip,
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-mute{color: #536b7d !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-skip:hover,
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-mute:hover{background: #e7eef3 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-seek,
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-volume{accent-color: #5586ab !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-list{margin-top: 8px !important;border-color: #18354d12 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-track{color: #344b5d !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-track:hover{background: #edf2f6 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-track.is-current{background: #e9f2f9 !important;border-color: #c9dfef !important;color: #1c527b !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-track.is-current:before{color: #386e97 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-status{color: #9b562b !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-search{display: flex !important;align-items: center !important;gap: 8px !important;margin-top: 12px !important;padding: 0 10px !important;min-height: 42px !important;border: 1px solid #dee6ec !important;border-radius: 12px !important;background: #f3f6f8 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-search svg{width: 17px !important;height: 17px !important;flex: none !important;color: #7a8c9c !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-search input{width: 100% !important;min-width: 0 !important;height: 40px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;color: #344b5d !important;font: 13px var(--ui-font) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-count{flex: none !important;font: 10px var(--ui-font) !important;color: #738796 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-empty{text-align: center !important;padding: 12px !important;font: 13px var(--ui-font) !important;color: #667785 !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel.kk-music-expanded{top: 12px !important;right: 12px !important;left: 12px !important;bottom: 12px !important;width: auto !important;max-width: none !important;max-height: none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel.kk-music-expanded .local-music-content{width: 100% !important;max-width: 740px !important;box-sizing: border-box !important;margin: 0 auto !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-mini{position: fixed !important;z-index: 9600 !important;left: 20px !important;bottom: 100px !important;display: flex !important;padding: 4px !important;border: 1px solid #fff !important;border-radius: 30px !important;background: #f8fbfff0 !important;color: #426684 !important;box-shadow: 0 8px 28px #17344826 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-mini button{display: grid !important;place-items: center !important;width: 40px !important;height: 40px !important;min-height: 40px !important;padding: 10px !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: inherit !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-mini svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] :is(.kk-home-music,
.kk-music-mini button,
#kk-music-panel.local-music-panel button,
#kk-music-panel.local-music-panel input):focus-visible{outline: 2px solid #0071e3 !important;outline-offset: 2px !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel{left: 12px !important;right: 12px !important;top: 76px !important;bottom: auto !important;width: auto !important;max-height: calc(100dvh - 94px) !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-content{padding: 16px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-controls{gap: 2px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-music-panel.local-music-panel .local-music-volume{width: 42px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-music-mini{left: 12px !important;bottom: 100px !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-kk-hosted] #fluid-rail,
html[data-kook][data-kook][data-kook][data-kook][data-kk-shell] .kk-music-mini{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-site-page[hidden],
html[data-kook][data-kook][data-kook][data-kook] .kk-site-loading[hidden],
html[data-kook][data-kook][data-kook][data-kook] .kk-site-loading [hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-page] #site-home{visibility: hidden !important;pointer-events: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-site-page{position: fixed !important;inset: 0 !important;z-index: 8000 !important;background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-site-page > iframe{display: block !important;width: 100% !important;height: 100% !important;border: 0 !important;margin: 0 !important;background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-site-loading{position: absolute !important;inset: 0 !important;display: flex !important;justify-content: center !important;align-items: center !important;gap: 12px !important;flex-wrap: wrap !important;background: var(--kk-main) !important;color: var(--kk-muted) !important;font: 13px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-site-loading button,
html[data-kook][data-kook][data-kook][data-kook] .kk-site-loading a{padding: 10px 16px !important;border: 1px solid var(--kk-line) !important;border-radius: 12px !important;background: var(--kk-raised) !important;color: var(--kk-link) !important;font: inherit !important;cursor: pointer !important;text-decoration: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-shell] .kk-home-place-list{max-height: min(380px, calc(100dvh - 150px)) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-hosted] body{padding-bottom: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-hosted] .layout{padding-bottom: env(safe-area-inset-bottom) !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings]{display: block !important;width: 100% !important;max-width: 940px !important;margin: 0 auto !important;padding: 24px 28px 32px !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;background: transparent !important;text-align: left !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings][hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] > :is(.site-account-symbol,
#account-back),
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings]::before{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-header{display: flex !important;position: static !important;height: auto !important;align-items: center !important;gap: 18px !important;padding: 8px 0 28px !important;border: 0 !important;background: none !important;box-shadow: none !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-avatar{flex: none !important;display: grid !important;place-items: center !important;width: 68px !important;height: 68px !important;border-radius: 22px !important;color: var(--kk-blue) !important;background: color-mix(in srgb, var(--kk-blue) 11%, var(--kk-raised)) !important;font-size: 26px !important;font-weight: 700 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-avatar svg{width: 28px !important;height: 28px !important}
html[data-kook][data-kook][data-kook][data-kook] button.kk-settings-avatar{padding: 0 !important;border: 0 !important;box-shadow: none !important;overflow: hidden !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-avatar .kk-av{border-radius: inherit !important;font-size: inherit !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-user-mark{overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-user-mark .kk-av{border-radius: inherit !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-editor{display: flex !important;gap: 24px !important;align-items: center !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview{position: relative !important;width: 112px !important;height: 112px !important;flex: none !important;overflow: hidden !important;border: 4px solid var(--kk-raised) !important;border-radius: 50% !important;box-shadow: 0 0 0 1px var(--kk-line) !important;background: #ece9e2 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview > canvas,
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-current{width: 100% !important;height: 100% !important;object-fit: cover !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview > canvas{display: block !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview[data-cropping]{width: 200px !important;height: 200px !important;cursor: grab !important;touch-action: none !important;user-select: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview[data-dragging]{cursor: grabbing !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview:focus-visible{outline: 3px solid var(--kk-blue) !important;outline-offset: 4px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-adjustment{margin-bottom: 20px !important;max-width: 320px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-zoom-line{display: flex !important;align-items: center !important;gap: 12px !important;margin-bottom: 8px !important;color: var(--kk-ink) !important;font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-zoom-line output{color: var(--kk-muted) !important;font-variant-numeric: tabular-nums !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-zoom-line button{margin-left: auto !important;padding: 7px 10px !important;border: 1px solid var(--kk-line) !important;border-radius: 8px !important;background: var(--kk-soft) !important;color: var(--kk-ink) !important;font: inherit !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-avatar-zoom{display: block !important;width: 100% !important;margin: 0 !important;accent-color: var(--kk-blue) !important;min-height: 28px !important;padding: 0 !important;border: 0 !important;background: transparent !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-adjustment :disabled{opacity: .5 !important;cursor: default !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-current{display: grid !important;place-items: center !important;background: var(--kk-soft) !important;color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-current .kk-av{font-size: 34px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-current svg{width: 36px !important;height: 36px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-controls{flex: 1 !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-buttons{display: flex !important;flex-wrap: wrap !important;gap: 8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-buttons button{min-height: 40px !important;padding: 8px 14px !important;margin: 0 !important;border: 1px solid var(--kk-line) !important;border-radius: 10px !important;font-size: 13px !important;color: var(--kk-ink) !important;background: var(--kk-soft) !important;cursor: pointer !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-buttons .kk-avatar-save{color: #fff !important;background: var(--kk-blue) !important;border-color: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-buttons .kk-avatar-reload{color: var(--kk-link) !important;background: transparent !important;border-color: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-buttons button:disabled{opacity: .5 !important;cursor: default !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-hint,
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-status{margin: 12px 0 0 !important;color: var(--kk-muted) !important;font-size: 12px !important;line-height: 1.7 !important;overflow-wrap: anywhere !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-status{color: var(--kk-link) !important;min-height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-editor [hidden]{display: none !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-editor{flex-direction: column !important;align-items: flex-start !important;gap: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-preview{width: 96px !important;height: 96px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-avatar-controls{width: 100% !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #account-connect,
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards [data-app-id="main-account"]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] body > header .kk-personal-entry{display: grid !important;place-items: center !important;flex: none !important;width: 34px !important;height: 34px !important;min-height: 34px !important;padding: 0 !important;overflow: hidden !important;border: 1px solid var(--kk-line) !important;border-radius: 12px !important;background: var(--kk-soft) !important;color: var(--kk-link) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-personal-entry .kk-av{border-radius: inherit !important;font-size: 15px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-personal-entry svg{width: 21px !important;height: 21px !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop]:not([data-kk-compact]) body > header .kk-personal-entry{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop]:not([data-kk-compact]) .kk-chat-find{display: none !important}
}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-drawer] body > header .kk-personal-entry{visibility: hidden !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-rail .kk-ico:not(.kk-logo,
.kk-me){border-radius: 13px !important;color: var(--kk-muted) !important;background: transparent !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-rail .kk-ico:not(.kk-logo,
.kk-me):hover{color: var(--kk-ink) !important;background: var(--kk-hover) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-rail .kk-ico[aria-current="true"]{color: var(--kk-link) !important;background: color-mix(in srgb, var(--kk-blue) 12%, var(--kk-rail)) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-rail .kk-ico[aria-current="true"]::before{background: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-overview{display: flex !important;align-items: center !important;gap: 10px !important;width: 100% !important;min-height: 38px !important;margin: 12px 0 0 !important;padding: 8px 10px !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-muted) !important;font: 500 13px var(--ui-font) !important;text-align: left !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-overview svg{width: 18px !important;height: 18px !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-overview[aria-current="true"]{color: var(--kk-link) !important;background: color-mix(in srgb, var(--kk-blue) 9%, var(--kk-side)) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-overview:hover{background: var(--kk-hover) !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-overview[hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-chat] #library > .kk-scene{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat{min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-heading{display: flex !important;position: static !important;justify-content: space-between !important;align-items: center !important;gap: 24px !important;height: auto !important;padding: 0 0 26px !important;border: 0 !important;background: transparent !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-heading h1{margin: 0 !important;color: var(--kk-ink) !important;font-size: 26px !important;line-height: 1.4 !important;letter-spacing: -.6px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-heading p{margin: 6px 0 0 !important;color: var(--kk-muted) !important;font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-find{display: flex !important;align-items: center !important;gap: 10px !important;width: 240px !important;min-width: 0 !important;padding: 0 12px !important;height: 40px !important;border: 1px solid var(--kk-line) !important;border-radius: 9px !important;background: var(--kk-raised) !important;color: var(--kk-muted) !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-find svg{width: 17px !important;height: 17px !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-chat-find{width: 100% !important;min-width: 0 !important;padding: 0 !important;border: 0 !important;outline: none !important;box-shadow: none !important;height: 36px !important;background: transparent !important;color: var(--kk-ink) !important;font: 13px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-find:focus-within{border-color: var(--kk-blue) !important;outline: 2px solid color-mix(in srgb, var(--kk-blue) 18%, transparent) !important;outline-offset: 2px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-layout{display: grid !important;grid-template-columns: minmax(0, 1fr) !important;align-items: start !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-conversations{min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-section{margin: 0 0 26px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-section h2{margin: 0 0 10px !important;color: var(--kk-muted) !important;font-size: 12px !important;font-weight: 600 !important;letter-spacing: .03em !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-grid{display: flex !important;flex-direction: column !important;gap: 0 !important;margin: 0 !important;border: 1px solid var(--kk-line) !important;border-radius: var(--kk-card-radius, 14px) !important;background: var(--kk-raised) !important;overflow: hidden !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-card{display: flex !important;align-items: center !important;gap: 14px !important;width: 100% !important;min-height: 78px !important;padding: 14px 18px !important;margin: 0 !important;border: 0 !important;border-bottom: 1px solid var(--kk-line) !important;border-radius: 0 !important;background: transparent !important;text-align: left !important;color: var(--kk-ink) !important;box-shadow: none !important;transform: none !important;transition: background .15s !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-card:last-child{border-bottom: 0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-card:hover{background: var(--kk-hover) !important;box-shadow: none !important;transform: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-symbol{display: grid !important;place-items: center !important;width: 40px !important;height: 40px !important;flex: none !important;border-radius: 12px !important;background: var(--kk-soft) !important;color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-symbol svg{width: 22px !important;height: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-copy{flex: 1 !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-copy strong{display: block !important;font-size: calc(14px + var(--kk-type-shift, 0px)) !important;font-weight: 600 !important;line-height: 1.5 !important;overflow-wrap: anywhere !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-copy > span{display: block !important;margin-top: 4px !important;font-size: 12px !important;line-height: 1.5 !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card > svg{width: 16px !important;height: 16px !important;flex: none !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-card .kk-badge{position: static !important;flex: none !important;margin: 0 !important;border: 0 !important;padding: 2px 6px !important;height: auto !important;min-width: 20px !important;line-height: 16px !important;text-align: center !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-empty{padding: 50px 20px !important;margin: 0 !important;text-align: center !important;color: var(--kk-muted) !important;font-size: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-toolbar{display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 12px !important;margin: -6px 0 24px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-filters{display: flex !important;gap: 5px !important;padding: 4px !important;border: 1px solid var(--kk-line) !important;border-radius: 12px !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-filter{display: inline-flex !important;align-items: center !important;gap: 8px !important;min-height: 36px !important;padding: 7px 18px !important;border: 0 !important;border-radius: 8px !important;background: transparent !important;color: var(--kk-muted) !important;font: 600 13px var(--ui-font) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-filter[aria-pressed="true"]{background: var(--kk-raised) !important;color: var(--kk-link) !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-filter small{min-width: 18px !important;padding: 1px 5px !important;border-radius: 7px !important;background: #c72e26 !important;color: #fff !important;font-size: 11px !important;line-height: 16px !important;text-align: center !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-unread-refresh{display: grid !important;place-items: center !important;width: 38px !important;height: 38px !important;padding: 8px !important;border: 1px solid var(--kk-line) !important;border-radius: 10px !important;color: var(--kk-muted) !important;background: transparent !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-unread-refresh svg{width: 19px !important;height: 19px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-unread-refresh:disabled{opacity: .45 !important;cursor: default !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-filter:focus-visible,
html[data-kook][data-kook][data-kook][data-kook] .kk-unread-refresh:focus-visible{outline: 2px solid var(--kk-link) !important;outline-offset: 2px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-badge{background: #c72e26 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-toolbar[hidden],
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-toolbar [hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-side-unread{gap: 6px !important;margin: 12px 0 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-side-unread .kk-chat-filters{flex: 1 !important;min-width: 0 !important;gap: 2px !important;padding: 3px !important;border-radius: 9px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-side-unread .kk-chat-filter{flex: 1 !important;justify-content: center !important;min-width: 0 !important;min-height: 32px !important;padding: 5px 7px !important;gap: 5px !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-side-unread .kk-unread-refresh{flex: none !important;width: 34px !important;height: 34px !important;padding: 7px !important;border-radius: 8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-channel-current{flex: none !important;margin-left: auto !important;color: var(--kk-muted) !important;font-size: 10px !important;font-weight: 500 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat [hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] :is(.kk-chat-card,
.kk-chat-overview,
.kk-personal-entry):focus-visible{outline: 2px solid var(--kk-blue) !important;outline-offset: -3px !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-heading{align-items: stretch !important;flex-direction: column !important;gap: 18px !important;padding-bottom: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-heading h1{font-size: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-chat-find{width: 100% !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-chat-find{font-size: 16px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-chat-card{min-height: 74px !important;gap: 12px !important;padding: 12px !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-heading{flex: 1 !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] h1{margin: 0 0 6px !important;font-size: 26px !important;font-weight: 700 !important;letter-spacing: -.6px !important;line-height: 1.3 !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] #account-state{display: block !important;width: auto !important;margin: 0 !important;padding: 0 !important;background: none !important;font-size: 13px !important;font-weight: 400 !important;line-height: 1.6 !important;color: var(--kk-muted) !important;overflow-wrap: anywhere !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-actions{display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-actions :is(button,
a){display: inline-flex !important;align-items: center !important;justify-content: center !important;min-height: 40px !important;margin: 0 !important;padding: 8px 16px !important;text-decoration: none !important;font-size: 13px !important;white-space: nowrap !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-actions [hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs{display: flex !important;gap: 6px !important;padding: 5px !important;width: fit-content !important;max-width: 100% !important;margin-bottom: 24px !important;background: var(--kk-soft) !important;border: 1px solid var(--kk-line) !important;border-radius: 14px !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button{display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 9px !important;min-height: 40px !important;padding: 9px 24px !important;background: transparent !important;border: 0 !important;border-radius: 10px !important;color: var(--kk-muted) !important;font-size: 13px !important;font-weight: 600 !important;cursor: pointer !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs svg{width: 17px !important;height: 17px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button[aria-selected="true"]{background: var(--kk-raised) !important;color: var(--kk-ink) !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-pane{outline: none !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-pane[hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card{padding: 22px !important;border: 1px solid var(--kk-line) !important;border-radius: 18px !important;margin: 0 0 18px !important;background: var(--kk-raised) !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card h2{margin: 0 0 18px !important;font-size: 15px !important;font-weight: 600 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-options{display: grid !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option{display: flex !important;flex-direction: column !important;align-items: stretch !important;gap: 12px !important;min-width: 0 !important;padding: 9px 9px 13px !important;border: 2px solid transparent !important;border-radius: 14px !important;background: var(--kk-soft) !important;color: var(--kk-muted) !important;box-shadow: none !important;font-size: 13px !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option[aria-pressed="true"]{border-color: var(--kk-blue) !important;color: var(--kk-blue) !important;background: color-mix(in srgb, var(--kk-blue) 5%, var(--kk-raised)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview{display: flex !important;height: 86px !important;border-radius: 8px !important;overflow: hidden !important;background: #fff !important;border: 1px solid #dce0e8 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > i{width: 26% !important;background: #e9ecf2 !important;border-right: 1px solid #dce0e8 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span{flex: 1 !important;display: flex !important;flex-direction: column !important;gap: 7px !important;padding: 16px 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i{height: 7px !important;width: 86% !important;border-radius: 3px !important;background: #e5e8ed !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i:first-child{width: 46% !important;background: #5a99eb !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i:last-child{width: 65% !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview{background: #24252b !important;border-color: #44454d !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > i{background: #15161b !important;border-color: #44454d !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > span i:not(:first-child){background: #454751 !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="system"] .kk-theme-preview{background: linear-gradient(105deg, #fff 50%, #24252b 50%) !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="system"] .kk-theme-preview > span i:not(:first-child){background: #94a0b2 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-row{display: flex !important;align-items: center !important;justify-content: space-between !important;gap: 24px !important;min-height: 62px !important;padding: 15px 0 !important;border-bottom: 1px solid var(--kk-line) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-row:last-child{border-bottom: 0 !important;padding-bottom: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card h2 + .kk-setting-row{padding-top: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy{min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy strong{display: block !important;font-size: 14px !important;font-weight: 500 !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy small{display: block !important;margin-top: 5px !important;color: var(--kk-muted) !important;font-size: 12px !important;line-height: 1.6 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch{position: relative !important;flex: none !important;width: 48px !important;min-width: 48px !important;height: 44px !important;min-height: 44px !important;padding: 0 !important;border: 0 !important;border-radius: 10px !important;background: transparent !important;box-shadow: none !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch::before{content: "" !important;position: absolute !important;inset: 8px 0 !important;border-radius: 99px !important;background: var(--kk-line) !important;transition: background .15s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch::after{content: "" !important;position: absolute !important;top: 11px !important;left: 3px !important;width: 22px !important;height: 22px !important;border-radius: 50% !important;background: #fff !important;box-shadow: 0 1px 4px #0002 !important;transition: transform .15s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch[aria-checked="true"]::before{background: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch[aria-checked="true"]::after{transform: translateX(20px) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch:disabled{opacity: .55 !important;cursor: default !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-volume{display: flex !important;align-items: center !important;gap: 12px !important;width: 230px !important;max-width: 48% !important;flex: none !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-setting-volume{width: 100% !important;min-width: 0 !important;min-height: 44px !important;padding: 0 !important;accent-color: var(--kk-blue) !important;cursor: pointer !important;background: transparent !important;box-shadow: none !important;border: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-volume output{width: 42px !important;flex: none !important;font-size: 12px !important;font-variant-numeric: tabular-nums !important;color: var(--kk-muted) !important;text-align: right !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now{display: flex !important;align-items: center !important;gap: 15px !important;padding: 18px 22px !important;border-radius: 18px !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now > span{display: grid !important;place-items: center !important;width: 44px !important;height: 44px !important;flex: none !important;border-radius: 12px !important;background: var(--kk-raised) !important;color: var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now > div{flex: 1 !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now strong,
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now small{display: block !important;overflow-wrap: anywhere !important;font-size: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now small{margin-top: 4px !important;color: var(--kk-muted) !important;font-size: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-open{display: grid !important;place-items: center !important;width: 44px !important;height: 44px !important;flex: none !important;padding: 0 !important;border: 0 !important;border-radius: 12px !important;background: var(--kk-raised) !important;color: var(--kk-ink) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-foot{display: flex !important;justify-content: space-between !important;gap: 14px !important;margin-top: 24px !important;font-size: 11px !important;line-height: 1.5 !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-foot [role="status"]{color: var(--kk-blue) !important;text-align: right !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-hint{margin: 12px 0 24px !important;color: var(--kk-muted) !important;font-size: 13px !important;line-height: 1.6 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-account-body .linked-accounts{margin: 0 !important;padding: 20px !important;background: var(--kk-raised) !important;border: 1px solid var(--kk-line) !important;border-radius: 18px !important;min-width: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-account-body :is(input,
select){max-width: 100% !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-account-body :is(.linked-account,
.linked-account-form){min-width: 0 !important;overflow-wrap: anywhere !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] :is(button,
a,
input,
[role="tabpanel"]):focus-visible{outline: 2px solid var(--kk-blue) !important;outline-offset: 3px !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] #resume-card:not([hidden]){margin: 0 0 20px !important;padding: 16px !important;background: var(--kk-soft) !important;border-radius: 14px !important}
@media (max-width: 899px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-desktop-preference{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-row:has(+ .kk-desktop-preference){border-bottom: 0 !important} }
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings]{padding: 20px 12px 28px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-header{flex-wrap: wrap !important;gap: 12px !important;padding-bottom: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-avatar{width: 52px !important;height: 52px !important;border-radius: 17px !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] h1{font-size: 22px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-heading{flex-basis: calc(100% - 76px) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-actions{margin-left: 64px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs{display: flex !important;width: 100% !important;margin-bottom: 18px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button{flex: 1 !important;padding: 9px 6px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card{padding: 16px !important;border-radius: 16px !important;margin-bottom: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-options{gap: 7px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option{padding: 5px 5px 10px !important;gap: 10px !important;font-size: 12px !important;border-radius: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview{height: 65px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span{padding: 13px 6px !important;gap: 6px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-row{gap: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy strong{font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy small{font-size: 11px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-volume{gap: 5px !important;max-width: 50% !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-volume output{width: 33px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now{padding: 16px !important;gap: 12px !important}
}
@media (prefers-reduced-motion: reduce) {
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch::before,
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-switch::after{transition: none !important} }
html[data-kook][data-kook][data-kook][data-kook] body:has(#account-panel[data-kk-settings]:not([hidden])) #account-connect{visibility: hidden !important}
html[data-kook][data-kook][data-kook][data-kook]{--kk-type-shift: 0px;--kk-card-pad: 22px;--kk-content-gap: 18px;--kk-row-pad: 15px;--kk-channel-height: 35px;--kk-card-radius: 18px;--kk-control-radius: 10px}
html[data-kook][data-kook][data-kook][data-kook][data-kk-user-text="small"]{--kk-type-shift: -1px}
html[data-kook][data-kook][data-kook][data-kook][data-kk-user-text="large"]{--kk-type-shift: 2px}
html[data-kook][data-kook][data-kook][data-kook][data-kk-user-spacing="compact"]{--kk-card-pad: 16px;--kk-content-gap: 12px;--kk-row-pad: 10px;--kk-channel-height: 32px}
html[data-kook][data-kook][data-kook][data-kook][data-kk-user-spacing="relaxed"]{--kk-card-pad: 28px;--kk-content-gap: 24px;--kk-row-pad: 22px;--kk-channel-height: 44px}
html[data-kook][data-kook][data-kook][data-kook][data-kk-user-corners="square"]{--kk-card-radius: 4px;--kk-control-radius: 4px}
html[data-kook][data-kook][data-kook][data-kook][data-kk-user-corners="round"]{--kk-card-radius: 28px;--kk-control-radius: 18px}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card{padding: var(--kk-card-pad) !important;margin-bottom: var(--kk-content-gap) !important;border-radius: var(--kk-card-radius) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-row{padding-top: var(--kk-row-pad) !important;padding-bottom: var(--kk-row-pad) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-row:last-child{padding-bottom: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card h2 + .kk-setting-row{padding-top: 0 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy small:empty{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy strong{font-size: calc(14px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-copy small,
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-hint,
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] #account-state{font-size: calc(12px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card h2{font-size: calc(15px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button,
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option,
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button{font-size: calc(13px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs,
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-now{border-radius: var(--kk-card-radius) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button,
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option{border-radius: var(--kk-control-radius) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option[aria-pressed="true"],
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-foot [role="status"]{color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-avatar{color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] :is(button,
a,
input,
[role="tabpanel"]):focus-visible{outline-color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-close{display: grid !important;place-items: center !important;flex: none !important;width: 40px !important;height: 40px !important;padding: 0 !important;border: 1px solid var(--kk-line) !important;border-radius: 50% !important;background: transparent !important;color: var(--kk-muted) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-close:hover{background: var(--kk-soft) !important;color: var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-close svg{width: 20px !important;height: 20px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-content{min-width: 0 !important}
@media (min-width: 900px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-personal] .layout{grid-template-columns: minmax(0, 1fr) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-personal] .layout > aside,
html[data-kook][data-kook][data-kook][data-kook][data-kk-personal] #kk-nav-toggle{display: none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-personal] .layout > main{grid-column: 1 !important}
}
@media (min-width: 1100px) {
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings]{display: grid !important;grid-template-columns: 154px minmax(0, 1fr) !important;column-gap: 28px !important;align-items: start !important;max-width: 1060px !important}
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings][hidden]{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-header,
html[data-kook][data-kook][data-kook][data-kook] #account-panel[data-kk-settings] #resume-card{grid-column: 1 / -1 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs{position: sticky !important;top: 24px !important;flex-direction: column !important;width: 100% !important;margin: 0 !important;padding: 0 !important;gap: 5px !important;border: 0 !important;border-radius: 0 !important;background: transparent !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button{width: 100% !important;justify-content: flex-start !important;padding: 12px 16px !important;min-height: 46px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button[aria-selected="true"]{background: var(--kk-soft) !important;color: var(--kk-link) !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-foot{grid-column: 2 !important}
}
@media (max-width: 1099px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs{position: sticky !important;top: 0 !important;z-index: 2 !important;width: 100% !important;background: var(--kk-main) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button{flex: 1 !important}
}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-header{position: relative !important;padding-right: 44px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-close{position: absolute !important;top: 8px !important;right: 0 !important;width: 36px !important;height: 36px !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-channels .kk-channel-row{height: var(--kk-channel-height) !important;min-height: var(--kk-channel-height) !important;font-size: calc(13px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app{border-radius: var(--kk-card-radius) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app h3{font-size: calc(14px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] #cards .app p{font-size: calc(12px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview{display: flex !important;flex-wrap: wrap !important;align-items: center !important;justify-content: space-between !important;gap: 20px !important;margin-bottom: 14px !important;padding: 24px !important;background: var(--kk-soft) !important;border-radius: var(--kk-card-radius) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview > div{display: flex !important;flex-direction: column !important;gap: 8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview strong{font-size: calc(20px + var(--kk-type-shift)) !important;font-weight: 600 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview small{font-size: calc(12px + var(--kk-type-shift)) !important;color: var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-sample{display: inline-block !important;padding: 10px 16px !important;border-radius: var(--kk-control-radius) !important;background: var(--kk-blue) !important;color: #fff !important;font-size: calc(13px + var(--kk-type-shift)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-options{display: flex !important;flex-wrap: wrap !important;align-items: center !important;justify-content: flex-end !important;gap: 6px !important;max-width: 80% !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch{position: relative !important;display: block !important;width: 38px !important;height: 38px !important;min-height: 38px !important;padding: 6px !important;border: 2px solid transparent !important;border-radius: 50% !important;background: transparent !important;box-shadow: none !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch::after{content: "" !important;display: block !important;width: 22px !important;height: 22px !important;background: var(--swatch) !important;border-radius: 50% !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch[aria-pressed="true"]{border-color: var(--kk-link) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-color-picker{position: relative !important;display: flex !important;align-items: center !important;gap: 8px !important;padding: 0 8px !important;min-height: 42px !important;color: var(--kk-muted) !important;font-size: 12px !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-custom-color{width: 32px !important;height: 32px !important;min-height: 32px !important;padding: 2px !important;border: 1px solid var(--kk-line) !important;border-radius: 6px !important;background: var(--kk-raised) !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices{display: flex !important;flex: none !important;padding: 3px !important;gap: 2px !important;border: 1px solid var(--kk-line) !important;border-radius: var(--kk-control-radius) !important;background: var(--kk-soft) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button{min-height: 40px !important;padding: 8px 16px !important;border: 0 !important;border-radius: var(--kk-control-radius) !important;background: transparent !important;color: var(--kk-muted) !important;cursor: pointer !important;box-shadow: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button[aria-pressed="true"]{background: var(--kk-raised) !important;color: var(--kk-link) !important;box-shadow: var(--kk-shadow) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-reset{display: flex !important;gap: 10px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-reset button{min-height: 42px !important;padding: 9px 16px !important;border: 1px solid var(--kk-line) !important;border-radius: var(--kk-control-radius) !important;background: var(--kk-raised) !important;color: var(--kk-ink) !important;font-size: 13px !important;cursor: pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-reset [hidden]{display: none !important}
@media (max-width: 600px) {
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button{gap: 0 !important;padding: 10px 5px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs svg{display: none !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card{padding: min(var(--kk-card-pad), 18px) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview{padding: 18px !important;gap: 14px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-settings-custom .kk-setting-row{flex-wrap: wrap !important;gap: 12px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-options{max-width: 100% !important;justify-content: flex-start !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices{max-width: 100% !important;box-sizing: border-box !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button{padding: 8px 11px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-settings-tabs button{font-size: 13px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option{font-size: 12px !important}
}
html[data-kook][data-kook][data-kook][data-kook] .kk-pin-actions{display:flex !important;gap:6px !important;padding:12px 10px !important;border-top:1px solid var(--kk-line) !important;margin-top:8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pin-actions button{flex:1 !important;min-width:0 !important;min-height:32px !important;padding:5px 4px !important;border:1px solid var(--kk-line) !important;border-radius:8px !important;background:transparent !important;color:var(--kk-muted) !important;font:inherit !important;font-size:11px !important;cursor:pointer !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pin-actions button:hover{background:var(--kk-hover) !important;color:var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-pin-actions button:focus-visible{outline:2px solid var(--kk-blue) !important;outline-offset:2px !important}
html[data-kook][data-kook][data-kook][data-kook] #pin-editor .pin-row .pin-remove svg{transform:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library > .kk-scene{display:flex !important;align-items:center !important;height:auto !important;min-height:56px !important;margin:0 0 20px !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library > .kk-scene::after{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-scene .kk-scene-title{position:static !important;inset:auto !important;transform:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:var(--kk-ink) !important;font:700 26px/1.3 var(--ui-font) !important;letter-spacing:-.025em !important;text-shadow:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-today{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:0 0 20px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-today-card{flex:1 !important;min-width:190px !important;max-width:420px !important;min-height:64px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library .library-controls{margin:0 0 18px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library .library-tabs{gap:4px !important;background:transparent !important;padding:0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library .library-tabs button{min-height:36px !important;border:0 !important;background:transparent !important;color:var(--kk-muted) !important;box-shadow:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library .library-tabs button[aria-pressed="true"]{background:var(--kk-active) !important;color:var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-tile{position:relative !important;display:flex !important;min-width:0 !important;border:1px solid var(--kk-line) !important;border-radius:12px !important;background:var(--kk-raised) !important;overflow:hidden !important;transition:border-color .15s,box-shadow .15s !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-tile:hover,
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-tile:focus-within{border-color:var(--kk-blue) !important;box-shadow:0 2px 12px rgba(0,0,0,.035) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-tile > .app{flex:1 !important;min-width:0 !important;width:100% !important;margin:0 !important;padding-right:38px !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;transform:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-pin{position:absolute !important;top:7px !important;right:7px !important;display:grid !important;place-items:center !important;width:30px !important;height:30px !important;min-height:30px !important;padding:6px !important;border:0 !important;border-radius:7px !important;background:transparent !important;color:var(--kk-muted) !important;cursor:pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-pin svg{width:16px !important;height:16px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-pin[aria-pressed="true"]{color:var(--kk-blue) !important;background:var(--kk-active) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-pin:hover{background:var(--kk-soft) !important;color:var(--kk-blue) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-pin:focus-visible{outline:2px solid var(--kk-blue) !important;outline-offset:-2px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-library-view="list"] #cards .kk-app-tile{border:0 !important;border-bottom:1px solid var(--kk-line) !important;border-radius:0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-library-view="list"] #cards .kk-app-tile:last-child{border-bottom:0 !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-library-view="list"] #cards .kk-app-pin{top:50% !important;transform:translateY(-50%) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #kk-library-status{margin:0 0 12px !important;color:var(--kk-link) !important;font:12px/1.5 var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-feedback{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-height:280px !important;gap:12px !important;padding:32px !important;text-align:center !important;border:1px solid var(--kk-line) !important;border-radius:14px !important;background:var(--kk-raised) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-feedback[hidden]{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-feedback h2{margin:0 !important;color:var(--kk-ink) !important;font-size:17px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-feedback p{margin:0 !important;color:var(--kk-muted) !important;font-size:13px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-feedback button{min-height:38px !important;padding:8px 20px !important;border:0 !important;border-radius:8px !important;background:var(--kk-blue) !important;color:white !important;font:600 13px var(--ui-font) !important;cursor:pointer !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-feedback button[hidden]{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-mark{width:28px !important;height:28px !important;border:3px solid var(--kk-line) !important;border-top-color:var(--kk-blue) !important;border-radius:50% !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-catalog-state="loading"] .kk-catalog-mark{animation:kk-catalog-spin .8s linear infinite !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-catalog-state="error"] .kk-catalog-mark{border:2px solid var(--kk-muted) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-catalog-state="error"] .kk-catalog-mark::before{content:"!" !important;display:block !important;color:var(--kk-muted) !important;font:700 20px/26px var(--ui-font) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop]:is([data-catalog-state="loading"],
[data-catalog-state="error"]) #cards{display:none !important}
@keyframes kk-catalog-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-catalog-mark{animation:none !important} }
@media (max-width:600px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library > .kk-scene{min-height:42px !important;margin-bottom:14px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] .kk-scene .kk-scene-title{font-size:23px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-tile > .app{padding-right:14px !important;padding-top:46px !important;min-height:140px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-library-view="list"] #cards .kk-app-tile > .app{padding:12px 44px 12px 12px !important;min-height:74px !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #cards .kk-app-pin{width:36px !important;height:36px !important;min-height:36px !important}
}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-chat] #library > .kk-scene{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-chat]:is([data-catalog-state="error"],
[data-catalog-state="loading"]) #library > .kk-catalog-feedback{display:flex !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop]:is([data-catalog-state="error"],
[data-catalog-state="loading"]) #library > .kk-chat{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #library .site-library-footer{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop]:is([data-catalog-state="error"],
[data-catalog-state="loading"]) #library > :not(.kk-scene,
.kk-catalog-feedback){display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-library-mode="discover"] #category-title{display:none !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #kk-library-status{position:fixed !important;bottom:20px !important;right:20px !important;z-index:50 !important;max-width:calc(100vw - 40px) !important;margin:0 !important;padding:12px 18px !important;border:1px solid var(--kk-line) !important;border-radius:10px !important;background:var(--kk-raised) !important;color:var(--kk-ink) !important;box-shadow:var(--kk-shadow-lg) !important}
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop] #kk-library-status[hidden]{display:none !important}
@media (max-width:600px) {
html[data-kook][data-kook][data-kook][data-kook][data-kk-desktop][data-kk-library-view="list"] #cards .kk-app-tile > .app{padding-right:56px !important} }

/* ===== 2026-10-07 外观面板精修 v53：迷你窗真预览 / 色板选中勾 / 分段控件 / 卡片层级 ===== */
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card{position:relative !important;box-shadow:0 1px 2px rgba(29,29,31,.03),0 10px 30px rgba(29,29,31,.04) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card h2{display:flex !important;align-items:center !important;gap:9px !important;letter-spacing:.02em !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-setting-card h2::before{content:"" !important;width:3.5px !important;height:15px !important;border-radius:2px !important;background:var(--kk-blue) !important;opacity:.75 !important}
/* 迷你窗预览：更像一个小系统窗口 */
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview{height:92px !important;border-radius:10px !important;box-shadow:inset 0 0 0 1px rgba(29,29,31,.02),0 1px 3px rgba(29,29,31,.06) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > i{position:relative !important;background:#eef1f6 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > i::before{content:"" !important;position:absolute !important;top:8px !important;left:0 !important;right:0 !important;display:flex !important;height:22px !important;
  background:radial-gradient(circle 2px at 10px 11px,#c9cedb 99%,transparent),radial-gradient(circle 2px at 20px 11px,#d7dbe5 99%,transparent),radial-gradient(circle 2px at 30px 11px,#dfe3ea 99%,transparent) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > i::after{content:"" !important;position:absolute !important;left:9px !important;right:9px !important;top:40px !important;height:6px !important;border-radius:3px !important;background:#dde1e9 !important;box-shadow:0 12px 0 #e6e9ef,0 24px 0 #e9ecf1 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span{padding:18px 12px !important;gap:8px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i{border-radius:4px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i:first-child{width:52% !important;height:8px !important;background:linear-gradient(90deg,#5a99eb,#3f7fd9) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i:not(:first-child){background:#e8ebf1 !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-preview > span i:last-child{width:68% !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview{background:#1e1f25 !important;border-color:#3a3b43 !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > i{background:#15161b !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > i::after{background:#33353e !important;box-shadow:0 12px 0 #2b2d35,0 24px 0 #303239 !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > i::before{background:radial-gradient(circle 2px at 10px 11px,#4a4c56 99%,transparent),radial-gradient(circle 2px at 20px 11px,#42444e 99%,transparent),radial-gradient(circle 2px at 30px 11px,#3c3e47 99%,transparent) !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > span i:not(:first-child){background:#3a3c45 !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="dark"] .kk-theme-preview > span i:first-child{background:linear-gradient(90deg,#7db2f5,#5a8fe8) !important}
html[data-kook][data-kook][data-kook][data-kook] [data-theme-choice="system"] .kk-theme-preview{background:linear-gradient(100deg,#fff 0 49.6%,#1e1f25 50.4% 100%) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option{transition:border-color .15s,background .15s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-theme-option:hover{border-color:var(--kk-line) !important}
/* 个性化预览卡：变成一张小窗卡片 */
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview{position:relative !important;overflow:hidden !important;padding:30px 24px 22px !important;background:var(--kk-raised) !important;border:1px solid var(--kk-line) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 3px rgba(29,29,31,.05) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-preview::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:18px !important;background:var(--kk-soft) !important;border-bottom:1px solid var(--kk-line) !important;
  background-image:radial-gradient(circle 2.5px at 16px 9px,#cfd3dd 99%,transparent),radial-gradient(circle 2.5px at 30px 9px,#d9dce4 99%,transparent),radial-gradient(circle 2.5px at 44px 9px,#e2e5eb 99%,transparent) !important;background-repeat:no-repeat !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-sample{padding:9px 18px !important;border-radius:999px !important;color:#fff !important;background:var(--kk-blue) !important;box-shadow:0 4px 12px rgba(0,113,227,.25) !important}
/* 色板：选中打白勾 */
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch{padding:4px !important;border-radius:999px !important;transition:transform .12s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch:hover{transform:scale(1.08) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch::after{width:26px !important;height:26px !important;box-shadow:inset 0 0 0 1px rgba(29,29,31,.08) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch[aria-pressed="true"]{border-color:var(--swatch,var(--kk-link)) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-accent-swatch[aria-pressed="true"]::before{content:"" !important;position:absolute !important;inset:0 !important;display:grid !important;place-items:center !important;width:34px !important;height:34px !important;
  background:radial-gradient(circle 5px at 50% 50%,#fff 98%,transparent) !important;background-repeat:no-repeat !important;background-position:center !important;z-index:1 !important}
/* 分段控件：iOS 味 */
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices{gap:3px !important;border-radius:12px !important;padding:3px !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button{border-radius:9px !important;transition:background .15s,color .15s !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button:hover{background:rgba(29,29,31,.05) !important;color:var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-custom-choices button[aria-pressed="true"]{color:var(--kk-link) !important;box-shadow:0 1px 3px rgba(29,29,31,.08) !important}
/* 自选色输入 */
html[data-kook][data-kook][data-kook][data-kook] .kk-color-picker:hover{color:var(--kk-ink) !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-custom-color{width:30px !important;height:30px !important;border:none !important;border-radius:9px !important;padding:0 !important;cursor:pointer !important;box-shadow:inset 0 0 0 1px rgba(29,29,31,.1) !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-custom-color::-webkit-color-swatch-wrapper{padding:2px !important}
html[data-kook][data-kook][data-kook][data-kook] #kk-custom-color::-webkit-color-swatch{border:none !important;border-radius:7px !important}

/* Homepage art edition 77. Local atmosphere and controls only. */
@layer home-art {
  html[data-qaqcok-surface="home"] .kk-atmosphere {
    position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important;
    background: radial-gradient(ellipse at 11% 17%, #fff4c52b, transparent 29%), linear-gradient(0deg, #13282215, transparent 21%) !important;
  }
  html[data-qaqcok-surface="home"] .kk-water {
    position: absolute !important; left: 44% !important; top: 85.8% !important; width: 17.6% !important; height: 8.5% !important;
    z-index: 1 !important; pointer-events: none !important; overflow: hidden !important; border-radius: 50% !important;
  }
  html[data-qaqcok-surface="home"] .kk-water ellipse {
    fill: none !important; stroke: #f2faff !important; stroke-width: .6 !important; stroke-dasharray: 14 10 24 26 !important;
    transform-origin: 50% 50% !important; animation: kk-water-light 9s ease-out infinite both !important;
  }
  html[data-qaqcok-surface="home"] .kk-water ellipse:nth-child(2) { animation-delay: -3s !important; }
  html[data-qaqcok-surface="home"] .kk-water ellipse:nth-child(3) { animation-delay: -6s !important; }
  html[data-qaqcok-surface="home"] .kk-dusk {
    background: linear-gradient(90deg, rgb(25 41 75 / calc(var(--kk-night, 0) * .13)), rgb(32 37 74 / calc(var(--kk-night, 0) * .08)) 44%, transparent) !important;
  }
  html[data-qaqcok-surface="home"] .kk-cloud { opacity: .28 !important; filter: blur(3px) !important; }
  html[data-qaqcok-surface="home"] .kk-smoke i { border: 0 !important; background: #fffcf2b3 !important; filter: blur(2px) !important; }
  html[data-qaqcok-surface="home"] .kk-waves i { border: 1px solid #ffe8a4 !important; box-shadow: 0 0 10px #ffe8a440 !important; }
  html[data-qaqcok-surface="home"] .kk-twinkle {
    width: 38px !important; height: 38px !important; margin: -19px 0 0 -19px !important;
    background: radial-gradient(ellipse, #fff7cb9c, #ffe9a12a 35%, transparent 70%) !important;
  }
  html[data-qaqcok-surface="home"] .kk-stars i { box-shadow: 0 0 5px #edf4ffc9 !important; }
  html[data-qaqcok-surface="home"] .kk-flies > div { width: 3px !important; height: 3px !important; box-shadow: 0 0 8px 2px #ffea9499 !important; }
  html[data-qaqcok-surface="home"] .kk-balloon img,
  html[data-qaqcok-surface="home"] .kk-sail img { filter: saturate(.8) drop-shadow(0 2px 3px #263b5326) !important; }
  html[data-qaqcok-surface="home"] .kk-scene-sprite { overflow: hidden !important; }
  html[data-qaqcok-surface="home"] .kk-scene-sprite image { pointer-events: none !important; }
  html[data-qaqcok-surface="home"] .kk-sprite-hit { fill: transparent !important; pointer-events: all !important; cursor: pointer !important; }
  html[data-qaqcok-surface="home"][data-kk-immersive] .kk-sprite-hit { pointer-events: none !important; }
  html[data-qaqcok-surface="home"] .kk-balloon { width: 5% !important; }
  html[data-qaqcok-surface="home"] .kk-sail { width: 2.8% !important; }
  html[data-qaqcok-surface="home"] :is(.kk-balloon, .kk-sail) > .kk-scene-sprite { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 1 !important; }
  html[data-qaqcok-surface="home"] .kk-balloon > .kk-scene-sprite { animation: kk-sway 5s ease-in-out infinite both !important; }
  html[data-qaqcok-surface="home"] .kk-sail > .kk-scene-sprite { animation: kk-rock 3.2s ease-in-out infinite both !important; transform-origin: 50% 90% !important; }
  html[data-qaqcok-surface="home"] .kk-spot i {
    width: 7px !important; height: 7px !important; border: 1.5px solid #ffffffe6 !important; background: #314353 !important;
    box-shadow: 0 1px 6px #172e4259 !important; animation: none !important;
  }
  html[data-qaqcok-surface="home"] .kk-spot span {
    border: 1px solid #ffffffa8 !important; border-radius: 12px !important; background: #fffdf8ed !important;
    color: #263644 !important; font-weight: 600 !important; box-shadow: 0 5px 22px #12243c2b !important;
    padding: 9px 13px !important; backdrop-filter: blur(12px) !important;
  }
  html[data-qaqcok-surface="home"] .kk-spot span::after { display: none !important; }
  html[data-qaqcok-surface="home"] :is(.site-brand, .site-header-actions, .kk-home-controls, .kk-home-place-list, .kk-pan) {
    border: 1px solid #ffffff9e !important; background-color: #fffdf4d9 !important;
    box-shadow: 0 6px 28px #15314826, inset 0 1px 0 #ffffffba !important;
    backdrop-filter: blur(16px) saturate(1.12) !important;
  }
  html[data-qaqcok-surface="home"] #site-home .site-mark img { width: 32px !important; height: 32px !important; }
  html[data-qaqcok-surface="home"] .kk-home-controls .kk-mini { border: 1px solid #ffffffba !important; box-shadow: 0 1px 6px #17354d20 !important; }
  html[data-qaqcok-surface="home"] .kk-mini-view { border: 1.5px solid white !important; background: #ffffff1c !important; box-shadow: 0 0 0 999px #162c4336 !important; }
  html[data-qaqcok-surface="home"] .kk-home-place-list a { border-width: 1.5px !important; }
  html[data-qaqcok-surface="home"] .kk-home-place-list a[data-in-view] { border-color: #407a9b !important; }
  html[data-qaqcok-surface="home"] .kk-place-symbol { width: 25px !important; height: 25px !important; background: #fffdf2e8 !important; }
  html[data-qaqcok-surface="home"] .kk-home-place-list .kk-place-symbol img { width: 20px !important; height: 20px !important; }
  html[data-qaqcok-surface="home"] .kk-pan { width: 44px !important; height: 44px !important; margin-top: -22px !important; background-size: 18px !important; }
  html[data-qaqcok-surface="home"] .kk-pan:hover { box-shadow: 0 8px 30px #15314833 !important; }
  html[data-qaqcok-surface="home"][data-kk-still] .kk-water ellipse { animation-play-state: paused !important; }
  html[data-qaqcok-surface="home"][data-kk-still] .kk-scene-sprite { animation-play-state: paused !important; }
  @media (min-width: 700px) {
    html[data-qaqcok-surface="home"] .kk-home-place-list { left: 50% !important; transform: translateX(-50%) !important; width: min(640px, calc(100vw - 40px)) !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-qaqcok-surface="home"] .kk-water ellipse { animation: none !important; opacity: .18 !important; }
    html[data-qaqcok-surface="home"] :is(.kk-balloon, .kk-sail) > .kk-scene-sprite { animation: none !important; }
  }
  @keyframes kk-water-light {
    0% { transform: scale(.48); opacity: 0; }
    28% { opacity: .48; }
    100% { transform: scale(1.03); opacity: 0; }
  }
}

/* v78: soft environmental motion, bounded touch effects and compositor flights. */
@layer home-art {
  html[data-qaqcok-surface="home"] :is(.kk-balloon,.kk-birds,.kk-sail) { left: var(--kk-x0) !important; top: var(--kk-y0) !important; }
  html[data-qaqcok-surface="home"] :is(.kk-balloon,.kk-birds) { animation-name: kk-flight-78 !important; }
  html[data-qaqcok-surface="home"] .kk-sail { animation-name: kk-sail-78 !important; }
  html[data-qaqcok-surface="home"] .kk-meteor::before {
    left: var(--kk-x0) !important; top: var(--kk-y0) !important; height: 2px !important; width: 100px !important;
    background: linear-gradient(90deg, #fffbea, #daeaff8c 18%, transparent) !important;
    transform-origin: left center !important; animation-name: kk-meteor-78 !important;
  }
  html[data-qaqcok-surface="home"] .kk-water-streaks path {
    fill: none !important; stroke: #edfbff !important; stroke-width: .8 !important; stroke-linecap: round !important;
    animation: kk-water-sheen-78 7s ease-in-out infinite both !important;
  }
  html[data-qaqcok-surface="home"] .kk-water-streaks path:nth-child(2) { animation-delay: -2.3s !important; }
  html[data-qaqcok-surface="home"] .kk-water-streaks path:nth-child(3) { animation-delay: -4.6s !important; }
  html[data-qaqcok-surface="home"] .kk-sail::after {
    content: '' !important; position: absolute !important; left: -22% !important; top: 88% !important; width: 90% !important; height: 11% !important;
    border-bottom: 1px solid #f8ffffbd !important; border-top: 1px solid #f8ffff7d !important; border-radius: 50% !important;
    pointer-events: none !important; animation: kk-boat-wake-78 3.2s ease-out infinite both !important;
  }
  html[data-qaqcok-surface="home"] .kk-meadow-motes {
    position: absolute !important; inset: 0 !important; z-index: 3 !important; overflow: hidden !important; pointer-events: none !important;
    opacity: calc(.78 - var(--kk-night, 0) * .26) !important;
  }
  html[data-qaqcok-surface="home"] .kk-meadow-mote {
    position: absolute !important; width: 3px !important; height: 3px !important; border-radius: 50% !important;
    background: #fff9df !important; box-shadow: 0 0 5px #fff8ccaa !important;
    animation: kk-meadow-drift-78 var(--kk-dur) ease-in-out var(--kk-delay) infinite both !important;
  }
  html[data-qaqcok-surface="home"] .kk-meadow-mote:nth-child(3n)::before {
    content: '' !important; position: absolute !important; width: 8px !important; height: 1px !important; left: -2.5px !important; top: -1px !important;
    background: #fffceb9c !important; border-radius: 50% !important; transform: rotate(-25deg) !important;
  }
  html[data-qaqcok-surface="home"] .kk-spot::before {
    border: 1px solid #fff7d300 !important; background: radial-gradient(ellipse, transparent 52%, #fff3c500 78%) !important;
    box-shadow: 0 0 18px #ffedb700 !important; transition: border-color .22s, box-shadow .22s, transform .22s !important;
  }
  html[data-qaqcok-surface="home"] .kk-spot:is(:hover,:focus-visible)::before {
    border-color: #fff7d3d9 !important; box-shadow: 0 0 20px #ffedb75e, inset 0 0 18px #fff4d029 !important; transform: scale(1.05) !important;
  }
  html[data-qaqcok-surface="home"] .kk-home-pin { animation: none !important; }
  html[data-qaqcok-surface="home"] .kk-home-pin::before { background: #6b4d31 !important; box-shadow: 1px 0 0 #e1c89990 !important; }
  html[data-qaqcok-surface="home"] .kk-home-pin span {
    background: linear-gradient(110deg,#477b76,#365a58) !important; border: 1px solid #f8e8bb !important; border-left: 0 !important;
    color: #fff8dc !important; font-weight: 600 !important; box-shadow: 0 2px 5px #23372c40 !important; border-radius: 0 8px 10px 0 !important;
    transform-origin: left top !important; animation: kk-flag-breeze-78 4.6s ease-in-out infinite !important;
  }
  html[data-qaqcok-surface="home"] .kk-scene-touch {
    position: absolute !important; z-index: 3 !important; width: 0 !important; height: 0 !important; pointer-events: none !important;
  }
  html[data-qaqcok-surface="home"] .kk-scene-touch i {
    position: absolute !important; left: -2px !important; top: -2px !important; width: 4px !important; height: 4px !important; border-radius: 50% !important;
    background: #fffbdf !important; box-shadow: 0 0 8px #fff3aa !important; --kk-touch-x: -14px;
    animation: kk-touch-mote-78 1.2s ease-out both !important;
  }
  html[data-qaqcok-surface="home"] .kk-scene-touch i:nth-child(2) { --kk-touch-x: 2px; animation-delay: .06s !important; }
  html[data-qaqcok-surface="home"] .kk-scene-touch i:nth-child(3) { --kk-touch-x: 17px; animation-delay: .12s !important; }
  html[data-qaqcok-surface="home"] .kk-touch-water i {
    width: 32px !important; height: 12px !important; left: -16px !important; top: -6px !important; border: 1px solid #f4ffffba !important;
    background: transparent !important; box-shadow: none !important; animation-name: kk-touch-water-78 !important;
  }
  html[data-qaqcok-surface="home"][data-kk-still] :is(.kk-balloon,.kk-birds,.kk-sail,.kk-meadow-mote,.kk-water-streaks path,.kk-home-pin span,.kk-scene-touch i),
  html[data-qaqcok-surface="home"][data-kk-still] .kk-sail::after,
  html[data-qaqcok-surface="home"][data-kk-still] .kk-meteor::before { animation-play-state: paused !important; }
  @media (prefers-reduced-motion: reduce) {
    html[data-qaqcok-surface="home"] :is(.kk-meadow-motes,.kk-scene-touch) { display: none !important; }
    html[data-qaqcok-surface="home"] :is(.kk-water-streaks path,.kk-home-pin span) { animation: none !important; opacity: .4 !important; }
    html[data-qaqcok-surface="home"] .kk-spot::before { transition: none !important; }
  }
  @keyframes kk-flight-78 { 0% { transform: translate(0,0); opacity: 0; } 6%,92% { opacity: 1; } 100% { transform: translate(var(--kk-dx),var(--kk-dy)); opacity: 0; } }
  @keyframes kk-sail-78 { 0%,100% { transform: translate(0,0) scaleX(1); } 46% { transform: translate(var(--kk-dx),var(--kk-dy)) scaleX(1); } 50% { transform: translate(var(--kk-dx),var(--kk-dy)) scaleX(-1); } 96% { transform: translate(0,0) scaleX(-1); } }
  @keyframes kk-meteor-78 { 0%,82% { transform: translate(0,0) rotate(-34deg); opacity: 0; } 85%,95% { opacity: 1; } 100% { transform: translate(var(--kk-dx),var(--kk-dy)) rotate(-34deg); opacity: 0; } }
  @keyframes kk-water-sheen-78 { 0%,100% { transform: translateX(-3px); opacity: .1; } 45% { opacity: .65; } 70% { transform: translateX(5px); opacity: .2; } }
  @keyframes kk-boat-wake-78 { 0% { transform: scale(.45); opacity: .12; } 35% { opacity: .65; } 100% { transform: translateX(-12px) scale(1.2); opacity: 0; } }
  @keyframes kk-meadow-drift-78 { 0%,100% { opacity: 0; transform: translate(0,12px) rotate(0); } 20% { opacity: .85; } 82% { opacity: .5; } 96% { opacity: 0; transform: translate(38px,var(--kk-lift)) rotate(60deg); } }
  @keyframes kk-flag-breeze-78 { 0%,100% { transform: skewY(-2deg) scaleX(.96); } 50% { transform: skewY(2deg) scaleX(1); } }
  @keyframes kk-touch-mote-78 { 0% { opacity: 0; transform: scale(.4); } 18% { opacity: .9; } 100% { opacity: 0; transform: translate(var(--kk-touch-x),-40px) scale(.35); } }
  @keyframes kk-touch-water-78 { 0% { opacity: .7; transform: scale(.3); } 100% { opacity: 0; transform: scale(2.7); } }
}