:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--breakpoint-xs: 360px;--breakpoint-sm: 430px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1440px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--touch-target-min: 44px;--color-primary: #D7A278;--color-secondary: #E3D5B8;--color-dark: #000;--color-bg-dark: #0f0f0f;--color-border: #1e1e1e;--color-text-light: #f1f1f1;--color-accent: #C33740;--font-serif: "Scheherazade New", serif;--font-display: "Rakkas", sans-serif;--font-body: "Scheherazade New", sans-serif;--line-height-tight: 1.3;--line-height-normal: 1.6;--line-height-relaxed: 1.8}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-top{padding-top:var(--safe-area-inset-top)}.safe-area-both{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.touch-target-sm{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}button,a{touch-action:manipulation}.text-responsive-sm{font-size:clamp(.875rem,2.5vw,1rem)}.text-responsive-base{font-size:clamp(1rem,3vw,1.25rem)}.text-responsive-lg{font-size:clamp(1.25rem,4vw,1.5rem)}.text-responsive-xl{font-size:clamp(1.5rem,5vw,2rem)}.text-responsive-2xl{font-size:clamp(2rem,6vw,3.5rem)}.px-responsive{padding-left:clamp(.75rem,3vw,2rem);padding-right:clamp(.75rem,3vw,2rem)}.py-responsive{padding-top:clamp(.75rem,2vw,1.5rem);padding-bottom:clamp(.75rem,2vw,1.5rem)}.gap-responsive{gap:clamp(.75rem,3vw,2rem)}.scroll-smooth-ios{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(max-width:900px)and (max-height:500px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem}}@media(max-width:360px){:root{--spacing-xl: 1.5rem;--spacing-2xl: 2rem}}@media(min-width:768px){:root{--spacing-lg: 2rem;--spacing-xl: 2.5rem}}@media(max-width:430px){body{font-size:16px}}:root{--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}body,html{margin:0;padding:0;background-color:#000;height:100%;position:relative;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:Scheherazade New,Segoe UI,sans-serif;overflow-y:hidden}.title-section{margin-bottom:20px}.title-section .line{width:100%;height:2px;background-color:#d7a278;margin:10px 0}.title-section .title{font-family:Rakkas,sans-serif;font-size:3.5rem;color:#d7a278;margin:0}@media(max-width:768px){.title-section .title{font-size:2.5rem}}@media only screen and (max-width:375px){.title-section .title{font-size:2rem}}.text-content,.doen-content,.poem-content p{font-family:Scheherazade New,sans-serif;font-weight:700;font-size:clamp(1.1rem,5vw,2.5rem);line-height:1.8;text-align:right;color:#e3d5b8;direction:rtl;unicode-bidi:embed;margin:0}.text-content{text-align:right}@media(max-width:768px){.text-content{text-align:center;font-size:clamp(1.9rem,4.5vw,1.8rem)}.text-content{font-size:clamp(2rem,5vw,1.6rem)}.doen-content{font-size:24px}}@media only screen and (max-width:375px){.text-content{font-size:24px}.doen-content{font-size:20px}}.footer-text{font-family:Scheherazade New,sans-serif;font-size:14px;color:#d7a278;margin:0;font-weight:700}.footer-text a{color:#e3d5b8;text-decoration:none}.footer-text a:hover{color:#d7a278}.highlight{background-color:#f0c674;font-weight:700;color:#000}.no-poems-found{font-size:18px;color:#c33740;margin-top:20px}*,*:before,*:after{box-sizing:border-box}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;width:100%;box-sizing:border-box;padding:20px}.header{height:1vh;background-color:#d7a278;margin-top:10px}.main-container{text-align:center;padding:40px;border-radius:14px;border:4px solid #D7A278;width:70%;margin:2vh auto;max-height:calc(100vh - 120px);padding-bottom:calc(var(--safe-area-inset-bottom) + 20px);box-sizing:border-box;overflow-y:scroll;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media only screen and (max-width:768px){.main-container{width:90%;padding:20px;max-height:calc(100vh - 120px);padding-bottom:calc(var(--safe-area-inset-bottom) + 20px);margin-bottom:calc(var(--safe-area-inset-bottom) + 140px)}}@media only screen and (max-width:375px){.main-container{padding:10px;margin-bottom:calc(var(--safe-area-inset-bottom) + 160px)}}.content-section{display:flex;justify-content:center;padding:1rem;gap:clamp(20px,4vh,30px);align-items:center;flex-direction:column;width:100%;min-height:100vh}.top-content{display:flex;gap:clamp(20px,3vh,30px);align-items:center;justify-content:center;flex-direction:row;width:100%;flex:1;padding:clamp(20px,5vh,40px) 0}@media(max-width:768px){.top-content{flex-direction:column;justify-content:flex-start;padding-top:clamp(20px,3vh,30px);padding-bottom:clamp(20px,3vh,30px)}.content-section{min-height:calc(100vh - 120px);padding:1rem}.top-content{justify-content:space-around;padding:clamp(20px,4vh,30px) 0}}.footer-section{border-top:2px solid #E3D5B8;border-bottom:2px solid #E3D5B8;line-height:1;padding:10px 0;margin-top:30px;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;flex-direction:column}.nav-buttons{height:10vh;width:100%;display:flex;justify-content:space-evenly;position:relative;z-index:1}.nav-button{background-color:transparent;border:none;border-radius:50%;width:60px;height:60px;margin:0 10px;padding:0;cursor:pointer;transition:transform .3s;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.nav-button:hover{background-color:#d7a479;transform:scale(1.1)}.nav-button:active{transform:scale(.95);background-color:#d7a27833}.nav-button .box{display:flex;justify-content:center;align-items:center;padding:0}.icon{color:#d7a278;transition:transform .3s,color .3s;width:30px;height:30px}.icon:hover{color:#e3d5b8}.img-footer{border-radius:50%;width:clamp(40px,12vw,60px);height:clamp(40px,12vw,60px);object-fit:cover}.border-left-right{display:flex;justify-content:center;align-items:center;width:60px;height:60px;padding:0;box-sizing:border-box}@media only screen and (max-width:768px){.nav-buttons{position:fixed;bottom:0;left:0;right:0;height:auto;width:100%;padding:8px 0;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(215,162,120,.3);border-bottom:none;display:flex;justify-content:space-around;align-items:center;z-index:999;padding-bottom:calc(var(--safe-area-inset-bottom) + 10px)}.nav-button{width:50px;height:50px;margin:0;padding:0;transition:all .3s ease}.nav-button:hover{background-color:#d7a2781a;transform:scale(1.05)}.nav-button:active{transform:scale(.95)}.icon{width:28px;height:28px}.img-footer{height:50px}.nav-buttons{align-items:center}.nav-button{margin:0}}@media only screen and (max-width:375px){.nav-buttons{padding:6px 0;height:auto}.nav-button{width:48px;height:48px}.icon{width:26px;height:26px}.img-footer{height:48px}.nav-button{width:45px;height:45px;margin:0}.nav-button .icon{width:100%;height:100%}}.profile-image-container{width:clamp(150px,40vw,280px);aspect-ratio:23 / 25;height:auto;background-color:#d7a278;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(215,162,120,.3);flex-shrink:0}.profile-image-container:hover{transform:translateY(-2px)}@media(max-width:768px){.profile-image-container{width:clamp(200px,35vw,240px);margin:0}}.profile-image-container img{width:100%;height:100%;object-fit:cover}.social-icons{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0}.social-icons a{text-decoration:none;display:flex;align-items:center;justify-content:center;transition:transform .3s}.social-icons .icon{width:32px;height:32px;color:#d7a278;transition:transform .3s,color .3s}.social-icons a:hover .icon{transform:scale(1.1);color:#e3d5b8}.soundcloud-icon{width:32px;height:32px}.book-container{text-align:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(12px,3vw,20px);justify-items:center}@media(max-width:430px){.book-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.squire{width:clamp(140px,40vw,200px);aspect-ratio:200 / 260;height:auto;border:2px solid #D7A278;border-radius:24px;background-color:#1e1e1e;overflow:hidden;box-shadow:0 4px 6px #0000004d;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .5s ease-in}.squire:hover{transform:translateY(-2px);box-shadow:0 10px 15px #00000080}@media only screen and (max-width:375px){.squire{width:100%}}.up-content{height:80%;display:flex;align-items:center;justify-content:center}.up-content .icon{color:#d7a278;width:clamp(60px,18vw,100px);height:auto;transition:transform .3s ease}.up-content .icon:hover{transform:scale(1.05)}.down-content{height:20%;border-top:2px solid #D7A278;color:#e3d5b8;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.down-content p{font-family:Scheherazade New,sans-serif;font-weight:700;font-size:20px;margin:0;text-align:center}@media only screen and (max-width:375px){.down-content p{font-size:1em}}.soon{justify-content:space-around}.down-content .icon{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px);color:#d7a278;transition:transform .3s,color .3s;cursor:pointer}.down-content .icon:hover{transform:scale(1.1);color:#e3d5b8}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;transition:opacity .3s ease}.modal-content{background-color:#1e1e1e;margin:15% auto;padding:20px;border-radius:8px;width:80%;max-width:400px;color:#fff;text-align:center;position:relative}.close-button{position:absolute;top:15px;right:20px;font-size:30px;cursor:pointer}.button{background-color:#d7a278;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;display:inline-block;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-bar{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,2vw,12px);border:2px solid #D7A278;border-radius:8px;margin-bottom:20px;min-height:44px;transition:all .3s ease}.search-bar:focus-within{box-shadow:0 0 8px #d7a27866;border-color:#e3d5b8}.search-bar input{background-color:#000;border:none;color:#e3d5b8;font-size:clamp(14px,3vw,17px);flex-grow:1;padding:clamp(8px,2vw,10px);direction:rtl;text-align:right}.search-bar button{padding:clamp(4px,1vw,8px);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.search-bar input:focus{outline:none;background-color:#111;color:#fff}.search-bar .icon{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);color:#d7a278;transition:all .3s ease;flex-shrink:0}.search-bar .icon:hover{transform:scale(1.15);color:#e3d5b8}@media only screen and (max-width:768px){.search-bar{padding:8px}.search-bar input{font-size:16px;padding:8px}}@media only screen and (max-width:375px){.search-bar .icon{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px);flex-shrink:0}.search-bar input{font-size:14px;padding:6px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}form{overflow:hidden;display:flex;justify-content:space-between;align-items:center;width:100%}form button{border:none;outline:0;background:transparent}.poem-header{display:flex;justify-content:space-between;align-items:center;width:100%;direction:rtl}.poem-title{font-size:18px;margin-right:10px;color:#fff;font-weight:700}.poem-list{display:flex;flex-direction:column;gap:15px}.poem-item{display:flex;flex-direction:column;border:2px solid #D7A278;border-radius:8px;padding:clamp(12px,3vw,15px);transition:background .3s,transform .3s;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:15px;min-height:44px;cursor:pointer}.poem-item:active{transform:scale(.98)}@media(max-width:768px){.poem-item{padding:clamp(10px,2.5vw,12px)}.poem-item{font-size:16px;padding:12px}}@media only screen and (max-width:375px){.poem-item{font-size:14px;padding:10px}.poem-item .icon{width:24px;height:24px}}.poem-item .icon{width:32px;height:32px;color:#d7a278;transition:transform .3s,color .3s}.poem-item:hover{background-color:#1a1a1a;transform:scale(1.02)}.poem-item .icon:hover{transform:scale(1.1);color:#e3d5b8;cursor:pointer}.poem-content{font-size:16px;color:#e3d5b8;text-align:right;padding-top:10px;overflow:hidden;transition:max-height .5s ease-out;display:none}.poem-content.visible,.poem-item.active .poem-content{display:block}.audio-player-custom{display:flex;align-items:center;gap:15px;background-color:#0f0f0f;border:1px solid #D7A278;border-radius:12px;padding:10px 16px;box-shadow:0 3px 10px #0006;margin:15px auto;width:100%;max-width:clamp(260px,60vw,720px)}.custom-audio-controls{display:flex;align-items:center;gap:10px;color:#e3d5b8;flex-grow:1}.play-pause{background-color:#d7a278;border:none;color:#000;width:clamp(40px,10vw,45px);height:clamp(40px,10vw,45px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .2s;box-shadow:0 2px 6px #0000004d;min-width:44px;min-height:44px;cursor:pointer;touch-action:manipulation}.play-pause:hover{background-color:#c33740;transform:scale(1.05)}.play-pause .icon{width:18px;height:18px;color:#000}.seek-bar-container{flex-grow:1;position:relative;background:#2a2a2a;border-radius:3px;cursor:pointer;overflow:visible}.seek-bar{width:100%;height:5px;accent-color:#D7A278;cursor:pointer;display:block}.seek-bar::-webkit-slider-thumb{width:14px;height:14px;border-radius:50%;background:#d7a278;cursor:pointer;transition:transform .2s ease}.seek-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.current-time,.duration{font-size:13px;color:#e3d5b8;min-width:40px;text-align:center;font-family:Scheherazade New,sans-serif}.share-feature{display:flex;gap:10px;margin-top:10px}.share-button{background-color:#333;color:#d7a278;border:1px solid #D7A278;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background-color .3s}.share-button:hover{background-color:#d7a278;color:#000}.active-togile{display:flex;justify-content:center;align-items:center;gap:clamp(8px,2vw,10px);margin:20px 0;flex-wrap:wrap;padding:0 var(--safe-area-inset-left) 0 var(--safe-area-inset-right)}.active-togile button{background-color:transparent;border:2px solid #D7A278;color:#e3d5b8;font-family:Scheherazade New,sans-serif;font-size:clamp(16px,4vw,22px);font-weight:700;padding:clamp(6px,1.5vw,20px);border-radius:8px;cursor:pointer;transition:all .3s ease;direction:rtl;min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;white-space:nowrap}.active-togile button:hover{background-color:#d7a278;color:#000;transform:scale(1.05)}.active-togile button.active{background-color:#d7a278;color:#000;border-color:#d7a278}.thoughts-grid{column-count:2;column-gap:6%;padding:10px;width:100%;box-sizing:border-box}.thought-card{display:inline-block;width:100%;margin-bottom:20px;background:#ffffff0d;border:1px solid rgba(215,162,120,.3);border-radius:16px;padding:clamp(10px,2.5vw,14px);transition:all .4s ease;overflow:hidden;break-inside:avoid;box-sizing:border-box;cursor:pointer;min-height:80px}@media(max-width:430px){.thought-card{padding:10px;border-radius:12px}}.thought-card:hover{background:#ffffff14;transform:translateY(-3px)}.thought-text{color:#f1f1f1;line-height:1.8;font-size:1rem;max-height:4.8em;overflow:hidden;text-overflow:ellipsis;position:relative;white-space:pre-line;transition:all .4s ease}.thought-text:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,#0009);pointer-events:none;transition:opacity .3s}.thought-card.open .thought-text{max-height:1000px}.thought-card.open .thought-text:after{opacity:0}.thought-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}@media only screen and (max-width:1024px){.thoughts-grid{column-count:2;column-gap:5%}.thought-card{font-size:.95rem;padding:10px}}@media only screen and (max-width:768px){.thoughts-grid{column-count:1;column-gap:0}.thought-card{width:100%;padding:12px;margin-bottom:16px;border-radius:12px}.thought-text{font-size:1rem;line-height:1.8}}@media only screen and (max-width:430px){.thoughts-grid{column-count:1;column-gap:0;padding:6px}.thought-card{padding:10px;border-radius:10px}.thought-text{font-size:.95rem;line-height:1.7}.thought-footer{flex-direction:row;justify-content:space-between;font-size:.9rem}.icon{width:20px;height:20px}}.skeleton{background:linear-gradient(90deg,#1e1e1e 25%,#2a2a2a,#1e1e1e 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}