@font-face{font-family:'Font Awesome 6 Free';font-display:block;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css")}:root,:host{--fa-style-family-classic:'Font Awesome 6 Free';--main-gold:#fcbf47;--bright-gold:#ffd700;--light-grey:#e0e0e0;--selection-color:#000;--bluish-grey:#1e1e2d;--cream:#e9e8e3;--black:#000;--white:#fff;--black-button:#000;--main-hero-bg:url('img/abbasid-animation.webp');--main-bg-img:url('img/scholars-library.webp');--bg-blend:overlay;--section-bg-color:rgba(30,30,45,0.8);--hover-change-bg-color:rgba(30,30,45,0.8);--yell-highlight:rgba(127,127,127,0.3);--blog-preview-bg:rgba(100,100,100,0.5);--sticky-nav-bg:rgba(30,30,45,0.3);--nav-button-color:rgba(252,192,71,0.5);--almost-transparent-black:rgba(0,0,0,0.5);--sounds-box-shadow:rgba(255,255,255,0.3);--support-bg-color:none;--special-thanks-title-color:transparent;--signature-bg:drop-shadow(1px 0 1em var(--main-gold)) drop-shadow(-1px 0 1em var(--main-gold))}@media(prefers-color-scheme:light){body{--main-gold:#1e1e2d;--bright-gold:#000;--light-grey:#000;--selection-color:#e0e0e0;--bluish-grey:rgba(255,255,255,0.8);--cream:#000;--black:#fff;--white:#000;--black-button:#5fb3d7;--main-hero-bg:url('img/abbasid-light.webp');--main-bg-img:url('img/scholars-light.webp');--bg-blend:lighten;--section-bg-color:rgba(255,255,255,0.8);--hover-change-bg-color:rgba(95,179,215,0.5);--yell-highlight:rgba(255,255,127,1.0);--blog-preview-bg:rgba(95,179,215,0.5);--sticky-nav-bg:rgba(225,225,210,1.0);--nav-button-color:rgba(95,179,215,0.8);--almost-transparent-black:rgba(255,255,255,0.8);--sounds-box-shadow:rgba(0,0,0,0.3);--support-bg-color:rgba(95,179,215,0.5);--special-thanks-title-color:rgba(0,0,0,0.5);--signature-bg:none}}.icon::before{font-family:'Font Awesome 6 Free';-webkit-font-smoothing:antialiased}body{font-family:'Roboto',sans-serif;color:var(--light-grey);transition:background-color .3s,color .3s,background-image .3s,background-blend-mode .3s;background-color:var(--black);text-align:center;margin:0}body.light-mode{--main-gold:#1e1e2d;--bright-gold:#000;--light-grey:#000;--selection-color:#e0e0e0;--bluish-grey:rgba(255,255,255,0.8);--cream:#000;--black:#fff;--white:#5fb3d7;--black-button:#5fb3d7;--main-hero-bg:url('img/abbasid-light.webp');--main-bg-img:url('img/scholars-light.webp');--bg-blend:lighten;--section-bg-color:rgba(255,255,255,0.8);--hover-change-bg-color:rgba(95,179,215,0.5);--yell-highlight:rgba(255,255,127,1.0);--blog-preview-bg:rgba(95,179,215,0.5);--sticky-nav-bg:rgba(225,225,210,1.0);--nav-button-color:rgba(95,179,215,0.8);--almost-transparent-black:rgba(255,255,255,0.8);--sounds-box-shadow:rgba(0,0,0,0.3);--support-bg-color:rgba(95,179,215,0.5);--special-thanks-title-color:rgba(0,0,0,0.5);--signature-bg:none}::selection{color:var(--black);background-color:var(--main-gold)}.yell{display:inline-block;margin:1px;padding:0 5px;color:var(--main-gold);background:var(--yell-highlight);transition:transform .3s}.yell:hover{transform:rotate(-18deg)}.toggle-container{display:inline-block;margin-left:10px}.toggle-button{position:relative;width:40px;height:25px;background-color:var(--bright-gold);border:0;border-radius:15px;cursor:pointer;outline:0;transition:background-color .3s ease;padding:0}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--black);border-radius:50%;transition:transform .3s ease,background-color .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--main-gold)}body.light-mode .toggle-slider{transform:translateX(15px)}.toggle-button:hover .toggle-slider{transform:rotate(270deg) translateX(0)}body.light-mode .toggle-button:hover .toggle-slider{transform:scale(1.1) translateX(15px)}.parallax{position:relative;min-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box}.parallax::before{content:'';position:absolute;inset:0;background:var(--section-bg-color);background-image:var(--main-hero-bg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-blend-mode:var(--bg-blend);z-index:-1;mask-image:url('img/inky.webp');mask-size:cover;mask-position:center}#ad-banner-container-0{position:relative;display:inline-block}#ad-banner-container{position:relative;display:inline-block}#ad-banner-container-2{display:none}.close-button{position:absolute;top:5px;right:5px;background:rgba(0,0,0,0.5);color:#fff;border:0;border-radius:50%;font-size:16px;width:30px;height:30px;cursor:pointer}.ad-banner-link{display:block;position:relative}#kopi-kurma-latte-banner{width:100%;max-width:1000px;transition:opacity .5s,transform .5s,width .5s,box-shadow .5s}#kopi-kurma-latte-banner:hover{transform:scale(1.05);box-shadow:0 0 1px var(--bright-gold);opacity:80%}#about,#duolingo,#blog,#self-help,#art,#open-source,#support,#soniachat,#faizalingo{background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-blend-mode:color-burn}#about{background-image:url('img/Rebuild.webp')}#faizalingo{background-image:url('img/PokéLingo-preview.webp')}#duolingo{background-image:url('img/classroom.webp')}#blog{background-image:url('img/blog-bg.webp')}#self-help{background-image:url('img/self-help-bg.webp')}#art{background-image:url('img/random-art-bg.webp')}#open-source{background-image:url('img/open-source-bg.webp')}#support{background-image:url('img/support-me-bg.webp')}.header-content{z-index:1;padding:0 10px}.header-content h1{font-family:'Poppins','Jost','Aref Ruqaa','David Libre','Yuji Boku','GFS Didot','Noto Serif Armenian','Noto Serif Georgian','Yeon Sung','Amita',serif;color:var(--bright-gold);font-size:4em;margin:0 0 5px 0}.dynamic-word{color:var(--bright-gold);position:relative}.caret{display:inline-block;width:2px;height:1em;background-color:var(--bright-gold);animation:blink .7s infinite;vertical-align:middle}.header-content p{font-family:'Poppins',serif;font-weight:bold;font-size:1.5em;margin-bottom:30px}.header-content ul{display:flex;flex-direction:row;gap:0}.sticky-nav{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;max-width:100%;background-color:var(--sticky-nav-bg);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;overflow-x:hidden}.sticky-nav .logo{display:flex;align-items:center;vertical-align:middle}.sticky-nav .logo img{width:30px;height:30px;margin-right:10px}.sticky-nav .logo-text{color:var(--bright-gold);font-family:'Poppins',serif;font-size:1.3em;font-weight:bold}.sticky-nav-menu{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.sticky-nav-menu a{color:var(--main-gold);text-decoration:none;font-weight:bold;font-size:1.1em;transition:color .3s,transform .2s;position:relative}.sticky-nav-menu a:hover{color:var(--bright-gold);transform:scale(1.05)}.sticky-nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--bright-gold);transition:width .3s}.sticky-nav-menu a:hover::after{width:100%}.hamburger-menu{display:none}.hamburger-line{width:25px;height:3px;background-color:var(--main-gold);margin:3px 0}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bluish-grey);z-index:1100}.mobile-nav-close{position:absolute;top:20px;right:20px;color:var(--main-gold);font-size:2em;cursor:pointer;transition:color .3s}.mobile-nav-close:hover{color:var(--bright-gold)}.mobile-nav.active{display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-nav a{color:var(--main-gold);text-decoration:none;font-size:2em;margin:15px 0;transition:color .3s,transform .3s}.mobile-nav a:hover{color:var(--bright-gold);transform:scale(1.1)}.mobile-nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--bright-gold);transition:width .3s}.mobile-nav a:hover::after{width:100%}.link-icon{width:.7em;height:auto;margin-right:10px}#avatar,#duobanner,#duobanner-animated,#socials,#open-source-icon,#self-help-icon,#art-icon,#support-icon{width:100px;height:100px;border-radius:50%}#duo-is-ded{width:13px;height:13px;border:5px solid var(--main-gold);border-radius:50%}#duobanner-animated{display:none}#duolingo-owl:hover #duobanner{display:none}#duolingo-owl:hover #duobanner-animated{display:inherit}#duoavatar,#blog-icon{width:100px;height:100px}nav ul{list-style:none;padding:0;margin:10px 0 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}nav ul li{display:inline;margin:0 15px;text-align:center}nav ul li a{position:relative;border-radius:5px;padding:5px 20px;color:var(--main-gold);text-decoration:none;font-weight:bold;transition:color .3s;background-color:var(--black-button);font-size:3em;box-shadow:0 0 1px var(--bright-gold)}nav ul li a:after{font-family:'Font Awesome 6 Free';-webkit-font-smoothing:antialiased;content:'\f103';position:absolute;opacity:0;bottom:-10px;left:50%;transform:translateX(-50%);transition:opacity .5s,bottom .5s}nav ul li a:hover{color:var(--main-gold);background-color:rgba(30,30,45,0.5);padding-top:1px;padding-bottom:9px}nav ul li a:hover:after{opacity:1;bottom:-50px}#aa,#ae,#tbl,#rs,#jw,#me,#bk,#er,#utus{text-decoration:none;color:inherit}.header-content nav ul li #opposite-color{border-radius:5px;padding:5px 20px;color:var(--black);background-color:var(--main-gold);text-decoration:none;font-weight:bolder;transition:color .3s;font-size:3em;box-shadow:0 0 1px var(--white);transition:transform .2s ease}.header-content #opposite-color:after{content:''}.header-content #opposite-color:hover{color:var(--black);background-color:var(--cream);font-size:3.1em;transform:scale(1.05)}main{background-image:var(--main-bg-img);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-color:var(--bluish-grey);box-sizing:border-box;overflow-x:hidden;padding:40px 20px;background-blend-mode:var(--bg-blend)}section{min-height:90vh;text-align:center;background:var(--section-bg-color);box-shadow:1px 1px 1px var(--sounds-box-shadow);border-radius:18px;padding:2em;margin:20px auto;max-width:1300px;display:flex;flex-direction:column;justify-content:center;align-items:center}section h2{font-size:2.5em;color:var(--main-gold);text-align:center;margin-bottom:20px;font-family:'Poppins',serif}section h2 a{color:var(--main-gold)}section h3{color:var(--main-gold);font-family:'Poppins',serif;margin-bottom:10px;margin-top:30px}section p{font-size:1.3em;text-shadow:2px 2px 4px var(--almost-transparent-black);line-height:1.6;text-align:center;max-width:800px;margin:0 auto}summary,#contact-summary-with-upload,.canva-template-button{color:var(--main-gold);background-color:var(--black-button);font-weight:bolder;border-radius:8px;box-shadow:0 0 1px var(--bright-gold);padding:10px;cursor:pointer}details h4{color:var(--main-gold)}.container{justify-content:center;align-items:center;width:90%;max-width:1300px;margin:0 auto}.blog-carousel{position:relative;overflow:hidden}.blog-preview{display:none;position:relative;opacity:0;transition:opacity .3s ease-in-out}.blog-preview.active{display:block;opacity:1;border:dashed 1px var(--main-gold);border-radius:0 20px 0 20px;padding:0 10px 10px 10px;margin-bottom:30px;background-color:var(--blog-preview-bg);word-wrap:break-word}.blog-preview h3{color:var(--main-gold);font-size:1.5em;margin-bottom:10px}.blog-preview p{font-size:1em;margin-bottom:10px;white-space:pre-wrap;line-height:1.5}.blog-preview a{color:var(--main-gold);text-decoration:none;font-weight:bold}.blog-preview a:hover{text-decoration:underline}.blog-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.blog-nav-btn{background:rgba(0,0,0,0.5);color:#fff;border:0;padding:10px 15px;cursor:pointer;font-size:24px;z-index:10;pointer-events:auto;border-radius:5px}.blog-nav-btn:hover{background:rgba(0,0,0,0.7)}.blog-nav-btn:disabled{opacity:.3;cursor:not-allowed}.loading{color:var(--main-gold);font-size:1.2em;margin:50px 0}.error{color:#ff6b6b;font-size:1.1em;margin:50px 0}.blog-indicator{display:flex;justify-content:center;gap:10px;margin-top:20px}.indicator-dot{width:10px;height:10px;border-radius:50%;background:rgba(212,175,55,0.3);cursor:pointer;transition:background .3s ease}.indicator-dot.active{background:var(--main-gold)}#self-help h3{color:var(--main-gold)}#labyrinth{display:flex;flex-direction:column}.cards-container,.sound-therapy-container{display:flex;flex-wrap:wrap;justify-content:center}.card,.sounds{margin:10px}.card{position:relative;width:290px;height:290px;border-radius:15px;overflow:hidden;box-shadow:0 0 10px rgba(255,255,255,0.3);transition:transform .3s ease,box-shadow .3s ease}.margin-top-10{margin-top:10px}.sounds{box-shadow:0 0 10px var(--sounds-box-shadow);border-radius:20px;padding:10px;transition:transform .3s ease,box-shadow .3s ease;width:100%}iframe{width:100%;aspect-ratio:16 / 9}#mandalas-pdf,#puzzles-pdf,#faizalingo-app,#app-preview-details,#kanji-game-preview-details,#concept-webpage{display:flex;flex-direction:column;gap:10px;align-items:center}.mandalas-pdf-thumbnail{width:50%;height:auto}.card img{width:100%;height:100%;object-fit:cover;display:block}.card-content{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);color:#fff;padding:20px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}.card-content h2{color:#fcbf47;margin-bottom:10px;font-size:24px}.card-content p{font-size:16px}.btn{display:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;background-color:var(--main-gold);color:var(--black);border-radius:20px;text-align:center;text-decoration:none;font-size:16px;z-index:2;box-shadow:0 0 10px rgba(0,0,0,0.3);font-weight:bold}#labyrinth-therapy-btn{margin:10px auto}.pdf-btn,#labyrinth-therapy-btn,.app-btn{padding:10px 20px;background-color:var(--main-gold);color:var(--black);border-radius:20px;text-align:center;text-decoration:none;font-size:16px;box-shadow:0 0 10px rgba(0,0,0,0.3);font-weight:bold;transition:transform .3s}.pdf-btn:hover,#labyrinth-therapy-btn:hover,.app-btn:hover{transform:scale(1.05)}.card:hover{transform:scale(1.05);box-shadow:0 0 10px var(--bright-gold)}.card:hover .btn{display:block}.img-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.img-container-item{max-height:20vh;width:auto;height:auto;object-fit:contain}.img-border{box-shadow:0 0 10px rgba(255,255,255,0.3);border-radius:20px;padding:10px;margin:10px}.description{font-style:italic;font-size:1em}#faizalingo-preview,#pokelingo-preview{width:100%;height:100%;box-shadow:0 0 10px rgba(255,255,255,0.3)}#kanji-game-preview-details{margin-top:15px}#faizalingo h3{margin-top:100px}#faizalingo-preview{border-radius:50px 50px 0 0}#pokelingo-preview{border-radius:0 0 50px 50px}.faizalingo-container p{padding-bottom:20px}ul{list-style-type:none;padding:0;text-align:center;display:flex;flex-direction:column}ul li,.canva-template-button{margin:10px 0}ul li a{color:var(--main-gold);text-decoration:none;font-size:1.1em;transition:color .3s;display:inline-block}ul li a:hover{color:rgba(30,30,45)}#text{position:relative;margin-bottom:20px;padding:70px 0}#utus-title{display:none;opacity:0;position:relative}#duo-title,#utus-title{transition:opacity .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#duolingo-owl:hover+#text #duo-title{opacity:0}#duolingo-owl:hover+#text #utus-title{opacity:1;display:block}#duolingo-owl:not(:hover)+#text #duo-title{opacity:1}#duolingo-owl:not(:hover)+#text #utus-title{opacity:0;display:none}#utus-title span{display:inline-block;transition:opacity .3s ease;animation:scatter 1s ease-in-out forwards;opacity:0}#utus-title span:nth-child(1){--x:-50px;--y:-25px;--r:19deg;animation-delay:.1s}#utus-title span:nth-child(2){--x:-35px;--y:3px;--r:-9deg;animation-delay:.2s}#utus-title span:nth-child(3){--x:-1px;--y:-18px;--r:9deg;animation-delay:.3s}#utus-title span:nth-child(4){--x:32px;--y:-8px;--r:-4deg;animation-delay:.4s}#utus-title span:nth-child(5){--x:50px;--y:2px;--r:5deg;animation-delay:.5s}.duolingo-li a,.canva-template-button{border-radius:5px;padding:10px;display:block;text-decoration:none;color:var(--main-gold)}#signature{filter:var(--signature-bg);margin:20px 0 20px 0;width:20%;height:20%}.open-source-container #open-source-initiative{color:var(--main-gold);text-decoration:none;font-weight:bolder}.open-source-container #osi{line-height:1.5em;background-color:var(--black);border:0;border-radius:8px;box-shadow:0 0 1px var(--bright-gold);padding:5px 20px;margin:10px}.open-source-container #osi:hover{transform:scale(1.05)}details{margin:10px}#special-thanks #special-thanks-title{font-size:clamp(2rem,6vw+1rem,3rem);font-weight:bold;line-height:1;text-align:center;text-transform:uppercase;background-image:linear-gradient(to right,#14f339,#007aff,#f6ee00,#007aff,#14f339,#ff6262,#f6ee00,#007aff,#14f339);-webkit-background-clip:text;background-clip:text;--bg-size:200%;color:var(--special-thanks-title-color);background-size:var(--bg-size);animation:text-animate 5s steps(5) infinite;animation:text-animate 5s linear infinite;animation:text-animate 5s ease infinite}#special-thanks-yellow{color:var(--main-gold);font-family:'Poppins',serif;font-weight:bold}.open-source-carousel{max-width:1000px;margin:0 auto;padding:20px}.carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.carousel-title{font-size:1.5rem;font-weight:bold;margin:0}.nav-button{background:var(--nav-button-color);border:0;cursor:pointer;padding:10px;border-radius:50%;transition:background-color .3s}.nav-button:hover{background-color:rgba(255,255,255,0.1)}.resource-grid{display:grid;gap:15px;margin-bottom:20px}.resource-item{background-color:var(--black);border-radius:8px;padding:15px 20px;box-shadow:0 0 1px var(--cream);transition:transform .3s}.resource-item:hover{transform:scale(1.05)}.resource-link{color:var(--main-gold);text-decoration:none;font-weight:bold;display:block;margin-bottom:5px}.resource-desc{color:var(--cream);margin:0 auto;font-size:.9rem}.see-more-btn{width:100%;padding:10px;background:0;border:1px solid var(--main-gold);color:var(--main-gold);border-radius:4px;cursor:pointer;transition:background-color .3s;display:none}.see-more-btn:hover{background-color:rgba(252,191,71,0.1)}.dots-container{display:flex;justify-content:center;gap:8px;margin-top:20px}.dot{width:8px;height:8px;border-radius:50%;background-color:#ccc;transition:background-color .3s}.dot.active{background-color:var(--main-gold)}.hidden{display:none}.margin-top-nav{margin-top:40px}.stock-logo{width:200px;height:auto;max-width:100%}.stockphoto-thumbnail-gallery,.adobestockphoto-thumbnail-gallery{display:flex;justify-content:space-between;gap:5px;flex-wrap:nowrap;margin-bottom:30px;align-items:center}.milagro-thumbnail-gallery{column-count:2;margin-bottom:30px}.milagro-thumbnail-gallery img{width:100%;height:auto;transition:transform .3s ease;box-shadow:0 0 1px var(--almost-transparent-black)}.stockphoto-thumbnail-gallery img,.adobestockphoto-thumbnail-gallery img{width:100%;max-width:250px;height:auto;transition:transform .3s ease;box-shadow:0 0 1px var(--almost-transparent-black)}.adobestockphoto-thumbnail-gallery img{aspect-ratio:9 / 16;object-fit:cover}.support-div video{width:100%;height:auto}.stockphoto-thumbnail-gallery img:hover,.adobestockphoto-thumbnail-gallery img:hover{transform:scale(1.05);box-shadow:0 0 1px var(--bright-gold)}.milagro-thumbnail-gallery img:hover{transform:scale(1.05);box-shadow:0 0 1px var(--bright-gold)}.stockphoto-thumbnail-gallery #istockphoto-thumbnail1,#adobestockphoto-thumbnail1{border-radius:0 0 0 20px}.stockphoto-thumbnail-gallery #istockphoto-thumbnail3,#adobestockphoto-thumbnail3{border-radius:0 0 20px 0}#support h3{color:var(--main-gold)}.arrange-support{display:flex;gap:1rem;flex-wrap:wrap}.support-div{flex-grow:1;border:1px dashed var(--main-gold);border-radius:20px;padding:20px;justify-items:center;align-content:center;background-color:var(--support-bg-color)}#support .stockphoto-portfolio-img{width:100%;height:auto;border-radius:20px 20px 0 0;transition:transform .3s ease;margin-top:20px;box-shadow:0 0 1px var(--sounds-box-shadow)}#support .stockphoto-portfolio-img:hover{transform:scale(1.05);box-shadow:0 0 1px var(--bright-gold)}#contact-summary,#contact-summary-with-upload{display:inline-block;width:60vw;padding:10px;text-align:center;text-decoration:none}footer{background-color:var(--black);padding:20px 0;text-align:center;border-top:3px solid var(--main-gold);display:flex;flex-direction:column}footer p,a{color:var(--bright-gold);font-size:1em;display:inline;line-height:1.5}#social-buttons{margin-top:10px;display:flex;justify-content:center;gap:20px}.social-button{display:inline-block;color:var(--bright-gold);width:20px;height:20px;background-size:cover;border-radius:50%;transition:background-color .3s,transform .3s}.social-button:hover{transform:scale(1.1)}#audio-player{box-shadow:0 0 10px var(--main-gold);border-radius:40px;padding:15px;display:inline-block;margin-bottom:20px;width:80%;max-width:600px;background-color:var(--black-button)}#player-content{display:flex;align-items:center}#controls{margin-right:10px}#progress-container{display:flex;align-items:center;width:100%}#progress{flex-grow:1;width:auto;border:1px solid var(--main-gold);cursor:pointer;height:25px;border-radius:10px;overflow:hidden;position:relative}#bar{height:100%;background-color:var(--main-gold);width:0;border-radius:10px}#thumb{color:var(--main-gold);width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);left:0;cursor:pointer}#play,#pause{display:none}.play-pause{font-weight:bolder;background-color:var(--black);color:var(--main-gold);box-shadow:0 0 10px var(--main-gold);padding:10px;border-radius:50%}.play-pause:hover{background-color:var(--main-gold);color:var(--black)}#time-display{min-width:110px;text-align:right;margin-left:10px;font-family:'Poppins',serif;color:var(--main-gold)}#transcript{width:90%;max-width:600px;text-align:center;font-size:1.2em;background-color:var(--black-button);box-shadow:0 0 10px var(--main-gold);padding:5px 20px;border-radius:20px;margin:0 auto 20px auto}#floating-audio-container{position:fixed;bottom:150px;right:20px;z-index:9999;transition:transform .5s}#iptv-button{background:var(--black)}#audio-button:hover,#chat-button:hover,#iptv-button:hover{box-shadow:0 4px 20px rgba(0,0,0,0.2);transform:scale(1.2)}#iptv-button:hover{animation:blink-live 2s infinite}#audio-button.hidden,#chat-button.hidden,#iptv-button.hidden{transform:scale(0);opacity:0}#audio-button img,.chat-button img,.iptv-button img{width:60px;height:60px;border-radius:50%;object-fit:cover}#audio-dialog{bottom:160px;width:450px;border:1px solid var(--main-gold)}#floating-chat-container{position:fixed;bottom:80px;right:20px;z-index:9999;transition:transform .5s}.chat-button{width:60px;height:60px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 12px rgba(0,0,0,0.15);cursor:pointer;padding:0;transition:box-shadow .3s ease}.chat-button:hover{box-shadow:0 4px 20px rgba(0,0,0,0.2);transform:scale(1.05)}.chat-button.hidden{transform:scale(0);opacity:0}.chat-button img{width:60px;height:60px;border-radius:50%;object-fit:cover}.chat-dialog{position:fixed;bottom:90px;right:20px;width:380px;background:var(--black-button);border-radius:12px;border:1px solid var(--main-gold);box-shadow:0 4px 24px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(0.4,0,0.2,1);transform-origin:bottom right;opacity:1;transform:scale(1) translateY(0)}.chat-dialog.hidden{opacity:0;transform:scale(0.95) translateY(20px);pointer-events:none}.chat-header{padding:16px;background:var(--black);border-bottom:1px solid var(--main-gold);display:flex;justify-content:space-between;align-items:center}.chat-header h2{font-family:'Poppins',serif;color:var(--main-gold);margin:0;font-size:18px}.close-button{background:0;border:0;font-size:24px;cursor:pointer;padding:0 8px;color:var(--main-gold);transition:transform .2s ease}.close-button:hover{color:#333;transform:scale(1.1)}.chat-content{padding:16px;height:130px;overflow-y:auto}.chat-input{padding:13px;border-top:1px solid var(--main-gold);font-family:'Roboto',sans-serif;display:flex;flex-direction:column}.chat-input textarea{width:95%;padding:8px;border-radius:4px;margin-bottom:8px;resize:none;transition:border-color .2s ease}.chat-input textarea:focus{outline:0;border-color:var(--main-gold)}.chat-input button{align-self:flex-end;background:var(--main-gold);color:var(--black);font-size:1.5em;font-weight:bold;border:0;padding:10px 20px;border-radius:30px;cursor:pointer;transition:all .2s ease}.chat-input button:hover{background:var(--black);color:var(--main-gold);border:1px solid var(--main-gold);transform:translateY(-1px)}.chat-input button:active{transform:translateY(0)}.sonia-response{font-family:'IM Fell DW Pica',serif;font-size:20px;padding:12px;border-radius:8px;margin-bottom:12px;opacity:0;transform:translateY(10px);animation:fadeIn .3s ease forwards}.btn-link{display:inline-block;padding:10px 20px;background-color:var(--main-gold);color:var(--black);text-decoration:none;border-radius:30px;font-weight:bold;margin:10px}.btn-link:hover{background-color:lightgoldenrodyellow}.typing-indicator{display:inline-flex;align-items:center;margin:10px 0}.typing-indicator span{height:8px;width:8px;background:var(--main-gold);border-radius:50%;margin:0 2px;display:inline-block;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}#floating-iptv-container{position:fixed;bottom:10px;right:20px;z-index:9999;transition:transform .5s}@media(max-width:1080px){.sticky-nav-menu{display:none}.sticky-nav{justify-content:space-between;padding:10px 20px}.hamburger-menu{display:flex;flex-direction:column;cursor:pointer;border-radius:10px;background-color:rgba(200,200,200,0.3);padding:5px}}@media(max-width:768px){.header-content h1{font-size:3em}.header-content p{font-size:1.3em}#transcript{font-size:1em}nav ul,.header-content nav ul{flex-direction:column}nav ul li,.header-content nav ul li{margin:5px 0}nav ul li a,.header-content nav ul li a,.header-content nav ul li #opposite-color{font-size:1.5em}.header-content nav ul li #opposite-color:hover{font-size:1.6em}section{width:90%;padding:15px}section h2{font-size:1.8em}section p{font-size:1em}details ul li a{font-size:1.5em}#ad-banner-container-2{position:relative;display:inline-block}#ad-banner-container{display:none}#kopi-kurma-latte-banner-square{display:inherit;width:100%;transition:opacity .5s,transform .5s,width .5s,box-shadow .5s}#kopi-kurma-latte-banner-square:hover{transform:scale(1.05);box-shadow:0 0 10px var(--bright-gold);opacity:80%}.adobestockphoto-thumbnail-gallery{justify-content:center;flex-wrap:wrap}.adobestockphoto-thumbnail-gallery img{aspect-ratio:auto}}@media(max-width:480px){.header-content h1{font-size:2em}.header-content p{font-size:1em}#transcript{font-size:1em}nav ul li a{font-size:1.3em}.header-content nav ul li #opposite-color{font-size:1.3em}#signature{margin:10px 0 0 0;max-width:70%;max-height:70%;width:auto;height:auto}.header-content nav ul li #opposite-color:hover{font-size:1.4em}.img-container-item{max-height:10vh;width:auto;height:auto;object-fit:contain}details ul li a{font-size:1.3em}#chat-dialog{position:fixed;bottom:0;right:0;width:100%;height:100%;border-radius:0;transform:translateY(100%)}#chat-dialog:not(.hidden){transform:translateY(0)}#responseContainer{height:calc(100% - 130px)}#audio-dialog{position:fixed;bottom:0;right:0;width:100%;border-radius:0;transform:translateX(100%)}#audio-dialog:not(.hidden){transform:translateY(-180px)}#audio-content{height:130px;overflow-y:auto}#floating-iptv-container{z-index:998}}@keyframes scatter{0%{opacity:0;transform:translate(0,0) rotate(0)}100%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r))}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes glow{0%{box-shadow:0 0 10px 5px #14f339}20%{box-shadow:0 0 10px 5px #007aff,0 0 20px #14f339}40%{box-shadow:0 0 10px 5px #f6ee00}60%{box-shadow:0 0 10px 5px #007aff,0 0 20px #f6ee00}80%{box-shadow:0 0 10px 5px #14f339}100%{box-shadow:0 0 10px 5px #ff6262,0 0 20px #14f339}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes text-animate{from{background-position:0 0}to{background-position:var(--bg-size)}}@keyframes typing{0{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}100%{transform:scale(1);opacity:.7}}@keyframes blink-live{0%,100%{outline:1px solid red;filter:drop-shadow(0 0 10px crimson)}50%{outline:0;filter:none}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hover-change-bg{background-color:var(--hover-change-bg-color);box-shadow:0 0 1px var(--bright-gold);font-weight:bold}.hover-change-bg:hover{background-color:var(--black)}.shake-animation{animation:shake 2s ease-in-out infinite alternate;animation-delay:2s}#special-thanks{background:var(--almost-transparent-black);background-blend-mode:var(--bg-blend);border:1px solid var(--main-gold);border-radius:20px;box-shadow:0 0 1px var(--main-gold);margin-top:20px;padding:20px}.glow{animation:glow 2s ease-in-out infinite alternate;animation-delay:2s}