:root{--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--color-primary:#333;--color-secondary:#333c;--color-tertiary:#3339;--color-placeholder:#3336;--color-inverse:#fff;--color-warning:red;--background-primary:#fff;--background-secondary:#0000000d;--background-warning:#ff00001a;--background-popover:#fff;--background-inverse:#0d0d0d;--border-color:#00000014;--shadow:0px 4px 12px #0000001a}[data-theme=dark]{--color-primary:#fff;--color-secondary:#ffffffb3;--color-tertiary:#ffffff80;--color-placeholder:#ffffff4d;--color-inverse:#000;--color-warning:#e21515;--background-primary:#0d0d0d;--background-secondary:#ffffff0f;--background-warning:#ff000026;--background-popover:#262626;--background-inverse:#fff;--border-color:#ffffff1f;--shadow:0px 4px 12px #0003}*,:before,:after{box-sizing:border-box}*{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,textarea,[contenteditable=true]{caret-color:var(--color-accent-blue)}input,button,textarea,select{font:inherit}input{background-color:#0000;border:0;outline:0}button{cursor:pointer;background-color:#0000;border:0;outline:0;padding:0}textarea{background-color:#0000;border:0;outline:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);text-wrap:balance}#root,#__next{isolation:isolate}body{font-family:var(--font-family);color:var(--color-primary);caret-color:var(--color-primary);background-color:var(--background-primary);font-size:16px}a{color:inherit;text-decoration:none}.feed{z-index:1000;text-align:center}.feed .image-block{flex-direction:column;align-items:center;gap:24px;padding:64px 0;display:flex}.feed .image-block img.thumbnail{cursor:zoom-in;outline:1px solid var(--border-color);max-width:calc(100vw - 160px);height:auto;max-height:100vh}.feed .text-block{padding:96px}.feed .text-block+.text-block{border-top:1px solid var(--border-color)}.feed .text-block{flex-direction:column;align-items:center;gap:48px;display:flex}.feed .text-block .content{text-align:left;white-space:break-spaces;max-width:520px;font-size:20px;line-height:1.4}.feed .channel-block{flex-direction:column;align-items:center;gap:24px;padding:96px;display:flex}.feed .channel-block .channel-card{border:2px solid var(--border-color);aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:360px;padding:32px;display:flex;position:relative}@media (hover:hover){.feed .channel-block .channel-card:hover{border-color:var(--color-primary)}}.feed .channel-block .channel-card .channel-title{font-size:24px}.feed .channel-block .channel-card .owner{flex-direction:column;align-items:center;gap:20px;display:flex}.feed .channel-block .channel-card .owner .avatar{background-color:var(--background-secondary);outline:1px solid var(--border-color);outline-offset:-1px;border-radius:50%;width:48px;height:48px;overflow:hidden}.feed .channel-block .channel-card .owner .avatar img{object-fit:cover;width:100%;height:100%}.feed .channel-block .channel-card .block-count{color:var(--color-tertiary);position:absolute;bottom:1em;left:50%;transform:translate(-50%)}.feed .block-metadata{color:var(--color-placeholder);flex-direction:column;gap:2px;font-size:12px;display:flex}.feed .block-metadata a{color:var(--color-tertiary)}.feed .block-metadata .title-row{align-items:center;gap:4px;max-width:100vw;padding:0 24px;display:flex}.feed .block-metadata .title-row .title-link{white-space:nowrap;text-overflow:ellipsis;max-width:480px;overflow:hidden}.feed .block-metadata .title-row .channel-link{white-space:nowrap;flex-grow:1}.feed .block-metadata .source-link{-webkit-user-select:none;user-select:none;white-space:nowrap;flex-grow:1}@media (hover:hover){.feed .block-metadata .source-link:hover{background:var(--background-secondary);text-decoration:none}}.feed .block-metadata .source-link{outline:1px solid var(--border-color);outline-offset:-1px;height:24px;color:var(--color-secondary);border-radius:999px;padding:0 10px;font-size:12px;line-height:24px;display:inline-block}.empty-message{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex}.empty-message.page-no-content{width:100%;height:100vh}.empty-message .empty-message-icon{background-color:var(--background-secondary);border-radius:999px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.empty-message .empty-message-icon .lucide{width:auto;height:48px;color:var(--color-secondary)}.empty-message .empty-message-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-message .empty-message-content .empty-message-title{font-size:20px;font-weight:500}.empty-message .empty-message-content .empty-message-description{color:var(--color-tertiary)}.empty-message .empty-message-action{margin-top:8px}.empty-message .empty-message-action .button{border:1px solid var(--border-color);color:var(--color-secondary);border-radius:999px;padding:8px 16px;font-weight:500;line-height:24px}.empty-message .empty-message-action .button:hover{background:var(--background-secondary);color:var(--color-primary)}.small-button{cursor:pointer}@media (hover:hover){.small-button:hover{background:var(--background-secondary);text-decoration:none}}.small-button{outline:1px solid var(--border-color);outline-offset:-1px;height:24px;color:var(--color-secondary);border-radius:999px;padding:0 8px;font-size:12px;line-height:24px;display:inline-block}.overlay{z-index:10;cursor:zoom-out;background:var(--background-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay img{max-width:100vw;max-height:100vh}.overlay img.placeholder{opacity:.9;z-index:-1;position:absolute}.sidebar-button{z-index:0;cursor:pointer;width:80px;color:var(--color-tertiary);justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-button.scrolled{opacity:.5}.sidebar{z-index:100;background:var(--background-primary);width:100vw;max-width:400px;height:100vh;box-shadow:inset -1px 0 0 var(--border-color);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar .channel-list-empty{flex:1;margin-top:6px}.sidebar .add-new{cursor:pointer;background:var(--background-secondary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;height:44px;margin:2px 16px 16px;display:flex}.sidebar .add-new .lucide{color:var(--color-secondary)}@media (hover:hover){.sidebar .add-new:hover{background:var(--background-secondary)}.sidebar .add-new:hover .lucide{color:var(--color-primary)}}.sidebar .channel-list-header{justify-content:center;align-items:center;margin-top:24px;margin-bottom:12px;display:flex}.sidebar .channel-list-header .channel-list-title .history-menu-trigger{cursor:pointer;color:var(--color-tertiary);background:0 0;border:none;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;font-size:12px;font-weight:600;display:flex}.sidebar .channel-list-header .channel-list-title .history-menu-trigger .history-menu-trigger-icon-container{border-radius:99px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar .channel-list-header .channel-list-title .history-menu-trigger .lucide{width:auto;height:16px;color:var(--color-placeholder)}.sidebar .channel-list-header .channel-list-title .history-menu-trigger.menu-opened{color:var(--color-secondary)}.sidebar .channel-list-header .channel-list-title .history-menu-trigger.menu-opened .history-menu-trigger-icon-container{background:var(--background-secondary)}.sidebar .channel-list-header .channel-list-title .history-menu-trigger.menu-opened .history-menu-trigger-icon-container .lucide{color:var(--color-tertiary)}@media (hover:hover){.sidebar .channel-list-header .channel-list-title .history-menu-trigger:hover{color:var(--color-secondary)}.sidebar .channel-list-header .channel-list-title .history-menu-trigger:hover .history-menu-trigger-icon-container{background:var(--background-secondary)}.sidebar .channel-list-header .channel-list-title .history-menu-trigger:hover .history-menu-trigger-icon-container .lucide{color:var(--color-tertiary)}}.sidebar .channel-list{flex-direction:column;flex:1;gap:2px;width:100%;padding:0 16px 16px;display:flex;overflow:auto}.sidebar .channel-list .channel-item{--channel-item-height:64px;height:var(--channel-item-height);border-radius:12px;flex-shrink:0;align-items:center;display:flex;position:relative}.sidebar .channel-list .channel-item .channel-item-content{flex-direction:column;flex:1;justify-content:center;gap:6px;height:100%;display:flex;overflow:hidden}.sidebar .channel-list .channel-item .channel-item-content .title-owner{align-items:center;gap:4px;display:flex}.sidebar .channel-list .channel-item .channel-item-content .title-owner .title{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.sidebar .channel-list .channel-item .channel-item-content .title-owner .tag{border:1px solid var(--border-color);color:var(--color-placeholder);text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:2px 4px;font-size:10px;font-weight:600}.sidebar .channel-list .channel-item .channel-item-content .owner{color:var(--color-tertiary);font-size:12px}.sidebar .channel-list .channel-item .channel-item-left-slot{--slot-size:48px;width:var(--slot-size);height:var(--slot-size);cursor:grab;color:var(--color-placeholder);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar .channel-list .channel-item .channel-item-left-slot:active{cursor:grabbing;color:var(--color-primary)}.sidebar .channel-list .channel-item .channel-item-left-slot .lucide{width:auto;height:20px}.sidebar .channel-list .channel-item .channel-item-left-slot .active-dot{visibility:hidden;--dot-size:6px;width:var(--dot-size);height:var(--dot-size);background:var(--color-primary);border-radius:999px}.sidebar .channel-list .channel-item .channel-item-left-slot .active-dot.visible{visibility:visible}.sidebar .channel-list .channel-item .channel-item-right-slot{flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;display:flex}.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;display:flex}.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger .lucide{width:auto;height:18px;color:var(--color-tertiary)}.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger[aria-expanded=true],.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger:hover{background-color:var(--background-secondary)}.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger[aria-expanded=true] .lucide,.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger:hover .lucide{color:var(--color-primary)}.sidebar .channel-list .channel-item .channel-item-right-slot .channel-item-menu-trigger{opacity:0}.sidebar .channel-list .channel-item.menu-opened,.sidebar .channel-list .channel-item:hover{background:var(--background-secondary)}.sidebar .channel-list .channel-item.menu-opened .channel-item-right-slot .channel-item-menu-trigger,.sidebar .channel-list .channel-item:hover .channel-item-right-slot .channel-item-menu-trigger{opacity:1}[data-testid=underlay]{z-index:9999}.menu{max-height:inherit;box-sizing:border-box;background-color:var(--background-popover);min-width:144px;box-shadow:var(--shadow);border-radius:14px;outline:none;padding:6px;overflow:auto}.menu .menu-item{cursor:pointer;height:36px;color:var(--color-tertiary);border-radius:8px;align-items:center;padding:0 24px 0 12px;font-size:12px;display:flex}.menu .menu-item:hover{background-color:var(--background-secondary);color:var(--color-secondary)}.menu .menu-item.warning{color:var(--color-warning)}.menu .menu-item.warning:hover{background-color:var(--background-warning);color:var(--color-warning)}.menu .menu-separator{background:var(--border-color);height:1px;margin:4px 8px}.loading-screen{pointer-events:none;width:100vw;height:100vh;color:var(--color-placeholder);justify-content:center;align-items:center;display:flex}main.landing{flex-direction:column;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;display:flex}main.landing .core{position:relative}main.landing .title{flex-direction:column;align-items:center;gap:24px;padding:40px;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}main.landing .title .tagline{font-size:20px}main.landing .ad{color:var(--color-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;top:calc(100% + 112px);left:0;right:0}main.landing .ad a,main.landing .ad a:hover{color:var(--color-secondary)}main.landing .error{color:var(--color-warning);justify-content:center;align-items:center;display:flex;position:absolute;top:calc(100% + 20px);left:0;right:0}main.landing .input-group{background:var(--background-secondary);border-radius:16px;width:calc(100vw - 48px);max-width:640px;display:flex}main.landing .input-group .mode-toggle{cursor:default;-webkit-user-select:none;user-select:none;padding:8px}main.landing .input-group .mode-toggle:hover .mode-toggle-visual{background-color:var(--background-secondary)}main.landing .input-group .mode-toggle .mode-toggle-visual{cursor:pointer;--toggle-highlight:var(--color-secondary);border-radius:8px;align-items:center;gap:8px;width:80px;height:48px;padding:8px 10px;display:flex}main.landing .input-group .mode-toggle .mode-toggle-visual .mode-indicator{background-color:var(--background-secondary);border-radius:999px;width:6px;height:28px;position:relative}main.landing .input-group .mode-toggle .mode-toggle-visual .mode-indicator .mode-indicator-active{background-color:var(--toggle-highlight);border-radius:999px;width:100%;height:12px;position:absolute}main.landing .input-group .mode-toggle .mode-toggle-visual .mode-texts{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}main.landing .input-group .mode-toggle .mode-toggle-visual .mode-texts .mode-text{color:var(--color-placeholder);font-size:12px}main.landing .input-group .mode-toggle .mode-toggle-visual .mode-texts .mode-text.active{color:var(--toggle-highlight)}main.landing .input-group input{background:0 0;border:0;flex-grow:1;align-items:center;width:100%;font-size:20px;display:flex;position:relative}main.landing .input-group input:focus{outline:none}main.landing .input-group input::placeholder{color:var(--color-placeholder)}main.landing .input-group .action-button{aspect-ratio:1;cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;height:100%;padding:8px;display:flex}main.landing .input-group .action-button:hover .action-button-visual{background-color:var(--background-secondary)}main.landing .input-group .action-button .action-button-visual{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}main.landing .input-group .action-button .action-button-visual .lucide{width:auto;height:24px;color:var(--color-primary)}.feed-header{text-align:center;margin:16px}.feed-footer{color:var(--color-tertiary);justify-content:center;align-items:center;gap:4px;margin:32px;font-size:12px;font-weight:600;display:flex}.feed-footer .the-end-button .the-end-button-icon-container{border-radius:99px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.feed-footer .the-end-button .the-end-button-icon-container .lucide{width:auto;height:16px;color:var(--color-placeholder)}.feed-footer .the-end-button.menu-opened{color:var(--color-secondary)}.feed-footer .the-end-button.menu-opened .the-end-button-icon-container{background:var(--background-secondary)}.feed-footer .the-end-button.menu-opened .the-end-button-icon-container .lucide{color:var(--color-tertiary)}@media (hover:hover){.feed-footer .the-end-button:hover{color:var(--color-secondary)}.feed-footer .the-end-button:hover .the-end-button-icon-container{background:var(--background-secondary)}.feed-footer .the-end-button:hover .the-end-button-icon-container .lucide{color:var(--color-tertiary)}}.home-actions{align-items:center;gap:20px;margin:24px;display:flex;position:fixed;top:0;right:0}.home-actions .theme-changer-button{cursor:pointer;width:24px;height:24px;color:var(--color-tertiary);justify-content:center;align-items:center;gap:8px;display:flex}.home-actions .theme-changer-button.active,.home-actions .theme-changer-button:hover{color:var(--color-secondary)}.how-it-works-button{color:var(--color-tertiary)}.how-it-works-button.menu-opened,.how-it-works-button:hover{color:var(--color-secondary)}.how-it-works-popover{background-color:var(--background-popover);width:280px;color:var(--color-tertiary);border-radius:24px;flex-direction:column;gap:12px;padding:22px 24px;font-size:12px;line-height:1.4;display:flex}.how-it-works-popover a{color:var(--color-secondary)}.toast{z-index:1000;background-color:var(--background-inverse);height:40px;box-shadow:var(--shadow);color:var(--color-inverse);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:flex}.toast.with-icon{padding:0 16px 0 10px}.toast.with-icon svg{width:20px;height:20px}.explore{gap:12px;width:640px;margin:16px 0;display:flex;overflow:hidden}.explore .explore-item{cursor:pointer;background-color:var(--background-secondary);border-radius:16px;flex:1;align-items:center;gap:12px;padding:10px 16px 10px 10px;display:flex}.explore .explore-item .explore-item-image{background-color:var(--background-secondary);outline:1px solid var(--border-color);outline-offset:-1px;border-radius:6px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.explore .explore-item .explore-item-image img{object-fit:cover;width:100%;height:100%}.explore .explore-item .explore-item-title{color:var(--color-tertiary);text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.explore .explore-item .explore-item-description{color:var(--color-tertiary);font-size:12px}