body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.main{min-height:100vh;width:100%;transition:background-color .3s ease}a:focus,button:focus{outline:2px solid #3b82f6;outline-offset:2px}.prose{line-height:1.7}.prose p{margin-bottom:1.25em}.prose p:last-child{margin-bottom:0}@keyframes float-up{0%{transform:translateY(100vh) rotate(0deg) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) rotate(30deg) scale(1)}90%{opacity:.8}to{transform:translateY(-10vh) rotate(1turn) scale(.5);opacity:0}}@keyframes float-diagonal{0%{transform:translateY(100vh) rotate(0deg) scale(.5);opacity:0}15%{opacity:1}to{transform:translate(var(--drift-x,100px),-20vh) rotate(2turn) scale(0);opacity:0}}.floating-particle{position:absolute;animation:float-up var(--duration,6s) var(--delay,0s) linear infinite;font-size:var(--size,24px);left:var(--left,50%);pointer-events:none;z-index:49;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb,59,130,246),.5))}.floating-particle.diagonal{animation-name:float-diagonal}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.6;box-shadow:0 0 0 0 rgba(var(--accent-rgb,59,130,246),.4)}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 40px 10px rgba(var(--accent-rgb,59,130,246),.2)}to{transform:scale(.8);opacity:.6;box-shadow:0 0 0 0 rgba(var(--accent-rgb,59,130,246),.4)}}.countdown-glow{animation:pulse-ring 2s ease-in-out infinite;border-color:rgba(var(--accent-rgb,59,130,246),.4);background-color:rgba(var(--accent-rgb,59,130,246),.05)}@keyframes count-pop{0%{transform:scale(1.4);opacity:.5}50%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.countdown-pop{animation:count-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-enter{0%{transform:scale(.8) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-animate{animation:modal-enter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scan-line{0%{top:-2px}to{top:100%}}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb,59,130,246),.6),transparent);animation:scan-line 3s linear infinite;pointer-events:none}@keyframes progress-glow{0%,to{box-shadow:0 0 5px rgba(var(--accent-rgb,59,130,246),.3)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb,59,130,246),.6),0 0 40px rgba(var(--accent-rgb,59,130,246),.2)}}.progress-bar-glow{animation:progress-glow 1.5s ease-in-out infinite}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:40px 0}}.progress-bar-paused{background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0,transparent);background-size:40px 40px;animation:progress-stripes 1s linear infinite,progress-glow 1.5s ease-in-out infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{animation:blink-cursor .8s step-end infinite}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:0}5%{opacity:.3}95%{opacity:.1}to{transform:translateY(100vh);opacity:0}}.matrix-column{position:absolute;top:0;font-family:Courier New,monospace;font-size:14px;line-height:1.2;color:rgba(var(--accent-rgb,59,130,246),.15);writing-mode:vertical-rl;white-space:nowrap;animation:matrix-fall var(--fall-duration,8s) var(--fall-delay,0s) linear infinite;pointer-events:none;z-index:50;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes orbit{0%{transform:rotate(0deg) translateX(var(--orbit-radius,200px)) rotate(0deg)}to{transform:rotate(1turn) translateX(var(--orbit-radius,200px)) rotate(-1turn)}}.orbit-icon{position:absolute;top:50%;left:50%;animation:orbit var(--orbit-duration,8s) linear infinite;font-size:var(--orbit-size,28px);pointer-events:none;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb,59,130,246),.4));z-index:51}.modal-card{z-index:55;position:relative}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.sparkle{position:absolute;animation:sparkle var(--sparkle-duration,2s) var(--sparkle-delay,0s) ease-in-out infinite;pointer-events:none;z-index:49}.pause-btn{font-family:Courier New,monospace;font-size:13px;padding:6px 18px;border:1px solid rgba(var(--accent-rgb,59,130,246),.3);border-radius:6px;background:rgba(var(--accent-rgb,59,130,246),.05);color:rgba(var(--accent-rgb,59,130,246),.8);cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.pause-btn:hover{background:rgba(var(--accent-rgb,59,130,246),.15);border-color:rgba(var(--accent-rgb,59,130,246),.5);color:rgb(var(--accent-rgb,59,130,246));box-shadow:0 0 15px rgba(var(--accent-rgb,59,130,246),.15)}@keyframes paused-pulse{0%,to{opacity:.5}50%{opacity:1}}.paused-label{animation:paused-pulse 1.5s ease-in-out infinite}.corner-accent{border-color:rgba(var(--accent-rgb,59,130,246),.5)}.modal-themed{border-color:rgba(var(--accent-rgb,59,130,246),.3)}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}h1{font-size:2.5rem!important}.prose{font-size:.95rem}.orbit-icon{--orbit-radius:140px;font-size:20px}.floating-particle{font-size:18px}.matrix-column{font-size:11px}}@media print{.bg-gray-50,.dark\:bg-gray-900,.main{background:#fff!important}.shadow-lg,.shadow-md{box-shadow:none!important}}