*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Lato,sans-serif;overflow-x:hidden;background-color:#050505;color:#e0e0e0;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1}.visible{display:block}.hidden{display:none}.top-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;position:relative}.title{text-align:center;margin:0;position:absolute;top:10%}.title h1{font-size:24px;margin:0}.title h2{font-size:22px;margin:0}.play-pause-button{width:150px;height:150px;background:transparent;border:none;transition:transform .3s,cursor .3s}.play-pause-button:hover{cursor:pointer;transform:scale(1.1)}#loadingSpinner{top:50%;left:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.horizontal-align{display:flex;justify-content:center;gap:10px}.download-badges-vertical{position:absolute;bottom:10%;display:flex;gap:10px;flex-direction:column;align-items:center}.bottom-download-badges{bottom:10%;display:flex;gap:10px;flex-direction:column;align-items:center;justify-content:center}.app-store-badge,.google-play-badge{height:50px;width:auto}.qr-code{display:none;margin-top:20px}.qr-code img{height:150px;width:150px}.app-icon-1 img{position:absolute;top:10px;left:50%;transform:translate(-50%);display:none;height:50px;width:50px}.app-icon-2 img{display:none;margin-top:10px;height:50px;width:50px}@media(min-width:768px){.qr-code{display:block}.app-icon-2 img{display:block;margin-top:20px;height:150px;width:150px}}@media(max-width:767px){.app-icon-1 img{display:block}}#belowFold{box-sizing:border-box;padding-bottom:50px}#readable ul,#readable ol{padding-inline-start:1.5rem;margin-block:1rem}#readable{text-wrap:pretty;text-align:start;width:calc(100% - 40px);max-width:800px;margin-inline:auto;box-sizing:border-box}.site-footer{margin-top:4rem;padding:2rem 1rem;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center;max-width:800px;margin-left:auto;margin-right:auto;gap:20px}.footer-left{text-align:start;color:#666}.footer-right{text-align:end}[dir=rtl] .footer-left{text-align:start}@media(max-width:600px){.site-footer{flex-direction:column;text-align:center;gap:1.5rem}.footer-left,.footer-right{text-align:center}[dir=rtl] .site-footer{flex-direction:column}}.top-language-switcher{position:fixed;top:12px;right:16px;display:flex;justify-content:flex-end;z-index:1000}[dir=rtl] .top-language-switcher{right:auto;left:16px;justify-content:flex-start}.language-link{color:#eee;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#ffffff26;transition:all .2s ease;border:1px solid transparent}.language-link:hover{background:#ffffff1a;color:#fff;border-color:#444}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.modal-overlay.hidden{opacity:0;pointer-events:none;display:none}.modal-content{width:90%;max-width:900px;max-height:85vh;background:#121212;border-radius:16px;display:flex;flex-direction:column;padding:24px;box-shadow:0 20px 50px #00000080;border:1px solid #333;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.search-container{position:relative;flex-grow:1}.search-icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}#language-search{width:100%;background:#1e1e1e;border:1px solid #333;color:#fff;padding:12px;padding-inline-start:40px;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}#language-search:focus{border-color:#007bff}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] #language-search{padding:12px 40px 12px 12px}.close-button{font-size:28px;color:#888;cursor:pointer;background:none;border:none;padding:0 8px;line-height:1;transition:color .2s}.close-button:hover{color:#fff}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;overflow-y:auto;padding-right:8px;flex:1;min-height:0}[dir=rtl] .language-grid{padding-right:0;padding-left:8px}.language-grid::-webkit-scrollbar{width:6px}.language-grid::-webkit-scrollbar-track{background:transparent}.language-grid::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.language-grid::-webkit-scrollbar-thumb:hover{background:#444}.language-item{color:#ccc;text-decoration:none;padding:16px;border-radius:10px;background:#1a1a1a;border:1px solid transparent;transition:all .2s;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:72px;text-align:center}.language-item:hover{background:#252525;border-color:#444;transform:translateY(-2px)}.language-item.current-language{background:#1e1e1e;border-color:#007bff;box-shadow:0 4px 12px #007bff26}.language-item.current-language .native-name{color:#007bff;font-weight:800}.language-item.hidden{display:none}.language-item .native-name{font-weight:400;font-size:1rem;color:#fff;margin-bottom:2px}.language-item .lang-code{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.current-check{position:absolute;top:8px;right:8px;color:#007bff;font-weight:700;font-size:1.2rem}[dir=rtl] .current-check{right:auto;left:8px}.no-results{padding:40px 20px;text-align:center;color:#666;font-size:1.1rem;width:100%;grid-column:1 / -1}.no-results.hidden{display:none}@media(max-width:600px){.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0;padding:16px}.language-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}