:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.btn-primary,.btn-ghost,.reading-mode-button{min-height:44px}.app-shell{height:var(--app-visible-height,100dvh)}.app-header,.mobile-bottom-nav,.home-filter-bar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.mobile-bottom-nav{background:var(--color-surface-raised)}.mobile-nav-item{font-size:var(--text-caption);gap:var(--space-xs)}.mobile-nav-item[aria-current=page]>span:first-child{border-radius:var(--radius-icon-tile)}.mobile-nav-primary>span:first-child,.mobile-nav-primary[aria-current=page]>span:first-child{background:var(--color-brand-main);color:var(--color-brand-ink);box-shadow:none}.mobile-nav-badge{color:var(--color-brand-ink);font-size:10px}.page-scroll,.thread-detail-pane{background-image:none}.home-filter-bar{background:var(--color-surface-page)}.home-filter-bar select{font-size:var(--text-secondary)}.home-welcome{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.home-welcome h1{font-size:var(--text-title);font-weight:700}.home-welcome p{margin-top:var(--space-xs);font-size:var(--text-secondary);color:var(--color-ink-muted)}.home-welcome a{flex-shrink:0}.home-page .thread-card{border:1px solid var(--color-line-subtle);border-radius:var(--radius-card);box-shadow:none;margin-inline:0}.home-page .thread-card>div:last-child{padding:var(--space-lg)}.home-page .thread-card h3 a{font-size:17px;line-height:1.6}.home-page .thread-card p{line-height:1.7}.thread-card .thread-lead{font-size:var(--text-secondary)}.thread-card .thread-actions{column-gap:var(--space-sm)}.thread-card .thread-actions :is(button,a){min-width:44px;min-height:44px}.thread-card .thread-reactions button{min-height:44px}.thread-card:hover{box-shadow:none;transform:none}.thread-detail .thread-header{box-shadow:none;padding:var(--space-sm) var(--space-md)}.thread-header .thread-heading{font-size:17px;line-height:1.5}.thread-context{background:var(--color-surface-raised);border-bottom:1px solid var(--color-line-subtle);flex-shrink:0}.thread-context summary{align-items:center;gap:var(--space-sm);min-height:52px;padding:var(--space-sm) var(--space-lg);cursor:pointer;list-style:none;display:flex}.thread-context summary::-webkit-details-marker{display:none}.thread-context summary>svg{color:var(--color-brand-strong);flex-shrink:0;width:18px}.thread-context summary>span{flex:1;min-width:0}.thread-context summary strong{font-size:var(--text-caption);color:var(--color-brand-strong);display:block}.thread-context .context-title{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-secondary);display:block;overflow:hidden}.thread-context[open] summary>svg:last-child{transform:rotate(180deg)}.thread-context-body{max-height:28dvh;padding:0 var(--space-lg) var(--space-lg);line-height:1.7;font-size:var(--text-secondary);overflow-y:auto}.reading-modes{padding:var(--space-xs) var(--space-md);flex-shrink:0}.reading-mode-button{font-size:var(--text-caption);padding-inline:var(--space-md);white-space:nowrap;border-radius:999px}.chat-panel{position:relative}.chat-stream{background-color:var(--color-chat-canvas);padding:var(--space-xl) var(--space-md);scroll-padding-block:var(--space-xl)}.chat-stream>:not([hidden])~:not([hidden]){margin-top:var(--space-xl)}.message-row{gap:var(--space-sm)}.message-row .message-content{min-width:0;max-width:calc(100% - 48px)}.message-row .message-line{column-gap:var(--space-sm);flex-wrap:wrap;min-width:0;max-width:100%}.message-row .message-bubble{border-radius:var(--radius-bubble);min-width:0;max-width:100%;font-size:var(--text-body);overflow-wrap:anywhere;padding:10px 14px;line-height:1.7}.message-row:not([data-own=true]) .message-bubble{box-shadow:var(--shadow-card);border:0;border-top-left-radius:4px}.message-row[data-own=true] .message-bubble{background:var(--color-brand-main);color:var(--color-brand-ink);box-shadow:none;border-top-right-radius:4px}.message-row[data-sticker=true] .message-bubble{box-shadow:none;background:0 0;padding:0}.message-name{font-size:var(--text-caption);margin-bottom:var(--space-sm);flex-wrap:wrap;font-weight:500;color:var(--color-ink-muted)!important}.message-meta{color:var(--color-ink-muted);font-size:var(--text-caption);white-space:nowrap;order:2}.message-row[data-own=true] .message-line{justify-content:flex-end}.message-quote{min-height:44px;padding:var(--space-sm) var(--space-md);border-radius:8px}.message-row[data-own=true] .message-quote{background:var(--color-quote-own)}.message-row .message-reactions button{min-width:44px;min-height:44px}.message-quick-actions{align-items:center;gap:var(--space-xs);display:flex}.message-reactions{width:100%}.message-reactions .message-quick-actions{margin-inline-start:auto}.btn-signup{background:var(--color-brand-main);color:var(--color-brand-ink);box-shadow:none}.consent-banner p,.consent-banner button{font-size:var(--text-caption)}.thread-header .ui-icon-button{color:var(--color-brand-strong)}.thread-header h1{font-weight:700}.thread-header .btn-ghost,.thread-header button{min-height:44px}.new-thread-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.new-thread-form input[type=checkbox],.new-thread-form input[type=radio]{min-width:20px;min-height:20px}.message-quick-actions button{min-height:44px;padding-inline:var(--space-sm);color:var(--color-ink-muted);font-size:var(--text-caption)}.message-hover-actions{display:none}.message-dialog{width:100%;max-width:560px;max-height:85dvh;color:var(--color-ink-main);background:var(--color-surface-raised);border:0;border-radius:20px 20px 0 0;margin:auto auto 0;overflow-y:auto}.message-dialog::backdrop{background:var(--color-overlay)}.chat-date{background:var(--color-surface-raised);width:fit-content;color:var(--color-ink-muted);padding:var(--space-xs) var(--space-md);font-size:var(--text-caption);border-radius:999px;margin-inline:auto}.chat-unread{align-items:center;gap:var(--space-md);color:var(--color-unread);font-size:var(--text-caption);display:flex}.chat-unread:before,.chat-unread:after{content:"";background:currentColor;flex:1;height:1px}.chat-latest{right:var(--space-lg);z-index:20;border:1px solid var(--color-line-subtle);box-shadow:var(--shadow-float);position:absolute;bottom:150px}.composer-shell{padding:var(--space-sm) var(--space-md) max(var(--space-sm), env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-shrink:0}.composer-identity{justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:var(--text-caption);color:var(--color-ink-muted);padding-inline:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.composer-row{align-items:flex-end;gap:var(--space-xs);display:flex}.composer-row textarea{border:1px solid var(--color-line-subtle);background:var(--color-surface-soft);width:100%;min-width:0;color:var(--color-ink-main);font-family:var(--font-body);resize:vertical;border-radius:22px;flex:1;min-height:44px;max-height:144px;padding:10px 14px;font-size:16px;line-height:1.5}.composer-row .ui-icon-button{color:var(--color-brand-strong)}.composer-send{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.composer-tools{align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.composer-feedback{margin-top:var(--space-sm);font-size:var(--text-caption);color:var(--color-danger)}.composer-reply{align-items:center;gap:var(--space-sm);background:var(--color-brand-soft);margin-bottom:var(--space-sm);padding:var(--space-sm);color:var(--color-brand-strong);border-radius:12px;display:flex}.composer-reply>div{min-width:0;font-size:var(--text-caption);flex:1}.composer-reply p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.directory-head{margin-bottom:var(--space-xl)}.directory-head h1,.notification-heading h1{font-size:26px;font-weight:700}.directory-head p,.notification-heading p{color:var(--color-ink-muted);margin-top:var(--space-sm);font-size:var(--text-secondary)}.board-search{align-items:center;gap:var(--space-sm);border:1px solid var(--color-line-subtle);background:var(--color-surface-raised);padding-inline:var(--space-md);border-radius:14px;display:flex}.board-search svg{color:var(--color-ink-muted);flex-shrink:0}.board-search input{background:0 0;width:100%;min-width:0;height:48px;font-size:16px}.board-search input:focus-visible{outline-offset:-3px}.board-directory{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.board-tile{align-items:center;gap:var(--space-md);padding:var(--space-lg);display:flex}.board-tile h2{font-size:17px;font-weight:700}.board-tile p{font-size:var(--text-secondary);color:var(--color-ink-muted);line-height:1.6}.board-symbol{background:var(--color-brand-soft);border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.segmented-controls{gap:var(--space-sm);margin-block:var(--space-lg);flex-wrap:wrap;display:flex}.segmented-controls button{border:1px solid var(--color-line-subtle);min-height:44px;padding-inline:var(--space-lg);font-size:var(--text-secondary);background:var(--color-surface-raised);border-radius:999px}.segmented-controls button[aria-pressed=true]{background:var(--color-brand-soft);color:var(--color-brand-strong);border-color:var(--color-brand-main);font-weight:700}.empty-state{padding:var(--space-2xl) var(--space-lg);text-align:center}.empty-state h2{font-size:var(--text-title);font-weight:700}.empty-state p{color:var(--color-ink-muted);margin-block:var(--space-md) var(--space-xl);line-height:1.7}.notification-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.notification-row{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);display:flex}.notification-row[data-unread=true]{background:var(--color-brand-soft)}.notification-row p{font-size:var(--text-secondary);line-height:1.7}.profile-shortcuts{gap:var(--space-sm);margin-block:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-shortcuts a{gap:var(--space-sm);padding:var(--space-lg) var(--space-sm);font-size:var(--text-caption);flex-direction:column;align-items:center;font-weight:700;display:flex}.profile-shortcuts svg{color:var(--color-brand-strong)}.quiet-settings{margin-block:var(--space-xl);padding:var(--space-lg)}.quiet-settings summary{cursor:pointer;min-height:44px;font-size:var(--text-body);font-weight:700}.quiet-settings p{color:var(--color-ink-muted);font-size:var(--text-secondary);line-height:1.7}.chat-stream :is(.anim-fade-up,.anim-send-spring,.anim-pop-in,.anim-new-glow,.anim-chip-spring),.thread-card .anim-score-pop{animation:none}@media (min-width:640px){.board-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-stream{padding-inline:var(--space-xl)}.message-row .message-content{max-width:min(82%,680px)}}@media (max-width:639px){.home-filter-bar>div:last-child{flex-wrap:wrap;overflow:visible}.home-filter-bar select{flex:1;min-width:130px;max-width:100%}.thread-header .thread-aux-meta,.thread-header .thread-desktop-action{display:none}.message-row .message-bubble{font-size:16px}.home-welcome h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.thread-header .thread-heading{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.thread-header .thread-aux-meta{display:none}@media (min-width:640px){.thread-header .thread-aux-meta{display:flex}}.app-header{gap:var(--space-md)}.app-header .header-search{max-width:520px}.app-header .search-field{border-color:var(--color-input-line);background:var(--color-surface-page);min-height:44px}.app-header .search-field input{min-height:44px}.app-header nav a{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.left-sidebar{width:var(--sidebar-w,15rem)}.sidebar-content{gap:var(--space-lg);padding:var(--space-xl) var(--space-md);flex-direction:column;display:flex}.sidebar-create{border-radius:12px;flex-shrink:0;order:-1}.channel-nav .nav-item{border-radius:12px;min-height:44px;font-size:14px}.channel-nav .nav-item[data-active=true]{background:var(--color-brand-soft);color:var(--color-brand-strong);box-shadow:none}.channel-nav .nav-item:hover .seven-icon{transform:none}.channel-nav-label{border-top:1px solid var(--color-line-subtle);padding-top:var(--space-xl)}.seven-icon{width:var(--seven-icon-size,var(--size-nav-illustration));height:var(--seven-icon-size,var(--size-nav-illustration));border:1px solid var(--color-icon-tile-line);border-radius:var(--radius-icon-tile);background:var(--color-icon-tile);color:var(--color-icon-drawing);box-shadow:none;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:0;overflow:hidden;transform:none}.seven-icon>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.seven-icon>svg{filter:none;width:55%;height:55%;transform:none}.seven-icon[data-active=true]{background:var(--color-icon-tile-selected);border-color:var(--color-brand-main);box-shadow:none}.nav-item[data-state=error] .seven-icon{background:var(--color-icon-tile);border-color:var(--color-danger)}.nav-item[data-state=success] .seven-icon{background:var(--color-icon-tile-selected);border-color:var(--color-brand-main)}.nav-item[data-preview-state=hover] .seven-icon{border-color:var(--color-brand-main);transform:none}.channel-nav .nav-item{gap:var(--space-md);min-height:52px;padding-block:var(--space-xs)}.mobile-nav-item{gap:2px}.mobile-nav-item>span:first-child{place-items:center;display:grid}.mobile-nav-item .seven-icon{--seven-icon-size:2.125rem;border-radius:.7rem}.mobile-nav-item[aria-current=page]{color:var(--color-brand-strong)}.board-illustration{--seven-icon-size:3.25rem}.help-illustration{--seven-icon-size:1.75rem;border-radius:.5rem}@media (hover:hover) and (pointer:fine){.nav-item:hover .seven-icon{border-color:var(--color-brand-main);transform:none}}.guest-card{background:var(--color-welcome-surface);border-color:var(--color-welcome-line);box-shadow:none}.guest-card:before,.guest-card-visual{display:none}.guest-card>div:last-child{padding:var(--space-lg);text-align:left}.guest-card p{line-height:1.75}.guest-card>div:last-child>div:last-child{display:none}.home-container{padding:var(--space-xl)}.community-welcome{justify-content:space-between;align-items:center;gap:var(--space-xl);min-width:0;margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-2xl);border:1px solid var(--color-welcome-line);border-radius:var(--radius-welcome);background:var(--color-welcome-surface);display:flex;position:relative;overflow:hidden}.community-welcome-copy{z-index:1;min-width:0;position:relative}.welcome-eyebrow{align-items:center;gap:var(--space-sm);font-size:var(--text-caption);color:var(--color-brand-strong);margin-bottom:var(--space-sm);font-weight:700;display:flex}.community-welcome h1{font-family:var(--font-display);letter-spacing:.04em;overflow-wrap:anywhere;font-size:clamp(28px,2.6vw,32px);font-weight:900;line-height:1.4}.welcome-description{font-size:var(--text-secondary);color:var(--color-ink-muted);margin-top:var(--space-sm);line-height:1.8}.welcome-actions{align-items:center;gap:var(--space-xl);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.welcome-actions .btn-primary{box-shadow:none;border-radius:12px}.welcome-guide{align-items:center;gap:var(--space-sm);min-height:44px;font-size:var(--text-caption);white-space:nowrap;color:var(--color-brand-strong);font-weight:700;display:inline-flex}.welcome-guide:hover{text-underline-offset:4px;text-decoration:underline}.community-welcome-art{border-radius:20px;flex-shrink:0;width:34%;max-width:300px;height:auto;display:block}.feed-heading{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.feed-heading h2{align-items:center;gap:var(--space-sm);font-size:21px;font-weight:900;display:flex}.feed-heading h2 svg{color:var(--color-brand-strong)}.feed-heading p{margin-top:var(--space-xs);font-size:var(--text-caption);color:var(--color-ink-muted)}.feed-create-link{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding-inline:var(--space-md);font-size:var(--text-secondary);color:var(--color-brand-strong);white-space:nowrap;border:1px solid var(--color-welcome-line);background:var(--color-surface-raised);border-radius:12px;flex-shrink:0;font-weight:700;display:inline-flex}.feed-create-link:hover{background:var(--color-brand-soft)}.home-filter-bar{border-bottom:1px solid var(--color-line-subtle);margin-inline:0;padding:0}.feed-filter-toolbar{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.feed-tabs{align-items:center;gap:var(--space-xs);flex:1;min-width:0;display:flex}.feed-tab{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding-inline:var(--space-md);font-size:var(--text-secondary);white-space:nowrap;color:var(--color-ink-muted);border-radius:12px;font-weight:700;display:inline-flex}.feed-tab[aria-pressed=true]{background:var(--color-brand-main);color:var(--color-brand-ink)}.feed-tab:not([aria-pressed=true]):hover{background:var(--color-tab-surface);color:var(--color-brand-strong)}.feed-filter-toggle{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding-inline:var(--space-md);border:1px solid var(--color-line-subtle);background:var(--color-surface-raised);color:var(--color-ink-muted);font-size:var(--text-caption);white-space:nowrap;border-radius:12px;font-weight:700;display:inline-flex}.feed-filter-toggle[aria-expanded=true],.feed-filter-toggle:hover{background:var(--color-tab-surface);color:var(--color-brand-strong)}.feed-filter-toggle>span{background:var(--color-brand-main);width:20px;height:20px;color:var(--color-brand-ink);border-radius:50%;place-items:center;display:grid}.feed-filter-fields:not([hidden]){gap:var(--space-md);padding-block:var(--space-sm) var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feed-filter-fields[hidden]{display:none}.feed-filter-fields label{min-width:0;font-size:var(--text-caption);color:var(--color-ink-muted);font-weight:700}.home-filter-bar .feed-filter-fields select{width:100%;min-width:0;min-height:44px;margin-top:var(--space-xs);padding:var(--space-sm);background:var(--color-surface-raised);border:1px solid var(--color-input-line);color:var(--color-ink-main);font-size:var(--text-secondary);border-radius:10px;display:block}.active-feed-filters{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.active-feed-filters button{align-items:center;gap:var(--space-sm);min-height:44px;padding-inline:var(--space-md);background:var(--color-brand-soft);color:var(--color-brand-strong);font-size:var(--text-caption);white-space:nowrap;border-radius:12px;font-weight:700;display:inline-flex}.active-feed-filters .clear-feed-filters{text-underline-offset:3px;background:0 0;text-decoration:underline}.home-filter-bar button:disabled{opacity:.55;cursor:wait}.feed-display-options{align-items:center;gap:var(--space-xs);margin-block:calc(-1 * var(--space-sm)) var(--space-sm);display:flex}.feed-visible-count{font-size:var(--text-caption);color:var(--color-ink-muted);flex:1}.home-page .thread-card{transition:border-color var(--dur-ui) var(--ease-out);border-radius:18px}.home-page .thread-card:hover{box-shadow:none;border-color:var(--color-brand-focus);transform:none}.home-page .thread-card .thread-card-body{padding:var(--space-lg) var(--space-xl) var(--space-md) var(--space-lg)}.thread-vote-rail{padding-top:var(--space-lg);padding-left:var(--space-sm);background:0 0}.thread-vote-rail button{min-width:44px;min-height:44px;color:var(--color-ink-muted)}.thread-vote-rail button[aria-pressed=true]{background:var(--color-brand-soft);color:var(--color-brand-strong)}.thread-card-meta>a{min-height:32px;padding-inline:var(--space-md);border-radius:8px}.home-page .thread-card h3 a{padding-block:var(--space-sm);font-size:18px;line-height:1.6}.thread-card .thread-lead{font-size:14px;line-height:1.8}.thread-card .thread-actions{border-top:1px solid var(--color-line-subtle);margin-top:var(--space-md);padding-top:var(--space-sm);gap:var(--space-xs);font-size:var(--text-caption)}.thread-actions .thread-comment-link{color:var(--color-brand-strong);background:var(--color-brand-soft);padding-inline:var(--space-md);border-radius:10px;font-weight:700}.thread-card .thread-reactions{gap:var(--space-sm)}.thread-card .thread-reactions button{font-size:var(--text-caption);border-radius:10px}.thread-card button:disabled{cursor:not-allowed}.home-right-rail{width:264px}.home-right-rail .rail-card{padding:var(--space-xl) var(--space-lg);box-shadow:none}.home-right-rail .rail-card:before{display:none}.home-right-rail .rail-card h2{font-size:15px}.home-right-rail .rail-card ol{margin-top:var(--space-lg)}.home-right-rail .rail-card ol>li+li{border-top:1px solid var(--color-line-subtle);padding-top:var(--space-md)}.home-right-rail .rail-card a{min-height:44px}.home-right-rail .rail-card :is(.text-\[11px\],.text-\[10px\]){font-size:var(--text-caption)}.community-guide{padding:var(--space-xl);background:var(--color-guide-surface);color:var(--color-guide-ink);border-radius:18px}.community-guide h2{margin-block:var(--space-md) var(--space-sm);font-size:17px;font-weight:700}.community-guide p{font-size:var(--text-secondary);line-height:1.8}.community-guide a{align-items:center;gap:var(--space-sm);min-height:44px;margin-top:var(--space-sm);font-size:var(--text-caption);white-space:nowrap;font-weight:700;display:inline-flex}.community-guide a:hover{text-underline-offset:4px;text-decoration:underline}.empty-state-icon{margin:0 auto var(--space-lg);color:var(--color-brand-strong)}.empty-state h3{font-size:18px;font-weight:700}.empty-state-actions{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.board-tile{transition:border-color var(--dur-ui) var(--ease-out);border-radius:18px}.board-tile:hover{border-color:var(--color-brand-main)}.board-tile:nth-child(3n+2) .board-symbol{background:var(--color-accent-sky-soft)}.board-tile:nth-child(3n+3) .board-symbol{background:var(--color-accent-coral-soft)}.board-search{border-color:var(--color-input-line)}.new-thread-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--color-input-line);border-radius:12px}.new-thread-form details{background:var(--color-surface-page)}.new-thread-form summary{min-height:44px}:is(.feed-tab,.feed-filter-toggle,.feed-create-link,.welcome-guide,.btn-primary,.btn-ghost):active{opacity:.8}.home-container footer a,.left-sidebar>div:last-child a{white-space:nowrap;align-items:center;min-height:32px;display:inline-flex}html[data-theme=dark] .community-welcome-art{mix-blend-mode:normal;opacity:.85;border-radius:18px}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .community-welcome-art{mix-blend-mode:normal;opacity:.85;border-radius:18px}}@media (min-width:1440px){.home-container{padding:var(--space-2xl)}.app-header .header-search{margin-left:160px}}@media (max-width:1279px) and (min-width:640px){.community-welcome-art{width:36%;max-width:300px}}@media (max-width:767px){.app-header{gap:var(--space-xs)}.community-welcome{padding:var(--space-xl)}.welcome-actions{gap:var(--space-lg)}.home-container{padding:var(--space-lg)}}@media (max-width:639px){.community-welcome{padding:var(--space-lg);margin-bottom:var(--space-xl);border-radius:18px;gap:0}.community-welcome-copy{width:100%}.community-welcome h1{letter-spacing:.01em;max-width:76%;font-size:clamp(22px,6vw,28px);line-height:1.5}.welcome-eyebrow{gap:var(--space-xs);font-size:11px}.welcome-description{max-width:100%;margin-top:var(--space-md);font-size:12px;line-height:1.8}.community-welcome-art{right:var(--space-xs);width:32%;max-width:128px;position:absolute;top:44px}.welcome-actions{gap:var(--space-md);margin-top:var(--space-md)}.welcome-actions .btn-primary{padding-inline:var(--space-md);font-size:var(--text-caption)}.welcome-guide{gap:var(--space-xs);font-size:11px}.feed-heading h2{font-size:19px}.feed-heading p{font-size:11px}.feed-create-link{gap:var(--space-xs);padding-inline:var(--space-sm);font-size:12px}.feed-filter-toolbar{gap:var(--space-xs)}.feed-tabs{flex-basis:100%;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.feed-tab{gap:2px;padding-inline:0;font-size:12px}.feed-tab svg{width:14px}.feed-filter-toggle{min-height:44px;margin-left:auto}.home-filter-bar{position:relative;top:auto}.feed-filter-fields:not([hidden]){gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.home-filter-bar .feed-filter-fields select{font-size:16px}.home-page .thread-card .thread-card-body{padding:var(--space-md)}.home-page .thread-card h3 a{font-size:16px}.thread-card .thread-actions{gap:var(--space-xs);flex-wrap:wrap}.thread-card .thread-actions .thread-comment-link{padding-inline:var(--space-sm)}.thread-card-meta{gap:var(--space-xs)}.thread-card .thread-lead{font-size:14px}.feed-visible-count{font-size:11px}}.channel-browser{container:channel-browser/inline-size}.channel-browser[data-thread-open=false] .channel-list-pane{border-right:0;width:100%}.channel-browser .channel-list-header{padding:var(--space-xl);border-bottom:1px solid var(--color-line-subtle)}.channel-browser .channel-list-header:after{display:none}.channel-browser-heading{align-items:center;gap:var(--space-md);min-width:0;display:flex}.channel-browser-heading .seven-icon{--seven-icon-size:36px}.channel-browser-heading :is(h1,h2){flex:1;font-size:22px;font-weight:700;line-height:1.5}.channel-browser-description{max-width:66em;margin-top:var(--space-sm);font-size:var(--text-secondary);color:var(--color-ink-muted);line-height:1.7}.channel-browser-actions{align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.channel-browser-actions a{gap:var(--space-sm);min-height:44px;font-size:var(--text-secondary);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.channel-browser-actions a:not(.btn-primary){color:var(--color-brand-strong)}.channel-sort-tabs{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.channel-sort-tab{min-height:44px;padding-inline:var(--space-lg);background:var(--color-surface-page);color:var(--color-ink-muted);font-size:var(--text-secondary);white-space:nowrap;transition:background-color var(--dur-ui) var(--ease-out);border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.channel-sort-tab[aria-current=page]{background:var(--color-brand-soft);color:var(--color-brand-strong);box-shadow:inset 0 0 0 1px var(--color-brand-main)}.channel-sort-tab:active,.channel-expand-link:active{background:var(--color-brand-soft)}.channel-expand-link{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding-inline:var(--space-sm);color:var(--color-brand-strong);font-size:var(--text-caption);white-space:nowrap;border-radius:10px;font-weight:700;display:inline-flex}.channel-browser .thread-list{padding:var(--space-xl);background:var(--color-surface-raised)}.thread-preview-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));align-items:start;display:grid}.thread-preview-item{min-width:0}.thread-preview-swipe{border-radius:14px}.thread-list-row.thread-preview{gap:var(--space-md);min-width:0;padding:var(--space-sm);background:var(--color-surface-raised);transition:background-color var(--dur-ui) var(--ease-out), box-shadow var(--dur-ui) var(--ease-out);border:0;border-radius:14px;flex-direction:column;display:flex}.thread-preview:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.thread-preview:active{background:var(--color-brand-soft)}.thread-preview[data-active=true]{background:var(--color-brand-soft);box-shadow:inset 0 0 0 2px var(--color-brand-main)}.thread-preview-copy{min-width:0;padding:0 var(--space-xs) var(--space-sm)}.thread-preview-labels{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;min-height:20px;display:flex}.thread-preview-selected{color:var(--color-brand-strong);font-size:var(--text-caption);font-weight:700}.thread-preview-saved{color:var(--color-brand-strong);align-items:center;display:inline-flex}.channel-browser .thread-preview-title{-webkit-line-clamp:3;overflow-wrap:anywhere;text-wrap:pretty;color:var(--color-ink-main);-webkit-box-orient:vertical;font-size:17px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.thread-preview-meta{margin-top:var(--space-sm);color:var(--color-ink-muted);font-size:var(--text-caption);line-height:1.6}.thread-preview-author{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.thread-preview-author>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-preview-stats{align-items:center;gap:var(--space-xs) var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.thread-preview-replies{align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}.thread-preview-unread{color:var(--color-unread);white-space:nowrap;font-weight:700}.thread-preview-ad{padding-block:var(--space-sm);grid-column:1/-1}.thread-detail{container:thread-reading/inline-size}.thread-back-link{gap:var(--space-xs);width:56px;font-size:var(--text-caption);font-weight:700}@media (hover:hover){.thread-list-row.thread-preview:hover{background:var(--color-surface-page)}.thread-list-row.thread-preview[data-active=true]:hover{background:var(--color-brand-soft)}.channel-sort-tab:hover,.channel-expand-link:hover{background:var(--color-brand-soft);color:var(--color-brand-strong)}.channel-browser-actions a:not(.btn-primary):hover{text-underline-offset:4px;text-decoration:underline}}@media (min-width:1024px){.channel-browser[data-thread-open=true] .channel-list-pane{width:clamp(280px, var(--list-pane-w,336px), 40%)}.channel-browser[data-thread-open=true] .channel-list-header{padding:var(--space-lg) var(--space-md) var(--space-md)}.channel-browser[data-thread-open=true] .channel-browser-heading{gap:var(--space-sm)}.channel-browser[data-thread-open=true] .channel-browser-heading h2{font-size:16px}.channel-browser[data-thread-open=true] .channel-browser-heading .seven-icon{--seven-icon-size:28px}.channel-browser[data-thread-open=true] .channel-browser-description{font-size:var(--text-caption)}.channel-browser[data-thread-open=true] .channel-sort-tabs{gap:var(--space-xs);margin-top:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.channel-browser[data-thread-open=true] .channel-sort-tab{padding-inline:var(--space-xs);font-size:var(--text-caption)}.channel-browser[data-thread-open=true] .thread-list{padding:var(--space-sm)}.channel-browser[data-thread-open=true] .thread-preview-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr)}.channel-browser[data-thread-open=true] .thread-preview{align-items:flex-start;gap:var(--space-md);padding:var(--space-sm);flex-direction:row}.channel-browser[data-thread-open=true] .thread-preview-media{width:38%;max-width:144px;margin-top:var(--space-xs)}.channel-browser[data-thread-open=true] .thread-preview-copy{flex:1;padding:0}.channel-browser[data-thread-open=true] .thread-preview-title{font-size:var(--text-secondary);line-height:1.6}.channel-browser[data-thread-open=true] .thread-preview-labels{gap:var(--space-xs)}.channel-browser[data-thread-open=true] .thread-preview-media .seven-icon{--seven-icon-size:48px}.channel-browser[data-thread-open=true] .thread-preview-fallback-label{display:none}}@container thread-reading not (min-width:840px){.thread-right-rail{display:none}.thread-inline-poll,.thread-inline-summary{display:block}}@container thread-reading (min-width:840px){.thread-right-rail{display:block}.thread-inline-poll,.thread-inline-summary{display:none}}@container channel-browser not (min-width:760px){.channel-browser[data-thread-open=true] .channel-list-pane,.channel-browser[data-thread-open=true] .list-resizer{display:none}.thread-back-link{display:inline-flex}}@media (max-width:639px){.channel-browser .channel-list-header{padding:var(--space-lg)}.channel-browser-heading :is(h1,h2){font-size:20px}.channel-browser-description{font-size:var(--text-caption)}.channel-browser-actions{gap:var(--space-sm) var(--space-lg);margin-top:var(--space-md)}.channel-browser-actions a{font-size:var(--text-caption)}.channel-sort-tabs{gap:var(--space-xs);margin-top:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.channel-sort-tab{padding-inline:var(--space-xs);font-size:var(--text-caption)}.channel-browser .thread-list{padding:var(--space-md)}.thread-preview-grid{gap:var(--space-lg)}.thread-list-row.thread-preview{padding:var(--space-xs)}}
