html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}.container{display:flex;width:100%;height:100%;background-color:#f0f2f5;font-family:Helvetica Neue,sans-serif}.sidebar{width:300px;min-width:250px;background:#333;color:#fff;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.category-selector{margin-bottom:30px}.logo-item{font-size:1.2rem;margin:5px 0;color:#888;cursor:pointer;transition:all .3s ease;font-weight:400}.logo-item:hover{color:#fff}.logo-item.active{color:#ffeb3b;font-weight:700;font-size:1.3rem;border-left:3px solid #ffeb3b;padding-left:10px}.menu-list{list-style:none;padding:0;flex:1}.menu-list li{padding:10px;cursor:pointer;border-bottom:1px solid #444;font-size:.9rem;color:#ccc}.menu-list li:hover{background:#444;color:#fff}.menu-list li.active{background:#555;font-weight:700;border-left:4px solid #ffeb3b;color:#fff}.music-player-box{margin-top:auto;background:#0000004d;padding:15px;border-radius:10px;text-align:center;border:1px solid #444}.music-title{margin:0 0 10px;font-weight:700;color:#fff;font-size:.9rem}.music-controls{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.music-controls button{background:#ffeb3b;border:none;padding:5px 12px;border-radius:15px;font-weight:700;cursor:pointer;color:#333;transition:transform .2s}.music-controls button:hover{transform:scale(1.05)}.youtube-link{display:block;color:#aaa;font-size:.8rem;text-decoration:none;border-top:1px dashed #555;padding-top:8px}.youtube-link:hover{color:red;text-decoration:underline}.main-viewer{flex:1;padding:40px;overflow-y:auto}.paper{background:#fff;width:100%;max-width:210mm;min-height:297mm;padding:20mm;box-shadow:0 4px 15px #0000001a;margin:0 auto 50px;height:auto!important;overflow:visible}.paper-title{border-bottom:2px solid black;padding-bottom:10px;margin-bottom:20px;font-size:2rem}.paper-content{margin-bottom:10px!important;line-height:1.6;font-size:1.1rem}.mobile-text{display:none}.desktop-text{display:inline}@media(max-width:768px){.container{flex-direction:column}.sidebar{width:100%;height:auto;padding:10px 0;background:#222;display:flex;flex-direction:column;flex-shrink:0}.category-selector{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:10px}.logo-item{text-align:center;font-size:1rem;margin:0;padding:5px 0;color:#888;border-left:none!important}.logo-item.active{color:#ffeb3b;border-bottom:3px solid #ffeb3b;background:#ffffff1a}.desktop-text{display:none}.mobile-text{display:inline;font-weight:700}.menu-list{display:flex;overflow-x:auto;white-space:nowrap;gap:10px;padding:0 15px;width:100%;-ms-overflow-style:none;scrollbar-width:none}.menu-list::-webkit-scrollbar{display:none}.menu-list li{background:#444;color:#ddd;padding:8px 15px;border-radius:20px;border:none;font-size:.9rem;flex-shrink:0}.menu-list li.active{background:#ffeb3b;color:#000;font-weight:700;border:none}.ad-box-sidebar{display:none}.main-viewer{padding:0;background:#fff}.music-player-box{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#1e1e1ef2;padding:10px 20px;z-index:1000;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #555;border-radius:0;margin:0;box-shadow:0 -2px 10px #00000080}.music-title{margin:0;text-align:left;font-size:.8rem;flex:1}.music-controls{margin:0;gap:15px}.music-controls button{padding:5px 10px;font-size:.8rem}.paper{width:100%;margin-bottom:150px!important;padding:25px;height:auto!important;min-height:auto}}