@import"https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";@font-face{font-family:xkcd Script;src:url(https://github.com/ipython/xkcd-font/raw/master/xkcd-script/font/xkcd-script.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:xkcd Script,Kalam,Courier Prime,monospace;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:xkcd Script,Kalam,Courier Prime,monospace}#root{width:100%;min-height:100vh}a{font-weight:500;color:#5dade2;text-decoration:inherit}a:hover{color:#764ba2}button{font-family:xkcd Script,Kalam,Courier Prime,monospace;cursor:pointer}input{font-family:xkcd Script,Kalam,Courier Prime,monospace}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#1a1a1a}a:hover{color:#87ceeb}}@font-face{font-family:xkcd-Regular;src:url(//xkcd.com/fonts/xkcd-Regular.eot?) format("eot"),url(//xkcd.com/fonts/xkcd-Regular.otf) format("opentype")}@font-face{font-family:xkcd-Regular-v3;src:url(https://xkcd.com/s/4fcbf3.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier Prime,monospace;background-color:#f8f9fa;color:#333;line-height:1.6;margin:0;padding:0}.app{min-height:100vh;background:linear-gradient(135deg,#5dade2,#2e4bc6);display:flex;flex-direction:column}.main-content{flex:1;padding:20px 20px 0}.container{max-width:1200px;margin:0 auto 20px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.title{font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:3rem;font-weight:800;text-align:center;padding:40px 20px 20px;background:linear-gradient(45deg,#5dade2,#2e4bc6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px}.logo{display:block;margin:0 auto;width:90%;max-width:400px;height:auto}.search-form{display:flex;gap:10px;padding:0 40px;margin-bottom:30px}.search-input{flex:1;padding:15px 20px;font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:1.1rem;border:2px solid #e9ecef;border-radius:10px;background:#f8f9fa;transition:all .3s ease}.search-input:focus{outline:none;border-color:#5dade2;background:#fff;box-shadow:0 0 0 3px #5dade21a}.search-input::placeholder{color:#6c757d;font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif}.search-button{padding:15px 30px;font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:1.1rem;font-weight:800;background:linear-gradient(45deg,#5dade2,#2e4bc6);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.search-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #5dade266}.search-button:active{transform:translateY(0)}.loading{text-align:center;padding:40px;font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:1.2rem;color:#5dade2}.results{padding:0 40px 40px}.comic-list{list-style:none}.comic-item{margin-bottom:25px;position:relative}.comic-link{font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:16px;font-weight:800;text-align:center;text-decoration:none;color:#5dade2;display:block;margin:10px 0 15px;transition:color .3s ease}.comic-link:hover{color:#2e4bc6}.comic-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:25px;transition:all .3s ease;position:relative}.comic-card:hover{border-color:#5dade2}.comic-number{position:absolute;top:15px;left:15px;font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:21px;font-weight:800;color:#5dade2;background:#fff;border:2px solid #5DADE2;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;z-index:1}.comic-title{font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:21px;font-weight:800;color:#333;margin:10px;text-align:center}.comic-image{width:100%;max-width:600px;max-height:400px;height:auto;border-radius:4px;box-shadow:0 5px 15px #0000001a;display:block;margin:0 auto;object-fit:contain}.no-results{text-align:center;padding:40px;font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif;font-size:1.2rem;color:#6c757d}@media (max-width: 768px){.title{font-size:2rem;padding:20px 15px 15px}.logo{width:85%;max-width:300px;padding:0 10px}.search-form{flex-direction:column;padding:0 20px}.search-input,.search-button{width:100%}.results{padding:0 20px 20px}.comic-card{padding:20px}.comic-number{top:10px;left:10px;width:30px;height:30px;font-size:16px}.comic-title{font-size:1.2rem}.comic-image{max-height:300px}}.loading{position:relative}.loading:after{content:"";position:absolute;right:50%;top:20%;width:20px;height:20px;margin:-10px -10px 0 10px;border:2px solid #5DADE2;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}.footer{background-color:#001b44;width:100%;padding:.75rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.social-link{display:inline-block;padding:.75rem;color:#ffffffb3;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#fff}.social-icon{width:36px;height:36px;fill:currentColor}.powered-by{display:flex;align-items:center;gap:.75rem}.powered-by-text{font-family:Avenir Next,Avenir,Arial,sans-serif;font-size:1rem;font-weight:500;color:#ffffffb3;font-style:italic;letter-spacing:1px}.powered-by-logo{height:50px;width:auto;transition:opacity .3s ease}.powered-by a{display:inline-block;text-decoration:none;border:none;outline:none}.powered-by a:hover .powered-by-logo{opacity:1}@media (max-width: 768px){.footer-content{padding:0 15px}.powered-by-text{font-size:.9rem;letter-spacing:.6px}.social-icon{width:28px;height:28px}.powered-by-logo{height:42px;width:auto}.powered-by{gap:.5rem}}