*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;font-family:Arial,sans-serif;margin:0;transition:cursor .3s ease}body.custom-cursor{cursor:none}body.custom-cursor .cursor-dot{height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:32px;z-index:9999}body.custom-cursor .cursor-outline{display:none}body.custom-cursor .cursor-dot.design-1:before{animation:design1Glow 1.5s ease-in-out infinite;background:#0000;box-shadow:0 0 0 4px #ff6ec4,0 4px 0 4px #ff6ec4,0 8px 0 4px #ff6ec4,0 12px 0 4px #7873f5,0 16px 0 4px #7873f5,0 20px 0 4px #7873f5,0 24px 0 4px #7873f5,0 28px 0 4px #7873f5,-12px 12px 0 4px #ff6ec4,-8px 12px 0 4px #ff6ec4,-4px 12px 0 4px #ff6ec4,4px 12px 0 4px #7873f5,8px 12px 0 4px #7873f5,12px 12px 0 4px #7873f5,16px 12px 0 4px #7873f5,4px 8px 0 4px #ff6ec4,4px 16px 0 4px #7873f5,-4px 8px 0 4px #ff6ec4,-4px 16px 0 4px #7873f5;content:"";height:100%;position:absolute;width:100%}body.custom-cursor .cursor-dot.design-2:before{animation:design2Spin 2s linear infinite;background:#0000;box-shadow:0 0 0 4px #0f8,-4px 4px 0 4px #0f8,4px 4px 0 4px #0f8,-8px 8px 0 4px #0ff,0 8px 0 4px #0ff,8px 8px 0 4px #0ff,-4px 12px 0 4px #0ff,4px 12px 0 4px #0ff,0 16px 0 4px #0f8,-8px 8px 0 4px #0ff,8px 8px 0 4px #0ff;content:"";height:100%;position:absolute;width:100%}body.custom-cursor .cursor-dot.design-3:before{animation:design3Pulse 1s ease-in-out infinite;background:#0000;box-shadow:-4px 0 0 4px #fa0,4px 0 0 4px #fa0,0 -4px 0 4px #fa0,0 4px 0 4px #fa0,-8px 4px 0 4px #f40,-8px -4px 0 4px #f40,8px 4px 0 4px #f40,8px -4px 0 4px #f40,-4px 8px 0 4px #f40,-4px -8px 0 4px #f40,4px 8px 0 4px #f40,4px -8px 0 4px #f40,0 0 0 4px #fff;content:"";height:100%;position:absolute;width:100%}body.custom-cursor .cursor-dot.design-4:before{animation:design4Twinkle .8s infinite alternate;background:#0000;box-shadow:0 -8px 0 4px #f0f,0 8px 0 4px #f0f,-8px 0 0 4px #f0f,8px 0 0 4px #f0f,-4px -4px 0 4px #ff0,4px -4px 0 4px #ff0,-4px 4px 0 4px #ff0,4px 4px 0 4px #ff0,0 0 0 4px #fff,-8px -8px 0 4px #f0f,8px -8px 0 4px #f0f,-8px 8px 0 4px #f0f,8px 8px 0 4px #f0f;content:"";height:100%;position:absolute;width:100%}body.custom-cursor .cursor-dot.design-5:before{animation:design5Bob .5s ease-in-out infinite;background:#0000;box-shadow:0 0 0 4px #0f0,-4px 4px 0 4px #0f0,-8px 8px 0 4px #0d0,-12px 12px 0 4px #0d0,4px 4px 0 4px #0f0,8px 8px 0 4px #0d0,-8px 12px 0 4px #0d0,-4px 12px 0 4px #0d0,0 12px 0 4px #0d0,4px 12px 0 4px #0d0,8px 12px 0 4px #0d0;content:"";height:100%;position:absolute;width:100%}body.custom-cursor .cursor-dot.design-6:before{animation:design6Swing 1.2s ease-in-out infinite;background:#0000;box-shadow:0 -12px 0 4px #ccc,0 -8px 0 4px #ccc,0 -4px 0 4px #fff,0 0 0 4px #fd0,-4px 0 0 4px #fd0,4px 0 0 4px #fd0,0 4px 0 4px #fa0,0 8px 0 4px #666,0 12px 0 4px #444;content:"";height:100%;position:absolute;width:100%}@keyframes design1Glow{0%,to{filter:drop-shadow(0 0 8px #ff6ec4)}50%{filter:drop-shadow(0 0 16px #7873f5)}}@keyframes design2Spin{0%{filter:drop-shadow(0 0 10px #00ffff);transform:rotate(0deg)}to{filter:drop-shadow(0 0 10px #00ff88);transform:rotate(1turn)}}@keyframes design3Pulse{0%,to{filter:drop-shadow(0 0 8px #ffaa00);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #ff4400);transform:scale(1.15)}}@keyframes design4Twinkle{0%{filter:drop-shadow(0 0 6px #ff00ff);transform:scale(.9) rotate(0deg)}to{filter:drop-shadow(0 0 14px #ffff00);transform:scale(1.1) rotate(45deg)}}@keyframes design5Bob{0%,to{filter:drop-shadow(0 0 8px #00ff00);transform:translateY(0)}50%{filter:drop-shadow(0 0 12px #00dd00);transform:translateY(-3px)}}@keyframes design6Swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.confetti-piece{animation:confettiFall linear forwards;height:10px;pointer-events:none;position:fixed;top:-10px;width:10px;z-index:10000}.confetti-piece.square{background:#ff6ec4}.confetti-piece.circle{background:#7873f5;border-radius:50%}.confetti-piece.triangle{border-bottom:10px solid #0f8;border-left:5px solid #0000;border-right:5px solid #0000;height:0;width:0}.confetti-piece.star{background:#fd0;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.confetti-piece.rectangle{background:#f40;height:8px;width:15px}.confetti-piece.hexagon{background:#0ff;-webkit-clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);height:10px;width:12px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:.3;transform:translateY(100vh) rotate(2turn)}}.popper{animation:popperFall 2s ease-in forwards;height:40px;pointer-events:none;position:fixed;top:-50px;width:30px;z-index:10000}.popper:before{content:"🎉";font-size:30px;position:absolute}@keyframes popperFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.header{align-items:center;display:flex;justify-content:center;padding:2rem 2rem 4rem;position:relative;text-align:center}.logo{color:#000;font-size:1.2rem;text-decoration:none;transition:color .3s ease}body.dark-mode .logo{color:#e0e0e0}.logo:hover{text-decoration:underline}.header .x-logo-link{color:#000;display:block;height:24px;left:6rem;position:absolute;transition:opacity .2s,color .3s;width:24px}body.dark-mode .header .x-logo-link{color:#e0e0e0}.header .x-logo-link svg{display:block;height:100%;width:100%}.header .x-logo-link:hover{opacity:.6}.header .dark-mode-toggle{background:none;border:none;color:#000;cursor:pointer;display:block;height:24px;padding:0;position:absolute;right:6rem;transition:opacity .2s,color .3s;width:24px}body.dark-mode .header .dark-mode-toggle{color:#e0e0e0}.header .dark-mode-toggle svg{display:block;height:100%;width:100%}.header .dark-mode-toggle:hover{opacity:.6}.article-card{cursor:pointer;margin-bottom:3rem;max-width:700px;width:100%}.article-card:hover .article-card-title{color:red}.article-card-content{padding:0}.article-card-title{color:#000;font-size:1.5rem;font-weight:400;margin:0 0 .5rem;transition:color .3s ease}body.dark-mode .article-card-title{color:#e0e0e0}.article-card-date{color:#666;font-size:.875rem;margin:0 0 .5rem;transition:color .3s ease}body.dark-mode .article-card-date{color:#999}.article-card-description{color:#000;font-size:1rem;line-height:1.6;margin:0;transition:color .3s ease}body.dark-mode .article-card-description{color:#b0b0b0}.homepage{margin:0 auto;max-width:800px;padding:0 2rem}.articles-container{align-items:center;display:flex;flex-direction:column}.no-articles{color:#666;font-size:1rem;margin-top:3rem;text-align:center;transition:color .3s ease}body.dark-mode .no-articles{color:#999}@media (max-width:768px){.homepage{padding:0 1rem}}.article-page{margin:0 auto;max-width:800px;padding:0 2rem 4rem}.article-actions{margin-bottom:2rem}.back-button{background:none;border:1px solid #000;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:.875rem;font-weight:400;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode .back-button{border-color:#e0e0e0;color:#e0e0e0}.back-button:hover{background-color:#000;color:#fff}body.dark-mode .back-button:hover{background-color:#e0e0e0;color:#1a1a1a}.article-content{background:none}.article-image-container{height:400px;margin-bottom:1rem;overflow:hidden;width:100%}.article-image{height:100%;object-fit:cover;width:100%}.article-title{color:#000;font-size:2rem;font-weight:400;line-height:1.2;margin:0 0 .5rem;transition:color .3s ease}body.dark-mode .article-title{color:#e0e0e0}.article-date{color:#666;font-size:.875rem;margin:0 0 1.5rem;transition:color .3s ease}body.dark-mode .article-date{color:#999}.article-body{color:#000;font-size:1rem;line-height:1.5;transition:color .3s ease}body.dark-mode .article-body{color:#b0b0b0}.article-body p{margin-bottom:.75rem}.article-body p:last-child{margin-bottom:0}.article-body h1{font-size:1.8rem;font-weight:700;margin:2rem 0 1rem}.article-body h2{font-size:1.5rem;font-weight:700;margin:1.5rem 0 1rem}.article-body h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .75rem}.article-body strong{font-weight:700}.article-body em{font-style:italic}.article-body u{text-decoration:underline}.article-body img{display:block;height:auto;margin:1.5rem 0;max-width:100%}.embedded-image{margin:2rem 0}.embedded-image img{display:block;height:auto;margin:0 auto;max-width:100%}.image-caption{color:#666;font-size:.875rem;font-style:italic;margin-top:.5rem;text-align:center;transition:color .3s ease}body.dark-mode .image-caption{color:#999}.article-body ol,.article-body ul{margin:1rem 0;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-body hr{border:none;border-top:1px solid #000;margin:2rem 0;transition:border-color .3s ease}body.dark-mode .article-body hr{border-top-color:#444}.article-body a{color:blue;text-decoration:underline;transition:color .3s ease}body.dark-mode .article-body a{color:#6b9eff}.article-body a:hover{color:red}body.dark-mode .article-body a:hover{color:#ff6b6b}.article-loading,.article-not-found{padding:3rem 1rem;text-align:center}.article-not-found h1{color:#000;font-size:2rem;font-weight:400;margin-bottom:1rem;transition:color .3s ease}body.dark-mode .article-not-found h1{color:#e0e0e0}.article-not-found p{color:#666;font-size:1rem;margin-bottom:2rem;transition:color .3s ease}body.dark-mode .article-not-found p{color:#999}.article-loading{color:#666;font-size:1rem;transition:color .3s ease}body.dark-mode .article-loading{color:#999}@media (max-width:768px){.article-page{padding:0 1rem}.article-image-container{height:250px}.article-title{font-size:1.5rem}}.App{background-color:#fff;min-height:100vh;transition:background-color .3s ease,color .3s ease}body.dark-mode .App{background-color:#1a1a1a;color:#e0e0e0}body.dancing-letters *{animation:dance .5s infinite alternate}body.dancing-letters a,body.dancing-letters button,body.dancing-letters h1,body.dancing-letters h2,body.dancing-letters h3,body.dancing-letters p,body.dancing-letters span{display:inline-block}@keyframes dance{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-5px) rotate(-2deg)}75%{transform:translateY(-8px) rotate(1deg)}to{transform:translateY(-12px) rotate(-1deg)}}
/*# sourceMappingURL=main.d0ce32c0.css.map*/