.draggable-card{transition:all .3s ease;cursor:grab;transform:translate(0);min-height:300px}.draggable-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.draggable-card:active{cursor:grabbing}.draggable-card.dragging{opacity:.6;z-index:100;transition:none}.draggable-card.dragging-active{transform:scale(.96) rotate(1deg);box-shadow:0 25px 30px -10px #00000040,0 15px 15px -5px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1)}.draggable-card.shift-left{transform:translate(-15px)}.draggable-card.shift-right{transform:translate(15px)}.draggable-card.shift-up{transform:translateY(-15px)}.draggable-card.shift-down{transform:translateY(15px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-container{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);transition:all .3s ease}@media(max-width:767px){.grid-container{grid-template-columns:1fr}}@media(min-width:768px){.grid-container{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.grid-container{grid-template-columns:repeat(4,1fr)}}.placeholder{transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f5f7fa,#e4e7f1);border:2px dashed #a0aec0;opacity:.8;transform:scale(.96);box-shadow:inset 0 0 15px #0000001a}.btn-23,.btn-23 *,.btn-23 :after,.btn-23 :before,.btn-23:after,.btn-23:before{border:0 solid;box-sizing:border-box}.btn-23{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#000;background-image:none;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;font-weight:900;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0;text-transform:uppercase}.btn-23:disabled{cursor:default}.btn-23:-moz-focusring{outline:auto}.btn-23 svg{display:block;vertical-align:middle}.btn-23 [hidden]{display:none}.btn-23{border-radius:99rem;border-width:2px;overflow:hidden;padding:.8rem 3rem;position:relative}.btn-23 span{display:grid;inset:0;place-items:center;position:absolute;transition:opacity .2s ease}.btn-23 .marquee{--spacing: 5em;--start: 0em;--end: 5em;-webkit-animation:marquee 1s linear infinite;animation:marquee 1s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;opacity:0;position:relative;text-shadow:#fff var(--spacing) 0,#fff calc(var(--spacing) * -1) 0,#fff calc(var(--spacing) * -2) 0}.btn-23:hover .marquee{-webkit-animation-play-state:running;animation-play-state:running;opacity:1}.btn-23:hover .text{opacity:0}@-webkit-keyframes marquee{0%{transform:translate(var(--start))}to{transform:translate(var(--end))}}@keyframes marquee{0%{transform:translate(var(--start))}to{transform:translate(var(--end))}}:root{--bg-color: #f9fafb;--text-color: #111827;--card-bg: #ffffff;--card-hover: #f3f4f6;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1);--link-color: #3b82f6;--link-hover: #2563eb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--backdrop-blur: rgba(255, 255, 255, .3)}#app{width:100%;height:100%}body{background-color:var(--bg-color);color:var(--text-color);transition:all .3s ease}.bg-white{background-color:var(--card-bg)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.comment-text{color:#4b5563}.comment-date{color:#6b7280}.bg-card{background-color:var(--card-bg)}.follower-card{background-color:#fff}.follower-label{color:#6b7280}.follower-card .bg-white{background-color:#fff!important}.follower-card .font-bold{color:#111827!important}.follower-card .text-gray-600{color:#6b7280!important}.follower-card .bg-gray-900{background-color:#111827!important}.follower-card .text-white{color:#fff!important}.night-mode .download-container{background-color:var(--card-bg)}.night-mode .download-title{color:var(--text-color)}.night-mode .download-list{background-color:var(--card-bg)}.night-mode .download-list-title{color:var(--text-color)}.night-mode .bg-gray-50{background-color:var(--gray-100)}.night-mode .text-gray-700{color:var(--gray-600)}.night-mode .text-gray-500{color:var(--gray-700)}.night-mode .text-gray-600{color:var(--gray-600)}.night-mode .hover\:bg-gray-100:hover,.night-mode .bg-gray-100{background-color:var(--gray-100)}.night-mode .bg-gray-200{background-color:var(--gray-200)}.night-mode .hover\:bg-gray-100:hover{background-color:var(--gray-100)}.night-mode .hover\:bg-gray-200:hover{background-color:var(--gray-200)}.night-mode .text-gray-700{color:var(--text-color)}.night-mode .text-gray-500{color:var(--gray-600)}.night-mode button,.night-mode a{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.night-mode button.text-gray-700,.night-mode a.text-gray-700{color:var(--text-color)}.night-mode button.hover\:bg-gray-200:hover,.night-mode a.hover\:bg-gray-200:hover{background-color:var(--gray-200)}.bg-nav{background-color:var(--nav-bg)}.bg-selected{background-color:var(--card-selected)}.text-selected{color:var(--text-selected)}.text-normal{color:var(--text-normal)}.shadow-lg{box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -4px var(--shadow-color)}.bg-white\/30{background-color:var(--backdrop-blur)}.bg-blue-500{background-color:var(--link-color)}.bg-blue-500:hover{background-color:var(--link-hover)}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.read-the-docs{color:var(--gray-600)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}