.kosmos-demo{letter-spacing:-.01em;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.kosmos-demo .glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem}.kosmos-demo .glass-violet{background:linear-gradient(135deg,#7c3aed1f,#7c3aed0a);border:1px solid #7c3aed40;border-radius:1rem}.kosmos-demo .btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:1px solid #ffffff26;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #7c3aed66}.kosmos-demo .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #7c3aed99}.kosmos-demo .btn-secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff26;border-radius:.75rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.kosmos-demo .btn-secondary:hover{background:#ffffff1a}.kosmos-demo .badge-top{color:#0a0a0f;background:linear-gradient(135deg,#facc15,#f59e0b)}.kosmos-demo .badge-ok{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.kosmos-demo .badge-attention{color:#f87171;background:#ef444426;border:1px solid #ef44444d}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kosmos-demo .fade-up{animation:.5s ease-out forwards fade-up}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-slow{animation:2.5s ease-in-out infinite bounce-slow}.kosmos-demo .markmap-foreign,.kosmos-demo .markmap-foreign div,.kosmos-demo .markmap-foreign span,.kosmos-demo .markmap-foreign p{white-space:nowrap;font-size:14px;font-weight:500;line-height:1.4;color:#f5f5f4!important}.kosmos-demo .markmap-foreign strong,.kosmos-demo .markmap-foreign b{font-weight:700;color:#fff!important}.kosmos-demo .markmap-foreign code{background:#7c3aed40;border-radius:4px;padding:1px 6px;font-size:13px;color:#c4b5fd!important}.kosmos-demo .markmap-link{stroke-width:1.5px}.kosmos-demo .markmap-node circle{fill:#0a0a0f;stroke-width:2px}.perspective-1000{perspective:1000px}.flashcard-inner{transform-style:preserve-3d}.flashcard-face{backface-visibility:hidden}.flashcard-back{position:absolute;inset:0;transform:rotateY(180deg)}.rotate-y-180{transform:rotateY(180deg)}
