/* KimiPost Центральный: единый стеклянный стиль управляющего модуля. */
:root { --blue:#7188ff; --blue-dark:#5263dd; --navy:#101e50; --bg:#eaf0ff; --line:#dbe5ff; --muted:#64749c; --success:#1f9f76; --shadow:0 18px 42px rgba(11,28,85,.15); }
body { background:radial-gradient(circle at 9% 12%,#7192ff 0,transparent 28%),radial-gradient(circle at 88% 84%,#62d2bc 0,transparent 26%),linear-gradient(135deg,#e8efff,#f6f8ff); }.season-scene { background:linear-gradient(135deg,#dfe8ff80,#f7fbff99 52%,#d8fff388); }.season-scene::before { width:440px; height:440px; border:1px solid #6c84df55; background:transparent; filter:none; opacity:1; animation:central-orbit 18s ease-in-out infinite alternate; }.season-scene::after { width:330px; height:330px; border:1px solid #6c84df44; background:transparent; filter:none; opacity:1; animation:central-orbit 23s ease-in-out -8s infinite alternate-reverse; }.season-scene i { width:4px; height:4px; border-radius:50%; background:#6b84ef; box-shadow:0 0 8px #6b84efa8; animation:central-sparkle calc(6s + var(--i)*.2s) ease-in-out infinite; }
.login { background:radial-gradient(circle at 16% 14%,#6383ff 0,transparent 29%),radial-gradient(circle at 86% 82%,#56cbb5 0,transparent 25%),linear-gradient(135deg,#0f1d4d,#13245c); }.login-card { border:1px solid #ffffff70; background:linear-gradient(145deg,#ffffffed,#e8eeffeb); box-shadow:0 28px 80px #06164170; }.brand { color:#152557; }.logo,.shop-logo { background:linear-gradient(145deg,#8fa2ff,#5d69e9); box-shadow:0 9px 21px #485bca66; }
.side { background:linear-gradient(180deg,#12235a,#0c1944); box-shadow:7px 0 28px #07153628; }.nav.active { background:linear-gradient(90deg,#7189ff,#596be4); }.nav:hover { background:#ffffff12; }.nav.out { color:#ffd3dd; }.content { max-width:1360px; }.panel,.card,.last-activity,.quick-actions button { border-color:#ffffffb8; background:linear-gradient(145deg,#ffffffdb,#edf3ffca); box-shadow:var(--shadow); }.profile { background:#e4eaff; color:#52659d; }.action { background:linear-gradient(135deg,#748bff,#5567dc); box-shadow:0 8px 17px #5367d255; }.action.secondary { background:#e7edff; color:#5364c5; }.action:hover { box-shadow:0 11px 22px #5265d166; }.result { background:#f7f9ffcf; border-color:#d5e1ff; }.app-footer { border-color:#ffffffb4; background:#f7f9ffbb; }.card::after { background:#dce5ff; }.card:nth-child(2)::after { background:#d8f8e9; }.card:nth-child(3)::after { background:#fff0c7; }.card:nth-child(4)::after { background:#efe1ff; }.api-state { border-color:#c8eddc; background:#f1fff8; color:#16835f; }.theme-toggle { border-color:#dce4ff; background:#f8faff; color:#4e6093; }
.options-grid,.instructions-grid { gap:18px; }.option-card,.instruction-card { border-color:#ffffffc2; background:linear-gradient(145deg,#ffffffed,#eef3ffdf); box-shadow:var(--shadow); }.option-card:hover { border-color:#aebeff; box-shadow:0 18px 34px #354ca928; }.option-icon { background:linear-gradient(145deg,#e9eeff,#cdd9ff); color:#5669dc; }.instructions-head h2,.options-intro h2,.instruction-card h3 { color:#1d315f; }
.dark body { --bg:#0d1942; background:radial-gradient(circle at 10% 8%,#29449a 0,transparent 28%),radial-gradient(circle at 90% 84%,#155d5a 0,transparent 24%),#0d1942; }.dark .season-scene { background:linear-gradient(135deg,#0f204f99,#0d194277 52%,#0c393e77); }.dark .side { background:linear-gradient(180deg,#081535,#07112d); }.dark .panel,.dark .card,.dark .last-activity,.dark .quick-actions button,.dark .theme-toggle { border-color:#30466f; background:linear-gradient(145deg,#17284dcc,#10213fc9); }.dark .result { background:#122343d9; border-color:#314b79; }.dark .profile { background:#243c70; color:#d6e2ff; }.dark .app-footer { background:#112240c9; border-color:#30486f; }.dark .option-card,.dark .instruction-card { background:linear-gradient(145deg,#17284ddc,#10213fd9); border-color:#30486f; }.dark .options-intro h2,.dark .instruction-card h3 { color:#edf3ff; }.dark .action.secondary { background:#20365f; color:#cbd9ff; }
@keyframes central-orbit { 0% { transform:translate3d(0,0,0) scale(1) rotate(0); } 100% { transform:translate3d(-40px,32px,0) scale(1.16) rotate(18deg); } } @keyframes central-sparkle { 0%,100% { opacity:0; transform:translateY(18px) scale(.4); } 45% { opacity:.65; transform:translateY(-34px) scale(1); } }