:root{--background:#0a0a0a;--foreground:#e0e0e0;--shakespeare-purple:#8b5cf6;--shakespeare-gold:#f59e0b;--shakespeare-crimson:#dc2626;--shakespeare-emerald:#10b981;--shakespeare-navy:#1e293b;--shakespeare-midnight:#0f172a;--gradient-purple-start:#7c3aed;--gradient-purple-end:#a855f7;--gradient-gold-start:#f59e0b;--gradient-gold-end:#fbbf24}html{color-scheme:dark}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.1) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(220,38,38,.1) 0,transparent 50%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--shakespeare-midnight)}::-webkit-scrollbar-thumb{background:var(--shakespeare-purple);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-purple-end)}.shakespeare-title{background:linear-gradient(135deg,var(--shakespeare-gold),var(--shakespeare-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(139,92,246,.5)}.shakespeare-glow{box-shadow:0 0 20px rgba(139,92,246,.3),0 0 40px rgba(139,92,246,.2),0 0 60px rgba(139,92,246,.1)}.shakespeare-button-hover{transition:all .3s ease}.shakespeare-button-hover:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(139,92,246,.3)}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes spin-random-1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-random-2{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes spin-random-3{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes float-move-1{0%{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(100px,-50px) rotate(90deg) scale(1.2)}50%{transform:translate(-80px,100px) rotate(180deg) scale(.8)}75%{transform:translate(120px,80px) rotate(270deg) scale(1.1)}to{transform:translate(0) rotate(1turn) scale(1)}}@keyframes float-move-2{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-150px,-100px) rotate(-72deg)}40%{transform:translate(200px,50px) rotate(-144deg)}60%{transform:translate(-100px,-150px) rotate(-216deg)}80%{transform:translate(50px,100px) rotate(-288deg)}to{transform:translate(0) rotate(-1turn)}}@keyframes float-move-3{0%,to{transform:translate(0) rotate(0deg) scale(1)}33%{transform:translate(-120px,120px) rotate(120deg) scale(.7)}66%{transform:translate(150px,-80px) rotate(240deg) scale(1.3)}}