body{background-color:#f7f7f7;background-image:radial-gradient(#e5e5e5 1.5px,transparent 1.5px);background-size:20px 20px}.top-nav-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:2px solid var(--color-border-neutral);padding:10px 16px}.top-nav-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.mobile-drawer-btn{border:none;background:transparent;font-size:18px;color:var(--color-text-primary);cursor:pointer;display:block}@media(min-width:1024px){.mobile-drawer-btn{display:none}}.nav-switch-wrapper{display:inline-flex;background:#e5e5e5;border:2px solid var(--color-border-neutral-dark);border-radius:14px;padding:3px;gap:4px;margin:0 auto}.nav-switch-tab{border:2px solid transparent;background:transparent;padding:6px 22px;border-radius:10px;font-size:14px;font-weight:900;letter-spacing:.02em;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;transition:all .12s ease-in-out}.nav-switch-tab:not(.active):hover{background:#fff;color:var(--color-blue-jay);transform:translateY(-1px)}.nav-switch-tab.active{background:var(--color-blue-jay);border:2px solid var(--color-blue-jay);border-bottom:3px solid var(--color-blue-jay-lip);color:var(--color-white)}.header-right-status{position:absolute;right:0}.user-pill{font-size:12px;font-weight:800;color:var(--color-text-muted);display:flex;align-items:center;gap:6px;background:#f7f7f7;border:2px solid var(--color-border-neutral);padding:4px 10px;border-radius:12px}.status-dot{width:7px;height:7px;background:var(--color-macaw-green);border-radius:50%}.dot-gray{background:var(--color-text-light)}.app-layout-container{max-width:1440px;margin:0 auto;padding:16px;display:flex;align-items:flex-start}.layout-col-left{width:250px;flex-shrink:0;position:sticky;top:68px;max-height:calc(100vh - 88px);overflow-y:auto}@media(min-width:1024px){.layout-col-left{background:transparent;border:none!important;border-bottom:none!important;border-radius:0;padding:0;margin-right:24px}}@media(max-width:1023px){.layout-col-left{position:fixed;top:0;bottom:0;left:0;width:290px;max-width:82vw;background:#fff;border-right:2px solid var(--color-border-neutral);z-index:1001;transform:translate(-100%);transition:transform .22s cubic-bezier(.16,1,.3,1);max-height:100vh;padding:16px}.layout-col-left.open{transform:translate(0)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--color-border-neutral)}.sidebar-logo{display:flex;align-items:center;gap:8px}.logo-toy-badge{background-color:var(--color-macaw-green);color:var(--color-white);font-weight:900;font-size:11px;padding:2px 6px;border-radius:6px;border:2px solid var(--color-macaw-green-lip);border-bottom:3px solid var(--color-macaw-green-lip)}.logo-text{font-weight:900;font-size:15px;color:var(--color-text-primary)}.drawer-close-btn{border:none;background:transparent;font-size:16px;color:var(--color-text-light);cursor:pointer}@media(min-width:1024px){.drawer-close-btn{display:none}}.desktop-quick-add-box{margin-bottom:16px;display:none}@media(min-width:1024px){.desktop-quick-add-box{display:block}}.desktop-paste-btn{width:100%;padding:12px 14px;font-size:13px}.sidebar-group{margin-bottom:16px}.sidebar-group-title{font-size:11px;font-weight:900;text-transform:uppercase;color:var(--color-text-light);letter-spacing:.05em;margin-bottom:8px}.sidebar-btn-stack{display:flex;flex-direction:column;gap:8px}.sidebar-btn{width:100%;padding:9px 14px;font-size:13px;justify-content:flex-start}.sidebar-filter-chip{text-transform:none;letter-spacing:normal}.sidebar-filter-chip.active{background:var(--color-bee-yellow)!important;border-color:var(--color-bee-yellow-lip)!important;border-bottom-color:var(--color-bee-yellow-lip)!important;color:#fff!important}.sidebar-filter-chip.active i{color:#fff!important}.channel-list{display:flex;flex-direction:column;gap:6px}.channel-item{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:800;border:2px solid var(--color-border-neutral);border-bottom:3px solid var(--color-border-neutral-dark);background:#fff;cursor:pointer;transition:all .1s ease}.channel-item:hover{border-color:var(--color-blue-jay);border-bottom-color:var(--color-blue-jay-lip);color:var(--color-blue-jay);transform:translateY(-1px)}.channel-item.active{background:var(--color-blue-jay);border-color:var(--color-blue-jay);border-bottom:3px solid var(--color-blue-jay-lip);color:#fff}.channel-icon{font-size:14px;width:18px;text-align:center}.sidebar-platform-chips{display:flex;flex-wrap:wrap;gap:8px}.platform-filter-btn{background:#fff;border-color:var(--color-border-neutral-dark);color:var(--color-text-primary);padding:6px 12px;font-size:12px;font-weight:800;border-radius:10px;text-transform:none;letter-spacing:normal}.platform-filter-btn:hover{border-color:var(--color-fox-orange-lip);color:var(--color-fox-orange);transform:translateY(-1px)}.platform-filter-btn.active{background:var(--color-fox-orange)!important;border-color:var(--color-fox-orange-lip)!important;border-bottom-color:var(--color-fox-orange-lip)!important;color:#fff!important}.platform-filter-btn.active i{color:#fff!important}.layout-col-center{flex:1;min-width:0}.desktop-search-bar-row{display:none;margin-bottom:14px;gap:8px}@media(min-width:1024px){.desktop-search-bar-row{display:flex}}.desktop-search-box{flex:1;display:flex;align-items:center;padding:8px 14px;gap:8px;border-radius:14px;border:2px solid var(--color-border-neutral);border-bottom:3px solid var(--color-border-neutral-dark)}.desktop-search-box input{flex:1;border:none;outline:none;font-size:13px;font-weight:800;font-family:var(--font-family);color:var(--color-text-primary);background:transparent}.desktop-refresh-btn{padding:8px 14px;border-radius:14px;font-size:15px}.current-filter-bar{display:flex;justify-content:space-between;align-items:center;background:#f0f9ff;border:2px solid #bae6fd;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:800;color:var(--color-blue-jay-lip);margin-bottom:12px}.reset-filter-btn{background:transparent;border:none;color:#ef4444;font-weight:900;cursor:pointer}.thread-feed{display:flex;flex-direction:column;gap:10px}@media(max-width:1023px){.thread-feed{padding-bottom:90px}}.thread-item{padding:14px 16px;background:#fff;cursor:pointer;transition:all .12s ease}.thread-item:hover{border-color:var(--color-blue-jay);border-bottom-color:var(--color-blue-jay-lip);transform:translateY(-2px)}.thread-item.is-selected{border-color:var(--color-blue-jay)!important;border-bottom:5px solid var(--color-blue-jay-lip)!important;background:#f0f9ff!important}.thread-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.thread-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.platform-micro-tag{font-size:11px;font-weight:900;background:#f0f9ff;color:var(--color-blue-jay-lip);border:2px solid #bae6fd;padding:1px 6px;border-radius:6px}.category-micro-tag{font-size:11px;font-weight:900;background:#f7f7f7;border:2px solid var(--color-border-neutral);color:var(--color-text-muted);padding:1px 6px;border-radius:6px}.privacy-micro-tag{font-size:10px;font-weight:800;padding:1px 6px;border-radius:6px}.badge-public{background:#eff6ff;color:#1d4ed8;border:2px solid #bfdbfe}.badge-private{background:#f3f4f6;color:#4b5563;border:2px solid #e5e7eb}.fav-toggle{background:transparent;border:none;font-size:16px;cursor:pointer;color:var(--color-border-neutral-dark);transition:transform .12s ease,color .12s ease}.fav-toggle:hover{transform:scale(1.2);color:var(--color-bee-yellow)}.fav-toggle.is-fav{color:var(--color-bee-yellow)}.save-to-lib-btn{padding:2px 8px;font-size:11px}.save-to-lib-btn.saved{background:var(--color-macaw-green);border-color:var(--color-macaw-green-lip);color:#fff}.thread-title{font-size:16px;font-weight:900;line-height:1.4;margin-bottom:8px}.thread-link{color:var(--color-text-primary);text-decoration:none;display:block}.thread-item:hover .thread-link{color:var(--color-blue-jay)}.thread-footer-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:var(--color-text-light)}.thread-info-left{display:flex;align-items:center;gap:8px}.domain-info{color:var(--color-text-muted)}.thread-tags-preview{display:flex;gap:4px}.micro-tag{font-size:10px;font-weight:800;color:var(--color-text-muted);background:#f7f7f7;border:1px solid var(--color-border-neutral);padding:1px 5px;border-radius:6px}.custom-tag{background:#fef9c3;border-color:#fde047;color:#854d0e}.thread-go-link{color:var(--color-blue-jay);font-size:12px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center}.layout-col-right{width:440px;flex-shrink:0;display:none}@media(min-width:1024px){.layout-col-right{display:block;margin-left:24px}}.preview-sticky-wrapper{position:sticky;top:68px}.preview-card{padding:24px;background:#fff;min-height:480px}.preview-empty-state{text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center}.preview-empty-icon{width:72px;height:72px;border-radius:20px;background:#f0f9ff;border:2px solid #bae6fd;border-bottom:4px solid #7dd3fc;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.preview-empty-title{font-size:18px;font-weight:900;color:var(--color-text-primary);margin-bottom:8px}.preview-empty-desc{font-size:13px;font-weight:700;color:var(--color-text-muted);line-height:1.5}.preview-content-box{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.preview-header-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.category-block{background:var(--color-blue-jay);color:var(--color-white);font-size:12px;font-weight:900;padding:3px 10px;border-radius:10px;border-bottom:3px solid var(--color-blue-jay-lip)}.platform-block{font-size:12px;font-weight:800;color:var(--color-text-muted);display:flex;align-items:center}.preview-title{font-size:20px;font-weight:900;line-height:1.35;color:var(--color-text-primary);margin-bottom:12px}.preview-source-box{display:flex;align-items:center;gap:6px;background:#f7f7f7;border:2px solid var(--color-border-neutral);border-radius:10px;padding:8px 12px;font-size:12px;margin-bottom:16px;overflow:hidden}.source-label{font-weight:800;color:var(--color-text-muted);flex-shrink:0}.preview-source-url{color:var(--color-blue-jay);font-weight:800;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-decoration:underline}.preview-tldr-block{background:#f0fdf4;border:2px solid #86efac;border-bottom:4px solid #4ade80;border-radius:14px;padding:16px;margin-bottom:16px}.tldr-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tldr-title{font-size:15px;font-weight:900;color:var(--color-text-primary)}.tldr-list{display:flex;flex-direction:column;gap:8px}.tldr-item{display:flex;align-items:flex-start;gap:8px}.point-text{font-size:13px;font-weight:800;color:var(--color-text-primary);line-height:1.45}.preview-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tag-toy-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;background:#fff;border:2px solid var(--color-border-neutral);border-bottom:3px solid var(--color-border-neutral-dark);padding:3px 8px;border-radius:10px;color:var(--color-text-muted)}.preview-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.preview-action-btn{padding:10px;font-size:12px}.dock-floating-bar{position:fixed;bottom:18px;left:0;right:0;display:flex;justify-content:center;z-index:900;pointer-events:none}@media(min-width:1024px){.dock-floating-bar{display:none!important}}.dock-inner{pointer-events:auto;background:#fff;display:flex;align-items:center;padding:6px 12px;gap:8px;border-radius:28px;border:2px solid var(--color-border-neutral);border-bottom:5px solid var(--color-border-neutral-dark)}.dock-action-btn{border:none;background:transparent;padding:8px 14px;border-radius:14px;cursor:pointer;color:var(--color-text-primary);font-family:var(--font-family);font-weight:900;font-size:16px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .12s ease}.dock-action-btn:hover{background:#f7f7f7;color:var(--color-blue-jay);transform:translateY(-2px)}.dock-action-btn:active{transform:translateY(2px)}.dock-label{font-size:10px;font-weight:800;color:var(--color-text-muted)}.dock-btn-highlight{background:var(--color-macaw-green)!important;color:#fff!important;border:2px solid var(--color-macaw-green)!important;border-bottom:4px solid var(--color-macaw-green-lip)!important;border-radius:50%!important;width:44px;height:44px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:20px!important;margin-left:4px}.dock-btn-highlight:hover{filter:brightness(1.08);transform:translateY(-2px) scale(1.04)!important}.dock-btn-highlight:active{border-bottom-width:2px!important;transform:translateY(2px)!important}.drawer-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000}@media(min-width:1024px){.drawer-backdrop{display:none!important}}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:#fff;width:100%;max-width:480px;padding:24px;animation:popUp .18s cubic-bezier(.16,1,.3,1)}@keyframes popUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-title{font-size:18px;font-weight:900;color:var(--color-text-primary)}.modal-close-btn{border:none;background:transparent;font-size:16px;color:var(--color-text-light);cursor:pointer}.modal-hint{font-size:13px;font-weight:700;color:var(--color-text-muted);margin-bottom:12px;line-height:1.4}.modal-input-wrapper{display:flex;gap:8px;margin-bottom:18px}.modal-text-input{flex:1;border:2px solid var(--color-border-neutral);border-bottom:3px solid var(--color-border-neutral-dark);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:800;font-family:var(--font-family);outline:none}.modal-text-input:focus{border-color:var(--color-blue-jay);border-bottom-color:var(--color-blue-jay-lip)}.clipboard-btn{padding:10px 14px;font-size:13px}.modal-submit-btn{width:100%;padding:12px;font-size:15px}.loading-state,.empty-state{text-align:center;padding:44px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:34px;margin-bottom:10px}.empty-title{font-size:17px;font-weight:900;color:var(--color-text-primary);margin-bottom:4px}.empty-desc{font-size:13px;font-weight:700;color:var(--color-text-muted)}.wa-action-btn{padding:12px 24px;font-size:15px}.wa-polling-box{align-items:center;justify-content:center;margin-top:12px;font-size:13px;font-weight:800;color:#15803d}.demo-login-btn{padding:8px 16px;font-size:12px}.notice-banner{padding:10px 16px;font-size:13px;font-weight:800;align-items:center;justify-content:center;margin-bottom:12px}.banner-success{background:#f0fdf4;border-color:#86efac;border-bottom-color:#4ade80;color:#166534}.banner-error{background:#fef2f2;border-color:#fca5a5;border-bottom-color:#f87171;color:#991b1b}.pwa-install-banner{position:fixed;bottom:84px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:850}@media(min-width:1024px){.pwa-install-banner{bottom:24px}}.pwa-banner-content{display:flex;align-items:center;gap:10px}.pwa-icon-box{width:36px;height:36px;border-radius:10px;background:#f0fdf4;border:2px solid #86efac;display:flex;align-items:center;justify-content:center}.pwa-banner-text strong{font-size:13px;font-weight:900;color:var(--color-text-primary);display:block}.pwa-banner-text small{font-size:11px;font-weight:700;color:var(--color-text-muted)}.pwa-btn-group{display:flex;align-items:center;gap:8px}.pwa-install-btn{padding:6px 12px;font-size:12px}.pwa-dismiss-btn{background:transparent;border:none;font-size:14px;color:var(--color-text-light);cursor:pointer}.ios-chrome-tip{position:fixed;top:56px;right:16px;width:270px;padding:14px;z-index:9999}.chrome-tip-arrow{position:absolute;top:-8px;right:28px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-border-neutral-dark)}.tip-title{font-size:13px;font-weight:900;color:var(--color-text-primary);margin-bottom:4px}.tip-desc{font-size:12px;font-weight:700;color:var(--color-text-muted);margin-bottom:8px}.tip-dismiss-btn{background:#f7f7f7;border:2px solid var(--color-border-neutral);color:var(--color-text-primary);font-size:11px;font-weight:900;padding:3px 8px;border-radius:8px;cursor:pointer;float:right}.ios-safari-tip{position:fixed;bottom:84px;left:50%;transform:translate(-50%);width:290px;padding:14px;z-index:9999;text-align:center}.safari-tip-body strong{font-size:13px;font-weight:900;color:var(--color-text-primary);display:block;margin-bottom:4px}.safari-tip-body p{font-size:12px;font-weight:700;color:var(--color-text-muted);margin-bottom:8px}.safari-tip-arrow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-border-neutral-dark)}