*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background:#f8f9fa;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:#3498db;text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:focus{outline:2px solid #3498db;outline-offset:2px}input,select,textarea{font-family:inherit;font-size:1rem;border:2px solid #e9ecef;border-radius:6px;padding:8px 12px;transition:border-color .3s ease,box-shadow .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}code{font-family:"Courier New",Courier,monospace;padding:2px 4px;border-radius:3px;font-size:.9em}code,pre{background:#f8f9fa}pre{padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background:rgba(52,152,219,.3);color:#333}::-moz-selection{background:rgba(52,152,219,.3);color:#333}:focus-visible{outline:2px solid #3498db;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){*{border-color:#000!important}a,button{text-decoration:underline}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}}*{margin:0;padding:0}#root,.App,body,html{margin:0;padding:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}#root,.App,body,html{height:100%;width:100%;overflow:hidden}.App{display:flex;flex-direction:row;background:#f8f9fa}.App iframe{width:30%;height:100%;border:none;box-shadow:2px 0 10px rgba(0,0,0,.1);z-index:1}.App>div:last-child,.main-content{width:70%;height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1)}.App-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);height:50px;padding:0 24px;width:100%;flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.App-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3498db,#e74c3c,#f39c12,#27ae60)}.App-header p,.header-title{color:#ecf0f1;font-size:18px;font-weight:600;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0;letter-spacing:.5px}.App-logo{height:50px;width:auto;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.App-logo:hover{transform:scale(1.05)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-content{width:100%;height:auto;flex:1 1;overflow-y:auto;flex-direction:column;background:#f8f9fa}.App-content,.App-footer{display:flex;position:relative}.App-footer{background:linear-gradient(135deg,#2c3e50,#34495e);height:20px;flex-direction:row;justify-content:space-between;align-items:center;flex-shrink:0;padding:0 24px;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.App-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3498db,#e74c3c,#f39c12,#27ae60)}.App-footer a,.App-footer span,.footer-item{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#bdc3c7;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;padding:8px 12px;border-radius:6px}.App-footer a:hover,.App-footer span:hover,.footer-item:hover{color:#ecf0f1;background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.App-footer svg{font-size:16px;transition:transform .3s ease}.App-footer a:hover svg,.App-footer span:hover svg,.footer-item:hover svg{transform:scale(1.1)}.left-button,.middle-button,.right-button{border-radius:8px;font-size:14px;font-weight:600;margin:6px;padding:10px 16px;border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.15);position:relative;overflow:hidden}.left-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.left-button:hover{background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-2px);box-shadow:0 4px 12px rgba(39,174,96,.4)}.middle-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.middle-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,.4)}.right-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.right-button:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.4)}.left-button:before,.middle-button:before,.right-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.left-button:active:before,.middle-button:active:before,.right-button:active:before{width:300px;height:300px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.App iframe{width:35%}.App>div:last-child,.main-content{width:65%}}@media (max-width:768px){.App{flex-direction:column}.App iframe{width:100%;height:40%}.App>div:last-child,.main-content{width:100%;height:60%}.App-header{height:60px;padding:0 16px}.App-header p{font-size:18px}.App-footer{height:50px;padding:0 16px}.App-footer a,.App-footer span,.footer-item{font-size:12px;padding:6px 8px}}.loading{opacity:.7;pointer-events:none}a:focus,button:focus{outline:2px solid #3498db;outline-offset:2px}*{scroll-behavior:smooth}.avatar-container{display:flex;flex-direction:column;width:100%;height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.audio-controls-bar{display:flex;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:2px solid #e9ecef;grid-gap:16px;gap:16px;min-height:60px;flex-shrink:0}.categories-grid{flex:1 1;overflow-y:auto;padding:8px;height:calc(100vh - 60px)}.category-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;margin-bottom:8px;break-inside:avoid;page-break-inside:avoid}.category-header{margin:0;font-size:14px;font-weight:700;color:#fff;text-align:center;padding:8px 12px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--category-gradient-start),var(--category-gradient-end));cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.category-content{padding:8px;background:#fafbfc;display:flex;flex-direction:column;grid-gap:6px;gap:6px;transition:all .3s ease;overflow:hidden}.collapse-toggle{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;transition:transform .3s ease}.category-section.collapsed .category-content{height:0;padding-top:0;padding-bottom:0}.category-section.collapsed .collapse-toggle{transform:rotate(180deg)}.category-button{margin:0;font-size:13px;font-weight:500;padding:8px 10px;width:100%;color:#fff;border-radius:6px;cursor:pointer;border:none;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;background:linear-gradient(135deg,var(--category-gradient-start),var(--category-gradient-end));border:1px solid var(--category-primary)}.category-button:hover{transform:translateY(-1px);filter:brightness(1.1)}.category-button.playing{background:linear-gradient(135deg,#f39c12,#e67e22)!important;color:#fff!important;box-shadow:0 0 20px rgba(243,156,18,.6);transform:scale(1.02)}.dnc-button{margin-right:16px;min-width:120px;max-width:160px;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.2);background:linear-gradient(135deg,#e74c3c,#c0392b)}.dnc-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.dnc-button.playing{background:linear-gradient(135deg,#f39c12,#e67e22)!important;box-shadow:0 0 20px rgba(243,156,18,.6)}.audio-player{flex:1 1;min-width:200px;max-width:400px;height:40px;border-radius:8px;border:2px solid #e9ecef}.categories-grid::-webkit-scrollbar{width:6px}.categories-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.categories-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}@media screen and (max-width:768px){.categories-grid{padding:4px}.category-section{margin-bottom:4px}.audio-controls-bar{flex-direction:column;padding:8px;min-height:80px}.category-header{padding:6px 10px}.category-content{padding:6px;grid-gap:4px;gap:4px}.category-button{padding:6px 8px}.dnc-button{width:100%;margin-right:0;margin-bottom:8px}.audio-player{width:100%;max-width:none}}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#666}.category-button:focus,.dnc-button:focus,button:focus{outline:2px solid #3498db;outline-offset:2px}*{box-sizing:border-box}.category-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.category-button:active:before,.category-button:hover:before{left:100%}
/*# sourceMappingURL=main.afe87937.chunk.css.map */