/* Kairos shared theme tokens — Kairos Desk, Kairos Time, Kairos Play (PC + phone).
   «Про»     = default / html.kt-pro  — red/black glass (premium), unchanged.
   «Простая» = html.kt-simple         — original dark minimalist Kairos Desk style:
     black window, #e6e6e6/#f2f2f2 text, #8a8a8a labels, #1e1e1e/#222 borders, #0d0d0d/#141414 panels,
     18px rounded window, no glow/glass/textures, Inter/Segoe UI + JetBrains Mono/Consolas numbers,
     small-caps labels (letter-spacing 2–4px), thin 200-weight big numbers,
     accents only #2fd06b (ok), #ff4d4d (alert), #f5c542 (warn).
   v1.1 (16.10.2026, polish): unified spacing scale 4/8/12/16/20/24, radii 8/12/18, soft seams (#161616),
   Kairos Play restyled to the exact Desk/Time look in both themes.
   Canonical copy: C:\AI-apps\kairos-theme\kairos-theme.css (sync-theme.ps1 copies it into each app). */
:root{
  --kt-accent:#ff2e4d; --kt-ok:#2fd06b; --kt-warn:#f5c542; --kt-bad:#ff4d4d;
  --kt-bg:#000; --kt-panel:#0d0d0d; --kt-panel-2:#141414; --kt-line:#1e1e1e; --kt-line-2:#222;
  --kt-text:#e6e6e6; --kt-text-hi:#f2f2f2; --kt-dim:#8a8a8a;
  --kt-font:Inter,"Segoe UI",Roboto,sans-serif; --kt-mono:"JetBrains Mono",Consolas,monospace;
  --kt-r-sm:8px; --kt-r-md:12px; --kt-r-win:18px; --kt-seam:#161616; --kt-btn:#141414; --kt-btn-line:#2a2a2a; --kt-hover:#262626;
  --kt-s1:4px; --kt-s2:8px; --kt-s3:12px; --kt-s4:16px; --kt-s5:20px; --kt-s6:24px;
  --kt-glass:linear-gradient(155deg,rgba(40,40,40,.62),rgba(12,12,12,.62) 55%,rgba(40,6,14,.55)); color-scheme:dark;
}
html.kt-simple{--kt-accent:#2fd06b}

/* ---------- common: no glow / glass / textures ---------- */
html.kt-simple,html.kt-simple body{background:#000!important;background-image:none!important;color:#e6e6e6}
html.kt-simple *{text-shadow:none!important}
html.kt-simple #bg,html.kt-simple #vig,html.kt-simple #grainS{display:none!important}
html.kt-simple body::before,html.kt-simple body::after{display:none!important}

/* ---------- Kairos Time mobile site (premium-only markup) ---------- */
html.kt-simple[data-kt-app=time] .glass{background:#0d0d0d;border:1px solid #1e1e1e;box-shadow:none;border-radius:12px}
html.kt-simple[data-kt-app=time] .t{font-weight:200;letter-spacing:-3px;font-family:var(--kt-font)}
html.kt-simple[data-kt-app=time] .t .cl{color:#f2f2f2;animation:none}
html.kt-simple[data-kt-app=time] .dot{background:#2fd06b;box-shadow:none;animation:none;width:6px;height:6px}
html.kt-simple[data-kt-app=time] .nx{color:#8a8a8a}
html.kt-simple[data-kt-app=time] .btn{background:#141414;border:1px solid #222;box-shadow:none}
html.kt-simple[data-kt-app=time] .btn.red{background:#141414;border-color:#2fd06b55;color:#2fd06b}
html.kt-simple[data-kt-app=time] .stop{background:#ff4d4d;border-color:#ff4d4d}
html.kt-simple[data-kt-app=time] .sw{background:#262626}
html.kt-simple[data-kt-app=time] .sw.on{background:#2fd06b55}html.kt-simple[data-kt-app=time] .sw.on:after{background:#2fd06b;box-shadow:none}
html.kt-simple[data-kt-app=time] .alab{color:#ff4d4d}
html.kt-simple[data-kt-app=time] .chk input{accent-color:#2fd06b}
html.kt-simple[data-kt-app=time] #root{border:1px solid #222;border-radius:18px;min-height:calc(100% - 2px)}
@keyframes ktrp{0%,100%{background:#000}50%{background:#1a0606}}
html.kt-simple[data-kt-app=time] #ring{animation:ktrp 1s infinite}

/* ---------- Desk / Time «Простая»: no glow anywhere (rule: glow only on the status dot) ---------- */
html.kt-simple .gb{box-shadow:none!important;background:#141414!important;border-color:#2a2a2a!important}
html.kt-simple .gb:hover{background:#262626!important}
html.kt-simple .card{box-shadow:none!important}
html.kt-simple .r.over{border-top-color:#2fd06b!important}

/* ---------- Kairos Play — same components as Desk / Time (PC ui.html, APK home.html + mini.html) ---------- */
html[data-kt-app=play] body{--red:#ff2e4d;--line:#222;--txt:#e6e6e6;--dim:#8a8a8a;--card:#0d0d0d;--bg:#000;
  --sans:Inter,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",Consolas,monospace;font-family:var(--sans);color:#e6e6e6;-webkit-font-smoothing:antialiased}
html[data-kt-app=play] body:not(.plain){--sans:"InterP",Inter,"Segoe UI",Roboto,sans-serif;--mono:"JBMP","JetBrains Mono",Consolas,monospace}
html[data-kt-app=play] body.plain{--red:#2fd06b;background:#000!important}
html[data-kt-app=play],html[data-kt-app=play] body.plain main,html[data-kt-app=play] body.plain #home,html[data-kt-app=play] body.plain footer,html[data-kt-app=play] body.plain header{background:#000!important}
html[data-kt-app=play] body:not(.plain){background:radial-gradient(circle at 20% 25%,rgba(255,46,77,.22),transparent 55%),radial-gradient(circle at 80% 80%,rgba(140,0,30,.35),transparent 60%),#000!important;background-attachment:fixed!important}
html[data-kt-app=play] body:not(.plain) main,html[data-kt-app=play] body:not(.plain) #home{background:transparent!important}
html[data-kt-app=play] *{text-shadow:none}
/* top bar — like Desk .bar: no hard seam, small caps brand */
html[data-kt-app=play] body header{border-bottom:1px solid var(--kt-seam)!important;gap:var(--kt-s3);padding:0 var(--kt-s4)}
html[data-kt-app=play] body:not(.plain) header{background:linear-gradient(#000 70%,rgba(0,0,0,.6))!important;border-bottom-color:rgba(255,46,77,.14)!important}
html[data-kt-app=play] body .brand{font:500 11px var(--mono)!important;letter-spacing:4px!important;color:#8a8a8a}
html[data-kt-app=play] body .brand b{color:#f2f2f2;font-weight:500}
html[data-kt-app=play] body:not(.plain) .brand b{color:#ff2e4d}
html[data-kt-app=play] body header .logo,html[data-kt-app=play] body header img{width:28px;height:28px}
/* buttons: segments 8px, round icons 50% — exactly Desk .seg span / .bar .ctl span */
html[data-kt-app=play] body .tab,html[data-kt-app=play] body .modebtn,html[data-kt-app=play] body .go,html[data-kt-app=play] body form button,html[data-kt-app=play] body .browser,html[data-kt-app=play] body .row button,html[data-kt-app=play] body #setSave,html[data-kt-app=play] body #setClose,html[data-kt-app=play] body .banner button,html[data-kt-app=play] body #b button{
  background:#141414!important;border:1px solid #2a2a2a!important;color:#aaa!important;border-radius:8px!important;
  font:500 11px var(--mono)!important;letter-spacing:1.5px!important;text-transform:uppercase;box-shadow:none!important;transition:background .15s,border-color .15s}
html[data-kt-app=play] body .tab:hover,html[data-kt-app=play] body .modebtn:hover,html[data-kt-app=play] body .go:hover,html[data-kt-app=play] body form button:hover,html[data-kt-app=play] body .browser:hover{background:#262626!important;color:#fff!important}
html[data-kt-app=play] body .tab.on,html[data-kt-app=play] body .modebtn.on{color:#f2f2f2!important;border-color:#2fd06b!important}
html[data-kt-app=play] body:not(.plain) .tab.on,html[data-kt-app=play] body:not(.plain) .modebtn.on{border-color:rgba(255,46,77,.6)!important;box-shadow:0 0 10px rgba(255,46,77,.35)!important}
html[data-kt-app=play] body:not(.plain) .tab,html[data-kt-app=play] body:not(.plain) .modebtn,html[data-kt-app=play] body:not(.plain) .go,html[data-kt-app=play] body:not(.plain) form button,html[data-kt-app=play] body:not(.plain) .browser{background:var(--kt-glass)!important;border-color:#262626!important}
html[data-kt-app=play] body:not(.plain) .tab:hover,html[data-kt-app=play] body:not(.plain) .modebtn:hover,html[data-kt-app=play] body:not(.plain) .go:hover,html[data-kt-app=play] body:not(.plain) form button:hover,html[data-kt-app=play] body:not(.plain) .browser:hover{border-color:rgba(255,46,77,.38)!important;box-shadow:0 0 14px -2px rgba(255,46,77,.35)!important}
html[data-kt-app=play] body .icon,html[data-kt-app=play] body .ic,html[data-kt-app=play] body .mini button,html[data-kt-app=play] body .c{width:34px!important;height:34px!important;min-width:34px;padding:0;border-radius:50%!important;background:#141414!important;border:1px solid #2a2a2a!important;color:#aaa!important;box-shadow:none!important;font-size:14px!important;display:inline-flex;align-items:center;justify-content:center}
html[data-kt-app=play] body .icon:hover,html[data-kt-app=play] body .mini button:hover,html[data-kt-app=play] body .c:hover{background:#262626!important;color:#fff!important}
html[data-kt-app=play] body:not(.plain) .icon,html[data-kt-app=play] body:not(.plain) .ic,html[data-kt-app=play] body:not(.plain) .mini button,html[data-kt-app=play] body:not(.plain) .c{background:rgba(20,20,20,.7)!important}
html[data-kt-app=play] body:not(.plain) .icon:hover,html[data-kt-app=play] body:not(.plain) .mini button:hover,html[data-kt-app=play] body:not(.plain) .c:hover{border-color:rgba(255,46,77,.5)!important;box-shadow:0 0 8px rgba(255,46,77,.4)!important}
/* play button: simple = green outline, pro = red circle */
html[data-kt-app=play] body .mini .play,html[data-kt-app=play] body .p{width:42px!important;height:42px!important}
html[data-kt-app=play] body.plain .mini .play,html[data-kt-app=play] body.plain .p{background:#141414!important;color:#2fd06b!important;border:1px solid #2fd06b55!important}
html[data-kt-app=play] body:not(.plain) .mini .play,html[data-kt-app=play] body:not(.plain) .p{background:linear-gradient(160deg,#ff4d66,#c4001f)!important;color:#fff!important;border:0!important;box-shadow:0 0 18px rgba(255,46,77,.5)!important}
/* hero */
html[data-kt-app=play] body #home{gap:var(--kt-s5)!important;padding:var(--kt-s6) var(--kt-s6) var(--kt-s5)!important}
html[data-kt-app=play] body .hero{gap:var(--kt-s2)}
html[data-kt-app=play] body .hero img{width:64px!important;height:78px!important}
html[data-kt-app=play] body .hero h1{font:200 26px var(--sans)!important;letter-spacing:8px!important;color:#f2f2f2}
html[data-kt-app=play] body:not(.plain) .hero h1{font-weight:600!important;text-shadow:0 0 18px rgba(255,46,77,.35)}
html[data-kt-app=play] body .hero h1 b{color:inherit;font-weight:inherit}
html[data-kt-app=play] body:not(.plain) .hero h1 b{color:#ff2e4d}
html[data-kt-app=play] body .hero p,html[data-kt-app=play] body #sub{font:500 10px var(--mono)!important;letter-spacing:4px!important;text-transform:uppercase;color:#8a8a8a}
/* search — Desk .search */
html[data-kt-app=play] body form{gap:var(--kt-s2)!important}
html[data-kt-app=play] body form input{height:40px!important;background:#0d0d0d!important;border:1px solid #222!important;border-radius:12px!important;color:#eee!important;font:13px var(--sans)!important;padding:0 12px!important;box-shadow:none!important}
html[data-kt-app=play] body form input:focus{border-color:#444!important}
html[data-kt-app=play] body:not(.plain) form input{background:var(--kt-glass)!important;border-color:#262626!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html[data-kt-app=play] body:not(.plain) form input:focus{border-color:rgba(255,46,77,.5)!important}
html[data-kt-app=play] body .go,html[data-kt-app=play] body form button{height:40px;padding:0 var(--kt-s4)!important;border-radius:12px!important}
/* service cards — Desk rows / tiles */
html[data-kt-app=play] body .grid{gap:var(--kt-s3)!important}
html[data-kt-app=play] body .card{background:#0d0d0d!important;border:1px solid #1e1e1e!important;border-radius:12px!important;padding:var(--kt-s4)!important;gap:var(--kt-s1)!important;min-height:76px!important;box-shadow:none!important;transition:border-color .15s,background .15s}
html[data-kt-app=play] body .card:hover,html[data-kt-app=play] body .card.on{border-color:color-mix(in srgb,var(--c,#2fd06b) 55%,#1e1e1e)!important;background:#111!important}
html[data-kt-app=play] body:not(.plain) .card{background:var(--kt-glass)!important;border-color:#262626!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html[data-kt-app=play] body:not(.plain) .card:hover,html[data-kt-app=play] body:not(.plain) .card.on{border-color:rgba(255,46,77,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px -2px rgba(255,46,77,.35)!important}
html[data-kt-app=play] body .mark{font:600 10px var(--mono)!important;letter-spacing:2px}
html[data-kt-app=play] body .name{font:600 15px var(--sans)!important;color:#f2f2f2}
html[data-kt-app=play] body .note{font:10px var(--mono)!important;letter-spacing:1.5px;color:#8a8a8a!important}
/* bottom player — no hard seam, same black */
html[data-kt-app=play] body footer,html[data-kt-app=play] body div#f{border-top:1px solid var(--kt-seam)!important;gap:var(--kt-s3)!important;padding:0 var(--kt-s4)!important}
html[data-kt-app=play] body.plain div#f,html[data-kt-app=play] body.plain html,html[data-kt-app=play] body.plain{background:#000}
html[data-kt-app=play] body:not(.plain) footer,html[data-kt-app=play] body:not(.plain) div#f{background:rgba(0,0,0,.55)!important;border-top-color:rgba(255,46,77,.14)!important;backdrop-filter:blur(8px)}
html[data-kt-app=play] body .mini{gap:var(--kt-s2)!important;align-items:center}
html[data-kt-app=play] body .meta .t,html[data-kt-app=play] body .m .t,html[data-kt-app=play] body #t{font:600 14px var(--sans)!important;color:#f2f2f2}
html[data-kt-app=play] body .meta .s,html[data-kt-app=play] body .m .s,html[data-kt-app=play] body #s{font:10px var(--mono)!important;letter-spacing:1.5px;color:#8a8a8a!important}
html[data-kt-app=play] body .vol{font:10px var(--mono)!important;letter-spacing:2px;text-transform:uppercase;color:#8a8a8a!important;gap:var(--kt-s2)!important}
html[data-kt-app=play] body .vol input{accent-color:#2fd06b;height:2px}
html[data-kt-app=play] body:not(.plain) .vol input{accent-color:#ff2e4d}
html[data-kt-app=play] body .browser{height:34px!important}
/* «не играет здесь» banner */
html[data-kt-app=play] body .banner,html[data-kt-app=play] body #b{background:#0d0d0d!important;border-top:1px solid #ff4d4d66!important;color:#e6e6e6!important;gap:var(--kt-s3)!important;padding:var(--kt-s2) var(--kt-s4)!important}
html[data-kt-app=play] body .banner button,html[data-kt-app=play] body #b button{background:#ff4d4d!important;border-color:#ff4d4d!important;color:#fff!important}
html[data-kt-app=play] body:not(.plain) .banner,html[data-kt-app=play] body:not(.plain) #b{background:rgba(26,5,9,.9)!important}
html[data-kt-app=play] body:not(.plain) .banner button,html[data-kt-app=play] body:not(.plain) #b button{background:linear-gradient(160deg,#ff4d66,#c4001f)!important;border:0!important}
/* settings — Desk .setp panel */
html[data-kt-app=play] body #settings,html[data-kt-app=play] body #set{background:rgba(0,0,0,.78)!important}
html[data-kt-app=play] body .panel,html[data-kt-app=play] body #set>div{background:#0d0d0d!important;border:1px solid #222!important;border-radius:18px!important;padding:var(--kt-s5)!important;gap:var(--kt-s3)!important;box-shadow:none!important}
html[data-kt-app=play] body:not(.plain) .panel,html[data-kt-app=play] body:not(.plain) #set>div{background:linear-gradient(155deg,rgba(30,30,30,.97),rgba(14,4,8,.97))!important;border-color:rgba(255,46,77,.28)!important;box-shadow:0 20px 50px #000,0 0 18px rgba(255,46,77,.18)!important}
html[data-kt-app=play] body .panel h2,html[data-kt-app=play] body #set b{font:500 10px var(--mono)!important;letter-spacing:4px!important;text-transform:uppercase;color:#8a8a8a}
html[data-kt-app=play] body section h3{font:500 10px var(--mono)!important;letter-spacing:3px!important;color:#8a8a8a}
html[data-kt-app=play] body .hint{color:#8a8a8a!important;font-size:12px}
html[data-kt-app=play] body .hotkeys-line input{background:#0d0d0d!important;border:1px solid #222!important;border-radius:8px!important}
html[data-kt-app=play] body input[type=radio],html[data-kt-app=play] body input[type=checkbox]{accent-color:#2fd06b}
html[data-kt-app=play] body:not(.plain) input[type=radio],html[data-kt-app=play] body:not(.plain) input[type=checkbox]{accent-color:#ff2e4d}
/* APK home spacing on phone */
html[data-kt-app=play] body > nav{padding:var(--kt-s3) var(--kt-s4) 0!important;gap:var(--kt-s2)!important}
html[data-kt-app=play] body > nav .tab{height:38px!important}
html[data-kt-app=play] body > form{padding:var(--kt-s3) var(--kt-s4)!important}
html[data-kt-app=play] body > .grid{padding:var(--kt-s1) var(--kt-s4) var(--kt-s5)!important}
html[data-kt-app=play] body > header{padding:var(--kt-s3) var(--kt-s4)!important}
html[data-kt-app=play] body .hero img,html[data-kt-app=play] body header img{mix-blend-mode:screen;background:transparent!important}
html[data-kt-app=play] body .mini button,html[data-kt-app=play] body .c,html[data-kt-app=play] body .icon,html[data-kt-app=play] body .ic{font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans",sans-serif!important;font-variant-emoji:text}
html[data-kt-app=play]{background:#000}
html[data-kt-app=play] body{min-height:100vh}
html[data-kt-app=play] body:not(.plain) > header{background:transparent!important}
html[data-kt-app=play] body > form input{height:42px!important;font-size:16px!important}
html[data-kt-app=play] body > form button{height:42px!important}
/* window controls: monochrome symbols, never colour emoji (Desk, Time, APK) */
.bar .ctl span{font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans",sans-serif;font-variant-emoji:text;filter:grayscale(1) brightness(.9)}
html[data-kt-app=play] body .mini button:not(.play),html[data-kt-app=play] body .c:not(.p),html[data-kt-app=play] body .icon,html[data-kt-app=play] body .ic{filter:grayscale(1) brightness(.9)}
html[data-kt-app=play] body:not(.plain){background-attachment:scroll!important}
/* Time mobile site: ring buttons stay on one line */
#rSn,#rSt{white-space:nowrap}