/* KAZEMARU — dynamic page atmospheres */
:root{--bg-a:#7c3aed;--bg-b:#22d3ee;--bg-c:#ec4899;--bg-speed:18s}
html,body{min-height:100%;}
body{position:relative;overflow-x:hidden;background:#06050a!important;isolation:isolate}
body > header, body > main, body > footer, body > aside, body > .menu-overlay{position:relative;z-index:2}
body::before{content:"";position:fixed;inset:-25%;z-index:-5;pointer-events:none;background:radial-gradient(circle at 20% 25%,color-mix(in srgb,var(--bg-a) 18%,transparent),transparent 25%),radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--bg-b) 12%,transparent),transparent 24%),radial-gradient(circle at 55% 85%,color-mix(in srgb,var(--bg-c) 10%,transparent),transparent 26%);filter:blur(24px);animation:kzAurora 24s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 90%);animation:kzGrid 30s linear infinite}
.kz-dynamic-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:paint}
.kz-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.16;mix-blend-mode:screen;animation:kzFloat var(--dur) ease-in-out infinite alternate}
.kz-orb.o1{width:360px;height:360px;left:-110px;top:14%;background:radial-gradient(circle at 35% 35%,var(--bg-a),transparent 68%)}
.kz-orb.o2{width:300px;height:300px;right:-80px;top:40%;background:radial-gradient(circle at 50% 50%,var(--bg-b),transparent 68%)}
.kz-orb.o3{width:240px;height:240px;left:42%;bottom:-100px;background:radial-gradient(circle,var(--bg-c),transparent 70%)}
.kz-particle{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y);border-radius:50%;background:var(--particle);box-shadow:0 0 16px var(--particle);opacity:var(--op);animation:kzParticle var(--pd) linear infinite;animation-delay:var(--delay)}
.kz-motif{position:absolute;inset:0;opacity:.24}
.kz-motif span{position:absolute;display:block;color:color-mix(in srgb,var(--bg-b) 75%,white);font-weight:900;line-height:1;user-select:none;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--bg-b) 35%,transparent));animation:kzMotif 12s ease-in-out infinite}
.kz-motif span:nth-child(2n){color:color-mix(in srgb,var(--bg-a) 75%,white);animation-duration:16s}
.kz-motif span:nth-child(3n){color:color-mix(in srgb,var(--bg-c) 75%,white);animation-duration:20s}
/* Home */
body.home-body{--bg-a:#8b5cf6;--bg-b:#38bdf8;--bg-c:#f472b6}
body.home-body .kz-motif span:nth-child(1)::after{content:'✦'}
/* Collection = cinema / film */
body[data-kioshi-page="collection"]{--bg-a:#f97316;--bg-b:#facc15;--bg-c:#ef4444}
body[data-kioshi-page="collection"] .kz-motif span::after{content:'◉';font-size:inherit}
/* Debts = finance / ledger */
body[data-kioshi-page="debts"]{--bg-a:#10b981;--bg-b:#22d3ee;--bg-c:#84cc16}
body[data-kioshi-page="debts"] .kz-motif span::after{content:'₽';font-size:inherit}
/* Schedule = time / orbit */
body[data-kioshi-page="schedule"]{--bg-a:#38bdf8;--bg-b:#818cf8;--bg-c:#a78bfa}
body[data-kioshi-page="schedule"] .kz-motif span::after{content:'◷';font-size:inherit}
/* Statistics = data */
body[data-kioshi-page="statistics"]{--bg-a:#06b6d4;--bg-b:#3b82f6;--bg-c:#8b5cf6}
body[data-kioshi-page="statistics"] .kz-motif span::after{content:'⌁';font-size:inherit}
/* Suggestions = ideas */
body[data-kioshi-page="suggestions"]{--bg-a:#f59e0b;--bg-b:#ec4899;--bg-c:#a855f7}
body[data-kioshi-page="suggestions"] .kz-motif span::after{content:'✦';font-size:inherit}
/* Profile = personal constellation */
body[data-kioshi-page="profile"]{--bg-a:#a855f7;--bg-b:#ec4899;--bg-c:#22d3ee}
body[data-kioshi-page="profile"] .kz-motif span::after{content:'✧';font-size:inherit}
/* Admin = control room */
body[data-kioshi-page^="admin"]{--bg-a:#7c3aed;--bg-b:#06b6d4;--bg-c:#22c55e}
body[data-kioshi-page^="admin"] .kz-motif span::after{content:'01';font-size:inherit;letter-spacing:.12em}
body[data-kioshi-page="admin-settings"]{--bg-a:#6366f1;--bg-b:#22d3ee;--bg-c:#14b8a6}
body[data-kioshi-page="admin-statistics"]{--bg-a:#06b6d4;--bg-b:#3b82f6;--bg-c:#8b5cf6}
body[data-kioshi-page="admin-schedule"]{--bg-a:#38bdf8;--bg-b:#818cf8;--bg-c:#c084fc}
body[data-kioshi-page="admin-suggestions"]{--bg-a:#f59e0b;--bg-b:#ec4899;--bg-c:#a855f7}
body[data-kioshi-page="admin-debts"]{--bg-a:#10b981;--bg-b:#22d3ee;--bg-c:#84cc16}
body[data-kioshi-page="admin-collection"],body[data-kioshi-page="admin-collection-add"],body[data-kioshi-page="admin-collection-list"]{--bg-a:#f97316;--bg-b:#facc15;--bg-c:#ef4444}
@keyframes kzAurora{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}100%{transform:translate3d(-1%,2%,0) scale(1.02)}}
@keyframes kzGrid{from{transform:translate3d(0,0,0)}to{transform:translate3d(72px,72px,0)}}
@keyframes kzFloat{from{transform:translate3d(0,0,0) scale(.94)}to{transform:translate3d(8vw,-6vh,0) scale(1.08)}}
@keyframes kzParticle{0%{transform:translate3d(0,18px,0) scale(.7);opacity:0}12%{opacity:var(--op)}50%{transform:translate3d(var(--dx),-12vh,0) scale(1)}88%{opacity:var(--op)}100%{transform:translate3d(calc(var(--dx) * -1),-25vh,0) scale(.55);opacity:0}}
@keyframes kzMotif{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(22px,-28px,0) rotate(5deg)}}
@media (prefers-reduced-motion:reduce){body::before,body::after,.kz-orb,.kz-particle,.kz-motif span{animation:none!important}.kz-particle{opacity:.08!important}}
@media (max-width:700px){body::before{filter:blur(34px)}body::after{background-size:54px 54px;opacity:.18}.kz-orb.o1{width:240px;height:240px}.kz-orb.o2{width:200px;height:200px}.kz-orb.o3{width:180px;height:180px}.kz-motif{opacity:.14}.kz-motif span{font-size:34px!important}}

/* STATISTICS — live analytics / cinema control-room atmosphere */
body[data-kioshi-page="statistics"]{--bg-a:#8b5cf6;--bg-b:#c026d3;--bg-c:#f43f8f;background-color:#07050d;background-image:radial-gradient(circle at 78% 18%,rgba(192,38,211,.16),transparent 30%),radial-gradient(circle at 18% 82%,rgba(139,92,246,.13),transparent 34%),radial-gradient(circle at 58% 48%,rgba(244,63,143,.07),transparent 28%),linear-gradient(135deg,#07050d 0%,#0b0714 48%,#08050d 100%)}
body[data-kioshi-page="statistics"] .kz-dynamic-bg::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 120deg at 70% 42%,transparent 0 12%,rgba(124,58,237,.14) 16%,transparent 22% 38%,rgba(6,182,212,.13) 43%,transparent 49% 72%,rgba(244,63,94,.08) 76%,transparent 83%);filter:blur(18px);animation:kzStatsAurora 18s linear infinite}
body[data-kioshi-page="statistics"] .kz-dynamic-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.7%,rgba(255,255,255,.035) 50%,transparent 50.3%),linear-gradient(0deg,transparent 0 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%);background-size:180px 180px;mask-image:radial-gradient(circle at 68% 45%,black,transparent 76%);animation:kzStatsGrid 12s linear infinite}
.kz-stats-visual{position:absolute;inset:0;overflow:hidden;opacity:1}
.kz-stats-bars{position:absolute;left:2%;right:2%;bottom:-2%;height:52%;display:flex;align-items:flex-end;gap:clamp(6px,1.2vw,18px);opacity:.32;transform:perspective(700px) rotateX(26deg);transform-origin:bottom center}
.kz-stats-bar{flex:1;max-width:54px;height:var(--h);border:1px solid rgba(6,182,212,.42);border-bottom:0;border-radius:9px 9px 0 0;background:linear-gradient(180deg,rgba(124,58,237,.42),rgba(6,182,212,.04));box-shadow:0 -18px 40px rgba(6,182,212,.12);animation:kzBarPulse var(--bd) ease-in-out infinite alternate}
.kz-stats-ring{position:absolute;border:1px solid rgba(124,58,237,.25);border-radius:50%;animation:kzRing 22s linear infinite}.kz-stats-ring.r1{width:620px;height:620px;right:-260px;top:-30px}.kz-stats-ring.r2{width:360px;height:360px;right:-100px;top:28%;border-color:rgba(6,182,212,.25);animation-duration:13s;animation-direction:reverse}.kz-stats-ring.r3{width:700px;height:700px;left:-470px;bottom:-430px;border-color:rgba(244,63,94,.16);animation-duration:30s}.kz-stats-ring::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(255,255,255,.09);border-radius:50%}
.kz-data-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--dot);box-shadow:0 0 20px var(--dot);animation:kzDataFloat var(--dd) ease-in-out infinite alternate}
.kz-stats-scan{position:absolute;left:0;right:0;top:-10%;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.65),rgba(124,58,237,.65),transparent);box-shadow:0 0 28px rgba(6,182,212,.35);animation:kzScan 7s linear infinite}
@keyframes kzStatsAurora{from{transform:rotate(0deg) scale(1)}to{transform:rotate(360deg) scale(1.12)}}
@keyframes kzStatsGrid{from{background-position:0 0}to{background-position:180px 180px}}
@keyframes kzBarPulse{from{transform:scaleY(.7);opacity:.35}to{transform:scaleY(1.15);opacity:1}}
@keyframes kzRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes kzDataFloat{from{transform:translate3d(0,14px,0);opacity:.2}to{transform:translate3d(34px,-36px,0);opacity:.95}}
@keyframes kzScan{from{transform:translateY(0)}to{transform:translateY(120vh)}}
@media (prefers-reduced-motion:reduce){body::before,body::after,.kz-orb,.kz-particle,.kz-motif span,body[data-kioshi-page="statistics"] .kz-dynamic-bg::before,body[data-kioshi-page="statistics"] .kz-dynamic-bg::after,.kz-stats-bar,.kz-stats-ring,.kz-data-dot,.kz-stats-scan{animation:none!important}}
@media (max-width:700px){.kz-stats-bars{height:34%;gap:5px;opacity:.2}.kz-stats-ring.r1{width:340px;height:340px;right:-160px}.kz-stats-ring.r2{width:220px;height:220px;right:-90px}.kz-stats-ring.r3{width:430px;height:430px;left:-300px;bottom:-290px}.kz-stats-scan{opacity:.5}}