:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#2f3136;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;color:#fff}#root{width:100%;display:flex;justify-content:center}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#5865f2;text-decoration:inherit}a:hover{color:#7289da}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#4f545c;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{background-color:#5865f2}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2f3136}::-webkit-scrollbar-thumb{background:#4f545c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5865f2}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--discord-color: #5865F2;--discord-color-hover: #4752C4;--discord-dark: #2F3136;--discord-darker: #202225;--discord-light: #36393F;--discord-lighter: #40444B;--discord-highlight: #4752C4;--text-color: #FFFFFF;--text-muted: #B9BBBE;--border-color: #4F545C;--background-primary: #36393F;--background-secondary: #2F3136;--background-tertiary: #202225;--interactive-normal: #B9BBBE;--interactive-hover: #DCDDDE;--interactive-active: #FFFFFF;--interactive-muted: #4F545C;--channels-default: #8E9297;--header-primary: #FFFFFF;--header-secondary: #B9BBBE;--background-accent: #4F545C;--background-floating: #18191C}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden;max-width:100vw}body{background-color:var(--discord-dark);color:var(--text-color);font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:1400px;margin:0 auto;overflow-x:hidden;padding:0}header{background-color:var(--discord-darker);text-align:center;padding:2rem 1rem;border-bottom:1px solid var(--border-color)}header h1{color:var(--discord-color);margin-bottom:.5rem;font-size:clamp(1.5rem,5vw,2.5rem)}header p{color:var(--text-muted);font-size:clamp(.9rem,3vw,1rem)}main{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;padding:.5rem}.content{width:100%;max-width:800px;padding:0 1.5rem;margin:0 auto}.channel-search{margin-bottom:1.2rem;width:100%}.search-container{display:flex;flex-direction:column;gap:.8rem;width:100%}.search-row{display:flex;gap:8px;justify-content:space-between;align-items:center}.search-field{flex:1 1 auto;position:relative;display:flex;align-items:center;width:100%!important;min-width:0!important}.search-input{width:100%!important;padding-right:2.5rem!important;flex:1!important;min-width:0!important;box-sizing:border-box!important;transition:none!important}.search-input,.category-filter{padding:0 .8rem;background-color:var(--discord-lighter);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:45px;box-sizing:border-box}.clear-button{padding:0 1.6rem;background-color:var(--discord-color);color:var(--text-color);border:none;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background-color .2s;min-width:140px;outline:none;box-sizing:border-box;height:45px;display:flex;align-items:center;justify-content:center}.clear-button:hover{background-color:var(--discord-highlight)}.clear-button:active{background-color:#3a46a8}.clear-button:focus{outline:none}@media (max-width: 768px){.search-input,.category-filter{padding:.9rem;font-size:1rem}.category-filter{margin-bottom:-1rem}.search-row{display:flex;width:100%;gap:.5rem}.search-field{flex:1 1 auto;min-width:60%;max-width:unset}.search-input{width:100%}.clear-button{white-space:nowrap;width:auto;padding:.5rem;font-size:.9rem;min-width:auto;max-width:70px}}.category-filter{cursor:pointer;width:100%}.search-input:focus,.category-filter:focus,.voice-button:focus{outline:none;box-shadow:none}.voice-button-container{display:flex;align-items:center;margin:0}.voice-button{background-color:var(--discord-color);border:none;outline:none;cursor:pointer;color:var(--text-color);padding:0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:5;width:45px;height:45px;font-size:.95rem;position:relative;box-sizing:border-box}.voice-button:hover{background-color:var(--discord-color-hover)}.voice-button.listening{color:#fff;background-color:#f04747;position:relative}.voice-button.listening:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;background-color:#f0474733;z-index:2;pointer-events:none;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #f04747b3;background-color:#f0474733}50%{box-shadow:0 0 0 2px #f0474766;background-color:#f047474d}to{box-shadow:0 0 #f0474700;background-color:#f0474733}}.stats{margin-bottom:1rem;color:var(--text-muted);font-size:.85rem;padding:.5rem 0;border-bottom:1px solid var(--border-color);width:100%;text-align:center}.channel-list{background-color:var(--discord-light);padding:1.2rem;border-radius:8px;margin-bottom:1.5rem;max-height:calc(100vh - 300px);overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.channel-list{max-height:60vh;padding:.75rem;margin:.5rem 0 1rem;width:100%}}.category-section{margin-bottom:1.2rem}.category-section:last-child{margin-bottom:0}.category-title{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;padding:.5rem 0 .3rem;position:sticky;top:0;background-color:var(--discord-light);z-index:10}.channels{list-style-type:none}.channel-item{padding:.6rem;border-radius:4px;margin-bottom:.3rem;transition:background-color .2s}.channel-item:last-child{margin-bottom:0}@media (max-width: 768px){.channel-item{padding:.8rem .6rem;margin-bottom:.4rem}}.channel-item:hover{background-color:#4f545c4d}.channel-link{display:flex;justify-content:space-between;text-decoration:none;color:var(--channels-default);font-size:.95rem;align-items:center;width:100%}.channel-item:hover .channel-link{color:var(--interactive-hover)}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-type{color:var(--text-muted);font-size:.7rem;background-color:var(--discord-darker);padding:.1rem .4rem;border-radius:9999px;margin-left:.5rem;white-space:nowrap}.channel-parser{margin-top:2rem;background-color:var(--discord-light);padding:1rem;border-radius:8px;margin-bottom:2rem;width:100%;box-shadow:0 2px 10px #0003}.channel-parser h2{margin-bottom:.4rem;font-size:1rem;color:var(--header-secondary)}.channel-parser input[type=file]{margin-top:.5rem;width:100%;padding:.5rem;background-color:var(--discord-lighter);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}@media (max-width: 768px){.channel-parser input[type=file]{padding:.8rem .5rem;font-size:1rem}}.error-message{color:#f04747;font-weight:500;padding:.5rem;background-color:#f047471a;border-radius:4px;margin-bottom:1rem}.channel-list::-webkit-scrollbar{width:8px}.channel-list::-webkit-scrollbar-track{background:var(--discord-darker);border-radius:4px}.channel-list::-webkit-scrollbar-thumb{background:var(--background-accent);border-radius:4px}.channel-list::-webkit-scrollbar-thumb:hover{background:var(--discord-color)}@media (max-width: 1024px) and (min-width: 769px){.content{max-width:500px}header h1{font-size:2rem}}@media (max-width: 768px){.content{padding:0;max-width:100%;width:100%}header{padding:.5rem 0}header p{font-size:.9rem}.channel-count{font-size:.75rem}.channel-list{padding:.8rem;margin-bottom:1rem;width:100%;max-width:100%;border-radius:6px}.search-container{gap:.8rem;width:100%}.channel-parser{padding:.8rem;width:100%;max-width:100%}.app-container{width:100%;padding:0;overflow-x:hidden}main{padding:.5rem}.search-input,.category-filter{width:100%;max-width:100%;font-size:16px;padding:0 .8rem;height:42px;box-sizing:border-box}.clear-button{padding:0;min-width:60px;max-width:60px;font-size:13px;white-space:nowrap;flex-shrink:0;height:42px;display:flex;align-items:center;justify-content:center}.voice-button{width:42px;height:42px;padding:0}.search-input{height:42px;box-sizing:border-box}.voice-button-container{margin:0;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.content{padding:0 .5rem}.channel-list{padding:.6rem}.channel-item{padding:.9rem .5rem;margin-bottom:.35rem}.channel-type{font-size:.65rem;padding:.1rem .3rem}.search-input,.category-filter,.clear-button{padding:.8rem .5rem;font-size:16px}header h1{font-size:1.4rem}header p{font-size:.85rem}}@media (max-width: 768px){.content{padding:0 .75rem;width:100%;box-sizing:border-box}header{padding:1.2rem .75rem}.channel-list{max-height:60vh;padding:.75rem;margin:.5rem 0 1rem;width:100%}.channel-parser{margin-bottom:1rem}html,body,#root{height:-webkit-fill-available}}@supports (-webkit-touch-callout: none){.app-container{height:-webkit-fill-available;min-height:-webkit-fill-available}body,html,#root{height:-webkit-fill-available}}.channel-list,.search-input,.category-filter,.channel-item,.channel-link{touch-action:manipulation}@media screen and (max-width: 768px){.app{padding:0!important;margin:0!important;width:100%!important}.app-container{padding:0 10%!important;margin:0!important;width:100%!important}.left-panel,.main-panel{padding:0!important;margin:0!important;width:100%!important}.channel-list{padding:.5rem!important;margin:.5rem 0!important}.channel-count{font-size:.75rem;padding:0 10%!important}html body #root .app h1,.app-container h1,div.app h1,h1{font-size:1.1rem!important;line-height:1.2!important;padding:10px 10%!important;margin:5px 0!important}}