@font-face{font-family:LPMQI;src:url(/assets/fonts/LPMQIsepMisbah.woff) format("truetype");font-weight:400;font-style:normal}body{font-family:Segoe UI,sans-serif;background:#ffffff;margin:0;padding:20px}input[type=text]{padding:12px;border-radius:24px;border:1px solid #ccc;width:100%;max-width:500px;font-size:16px}button{margin-top:10px;padding:10px 20px;border-radius:24px;border:none;background-color:#494545;color:#fff;cursor:pointer}.arabic{font-family:LPMQI,serif;font-size:24px;text-align:right;line-height:1.8}.search-desktop{display:inline-block;margin-left:30px}.search-form{position:relative;width:100%;max-width:600px}.search-container{display:flex;justify-content:center;padding:20px}.search-form input{width:100%;box-sizing:border-box;padding:12px 20px 12px 45px;font-size:16px;border-radius:25px;border:1px solid #ccc;outline:none;transition:all .2s ease-in-out}.search-form img{position:absolute;left:70px;top:50%;transform:translateY(-50%);height:15px;opacity:.6;pointer-events:none}.search-results{margin-top:30px}.result-item{background:#ffffff;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px}.result-item .surah{font-weight:700;margin-bottom:6px}.result-item .arabic{font-family:LPMQI,serif;font-size:24px;direction:rtl;text-align:right}.result-item .translation{font-size:16px;margin-top:4px}.copy-btn{float:right;background:none;border:none;cursor:pointer}.spinner{border:6px solid #f3f3f3;border-top:6px solid #f9f9f9;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode input,body.dark-mode button{background-color:#2c2c2c;color:#fff;border:1px solid #444}body.dark-mode .search-results div{background-color:#2a2a2a;color:#ddd}.container-header{display:flex;align-items:center;border-bottom:1px solid #ece1e1;justify-content:center}.container-form{margin-left:30px}.result-card{background:#f9f9f9;padding:16px;border-radius:12px;margin-bottom:16px;word-break:break-word}.search-summary{visibility:hidden}@media (max-width: 600px){.container{padding:10px}.arabic{font-size:20px}.search-form input{padding:10px 20px 10px 45px;font-size:14px}.search-form img{position:absolute;left:20px;top:50%;transform:translateY(-50%);height:15px;opacity:.6;pointer-events:none}.container-header{display:block;align-items:center;border-bottom:1px solid #ece1e1;justify-content:center;padding-bottom:10px}.search-desktop{display:inline-block;margin-left:0;margin-bottom:20px}.search-summary{visibility:visible;text-align:left;font-size:16px;margin-top:20px;color:#444}}