.app-container{margin:0 auto;background-color:#fff;background-color:var(--card-bg);min-height:100vh;position:relative;display:flex;flex-direction:column;overscroll-behavior-x:none}.content{flex:1;padding:70px 16px 60px;transition:padding-bottom .3s ease;overscroll-behavior-x:none}.audio-player-visible .content{padding-bottom:160px}.content .page-header{position:static;width:100%;top:0}.content-container{max-width:800px;margin:0 auto;width:100%}body.no-scroll{overflow:hidden}.content.home-content{padding-bottom:0}.install-prompt-wrapper{position:fixed;bottom:60px;left:0;right:0;z-index:1000;transform:translateZ(0)}.audio-player-visible .install-prompt-wrapper{bottom:160px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-image:linear-gradient(to left,#000428,#004e92);border-bottom:1px solid #ddd;position:fixed;top:0;left:0;right:0;z-index:100;height:70px;transition:background-color .3s ease,border-color .3s ease,height .3s ease}.app-header.is-home{height:90px}.app-title{font-size:1.2rem;font-weight:700;margin:0;height:50px;display:flex;align-items:center;transition:height .3s ease}.app-header.is-home .app-title{height:70px}.app-title-link{text-decoration:none}.menu-btn,.search-btn{background-color:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease-in-out;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.menu-btn:hover,.search-btn:hover{background-color:#ffffff26}.header-icon{width:24px;height:24px}@keyframes ripple{to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#007bff80}body.dark{background-color:#121212;color:#e0e0e0}.dark .app-header{border-bottom-color:#2d3748}input[type=search],.search-input{font-family:Battambang,sans-serif;font-weight:700;font-size:1.1rem}.bottom-nav{background-color:#fff;border-top:1px solid #ddd;position:fixed;bottom:0;left:0;right:0;z-index:100}.bottom-nav-scroll-container{display:flex;justify-content:flex-start;align-items:center;padding:8px 0 8px 16px;box-sizing:border-box;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-nav-scroll-container::-webkit-scrollbar{display:none}.nav-btn{background:none;border:none;color:#000!important;cursor:pointer;font-size:1.1rem;font-weight:700!important;display:flex;flex-direction:column;align-items:center;gap:4px;transition:color .2s ease-in-out,background-color .2s ease-in-out;text-decoration:none;padding:4px 12px;border-radius:8px;position:relative;overflow:hidden;flex:0 0 auto;min-width:72px;margin:0 2px;white-space:nowrap}.bottom-nav-scroll-container:after{content:"";flex:0 0 32px}.nav-btn.active{color:#007bff!important;font-weight:900!important}.nav-btn:hover{background-color:#0000000a}.nav-icon{width:24px;height:24px}.dark .bottom-nav{background-color:#1a202c;border-top-color:#2d3748}.dark .nav-btn{color:#fff!important}.dark .nav-btn:hover{background-color:#ffffff0f}.dark .nav-btn.active{color:#60a5fa!important}.bottom-nav .scroll-indicator{position:absolute;top:0;bottom:0;width:40px;pointer-events:none;transition:opacity .3s ease-in-out;z-index:101;display:flex;align-items:center}.bottom-nav .scroll-indicator.left{left:0;background:linear-gradient(to right,#ffffff 25%,transparent 100%);justify-content:flex-start}.bottom-nav .scroll-indicator.right{right:0;background:linear-gradient(to left,#ffffff 25%,transparent 100%);justify-content:flex-end}.dark .bottom-nav .scroll-indicator.left{background:linear-gradient(to right,#1a202c 25%,transparent 100%)}.dark .bottom-nav .scroll-indicator.right{background:linear-gradient(to left,#1a202c 25%,transparent 100%)}.audio-player-bar{position:fixed;bottom:68px;left:0;right:0;background-color:#f0f8ffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #00000014;display:flex;flex-wrap:wrap;align-items:center;z-index:900;padding:.1rem 1rem .25rem;row-gap:0}.player-track-info{order:1;width:100%;display:flex;justify-content:center;align-items:center}.player-track-info>div{min-width:0}.player-artwork,.player-author{display:none}.player-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:1.1rem;color:#666;text-align:center;padding:.2rem 0}.player-controls-main{order:2;display:flex;align-items:center;justify-content:center;flex-grow:1;padding:.3rem 0}.player-controls-main .player-control-btn{margin:0 .5rem}.player-control-btn,.audio-player-bar>.player-control-btn[aria-label="Show playlist"]{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#333;position:relative;overflow:hidden}.player-control-btn:hover{background-color:#0000000d;border-radius:50%}.dark .player-control-btn:hover{background-color:#ffffff1a}.audio-player-bar.dark .player-control-btn{color:#ccc}.audio-player-bar .player-control-btn.active{color:#007bff}.audio-player-bar.dark .player-control-btn.active{color:#63b3ed}.player-control-btn svg{width:20px;height:20px}.play-pause-btn svg{width:28px;height:28px}.player-timeline{order:3;width:100%;display:flex;align-items:center}.time-display{font-size:1.1rem;color:#666;min-width:35px;text-align:center;padding:0 .5rem}.timeline-slider{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ddd;outline:none;border-radius:2px}.audio-player-bar.dark .timeline-slider{background:#555}.audio-player-bar.dark .time-display{color:#ccc}.audio-player-bar.dark{background-color:#1e283ca6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.player-volume-control{order:2;position:relative}.audio-player-bar>.player-control-btn[aria-label="Show playlist"]{order:2}.player-control-btn.active .repeat-one-indicator{color:#fff}.volume-slider-container{position:absolute;bottom:100%;right:0;background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 -2px 8px #0000001a;margin-bottom:.5rem}.volume-slider{writing-mode:bt-lr;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:8px;height:100px}.repeat-one-indicator{position:absolute;top:2px;right:2px;font-size:1.1rem;font-weight:700;color:#333;background-color:#eee;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;line-height:1;padding-top:1px}.audio-player-bar.minimized{height:60px;flex-wrap:nowrap;justify-content:space-between;padding:0 1rem;cursor:pointer;align-items:center}.minimized-track-info{display:flex;align-items:center;overflow:hidden;flex:1;margin-right:1rem}.minimized-artwork{width:40px;height:40px;border-radius:4px;margin-right:10px;object-fit:cover;display:block}.minimized-text{display:flex;flex-direction:column;overflow:hidden;text-align:left}.minimized-title{font-weight:700;font-size:1.1rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimized-artist{font-size:1.1rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-bar.dark .minimized-title{color:#fff}.audio-player-bar.dark .minimized-artist{color:#ccc}.minimized-controls{display:flex;align-items:center;gap:.5rem}.collapse-btn{position:absolute;top:4px;right:4px;background:none;border:none;color:#666;cursor:pointer;padding:4px;z-index:20}.audio-player-bar.dark .collapse-btn{color:#ccc}.collapse-btn svg{width:20px;height:20px}.close-btn{position:absolute;top:4px;left:4px;background:none;border:none;color:#666;cursor:pointer;padding:4px;z-index:20}.audio-player-bar.dark .close-btn{color:#ccc}.close-btn svg{width:20px;height:20px}.playlist-view-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:flex-end}.playlist-view-container{background-color:#fff;width:100%;max-width:600px;max-height:80%;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:column;animation:slide-up .3s ease-out}.playlist-view-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.playlist-view-header h2{margin:0;font-size:1.2rem;font-weight:700}.playlist-close-btn{background:none;border:none;cursor:pointer}.playlist-view-list{list-style:none;margin:0;padding:0 0 120px;overflow-y:auto;flex:1;min-height:0}.playlist-item{padding:1rem;border-bottom:1px solid #eee;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s}.playlist-item:hover{background-color:#f9f9f9}.playlist-item.active{background-color:#e0f2f7;font-weight:700;color:#007bff}.playlist-item-empty{padding:1rem;color:#888;text-align:center}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dark .playlist-view-container{background-color:#1a202c;color:#cbd5e0}.dark .playlist-view-header{border-bottom-color:#2d3748}.dark .playlist-close-btn{color:#cbd5e0}.dark .playlist-item{border-bottom-color:#2d3748}.dark .playlist-item:hover{background-color:#2d3748}.dark .playlist-item.active{background-color:#2a4365;color:#90cdf4}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#1c1e21;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:2000}.install-prompt{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-background-secondary, #ffffff);color:var(--color-text, #000000);padding:1rem;box-shadow:0 -2px 10px #0003;z-index:1000;border-top:1px solid var(--color-border, #e5e7eb)}.install-prompt-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.install-prompt p{margin:0}.install-prompt-buttons{display:flex;gap:1rem}.install-button,.dismiss-button{padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;font-weight:700}.install-button{background-color:var(--color-primary, #007bff);color:#fff}.dismiss-button{background-color:transparent;color:var(--color-text, #000000);border:1px solid var(--color-border, #e5e7eb)}.side-menu-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.side-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}.side-menu{position:absolute;top:0;left:0;width:260px;max-width:80vw;height:100%;box-shadow:2px 0 5px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out,background-color .3s ease,color .3s ease;display:flex;flex-direction:column;background-color:var(--card-bg);color:#000}.side-menu-container.is-open{pointer-events:auto}.side-menu-container.is-open .side-menu-overlay{opacity:1}.side-menu-container.is-open .side-menu{transform:translate(0)}.side-menu-header{display:flex;align-items:center;padding:12px 8px 12px 16px;border-bottom:1px solid var(--border-color);height:61px;box-sizing:border-box}.side-menu-header .header-placeholder{width:40px;flex-shrink:0}.side-menu-header h3{margin:0;flex-grow:1;text-align:center;font-weight:700;font-size:1.1rem}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;line-height:1;position:relative;overflow:hidden;border-radius:50%;padding:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:inherit;transition:background-color .2s ease-in-out}.close-btn:hover{background-color:#0000000d}.close-icon{width:24px;height:24px}.nav-icon{width:24px;height:24px;flex-shrink:0;opacity:1}.nav-icon-placeholder{width:24px;height:24px;flex-shrink:0}.side-menu-nav{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;padding:8px}.side-menu-nav a,.side-menu-link-btn{display:flex;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;font-size:1.1rem;border-radius:8px;position:relative;overflow:hidden;transition:background-color .2s ease-in-out;color:#000!important;text-align:left;border:none;background:none;width:100%;font-family:inherit;cursor:pointer;font-weight:700!important}.side-menu-nav a span,.side-menu-link-btn span{font-weight:700!important;color:#000!important}.side-menu-nav a:hover,.side-menu-link-btn:hover{background-color:#0000000a}.side-menu-footer{margin-top:auto;padding:8px;border-top:1px solid var(--border-color)}.theme-toggle-btn{width:100%;display:flex;align-items:center;gap:16px;padding:12px 16px;border:none;background-color:transparent;color:inherit;cursor:pointer;text-align:left;justify-content:flex-start;border-radius:8px;position:relative;overflow:hidden;transition:background-color .2s ease-in-out;font-size:1.1rem;font-family:inherit;font-weight:700}.theme-toggle-btn:hover{background-color:#0000000a}[data-theme=dark] .side-menu{background-color:#1a202c;color:#fff}[data-theme=dark] .side-menu-nav a,[data-theme=dark] .side-menu-link-btn,[data-theme=dark] .side-menu-nav a span,[data-theme=dark] .side-menu-link-btn span{color:#fff!important}[data-theme=dark] .close-btn:hover,[data-theme=dark] .side-menu-nav a:hover,[data-theme=dark] .side-menu-link-btn:hover,[data-theme=dark] .theme-toggle-btn:hover{background-color:#ffffff14}@font-face{font-family:Battambang;src:url(/fonts/Battambang-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Battambang;src:url(/fonts/Battambang-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Battambang;src:url(/fonts/Battambang-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Battambang;src:url(/fonts/Battambang-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Battambang;src:url(/fonts/Battambang-Bold.ttf) format("truetype");font-weight:800;font-style:normal}button,input,select,textarea{font-family:Battambang,sans-serif!important}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #ffffff;--text-color: #111111;--card-bg: #f5f5f5;--header-bg: #ffffff;--border-color: #eeeeee;--font-main: "Battambang", sans-serif}[data-theme=dark]{--bg-color: #121212;--text-color: #f5f5f5;--card-bg: #1e1e1e;--header-bg: #1a1a1a;--border-color: #333333}[data-theme=sepia]{--bg-color: #f4ecd8;--text-color: #433225;--card-bg: #eaddcf;--header-bg: #f4ecd8;--border-color: #d0c0b0;--card-hover-bg: #d1bfa8}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color, #f0f2f5);color:var(--text-color, #1c1e21);font-family:Battambang,sans-serif;font-size:1.1rem;font-weight:700;transition:background-color .3s ease,color .3s ease;overscroll-behavior-x:none}.khmer-heading{font-weight:700}