:root{--bg-main:#f5f1e8;--card-bg:#fff;--primary:#8b6f47;--primary-light:#c2a878;--text-main:#3e2f23;--accent:#7a9e7e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Poppins,sans-serif}.hero{background-color:var(--primary);flex-direction:column;width:100%;min-height:100vh;display:flex}.header{background-color:var(--bg-main);justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 5%;display:flex}.header nav{justify-content:space-between;align-items:center;width:100%;display:flex}.header nav .Logo{align-items:center;width:auto;height:35px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.Logo img{object-fit:contain;filter:drop-shadow(0 0 8px #8b6f471a);width:auto;height:100%;transition:all .4s}.Logo:hover{transform:scale(1.1)rotate(-3deg)}.Logo:hover img{filter:drop-shadow(0 0 15px #8b6f474d)}.header nav ul{width:auto;color:var(--text-main);justify-content:flex-end;align-items:center;gap:40px;font-weight:500;list-style:none;display:flex}.header nav ul li:hover{color:var(--primary-light);cursor:pointer;transition:color .3s;transform:scale(1)}.hero-content{flex:1;justify-content:space-between;align-items:center;gap:40px;padding:0 10%;display:flex}.hero-text{color:#fff;text-align:left;width:55%;animation:.8s ease-out fadeInUp}.hero-text .badge{letter-spacing:1px;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.hero-text h1{letter-spacing:-2px;margin-bottom:24px;font-size:4.5rem;font-weight:800;line-height:1.05}.hero-text .highlight{color:var(--primary-light);display:block}.hero-text p{opacity:.85;max-width:90%;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.hero-btns{gap:20px;display:flex}.btn-primary{background-color:var(--bg-main);color:var(--primary);cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.btn-secondary{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #ffffff4d;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:background .3s}.btn-secondary:hover{background:#ffffff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-card{background-color:var(--card-bg);border-radius:20px;width:380px;height:480px;overflow:hidden}.hero-card img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1024px){.header{padding:0 5%}.hero-content{text-align:center;flex-direction:column;gap:40px;padding:60px 5% 100px}.hero-text{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.hero-text h1{letter-spacing:-1px;font-size:3.5rem}.hero-text p{max-width:100%}.hero-btns{justify-content:center}.hero-card{width:100%;max-width:400px;height:400px}}@media (width<=768px){.header nav ul{gap:20px;font-size:.9rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}.header nav .Logo{height:40px}}@media (width<=480px){.header nav ul{display:none}.hero-text h1{font-size:2rem}.btn-primary,.btn-secondary{padding:12px 24px;font-size:.95rem}}.Commune-link{color:var(--text-main);text-decoration:none}.Commune-link:hover{color:var(--primary-light);cursor:pointer;transition:color .3s;transform:scale(1)}.nav-link{color:var(--text-main);font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--primary)}.user-name{color:var(--primary);background:#8b6f471a;border-radius:50px;padding:6px 15px;font-size:.95rem;font-weight:700}.logout-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .3s}.logout-btn:hover{background:var(--text-main);transform:translateY(-2px);box-shadow:0 5px 15px #8b6f4733}.day-selector-section{background-color:var(--bg-main);text-align:center;padding:100px 10%}.section-header h2{color:var(--text-main);margin-bottom:10px;font-size:2.5rem;font-weight:700}.section-header p{color:var(--text-main);opacity:.7;margin-bottom:40px;font-size:1.1rem}.date-search-container{justify-content:center;margin-bottom:40px;display:flex}.search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #8b6f4733;border-radius:100px;align-items:center;gap:10px;padding:10px;display:flex}.month-picker,.day-input{color:var(--text-main);background:0 0;border:none;outline:none;padding:10px 20px;font-family:inherit;font-size:1rem;font-weight:600}.day-input{border-left:1px solid #0000001a;width:100px}.search-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 30px;font-weight:700;transition:all .3s}.search-btn:active,.search-btn:focus{outline:none;transform:scale(.98);box-shadow:0 0 20px #8b6f47b3}.search-btn:hover{background-color:var(--text-main)}.separator-text{justify-content:center;align-items:center;gap:20px;margin-bottom:50px;display:flex}.separator-text:before,.separator-text:after{content:"";background:#0000001a;width:100px;height:1px}.separator-text span{letter-spacing:2px;color:var(--primary);font-size:.8rem;font-weight:800}.days-grid{grid-template-columns:repeat(7,1fr);gap:20px;display:grid}.day-card{background-color:var(--card-bg);cursor:pointer;text-align:left;border:1px solid #0000000d;border-radius:20px;flex-direction:column;justify-content:space-between;height:200px;padding:30px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.day-card:hover{border-color:var(--primary-light);transform:translateY(-10px);box-shadow:0 20px 25px -5px #8b6f4726}.day-card.active{background-color:var(--primary);color:#fff;border-color:var(--primary);animation:2s infinite alternate glowPulse;box-shadow:0 0 20px #8b6f4780}@keyframes glowPulse{0%{box-shadow:0 0 15px #8b6f4766}to{box-shadow:0 0 30px #8b6f47cc}}.day-card h3{margin-bottom:4px;font-size:1.3rem;font-weight:700}.amharic-label{opacity:.6;font-size:.9rem;font-weight:600}.day-card.active .amharic-label{color:#fff;opacity:.8}.day-theme{color:var(--primary);letter-spacing:.5px;margin-top:auto;font-size:.95rem;font-weight:600}.day-card.active .day-theme{color:var(--primary-light)}.arrow-icon{color:var(--primary-light);align-self:flex-end;margin-top:10px;font-size:1.3rem;transition:transform .3s}.day-card.active .arrow-icon{color:#fff}.day-card:hover .arrow-icon{transform:translate(8px)}@media (width<=1024px){.days-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.day-selector-section{padding:60px 8%}.days-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.days-grid{grid-template-columns:1fr}.day-card{height:160px}}.content-results{text-align:left;opacity:0;background:#8b6f4708;border:1px solid #8b6f471a;border-radius:24px;margin-top:3rem;padding:2.5rem;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.content-results.show{opacity:1;transform:translateY(0)}.content-results>*{opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.content-results.show>*{opacity:1;transform:translateY(0)}.content-results.show .result-header{transition-delay:.1s}.content-results.show .results-grid{transition-delay:.25s}.content-results.show .reflection-footer{transition-delay:.4s}.result-header{border-bottom:1px solid #8b6f471a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.result-header h3{color:var(--primary);font-size:1.5rem;font-weight:700}.results-grid{grid-template-columns:1fr 1.5fr;gap:2.5rem;display:grid}.mezmur-list h4,.story-section h4{color:var(--text-main);opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.2rem;font-size:1rem;font-weight:700}.mezmur-list ul{padding:0;list-style:none}.mezmur-list li{background:#fff;border-radius:12px;flex-direction:column;margin-bottom:.8rem;padding:1.2rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000a}.mezmur-list li:hover{background:var(--primary-light);color:#fff;transform:translate(10px)}.m-title{font-size:1.05rem;font-weight:700}.m-artist{opacity:.8;margin-top:.3rem;font-size:.85rem}.story-section p{color:var(--text-main);background:#fff;border-radius:16px;padding:1.5rem;font-size:1.05rem;line-height:1.8;box-shadow:0 4px 6px #00000005}.reflection-footer{border-top:1px dashed var(--primary);text-align:center;margin-top:2.5rem;padding-top:2rem}.reflection-footer h4{color:var(--primary);margin-bottom:10px;font-size:.9rem}.reflection-footer p{color:var(--text-main);max-width:800px;margin:0 auto;font-size:1.1rem;font-style:italic}.loading-spinner{text-align:center;color:var(--primary);padding:4rem;font-size:1.3rem;font-weight:600;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.4;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.98)}}@media (width<=768px){.results-grid{grid-template-columns:1fr}}.video-player-container{background:#000;border-radius:20px;animation:.5s ease-out slideInUp;overflow:hidden;box-shadow:0 20px 40px #0000004d}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-player{color:#fff;cursor:pointer;background:#333;border:none;width:100%;padding:10px;font-weight:700;transition:background .3s}.close-player:hover{background:#c0392b}.play-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50px;align-self:flex-start;margin-top:1rem;padding:8px 16px;font-size:.9rem;font-weight:700;transition:all .3s}.play-btn:hover{background:var(--text-main);transform:scale(1.05)}.play-btn.playing{background:#27ae60;box-shadow:0 0 15px #27ae6066}.m-actions{align-items:center;gap:12px;display:flex}.fav-btn{cursor:pointer;background:#fff;border:1px solid #8b6f4733;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000000d}.fav-btn.active{background:#fff5f5;border-color:#ff4757;animation:.3s ease-out heartBeat}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.four04-container{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;animation:.8s ease-out fadeIn;display:flex}.four04-card{background:var(--card-bg);text-align:center;border:1px solid #8b6f471a;border-radius:24px;width:100%;max-width:500px;padding:2rem 4rem;box-shadow:0 20px 40px #0000000d}.error-code{color:var(--primary-light);letter-spacing:-2px;background:linear-gradient(135deg, var(--primary-light), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:6rem;font-weight:800;line-height:1}.error-title{color:var(--text-main);margin-bottom:1rem;font-size:2rem;font-weight:700}.error-message{color:#6b7280;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.home-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b6f4733}.home-button:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #8b6f474d}.home-button:active{transform:translateY(0)}.home-link{text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.four04-card{padding:2rem}.error-code{font-size:4rem}.error-title{font-size:1.5rem}}.signin-container{background-color:#0000;background-image:radial-gradient(at 0 0,#8b6f470d 0,#0000 50%),radial-gradient(at 100% 100%,#8b6f470d 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.signin-glass-card{-webkit-backdrop-filter:blur(10px);text-align:center;background:#fffc;border:1px solid #8b6f471a;border-radius:30px;width:100%;max-width:450px;padding:3rem;animation:.8s ease-out fadeIn;box-shadow:0 25px 50px -12px #8b6f4726}.signin-logo{width:60px;height:auto;margin-bottom:1.5rem;transition:transform .3s}.signin-logo:hover{transform:scale(1.1)rotate(5deg)}.signin-header h2{color:var(--primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.signin-header p{color:var(--text-main);opacity:.6;margin-bottom:2.5rem;font-size:.95rem}.signin-form{text-align:left}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.input-group input{background:#ffffff80;border:1px solid #8b6f4726;border-radius:12px;width:100%;padding:12px 20px;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 15px #8b6f471a}.form-options{justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;display:flex}.remember-me{cursor:pointer;color:var(--text-main);align-items:center;gap:8px;display:flex}.forgot-password{color:var(--primary);font-weight:600;text-decoration:none}.signin-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:700;transition:all .3s}.signin-btn:hover{background:var(--text-main);transform:translateY(-2px)}.signin-footer{color:var(--text-main);opacity:.8;margin-top:2rem;font-size:.95rem}.signin-footer a{color:var(--primary);font-weight:700;text-decoration:none}.signin-footer a:hover{text-decoration:underline}.origin-content p{text-align:center;margin:20px 30px;line-height:1.9rem}.origin-content h1 span{justify-content:center;align-items:center;margin-top:10%;display:flex}.origin-content i{justify-content:center;align-items:center;font-size:15px;display:flex}.favorites-section{background-color:var(--bg-main);min-height:80vh;padding:100px 10%}.favorites-container{grid-template-columns:1fr 1.5fr;gap:3rem;margin-top:3rem;display:grid}.fav-list{flex-direction:column;gap:1rem;display:flex}.fav-item{cursor:pointer;background:#fff;border:1px solid #8b6f470d;border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px #00000005}.fav-item:hover{border-color:var(--primary-light);transform:translate(10px);box-shadow:0 10px 20px #8b6f471a}.fav-item.active{background:var(--primary);color:#fff}.fav-info{flex-direction:column;flex:1;display:flex}.fav-title{font-size:1.1rem;font-weight:700}.fav-artist{opacity:.8;margin-top:4px;font-size:.9rem}.fav-actions{align-items:center;gap:10px;display:flex}.play-btn-mini{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #8b6f4733;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .3s}.fav-item.active .play-btn-mini{color:var(--primary);background:#fff;border:none}.remove-btn{color:#ff4757;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.2rem;transition:transform .2s}.remove-btn:hover{transform:scale(1.2)}.fav-item.active .remove-btn{color:#fff}.fav-player{position:sticky;top:100px}.player-placeholder{height:300px;color:var(--text-main);opacity:.5;background:#8b6f4708;border:2px dashed #8b6f4733;border-radius:24px;justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;padding:5rem}.empty-state p{opacity:.7;margin-bottom:2rem;font-size:1.2rem}@media (width<=900px){.favorites-container{grid-template-columns:1fr}.fav-player{order:-1;position:static}}