body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-bar{align-items:center;background-color:#111827;box-sizing:border-box;display:flex;height:65px;justify-content:flex-start;position:relative}.top-bar:after{background-color:#374151;bottom:0;content:"";height:.5px;left:0;opacity:.8;position:absolute;right:0}.top-bar-container{justify-content:flex-start;width:100%}.app-title,.top-bar-container{align-items:center;display:flex}.logo{border-radius:50%;flex-shrink:0;height:32px;margin-right:12px;object-fit:cover;overflow:hidden;width:32px}.title-container{align-items:flex-start;display:flex;flex-direction:column}.treenewspro-title{color:#f8fafc;cursor:pointer;font-family:Inter,sans-serif;font-size:24px;font-weight:900;letter-spacing:1px;line-height:1;margin:0;position:relative;transition:all .2s ease}.treenewspro-title .letter{display:inline-block;text-shadow:0 0 2px #3ce4774d,0 0 4px #3ce47733}.treenewspro-title:hover{text-shadow:0 0 3px #3ce4774d,0 0 5px #3ce47733;transform:scale(1.01)}.app-slogan{color:#3cc86e;font-family:Inter,sans-serif;font-size:12px;font-weight:700;margin:2px 0 0;text-align:left;white-space:nowrap}.price-bar{align-items:center;background-color:#111827;box-sizing:border-box;display:flex;height:26px;justify-content:flex-start;padding-left:20px;position:relative}.price-bar:after{background-color:#374151;bottom:0;content:"";height:.5px;left:0;opacity:.8;position:absolute;right:0}.price-bar-container{align-items:center;display:flex;justify-content:flex-start;overflow:hidden;width:100%}.price-items{gap:32px}.price-item,.price-items{align-items:center;display:flex}.price-item{flex-shrink:0;gap:4px;white-space:nowrap}.crypto-symbol{color:#fff;font-weight:400}.crypto-price,.crypto-symbol{font-family:Inter,sans-serif;font-size:12px}.crypto-price{color:#9ca3af;font-weight:500}.crypto-triangle{font-family:Inter,sans-serif;font-size:10px;font-weight:600}.crypto-triangle.positive{color:#3cc86e}.crypto-triangle.negative{color:#ff5656}.crypto-change{font-family:Inter,sans-serif;font-size:11px;font-weight:500}.crypto-change.positive{color:#3cc86e}.crypto-change.negative{color:#ff5656}@keyframes scroll-prices{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.search-and-filters{align-items:center;background-color:#111827;display:flex;justify-content:center;padding:15px 0}.search-and-filters-container{display:flex;flex-direction:column;gap:10px;margin:0 auto;width:100%}.main-search-row{align-items:flex-start;display:flex;gap:12px}.applied-filters-row{display:flex;padding-left:46px;width:100%}.grid-columns-selector{display:flex;gap:4px}.columns-btn{align-items:center;background:#1f2937;border:1px solid #6b728033;border-radius:6px;box-sizing:border-box;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;min-height:38px;min-width:38px;padding:8px;transition:all .2s ease}.columns-btn:hover{background:#6b728033;border-color:#6b728066;color:#fff}.columns-btn svg{stroke:currentColor;height:16px;width:16px}.filter-toggle-btn{align-items:center;background:#1f2937;border:1px solid #6b728033;border-radius:6px;box-sizing:border-box;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;min-height:38px;min-width:38px;padding:8px;transition:all .2s ease}.filter-toggle-btn:hover{background:#6b728033;border-color:#6b728066;color:#fff}.filter-toggle-btn svg{stroke:currentColor;height:18px;width:18px}.sort-container-inline{align-items:center;display:flex;position:relative}.sort-button-inline{align-items:center;background:#1f2937;border:1px solid #6b728033;border-radius:12px;box-sizing:border-box;color:#bfc4cd;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:6px;height:38px;padding:0 10px;transition:all .2s ease}.sort-button-inline:hover{border-color:#6b728099}.sort-button-inline .sort-arrow{stroke:#fff;height:10px;transition:transform .2s ease;width:10px}.sort-dropdown-inline{background:#1f2937;border:1px solid #6b72804d;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;overflow:hidden;position:absolute;top:100%;width:180px;z-index:1000}.sort-dropdown-inline .sort-option{align-items:center;border:1px solid #0000;color:#9ca3af;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.sort-dropdown-inline .sort-option:hover{border:1px solid #6b728066;color:#e5e7eb}.sort-dropdown-inline .sort-option.active{color:#9ca3af;font-weight:600}.sort-dropdown-inline .sort-option.active:hover{border:1px solid #6b728066;color:#e5e7eb}.sort-dropdown-inline .sort-option-indicator{background:#3ce477;border-radius:50%;height:14px;opacity:0;transition:opacity .2s ease;width:14px}.sort-dropdown-inline .sort-option.active .sort-option-indicator{opacity:1}.sort-dropdown-inline .sort-option:not(:last-child){border-bottom:1px solid #6b728033}.keyword-button-inline{align-items:center;background:#6b72801a;border:1px solid #6b728033;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:6px;height:38px;padding:0 10px;transition:all .2s ease}.keyword-button-inline .keyword-label{color:#9ca3af}.keyword-button-inline .keyword-value{color:#fb923c;font-weight:500}.keyword-button-inline:hover{background:#6b728033;border-color:#6b728066}.keyword-button-inline:hover .keyword-label{color:#fff}.keyword-button-inline .keyword-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:700;line-height:1;margin-left:2px;padding:0;transition:color .2s ease}.keyword-button-inline .keyword-remove:hover{color:#fff}.search-bar-container{display:flex;flex:0 0 auto;flex-direction:column;gap:10px;min-width:0;position:relative}.main-search-row.two-columns-mode .search-bar-container{min-width:0}.main-search-row.two-columns-mode .search-bar-container,.main-search-row.two-columns-mode .search-section.first-column,.main-search-row:not(.two-columns-mode) .search-section{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;width:calc(50% - 10px)}.main-search-row.two-columns-mode .dropdowns-section.second-column,.main-search-row:not(.two-columns-mode) .dropdowns-section{display:flex;flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-left:10px;width:calc(50% - 20px)}.main-search-row.two-columns-mode .sources-dropdown-container,.main-search-row:not(.two-columns-mode) .sources-dropdown-container{flex:0 0 25%}.main-search-row.two-columns-mode .sources-dropdown-container .sort-button-inline,.main-search-row:not(.two-columns-mode) .sources-dropdown-container .sort-button-inline{box-sizing:border-box;justify-content:space-between;width:100%}.main-search-row.two-columns-mode .category-dropdown-container,.main-search-row:not(.two-columns-mode) .category-dropdown-container{flex:0 0 25%}.main-search-row.two-columns-mode .category-dropdown-container .category-filter,.main-search-row:not(.two-columns-mode) .category-dropdown-container .category-filter{width:100%}.main-search-row.two-columns-mode .category-dropdown-container .category-filter .sort-button-inline,.main-search-row.two-columns-mode .category-dropdown-container .sort-button-inline,.main-search-row:not(.two-columns-mode) .category-dropdown-container .category-filter .sort-button-inline,.main-search-row:not(.two-columns-mode) .category-dropdown-container .sort-button-inline{box-sizing:border-box;justify-content:space-between;width:100%}.main-search-row.two-columns-mode .grid-controls-container,.main-search-row:not(.two-columns-mode) .grid-controls-container{flex:0 0 auto}.main-search-row.two-columns-mode .sort-container-inline,.main-search-row:not(.two-columns-mode) .sort-container-inline{flex:1 1;min-width:0}.main-search-row.two-columns-mode .sort-container-inline .sort-button-inline,.main-search-row:not(.two-columns-mode) .sort-container-inline .sort-button-inline{box-sizing:border-box;justify-content:space-between;width:100%}.main-search-row.two-columns-mode .search-section.first-column .search-bar,.main-search-row.two-columns-mode .search-section.first-column .search-bar-container,.main-search-row.two-columns-mode .search-section.first-column .search-input,.main-search-row.two-columns-mode .search-section.first-column .search-input-wrapper,.main-search-row:not(.two-columns-mode) .search-section .search-bar,.main-search-row:not(.two-columns-mode) .search-section .search-bar-container,.main-search-row:not(.two-columns-mode) .search-section .search-input,.main-search-row:not(.two-columns-mode) .search-section .search-input-wrapper{width:100%}.search-bar{gap:8px}.search-bar,.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;left:12px;pointer-events:none;position:absolute;z-index:1}.search-input{background-color:#1f2937;border:1px solid #6b728033;border-radius:12px;box-sizing:border-box;color:#f8fafc;font-family:Inter,sans-serif;font-size:14px;height:38px;outline:none;padding:0 12px 0 40px;transition:all .3s ease;width:280px}.search-input:focus{border-color:#3ce477;box-shadow:0 0 0 2px #3ce47733}.search-input::placeholder{color:#6b7280}.selected-coins{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.coin-tag{align-items:center;background:#6b72801a;border:1px solid #6b728033;border-radius:12px;color:#9ca3af;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.coin-tag:hover{background:#6b728033;border-color:#6b728066;color:#fff}.coin-tag .coin-name{color:#fff}.coin-tag .coin-logo{border-radius:50%;flex-shrink:0;height:16px;object-fit:cover;width:16px}.coin-tag.twitter-tag{background:#6b72801a;border:1px solid #6b728033;color:#9ca3af;font-family:Inter,sans-serif;font-style:normal;font-weight:500;transition:all .2s ease}.coin-tag.twitter-tag:hover{background:#6b728033;border-color:#6b728066;color:#fff}.coin-tag.twitter-tag .twitter-name{color:#fff}.coin-tag.twitter-tag .twitter-logo{border-radius:50%;flex-shrink:0;height:16px;object-fit:cover;width:16px}.coin-tag.sort-tag{background-color:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6;font-weight:600}.coin-tag.news-id-tag{background-color:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24;font-weight:600}.coin-tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;line-height:1;margin-left:2px;padding:0;transition:all .2s ease;width:16px}.twitter-tag .coin-tag-remove{color:#9ca3af}.sort-tag .coin-tag-remove{color:#8b5cf6}.news-id-tag .coin-tag-remove{color:#fbbf24}.coin-tag-remove:hover,.twitter-tag .coin-tag-remove:hover{color:#fff}.sort-tag .coin-tag-remove:hover{background-color:#8b5cf633}.news-id-tag .coin-tag-remove:hover{background-color:#fbbf2433}.filter-separator{background-color:#374151;height:30px;width:1px}.filter-buttons{align-items:center;align-self:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.filter-button{background-color:initial;border:1px solid #0000;border-radius:6px;color:#d1d5db;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:8px;transition:all .2s ease;white-space:nowrap}.filter-button-content{align-items:center;display:flex;gap:6px}.filter-source-logo{border-radius:4px;flex-shrink:0;height:20px;object-fit:cover;width:20px}.filter-source-name{font-size:14px}.filter-button:hover{color:#f8fafc}.filter-button.active{background-color:#3ce47726;border-color:#0000;color:#3ce477;font-weight:600}.filter-button.active:hover{background-color:#3ce4771a;border-color:#0000}.grid-view-toggle{border:1px solid #6b728033!important}.grid-view-toggle .swap-columns-btn:hover svg,.grid-view-toggle .view-mode-btn:hover svg{stroke:#fff}@media (max-width:1100px){.main-search-row .dropdowns-section,.main-search-row .search-section{flex:1 1!important;width:100%!important}.main-search-row .dropdowns-section{margin-left:0!important;margin-top:8px}.main-search-row{flex-direction:column!important}}@media (max-width:768px){.search-and-filters-container{align-items:stretch;flex-direction:column;gap:15px}.search-bar-container{align-items:center}.search-bar{justify-content:center}.search-input{max-width:none!important;padding-left:40px;width:100%}.main-search-row .search-bar,.main-search-row .search-bar-container,.main-search-row .search-input,.main-search-row .search-input-wrapper{max-width:none!important;width:100%!important}.main-search-row .search-section,.main-search-row.two-columns-mode .search-section.first-column,.main-search-row:not(.two-columns-mode) .search-section{flex:1 1!important;width:100%!important}.main-search-row .dropdowns-section,.main-search-row.two-columns-mode .dropdowns-section.second-column,.main-search-row:not(.two-columns-mode) .dropdowns-section{flex:1 1!important;margin-left:0!important;margin-top:8px;width:100%!important}.main-search-row{flex-direction:column!important}.filter-separator{height:1px;width:100%}.filter-buttons{justify-content:center}.filter-button{font-size:12px;padding:6px 12px}}.autocomplete-dropdown{background:#1f2937;border:1px solid #6b72804d;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.autocomplete-item:not(:last-child){border-bottom:1px solid #6b728033}.autocomplete-item:hover{color:#fff}.autocomplete-logo{border-radius:50%;flex-shrink:0;height:16px;margin-right:8px;object-fit:cover;width:16px}.autocomplete-name{align-items:center;color:#f8fafc;display:flex;flex:1 1;font-size:14px;font-weight:500}.autocomplete-x-logo{border-radius:50%;flex-shrink:0;height:16px;object-fit:cover;width:16px}.autocomplete-separator{background:#6b72804d;height:1px;margin:4px 0}.autocomplete-item .suggestion-icon{align-items:center;background:#fb923c33;border-radius:50%;color:#fb923c;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;margin-right:8px;width:16px}.id-button-inline{align-items:center;background:#6b72801a;border:1px solid #6b728033;border-radius:12px;color:#9ca3af;cursor:default;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:6px;height:38px;padding:0 10px;transition:all .2s ease}.id-value{color:#fff;font-weight:600}.id-remove-button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:700;margin-left:6px;padding:0;transition:color .2s ease}.id-remove-button:hover{color:#fff}.hide-listings-container{align-items:center;display:flex;margin-right:12px;vertical-align:top}.hide-listings-button{align-items:center;background:#6b72801a;border:1px solid #6b728033;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:6px;height:38px;padding:0 10px;transition:all .2s ease}.hide-listings-button:hover{background:#6b728033;border-color:#6b728066;color:#fff}.hide-listings-checkbox{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #9ca3af;border-radius:2px;cursor:pointer;display:flex;flex-shrink:0;height:10px;justify-content:center;position:relative;transition:all .2s ease;width:10px}.hide-listings-checkbox:checked{background:#3cc86e;border-color:#3cc86e}.hide-listings-checkbox:checked:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.185 12.815 9.88 16.51l8.368-9.02' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:8px;position:absolute;width:8px}.hide-listings-button:hover .hide-listings-checkbox{border-color:#fff}.hide-listings-button:hover .hide-listings-checkbox:checked{background:#3cc86e;border-color:#3cc86e}.category-filter{display:inline-block;position:relative}.mini-chart-container{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827;border:1px solid #333;border-radius:6px;box-shadow:0 4px 12px #0000004d;padding:0}.mini-chart{display:block}.mini-chart .grid line{stroke:#444;stroke-width:.5px}.mini-chart .grid path{stroke:none}.news-card{animation:cardFadeIn .3s ease-out;background-color:#1f2937;border-radius:8px;cursor:pointer;display:flex;margin:0;padding:0;position:relative;transition:all .3s ease}.news-card,.news-card-content{box-sizing:border-box;flex-direction:column}.news-card-content{display:flow;height:100%;max-width:100%;min-width:0;padding:12px 12px 8px;width:100%}.news-list-grid .news-card{grid-column:span 1;grid-row:span 1}.news-list-vertical .news-card{min-width:305px;width:100%}.news-card.keep-hover,.news-card:hover{background-color:#252d3d}.news-list-grid .news-card.keep-hover,.news-list-grid .news-card:hover{transform:translateY(-2px)}.news-list-vertical .news-card.keep-hover,.news-list-vertical .news-card:hover{transform:translateX(2px)}.news-card.selected{background-color:#3ce4771a;border-left:4px solid #3ce477}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.source-line{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.source-single{flex:1 1}.content-right{flex:1 1;min-width:0}.source-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.source-line .source-icon{border-radius:50%;flex-shrink:0;height:28px;width:28px}.source-line .source{color:#3ce477;font-size:14px;font-weight:500;line-height:1.2}.headline{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;flex-shrink:0;line-height:1.2;margin:0;overflow:hidden;overflow-wrap:break-word}.headline,.news-card h3{word-wrap:break-word;box-sizing:border-box;font-size:16px;font-weight:400;max-width:100%;min-width:0;width:100%}.news-card h3{color:#f8fafc;flex:1 1;line-height:1.4;margin:0 0 8px;overflow-wrap:break-word}.highlighted-keyword{color:#fb923c;font-weight:600}.coins-container{display:flex;flex:none;flex-direction:column;gap:4px;margin:0;min-height:0;overflow:visible;position:relative}.coins-scroll-container{overflow:hidden;padding:2px 0;position:relative;width:100%}.coins-scroll{-ms-overflow-style:none;align-items:center;display:flex;gap:4px;max-height:24px;min-height:24px;overflow-x:auto;overflow-y:hidden;padding:2px 4px;scrollbar-width:none}.coins-scroll::-webkit-scrollbar{display:none}.coins-scroll{scroll-behavior:smooth}.coins-scroll-container.show-indicator:after{background:linear-gradient(270deg,#1f2937 0,#1f2937 20%,#1f2937cc 60%,#0000);border-radius:0 4px 4px 0;content:"";height:calc(100% - 2px);opacity:.6;pointer-events:none;position:absolute;right:0;top:1px;transition:opacity .3s ease;width:30px}.coins-scroll-container.show-indicator:hover:after{opacity:.9}.coin-row{align-items:center;display:flex;gap:8px;min-height:16px}.coin-compact{align-items:center;background-color:#9ca3af33;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;margin:0;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.coin-compact.active-hover,.coin-compact:hover{background-color:#3ce47726;border-color:#3ce47780;color:#3ce477;transform:scale(1.03);z-index:1}.coin-compact .coin-name{color:#9ca3af}.coin-compact .coin-name,.coin-compact .volatility-percent{font-size:11px;font-weight:500}.coin-compact .volatility-window{font-size:11px;font-weight:500;opacity:.8}.news-card .coin{align-items:center;background-color:#6b728026;border:1px solid #6b72804d;border-radius:4px;color:#d1d5db;display:inline-flex;flex-shrink:1;font-size:12px;font-weight:600;gap:6px;margin:0;max-width:none;min-width:0;padding:6px 10px}.coin-name{font-weight:700}.volatility-percent{font-weight:600}.volatility-window{font-size:10px;font-weight:500;opacity:.8}.news-card .coin.hover-chart-trigger{cursor:pointer;transition:all .2s ease}.news-card .coin.hover-chart-trigger.active-hover,.news-card .coin.hover-chart-trigger:hover{background-color:#3ce47726;border-color:#3ce47780;color:#3ce477;transform:scale(1.05)}.perp-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 2px;min-width:0}.news-card .perp{color:#f59e0b;font-size:12px;font-weight:600;margin:0}.volatility-metrics{align-items:center;display:flex;font-size:11px;gap:4px}.volatility-percent{flex-shrink:0;font-size:11px;font-weight:700;white-space:nowrap}.volatility-percent.positive{color:#3cc86e}.volatility-percent.negative{color:#ff5656}.volatility-time{color:#9ca3af;font-size:10px;font-style:italic}.header-right{gap:8px}.category-container,.header-right{align-items:center;display:flex;flex-shrink:0}.category-container{justify-content:flex-start}.category-badge{background-color:#6b728026;border:1px solid #6b72804d;border-radius:6px;color:#d1d5db;cursor:default;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin:0;padding:4px 8px;text-transform:capitalize;-webkit-user-select:none;user-select:none;white-space:nowrap}.category-badge,.news-footer{align-items:center;flex-shrink:0}.news-footer{display:flex;justify-content:space-between;margin-top:0;min-height:auto;padding-top:0;position:relative;z-index:1}.news-footer-left,.news-footer-right{align-items:center;display:flex;gap:4px}.share-button{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:12px;padding:4px 6px;position:relative;transition:all .2s ease}.share-button:hover{color:#3ce477}.share-button:hover svg path{stroke:#3ce477}.share-button .copied-indicator{color:#22c55e;font-size:14px;font-weight:600;margin-left:4px}.news-card .time-ago,.news-card .time-date{color:#6b7280;font-size:14px;margin:0}.news-card .time-ago.clickable,.news-card .time-date.clickable{border-radius:4px;cursor:pointer;padding:2px 4px;position:relative;transition:color .2s ease}.news-card .time-ago.clickable:hover,.news-card .time-date.clickable:hover{color:#fff}.copied-indicator{animation:fadeInOut 2s ease-in-out;color:#22c55e;font-size:14px;font-weight:700;margin-left:4px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(2px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}.time-date-container{display:inline-block;position:relative}.time-menu-portal{animation:menuFadeIn .15s ease-out;background:#1f2937;border:1px solid #6b72804d;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;width:-webkit-max-content;width:max-content}.time-menu-item{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;gap:8px;padding:8px 10px;transition:all .2s ease}.time-menu-item:hover{color:#fff}.time-menu-item:not(:last-child){border-bottom:1px solid #6b728033}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-badge{align-items:center;display:flex;flex-shrink:0;justify-content:center}.group-count{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 2px 4px #fbbf244d;color:#1f2937;font-size:10px;font-weight:700;min-width:18px;padding:3px 6px;text-align:center}@keyframes badgePulse{0%,to{box-shadow:0 2px 4px #fbbf244d;transform:scale(1)}50%{box-shadow:0 3px 6px #fbbf2480;transform:scale(1.05)}}.news-group-section{border-top:1px solid #6b72804d;margin-top:8px;padding-top:8px}.group-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:4px 0;transition:all .2s ease}.group-header:hover{background-color:#fbbf241a;border-radius:4px;padding:4px 6px}.group-indicator{color:#fbbf24;font-size:12px;font-weight:600}.group-toggle{color:#9ca3af;font-size:12px;transition:transform .2s ease}.group-toggle.expanded{transform:rotate(0deg)}.grouped-news-container{animation:groupExpandIn .3s ease-out;border-left:2px solid #fbbf244d;margin-top:8px;padding-left:12px}.grouped-news-item{background-color:#1f2937cc;border:1px solid #6b728033;border-radius:6px;margin-bottom:6px;padding:8px;transition:all .2s ease}.grouped-news-item:hover{background-color:#1f2937;border-color:#fbbf2480}.grouped-news-item:last-child{margin-bottom:0}.grouped-news-header{align-items:flex-start;display:flex;gap:6px;margin-bottom:4px}.grouped-source-icon{border-radius:3px;flex-shrink:0;height:20px;object-fit:cover;width:20px}.grouped-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e5e7eb;display:-webkit-box;flex:1 1;font-size:12px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.grouped-coins-container{gap:4px;margin:4px 0}.grouped-coin{background-color:#6b728033;border:1px solid #6b72804d;border-radius:3px;color:#d1d5db;font-size:10px;padding:1px 4px}.grouped-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.grouped-source{color:#fbbf24;font-size:10px;font-weight:600;margin:0}.grouped-time{color:#6b7280;font-size:10px;margin:0}@keyframes groupExpandIn{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.news-list{margin:0;padding:0}.news-list-grid{grid-gap:8px;align-items:stretch;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:none;justify-items:stretch;margin:0;padding:0}.news-list-grid,.news-list-grid.columns-3{grid-auto-columns:auto;grid-auto-flow:row;width:100%}.news-list-grid.columns-3{grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);max-width:1316px}.news-list-grid.columns-4{grid-auto-columns:auto;grid-auto-flow:row;grid-auto-rows:auto;grid-template-columns:repeat(4,1fr);max-width:1316px;width:100%}.news-list-grid>div{display:block;grid-column:span 1;grid-row:span 1}.news-list-grid .news-card,.news-list-grid>div{box-sizing:border-box;height:auto;max-height:none;max-width:100%;min-height:auto;min-width:0;overflow:hidden;width:100%}.news-list-grid .news-card{flex-basis:auto;flex-grow:0;flex-shrink:0;position:relative}@media (max-width:1200px){.news-list-grid.columns-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.news-list-grid.columns-3,.news-list-grid.columns-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.news-list-grid.columns-3,.news-list-grid.columns-4{grid-template-columns:1fr}}.news-list-vertical{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:100%;min-height:0;overflow-y:auto;padding-right:15px;position:relative}.loading-indicator{align-items:center;color:#666;display:flex;gap:10px;justify-content:center;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#666;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination-info{border-top:1px solid #e0e0e0;color:#666;margin-top:10px;padding:15px}.end-of-results,.pagination-info{display:flex;font-size:14px;justify-content:center}.end-of-results{color:#999;font-style:italic;padding:20px}.news-details{background-color:#111827;box-sizing:border-box;color:#f8fafc;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 15px}.news-header-content{margin-bottom:16px}.news-headline{word-wrap:break-word;color:#f8fafc;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:8px;max-width:100%;min-width:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.news-headline .highlighted-keyword{color:#fb923c;font-weight:700}.news-timestamp{color:#6b7280;font-size:14px;font-weight:500}.news-url{margin-bottom:20px}.news-url a{color:#3b82f6;font-size:14px;text-decoration:none;word-break:break-all}.news-url a:hover{text-decoration:underline}.coins-buttons{display:flex;flex-wrap:wrap;gap:4px}.coin-button{background-color:initial;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.coin-button:hover{color:#fff}.coin-button.active{color:#fff;font-weight:600}.coin-button.active,.coin-button.active:hover{background-color:initial;border:none}.time-interval-buttons{align-items:center;display:flex;justify-content:flex-start;margin-top:0}.buttons-inline{display:flex;gap:0}.interval-button{background-color:initial;border:1px solid #0000;border-radius:6px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:6px 8px;transition:all .2s ease;white-space:nowrap}.interval-button:nth-child(4){margin-right:24px}.interval-button:hover{color:#fff}.interval-button.active{font-weight:600}.interval-button.active,.interval-button.active:hover{background-color:initial;border-color:#0000;color:#fff}.chart-type-toggle{bottom:8px;display:flex;gap:0;position:absolute;right:8px;z-index:10}.toggle-button{background-color:initial;border:1px solid #0000;border-radius:4px;color:#6b7280;padding:6px 4px}.toggle-button:hover{color:#fff}.toggle-button.active,.toggle-button.active:hover{background-color:initial;border-color:#0000;color:#fff}.chart-section{margin-bottom:24px}.chart-container{background:#0000;overflow-x:hidden;padding:0;position:relative}.chart-container,.price-chart{box-sizing:border-box;max-width:100%}.price-chart{display:block;height:300px;width:100%}.chart-tooltip{background-color:#1f2937f2;border:1px solid #374151;border-radius:6px;color:#f8fafc;font-size:12px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:1000}.loading-chart{background:#0000;color:#9ca3af;font-style:italic;padding:40px;text-align:center}.news-meta{background-color:#1f2937;border:1px solid #2e3440;border-radius:8px;margin-bottom:24px;padding:0}.meta-item{align-items:center;display:flex;margin-bottom:12px}.meta-item:last-child{margin-bottom:0}.meta-item .label{color:#9ca3af;font-weight:600;margin-right:16px;min-width:100px}.meta-item .value{color:#f8fafc}.meta-item .value.coin{color:#3ce477;font-weight:600}.meta-item .value.volatility{font-weight:600}.meta-item .value.volatility.positive{color:#3ce477}.meta-item .value.volatility.negative{color:#ef4444}.meta-item .value.link{color:#3b82f6;text-decoration:none}.meta-item .value.link:hover{text-decoration:underline}.trades-section{margin-bottom:24px}.trades-list{background-color:#1f2937;border:1px solid #2e3440;border-radius:8px;border-top-color:#374151;max-height:400px;overflow-y:auto}.trade-item{align-items:center;border-bottom:1px solid #2e3440;display:flex;justify-content:space-between;padding:12px 16px}.trade-item:last-child{border-bottom:none}.trade-side{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.trade-side.buy{background-color:#3ce47733;color:#3ce477}.trade-side.sell{background-color:#ef444433;color:#ef4444}.trade-amount{color:#f8fafc;font-weight:600}.trade-price{color:#9ca3af;font-family:monospace}.trade-time{color:#6b7280;font-size:12px}.tickers-section{margin-bottom:24px}.tickers-list{background-color:#1f2937;border:1px solid #2e3440;border-radius:8px;border-top-color:#374151;max-height:400px;overflow-y:auto}.ticker-item{align-items:center;border-bottom:1px solid #2e3440;display:flex;justify-content:space-between;padding:12px 16px}.ticker-item:last-child{border-bottom:none}.ticker-time{color:#6b7280;font-size:12px}.ticker-price{color:#f8fafc;font-family:monospace;font-weight:600}.news-details::-webkit-scrollbar,.tickers-list::-webkit-scrollbar,.trades-list::-webkit-scrollbar{display:none}.news-details,.tickers-list,.trades-list{-ms-overflow-style:none;scrollbar-width:none}.price-chart text{fill:#9ca3af;font-size:12px}.price-chart .x-axis text,.price-chart .y-axis text{fill:#9ca3af}.price-chart .x-axis line,.price-chart .x-axis path,.price-chart .y-axis line,.price-chart .y-axis path{stroke:#4b5563}.price-chart .grid line{stroke:#374151;stroke-dasharray:2,2;opacity:.5}.price-chart .grid path{stroke-width:0}.discord-commands-section{margin-bottom:24px;margin-top:24px}.command-input-container{align-items:center;display:flex;gap:8px;width:100%}.command-wrapper{align-items:center;background-color:#0f1419;border:1px solid #30363d;border-radius:4px;box-shadow:inset 0 1px 2px #0000004d;cursor:pointer;display:flex;padding:6px 8px;transition:all .2s ease}.command-wrapper:hover{background-color:#161b22;border-color:#484f58;box-shadow:inset 0 1px 2px #0003,0 1px 3px #0003}.command-input{background:#0000;border:none;color:#7dd3fc;cursor:pointer;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;font-weight:500;min-width:0;outline:none;padding:0;width:auto}.command-input::selection{background-color:#5865f2;color:#fff}.bybit-button{align-items:center;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;padding:0;transition:all .2s ease;width:34px}.bybit-button img{border-radius:4px;height:100%;object-fit:cover;width:100%}.bybit-button:hover{transform:scale(1.1)}.copy-button{align-items:center;background-color:#5865f2;border:1px solid #5865f2;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:30px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background-color:#4752c4;border-color:#4752c4;box-shadow:0 4px 8px #5865f24d;transform:translateY(-1px)}.copy-button:active{background-color:#3c47a1;border-color:#3c47a1;box-shadow:0 2px 4px #5865f233;transform:translateY(0)}.copy-button.copied{animation:copySuccess .3s ease;background-color:#10b981;border-color:#10b981}.copy-button.copied:hover{background-color:#059669;border-color:#059669}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.grouped-news-section{margin-bottom:20px;margin-top:8px;padding-top:6px}.grouped-news-title{align-items:center;color:#f8fafc;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.grouped-news-title:before{background-color:#fb923c;border-radius:2px;content:"";height:18px;width:4px}.grouped-news-container{display:flex;flex-direction:column;gap:12px;max-width:100%;overflow-x:hidden}.grouped-news-container .news-card{box-sizing:border-box;margin:0;max-width:100%;width:100%}.grouped-news-container .news-card .news-card-content,.grouped-news-container .news-card .source-line{max-width:100%;overflow:hidden}.grouped-news-container .news-card .content-right{max-width:100%;min-width:0;overflow:hidden}.grouped-news-container .news-card .headline{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.grouped-news-item{background-color:#1f2937;border:1px solid #374151;border-radius:8px;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:16px}.grouped-news-item:hover{background-color:#252d3d;border:1px solid #374151}.grouped-news-header{margin-bottom:12px;min-width:0;overflow:hidden}.grouped-title{word-wrap:break-word;color:#f8fafc;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:0;min-width:0;overflow-wrap:break-word;word-break:break-word}.grouped-title .highlighted-keyword{color:#fb923c;font-weight:700}.grouped-timestamp{border-top:1px solid #374151;color:#9ca3af;font-size:11px;font-weight:500;margin-top:12px;opacity:1;padding-top:8px;text-align:left}.grouped-url{margin-bottom:12px;min-width:0;overflow:hidden}.grouped-url a{color:#3b82f6;display:inline-block;font-size:13px;max-width:100%;opacity:.8;overflow-wrap:anywhere;text-decoration:none;word-break:break-all}.grouped-url a:hover{opacity:1;text-decoration:underline}.grouped-coins-container{display:flex;flex-wrap:wrap;gap:6px}.grouped-coin{background-color:#111827;border:1px solid #4b5563;border-radius:4px;color:#9ca3af;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.stats-button{align-items:center;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-left:4px;overflow:hidden;padding:0;transition:all .2s ease;width:34px}.stats-button:hover{transform:scale(1.1)}.stats-button svg{height:28px;transition:all .2s ease;width:28px}.stats-button.active svg{stroke:#3ce477}.stats-button:not(.active) svg{stroke:#fff}.stats-button:hover svg{stroke:#9ca3af}.stats-button.active:hover svg{stroke:#3ce477}.content-container{background-color:#111827;display:flex;flex:1 1;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.content-wrapper{display:flex;flex:1 1;flex-direction:column;height:100%}.content-wrapper,.grid-view{margin:0 auto;min-height:0;width:100%}.grid-view{animation:fadeIn .3s ease-in-out;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:8px 0 20px}.news-layout{animation:slideIn .4s ease-out;flex:1 1}.news-layout,.news-list-container{background-color:#111827;display:flex;height:100%;min-height:0}.news-list-container{border-right:none;box-sizing:border-box;flex-direction:column;min-width:360px;padding:0;width:360px}.list-header{border-bottom:none;flex-shrink:0;margin-bottom:8px;padding-bottom:8px}.back-button{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;transition:color .2s ease,transform .2s ease}.back-button:hover{color:#fff;transform:translateX(-2px)}.back-arrow{fill:currentColor;height:24px;width:24px}.back-text{font-family:Inter,sans-serif}.news-details-container{animation:slideInRight .4s ease-out .1s both;height:100%;min-height:0;overflow:visible}.detail-view,.news-details-container{background-color:#111827;display:flex;flex:1 1;flex-direction:column}.detail-header{border-bottom:1px solid #2e3440;padding:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.content-container::-webkit-scrollbar,.grid-view::-webkit-scrollbar{display:none}.content-container,.grid-view{-ms-overflow-style:none;scrollbar-width:none}.news-list-container::-webkit-scrollbar{width:6px}.news-list-container::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.news-list-container::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.news-list-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.news-list-container{scrollbar-color:#4b5563 #1f2937;scrollbar-width:thin}.two-column-container{background-color:#111827;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.column-headers-row{display:flex;flex-shrink:0;gap:20px}.column-headers-row .column-header{flex:1 1;padding:8px 0 16px}.two-column-layout{gap:20px}.news-column,.tweets-column,.two-column-layout{background-color:#111827;display:flex;flex:1 1;min-height:0}.news-column,.tweets-column{flex-direction:column;overflow-x:hidden;overflow-y:auto}.single-column .news-column{flex:1 1;width:100%}.column-header{flex-shrink:0;padding:8px 0 16px}.column-header h2{align-items:center;color:#bfc4cd;display:flex;font-family:Inter,sans-serif;font-size:18px;font-weight:500;margin:0}.news-column::-webkit-scrollbar,.tweets-column::-webkit-scrollbar{width:6px}.news-column::-webkit-scrollbar-track,.tweets-column::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.news-column::-webkit-scrollbar-thumb,.tweets-column::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.news-column::-webkit-scrollbar-thumb:hover,.tweets-column::-webkit-scrollbar-thumb:hover{background:#6b7280}.news-column,.tweets-column{scrollbar-color:#4b5563 #1f2937;scrollbar-width:thin}.app-footer{bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;transition:opacity .3s ease-in-out;z-index:1000}.app-footer.visible{opacity:1}.app-footer.hidden{opacity:0}.footer-content{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:space-between;margin:0;padding:0 20px;pointer-events:all;width:100%}.powered-text{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f29370d;border:none;border-radius:6px 6px 0 0;box-shadow:0 4px 12px #0000004d;color:#9ca3af;display:flex;font-size:11px;gap:4px;letter-spacing:.3px;padding:4px 8px;white-space:nowrap}.powered-text strong{color:#3ce477;font-weight:600}.tree-logo{flex-shrink:0;height:14px;width:14px}.feedback-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f29370d;border:none;border-radius:20px;box-shadow:0 4px 12px #0000004d;color:#d1d5db;display:flex;font-size:12px;font-weight:500;gap:4px;letter-spacing:.3px;padding:6px 10px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.discord-logo{flex-shrink:0;height:14px;width:14px}.feedback-link:hover{background:#5865f21a;border-color:#5865f280;box-shadow:0 2px 8px #5865f233;color:#5865f2;transform:translateY(-1px)}@media (max-width:768px){.footer-content{padding:0}.feedback-link,.powered-text{font-size:10px;padding:6px 10px}}@media (max-width:480px){.footer-content{align-items:center;flex-direction:column;gap:8px;padding:0}.feedback-link,.powered-text{font-size:9px;padding:5px 8px}}.sidebar{background-color:#1f2937;border-radius:0 12px 12px 0;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .15s ease;z-index:1000}.sidebar-expanded{width:256px}.sidebar-collapsed{width:80px}.sidebar-content{flex:1 1;overflow:hidden;padding:20px 0}.sidebar-brand{justify-content:flex-start;padding:4px 0 4px 24px}.brand-content,.sidebar-brand{align-items:center;display:flex}.sidebar-brand .logo{flex-shrink:0;height:32px;margin-right:8px;width:32px}.sidebar-brand .title-container{display:flex;flex-direction:column}.sidebar-brand .treenewspro-title{font-family:Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:.2px;line-height:1;margin:0;transition:none!important}.sidebar-brand .treenewspro-title,.sidebar-brand .treenewspro-title:hover{color:#f8fafc!important;text-shadow:none!important;transform:none!important}.sidebar-brand .app-slogan{color:#3cc86e;font-family:Inter,sans-serif;font-size:11px;font-weight:600;margin:2px 0 0;text-align:left;white-space:nowrap}.sidebar-toggle{align-items:center;display:flex;padding:20px}.sidebar-expanded .sidebar-toggle{justify-content:flex-end;padding-right:20px}.sidebar-collapsed .sidebar-toggle,.toggle-button{justify-content:center}.toggle-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;padding:8px;transition:all .2s ease;width:32px}.toggle-button:hover{background-color:#ffffff1a}.toggle-button svg{fill:#6b7280;transition:transform .15s ease}.toggle-button:hover svg{fill:#fff}.rotate-180{transform:rotate(180deg)}@media (max-width:768px){.sidebar-expanded{width:240px}.sidebar-collapsed{width:60px}}.sidebar-menu{display:flex;flex-direction:column;gap:5px;padding:40px 16px 16px}.menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px 16px;position:relative;transition:all .2s ease}.menu-item:hover,.menu-item:hover .menu-icon,.menu-item:hover .menu-text{color:#fff}.menu-icon{color:#6b7280;flex-shrink:0;height:20px;width:20px}.settings-icon{height:17px;width:17px}.menu-item .settings-icon+.menu-text{margin-left:13.5px}.menu-text{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-left:12px}.menu-item.active{background:linear-gradient(90deg,#3cc86e40,#3cc86e14,#0000)}.menu-item.active .menu-icon,.menu-item.active .menu-text{color:#3cc86e}.sidebar-collapsed .sidebar-menu{opacity:1;pointer-events:all}.sidebar-collapsed .menu-text{display:none}.sidebar-collapsed .menu-item{justify-content:center;padding:8px}.sidebar-expanded .sidebar-menu{opacity:1;pointer-events:all}.main-content-with-sidebar{margin-left:270px;transition:margin-left .15s ease}.main-content-with-sidebar.sidebar-collapsed{margin-left:95px}.sidebar-links{margin-top:16px;padding:0 16px}.links-title{margin-bottom:12px;padding-left:16px}.section-title{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.section-dots,.section-title{color:#6b7280;font-family:Inter,sans-serif;font-weight:600}.section-dots{cursor:pointer;display:block;font-size:18px;text-align:center;transition:color .2s ease;width:100%}.section-dots:hover{color:#fff}.links-menu{display:flex;flex-direction:column}.link-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:6px 16px;transition:all .2s ease}.link-item:hover,.link-item:hover .link-icon,.link-item:hover .link-text{color:#fff}.link-icon{color:#6b7280;flex-shrink:0;height:20px;width:20px}.link-text{color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-left:12px}.sidebar-collapsed .link-text,.sidebar-collapsed .links-menu{display:none}.sidebar-collapsed .links-title{padding-left:0;text-align:center}body{background-color:#111827;color:#f8fafc;font-family:Inter,sans-serif;margin:0}.app,.main-content{background-color:#111827;display:flex;height:100vh}.main-content{box-sizing:border-box;flex:1 1;flex-direction:column;min-height:0;padding:0 20px;position:relative;width:100%}.connection-indicator{pointer-events:none;position:absolute;right:20px;top:22px;z-index:1000}.connection-indicator .login-button{pointer-events:all;position:absolute;right:35px}.connection-indicator .connection-status{pointer-events:all;position:absolute;right:0}.connection-status{align-items:center;background-color:initial;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.connection-status.connected .status-dot{background-color:#10b981;box-shadow:0 0 6px #10b98199;position:relative}.connection-status.connected .status-dot:before{animation:ping 2s cubic-bezier(0,0,.2,1) infinite;background-color:#10b981;border-radius:50%;content:"";height:100%;left:0;opacity:.75;position:absolute;top:0;width:100%}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.login-button{background:none;border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:0;overflow:hidden;padding:0}.login-button,.login-button .discord-icon{align-items:center;display:flex;transition:all .2s ease}.login-button .discord-icon{background:#5865f2;border-radius:8px 0 0 8px;box-sizing:border-box;height:28px;justify-content:center;padding:8px 4px 8px 8px}.login-button:hover .discord-icon{background:#5865f2}.login-button .login-text{align-items:center;background:#5865f2;border-radius:0 8px 8px 0;box-sizing:border-box;color:#fff;display:flex;height:28px;padding:8px 12px 8px 4px;transition:all .2s ease}.login-button:hover{box-shadow:0 4px 12px #7289da4d;transform:translateY(-1px)}.login-button:hover .login-text{background:#5865f2}.connection-status.disconnected .status-dot{background-color:#ef4444;box-shadow:0 0 6px #ef444499}.status-text{color:#f8fafc;font-size:13px}.latency{color:#94a3b8;font-size:12px;margin-left:4px}
/*# sourceMappingURL=main.cb7ab2aa.css.map*/