html{font-size:10px;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}#mz-body{background-image:url(../img/cozy-oda.webp);background-size:cover;background-position:center;margin:0;padding:0;min-height:100vh;font-family:var(--josef)}#mz-header{height:auto}#mz-header-container{line-height:1.2;display:flex;padding:2rem;justify-content:space-between;align-items:center;gap:1.2rem}.mz-brand,.mz-logo,.mz-tagline{position:relative;z-index:1}.mz-logo{width:8rem;height:auto}.mz-brand{font-size:2.8rem;margin-left:0;letter-spacing:-.01em;font-weight:600;color:#e0b45a}.mz-brand .i-letter{position:relative}.mz-brand .hash{position:absolute;font-size:.5em;left:.07em}.mz-brand .letter{font-size:1.1em}.mz-brand .parentheses{opacity:.4}.mz-tagline{font-size:2rem;margin-left:1.2rem;font-style:italic;font-weight:400;letter-spacing:.03em}.mz-brand-card{display:flex;justify-content:center;align-items:center}.mz-nav .mz-nav-container ul{list-style-type:none;display:flex;justify-content:center;align-items:center;gap:1rem}.mz-nav .mz-nav-container ul li a{text-decoration:none;color:#e0b45a;font-size:2rem;font-weight:400;font-style:italic;border-radius:1px;padding:3px 3px 3px 5px;position:relative;display:inline-block;transition:0.3s}.mz-nav .mz-nav-container ul li a:hover::before{content:"✦";position:absolute;left:-2rem;top:50%;transform:translateY(-50%);display:block;color:#fff;font-size:1.4rem}.mz-nav .mz-nav-container ul li a:hover{margin-left:1.5rem}#dropdown-menu li a{color:#e0b45a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgb(0 0 0 / .5)}::-webkit-scrollbar-thumb{background:#ffb347;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e6a03a}.mz-main{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:calc(100vh - 20vh)}.mz-card-container{width:350px}.player-box{max-width:35rem;margin:0 auto;overflow:hidden;border:2px solid rgb(255 180 120 / .9);border-radius:18px;background:rgb(0 0 0 / .5);box-shadow:0 20px 50px rgb(0 0 0 / .6)}.card{max-width:38rem;width:100%;margin:0 auto;border:none;background:0 0;border-radius:0}.card-img-top{display:block;width:100%;height:27rem;object-fit:cover;filter:brightness(.95) contrast(1.05);border-radius:0}.card-body{padding:7px}#music-details{text-align:center;border-bottom:1px solid rgb(255 255 255 / .15);padding:5px 0;margin:5px 0}#music-details p{margin:0;color:#ffb347}.mz-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:rgb(255 255 255 / .2);border-radius:3px;outline:0;cursor:pointer}.mz-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#ffb347;cursor:pointer;border:none}.mz-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffb347;cursor:pointer;border:none}#progress{display:flex;align-items:center}#controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:10px}.ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background-color:#ffb347;color:#000;cursor:pointer;transition:background-color 0.2s,transform 0.15s;margin-bottom:4px;padding:0;line-height:1}.ctrl-play{width:48px;height:48px}.ctrl-sm{width:32px;height:32px}.ctrl-btn:focus,.ctrl-btn:hover{background-color:#e6a03a;outline:0}.ctrl-btn:active{transform:scale(.95)}.card-footer{display:flex;align-items:center;justify-content:space-between;max-width:300px;margin:0 auto;gap:2rem;padding:8px 0}.volume-container{display:flex;align-items:center;gap:6px;flex:1}.vol-btn{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:none;color:#ffb347;cursor:pointer;padding:4px;flex-shrink:0}.vol-btn svg{stroke:#ffb347;color:#ffb347}.vol-btn:hover{color:#e6a03a}.vol-btn:hover svg{stroke:#e6a03a}#volume-bar{margin:0;flex:1}.music-list-collapsed{max-height:0;overflow:hidden;transition:max-height 0.35s}.music-list-collapsed.open{max-height:400px;overflow-y:auto}.mz-list{list-style:none;margin:0;padding:0}.mz-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid rgb(255 255 255 / .1);color:#ffb347;font-size:1.4rem;cursor:pointer;transition:background-color 0.2s}.mz-list li:hover{background-color:rgb(255 179 71 / .15)}.mz-list li.playing{background-color:#0b5eb7;color:#fff}.footer-mz{background-color:#1d2043;box-shadow:0 -10px 30px rgb(0 0 0 / .4);color:#e0b45a;padding:1.5rem 0;margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;min-height:15vh}.footer-brand-mz{font-size:1.8rem;font-weight:600}.footer-brand-mz span{display:block;font-size:1.8rem;opacity:.8}.footer-contact-mz{display:flex;gap:2rem;align-items:center;font-size:1.8rem}.contact-item-mz{display:flex;align-items:center;gap:.6rem}.contact-item-mz a{text-decoration:none;color:#e0b45a}.contact-item-mz svg{color:#e0b45a;flex-shrink:0}.footer-copy{font-size:1.4rem;margin-top:.5rem;color:#e0b45a}@media (max-width:575.98px){#mz-header-container{flex-direction:column;padding:1.5rem 1rem;gap:1.5rem;align-items:center}.mz-brand-card{flex-direction:column;gap:.5rem;text-align:center}.mz-logo{width:6rem;margin-bottom:.5rem}.mz-brand{font-size:1.8rem;text-align:center}.mz-tagline{font-size:1.1rem;margin-left:0;text-align:center;display:block}.mz-nav .mz-nav-container ul{flex-wrap:wrap;justify-content:center;gap:1.2rem;padding:0}.mz-nav .mz-nav-container ul li a{font-size:1.6rem;padding:.5rem .8rem}.mz-card-container{width:90%}.footer-contact-mz{flex-direction:column;gap:.8rem;font-size:1.2rem}}@media (min-width:576px) and (max-width:767.98px){#mz-header-container{flex-direction:column;padding:2rem;gap:1.5rem}.mz-brand-card{justify-content:center}.mz-brand{font-size:2.4rem}.mz-tagline{font-size:1.6rem;margin-left:1rem;display:block}.mz-nav .mz-nav-container ul{gap:1.5rem;justify-content:center;flex-wrap:wrap}.mz-nav .mz-nav-container ul li a{font-size:1.5rem}.mz-main{padding:3rem 0}.mz-card-container{width:350px;margin:0 auto}.footer-contact-mz{flex-direction:column;gap:2rem;font-size:1.8rem}}@media (min-width:768px) and (max-width:990.98px){#mz-header-container{flex-direction:column;padding:2rem;gap:1.5rem}.mz-brand-card{flex:0 1 auto}.mz-brand{font-size:2.5rem}.mz-nav .mz-nav-container ul{gap:2rem}.mz-nav .mz-nav-container ul li a{font-size:1.8rem}.mz-main{padding:4rem 0}.mz-card-container{width:400px}.footer-mz{padding:2.5rem 5%}.footer-contact-mz{flex-direction:row;justify-content:center;gap:4rem}}@media (min-width:991px) and (max-width:1199.98px){#mz-header-container{padding:2.5rem 5%;gap:2rem}.mz-brand-card{flex-wrap:nowrap}.mz-brand{font-size:2.6rem;white-space:nowrap}.mz-tagline{display:block;font-size:1.5rem;margin-left:1.5rem;border-left:1px solid rgb(255 255 255 / .3);padding-left:1.5rem}.mz-nav .mz-nav-container ul{gap:2.5rem}.mz-nav .mz-nav-container ul li a{font-size:1.6rem;white-space:nowrap}}