@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}.footer-left-icons{display:flex;align-items:center;gap:.5rem}.social-link{display:flex;align-items:center;justify-content:center;padding:.75rem;color:#ffffffb3;text-decoration:none;transition:color .3s ease;width:55px;height:55px}.social-link:hover{color:#fff}.social-icon{width:100%;height:100%;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-link{padding:.4rem;width:43px;height:43px}.privacy-link{padding:.5rem;width:43px;height:43px}.powered-by-logo{height:42px;width:auto}.powered-by{gap:.5rem}}.privacy-link{display:flex;align-items:center;justify-content:center;padding:.75rem;background:none;border:none;color:#ffffffb3;text-decoration:none;transition:color .3s ease;cursor:pointer;width:58px;height:58px}.privacy-link:hover{color:#fff}.privacy-icon-svg{width:100%;height:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:30vw;max-height:90vh;overflow:hidden;position:relative}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:#333;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.modal-close:hover{background-color:#f0f0f0}.modal-body{padding:20px;height:100%;max-height:90vh;overflow-y:auto}.privacy-policy{font-family:xkcd-Regular-v3,xkcd-Regular,Lucida,Helvetica,sans-serif}.privacy-image{display:block;margin:0 auto 20px;max-width:100%;height:auto;border-radius:0}.privacy-text p{margin-bottom:1.2rem;line-height:1.6;color:#000;font-size:16px}.privacy-text p:last-child{margin-bottom:0}@media (max-width: 768px){.modal-content{max-width:95vw;max-height:95vh}.modal-body{padding:15px}.privacy-text p{font-size:14px}}