/* qaqcok.top 换肤：KOOK 桌面端配色 + 二次元点缀。由 build.js 生成，改 src/kook-skin.css */

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: #6e6e73;--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;height: 100vh !important;height: 100svh !important;min-height: 520px !important;overflow: hidden !important;background: #7fd0f0 !important;--kk-px: 0px;--kk-py: 0px}
html[data-kook][data-kook][data-kook][data-kook] .kk-stage{position: absolute !important;left: 50% !important;bottom: 0 !important;width: max(100%, calc(100svh * var(--kk-ratio))) !important;height: auto !important;transform: translate(calc(-50% + var(--kk-px)), var(--kk-py)) scale(1.02) !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;object-fit: cover !important;user-select: none !important;-webkit-user-drag: none !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) * .5)) 0%, rgba(20,28,80,calc(var(--kk-night, 0) * .4)) 48%, rgba(20,28,80,calc(var(--kk-night, 0) * .12)) 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-twinkle 3.2s ease-in-out infinite !important}
html[data-kook][data-kook][data-kook][data-kook] .kk-stars i.day{opacity: 0 !important;animation-name: kk-twinkle-day !important}
@keyframes kk-twinkle { 0%, 100% { opacity: .25; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes kk-twinkle-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: 3 !important;width: 9% !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}
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: 18% !important;top: 18% !important;width: 12px !important;height: 12px !important;border-radius: 50% !important;background: #fff !important;border: 3px solid #1d1d1f !important;animation: kk-pulse 2.4s ease-out infinite !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}
html[data-kook][data-kook][data-kook][data-kook] .kk-spot{width: 16% !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}
}
