/* Channel-only content. Header and navigation are owned by site-glass.css. */
.channel-page-body { --channel-ink:var(--glass-text,#f1f1f2); --channel-muted:var(--glass-muted,#aaaab1); --channel-line:var(--glass-line,rgba(255,255,255,.14)); --channel-panel:rgba(255,255,255,.045); --channel-surface:rgba(255,255,255,.065); }
html[data-theme='light'] .channel-page-body { --channel-panel:rgba(255,255,255,.68); --channel-surface:rgba(40,40,44,.035); }
.channel-page-body [hidden] { display:none!important; }
.channel-page-body .channels-page-main { color:var(--channel-ink); }
.channel-page-body .channel-directory-page,.channel-page-body .channel-workspace { padding:24px var(--page-gutter,20px) 36px; }
.channel-page-body .channel-directory-header { padding-top:8px; }
.channel-page-body .channel-directory-title-row { align-items:center; gap:16px; }
.channel-page-body .channel-directory-header h1,.channel-page-body .channel-workspace-head h1,.channel-page-body .channel-invite-panel h1 { margin:8px 0 0; font-size:24px; line-height:1.4; font-weight:650; letter-spacing:-.04em; overflow-wrap:anywhere; }
.channel-page-body .channel-directory-header small,.channel-eyebrow { color:var(--channel-muted); font-size:11px; font-weight:500; letter-spacing:.06em; }
.channel-page-body .channel-directory-header p { margin:16px 0 24px; max-width:30ch; color:var(--channel-muted); font-size:14px; line-height:1.8; }
.channel-page-body .channel-create-trigger,.channel-primary-action,.channel-page-body .channel-create-actions button[type='submit'] { min-height:44px; padding:10px 16px; color:#161618; border:1px solid rgba(255,255,255,.55); border-radius:14px; background:linear-gradient(150deg,#f1f1f2,#cbcbcf); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); font-size:13px; font-weight:600; cursor:pointer; }
html[data-theme='light'] .channel-page-body .channel-create-trigger,html[data-theme='light'] .channel-primary-action,html[data-theme='light'] .channel-page-body .channel-create-actions button[type='submit'] { background:linear-gradient(150deg,#3e3e43,#252528); border-color:#343438; color:#fff; }
.channel-page-body .channel-scope-switch { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:5px; border:1px solid var(--channel-line); border-radius:17px; background:var(--channel-panel); }
.channel-page-body .channel-scope-switch button { min-width:0; min-height:44px; border-radius:12px; background:transparent; color:var(--channel-muted); font-size:14px; }
.channel-page-body .channel-scope-switch button::after { display:none; }
.channel-page-body .channel-scope-switch button[aria-pressed='true'] { background:var(--channel-surface); color:var(--channel-ink); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
.channel-scope-description { min-height:3.4em; margin:13px 2px 0; color:var(--channel-muted); font-size:12px; line-height:1.7; }
.channel-page-body .channel-search { margin-top:17px; border-radius:15px; }
.channel-page-body .channel-search input { min-height:48px; border-color:var(--channel-line); border-radius:15px; background:transparent; color:var(--channel-ink); font-size:16px; }
.channel-page-body .channel-filters { display:flex; flex-wrap:nowrap; gap:7px; margin:16px 0 0; padding:0 0 6px; overflow-x:auto; scrollbar-width:none; }
.channel-page-body .channel-filters button { flex-shrink:0; min-height:40px; height:auto; padding:8px 12px; border:1px solid var(--channel-line); border-radius:999px; background:transparent; color:var(--channel-muted); font-size:12px; white-space:nowrap; }
.channel-page-body .channel-filters button[aria-pressed='true'] { color:var(--channel-ink); background:var(--channel-surface); border-color:var(--channel-muted); }
.channel-page-body .channel-result-status { margin:17px 2px 10px; color:var(--channel-muted); font-size:12px; }
.channel-page-body .channel-row { display:flex; align-items:center; width:100%; min-height:88px; margin-bottom:10px; padding:16px 14px; gap:12px; border:1px solid var(--channel-line); border-radius:21px; background:linear-gradient(145deg,var(--channel-surface),var(--channel-panel)); box-shadow:inset 0 1px 0 rgba(255,255,255,.045); text-align:left; }
.channel-page-body .channel-row .public-channel-copy { flex:1; min-width:0; }
.channel-page-body .channel-row .public-channel-copy strong { display:block; color:var(--channel-ink); font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.channel-page-body .channel-row .public-channel-copy small { display:block; margin-top:6px; color:var(--channel-muted); font-size:12px; line-height:1.55; }
.channel-page-body .channel-row em { flex-shrink:0; color:var(--channel-muted); font-size:11px; font-style:normal; }
.channel-page-body .channel-symbol { flex-shrink:0; width:40px; height:40px; color:var(--channel-ink); border-color:var(--channel-line); border-radius:13px; background:var(--channel-panel); }
.channel-page-body .channel-empty { margin:24px 0; padding:26px 20px; border:1px dashed var(--channel-line); border-radius:20px; color:var(--channel-muted); }
.channel-page-body .channel-empty b { color:var(--channel-ink); font-size:16px; }
.channel-page-body .channel-empty p { font-size:13px; line-height:1.8; }
.channel-page-body .channel-empty button { min-height:44px; font-size:13px; }
.channel-local-notice { margin:12px var(--page-gutter,20px) 0; padding:12px 14px; border:1px solid var(--channel-line); border-radius:14px; color:var(--channel-muted); background:var(--channel-panel); font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.channel-local-notice button { margin-left:8px; }
.channel-back { min-height:44px; padding:0; border:0; background:none; color:var(--channel-muted); font-size:13px; cursor:pointer; }
.channel-workspace-head { margin:8px 0 20px; }
.channel-workspace-head h1 { margin-bottom:12px!important; }
.channel-workspace-head p { margin:0; color:var(--channel-muted); font-size:14px; line-height:1.8; }
.channel-workspace-head .channel-context-label { font-size:12px; }
.channel-state-note { margin:16px 0 24px; padding:14px 16px; border:1px solid var(--channel-line); border-radius:16px; background:var(--channel-surface); color:var(--channel-muted); font-size:12px; line-height:1.8; }
.channel-members-section { margin:24px 0 30px; }
.channel-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.channel-members-section h2 { margin:0; font-size:18px; line-height:1.5; font-weight:600; letter-spacing:-.025em; }
.channel-action,.channel-entry-action { min-height:44px; padding:9px 12px; border:1px solid var(--channel-line); border-radius:12px; background:var(--channel-panel); color:var(--channel-ink); font-size:12px; cursor:pointer; }
.channel-page-body button:disabled { opacity:.5; cursor:not-allowed; }
.channel-entry-card,.channel-scope-card { margin:10px 0; padding:15px 16px; border:1px solid var(--channel-line); border-radius:18px; background:var(--channel-panel); min-width:0; }
.channel-entry-card h3,.channel-scope-card h3 { margin:0; font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.channel-entry-card p,.channel-scope-card p { margin:8px 0; color:var(--channel-muted); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.channel-entry-kind { display:inline-block; margin-bottom:6px; color:var(--channel-muted); font-size:11px; }
.channel-entry-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.channel-helper { margin:10px 0 14px; color:var(--channel-muted); font-size:12px; line-height:1.8; }
.channel-analysis-heading { margin-top:34px; }
.channel-analysis-heading h2 { margin-top:6px; }
.channel-analysis-picker { padding:14px; border:1px solid var(--channel-line); border-radius:17px; background:var(--channel-panel); }
.channel-page-body .channel-create-field { display:grid; gap:8px; margin:16px 0 0; }
.channel-page-body .channel-create-field > span { color:var(--channel-ink); font-size:13px; font-weight:500; }
.channel-page-body .channel-create-field input,.channel-page-body .channel-create-field select,.channel-page-body .channel-entry-card > input { width:100%; box-sizing:border-box; min-height:48px; padding:11px 12px; border:1px solid var(--channel-line); border-radius:12px; background:var(--channel-panel); color:var(--channel-ink); font-family:inherit; font-size:16px; }
.channel-page-body select option { background:#202024; color:#f2f2f3; }
html[data-theme='light'] .channel-page-body select option { background:#fff; color:#29292d; }
.channel-chart-picker { min-width:0; margin:22px 0 8px; padding:0; border:0; }
.channel-chart-picker legend { font-size:14px; font-weight:600; }
.channel-chart-picker legend span { color:var(--channel-muted); font-size:12px; font-weight:400; }
.channel-chart-option { display:flex; align-items:center; gap:12px; min-height:60px; margin:8px 0; padding:12px; border:1px solid var(--channel-line); border-radius:14px; background:var(--channel-panel); cursor:pointer; }
.channel-chart-option:has(input:checked) { border-color:var(--channel-muted); background:var(--channel-surface); }
.channel-chart-option:has(input:disabled) { opacity:.58; cursor:not-allowed; }
.channel-chart-option input,.channel-pin-choice input { width:20px; height:20px; flex-shrink:0; accent-color:#77777d; }
.channel-chart-option span { min-width:0; }
.channel-chart-option strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.channel-chart-option small { display:block; margin-top:4px; color:var(--channel-muted); font-size:12px; line-height:1.6; }
.channel-archive-link,.channel-reading-link { display:inline-block; min-height:44px; padding:12px 0; box-sizing:border-box; color:var(--channel-ink); font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.channel-pin-choice { display:flex; align-items:flex-start; gap:10px; min-height:44px; margin:14px 0; font-size:13px; line-height:1.8; }
.channel-page-body .channel-visibility-choice label span { border-color:var(--channel-line); border-radius:14px; background:var(--channel-panel); color:var(--channel-ink); }
.channel-page-body .channel-visibility-choice input:checked + span { background:var(--channel-surface); border-color:var(--channel-muted); }
.channel-page-body .channel-visibility-choice small { color:var(--channel-muted); font-size:12px; }
.channel-page-body .channel-create-layer { width:min(100% - 20px,520px); max-width:520px; height:auto; max-height:calc(100dvh - 30px); padding:0; margin:auto auto 12px; border:1px solid var(--channel-line); border-radius:26px; background:rgba(25,25,28,.97); color:var(--channel-ink); backdrop-filter:blur(24px); box-shadow:0 24px 70px rgba(0,0,0,.35); }
html[data-theme='light'] .channel-page-body .channel-create-layer { background:rgba(251,250,247,.98); }
.channel-page-body .channel-create-layer[open] { display:block; }
.channel-page-body .channel-create-dialog { width:100%; max-width:none; max-height:calc(100dvh - 34px); padding:8px 22px 22px; overflow-y:auto; overscroll-behavior:contain; box-sizing:border-box; border:0; border-radius:inherit; color:inherit; background:transparent; }
.channel-sheet-handle { display:block; width:68px; height:26px; margin:0 auto 7px; padding:0; border:0; background:transparent; cursor:grab; touch-action:none; }
.channel-sheet-handle::before { content:''; display:block; width:32px; height:4px; margin:auto; border-radius:99px; background:var(--channel-muted); opacity:.5; }
.channel-page-body .channel-create-dialog > header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.channel-page-body .channel-create-dialog h2 { margin:0; font-size:20px; line-height:1.5; font-weight:600; }
.channel-page-body .channel-create-dialog header small { color:var(--channel-muted); font-size:11px; }
.channel-page-body .channel-create-dialog header button { flex-shrink:0; width:44px; height:44px; border:0; border-radius:12px; color:var(--channel-ink); background:transparent; font-size:24px; font-weight:300; }
.channel-page-body .channel-create-dialog > p { color:var(--channel-muted); font-size:13px; line-height:1.8; }
.channel-page-body .channel-create-actions { display:flex; gap:8px; margin-top:22px; }
.channel-page-body .channel-create-actions button { min-height:46px; border:1px solid var(--channel-line); border-radius:13px; color:var(--channel-ink); background:var(--channel-panel); font-size:14px; }
.channel-page-body .channel-create-error { padding:12px 14px; border:1px solid var(--channel-line); border-radius:12px; color:var(--channel-ink)!important; background:var(--channel-surface)!important; font-size:13px!important; line-height:1.7; }
.channel-invite-panel { margin:24px var(--page-gutter,20px); padding:26px 20px; border:1px solid var(--channel-line); border-radius:24px; background:var(--channel-panel); }
.channel-invite-panel p { color:var(--channel-muted); font-size:14px; line-height:1.8; }
.channel-story-result,.channel-ranking-result { margin:20px 0; padding:20px; border:1px solid var(--channel-line); border-radius:20px; background:var(--channel-panel); }
.channel-story-result h3,.channel-ranking-result h3 { margin:0 0 12px; font-size:17px; line-height:1.6; }
.channel-story-result p,.channel-ranking-result p { color:var(--channel-muted); }
.channel-ranking-result ol { padding:0; list-style:none; }
.channel-ranking-result li { padding:12px 0; }
.channel-ranking-result li + li { border-top:1px solid var(--channel-line); }
.channel-ranking-result strong { font-size:14px; }
.channel-role-result { padding:22px 0; border-top:1px solid var(--channel-line); }
.channel-role-result h4 { margin:0 0 8px; color:var(--channel-muted); font-size:13px; }
.channel-role-badge { display:block; color:var(--channel-ink); font-size:18px; line-height:1.6; }
.channel-natal-comparison { display:grid; grid-template-columns:1fr; gap:5px; margin:12px 0 18px; padding:16px; border-radius:14px; background:var(--channel-panel); }
.channel-natal-comparison dt { color:var(--channel-muted); font-size:12px; }
.channel-natal-comparison dd { margin:0 0 12px; color:var(--channel-ink); font-size:15px; line-height:1.7; }
.channel-natal-comparison dd:last-child { margin-bottom:0; }
.channel-analysis-result p { font-size:14px; line-height:1.8; }
.channel-analysis-result .channel-beta-notice { color:var(--channel-muted); font-size:12px; }
.channel-result-detail summary,.channel-core-list summary,.channel-pair-result summary { min-height:44px; padding:13px 0; font-size:14px; line-height:1.7; cursor:pointer; overflow-wrap:anywhere; }
.channel-result-detail li { font-size:13px; line-height:1.8; }
.channel-core-row { padding:14px 0; border-bottom:1px solid var(--channel-line); }
.channel-core-row strong { font-size:13px; }
.channel-core-row p { color:var(--channel-muted); font-size:12px; }
.channel-analysis-state { padding:22px 18px; border:1px dashed var(--channel-line); border-radius:18px; }
.channel-analysis-state h3 { margin:0 0 10px; font-size:16px; }
.channel-page-body :is(.channels-page-main,.channel-create-layer) :is(button,input,select,a,summary):focus-visible { outline:2px solid var(--channel-muted); outline-offset:4px; }
.channel-page-body .channel-chart-option:focus-within { outline:2px solid var(--channel-muted); outline-offset:3px; }
@media(max-width:360px) { .channel-page-body .channel-directory-title-row { flex-wrap:wrap; } .channel-page-body .channel-create-dialog { padding-right:16px; padding-left:16px; } .channel-page-body .channel-row { gap:9px; padding:14px 12px; } }
@media(prefers-reduced-motion:reduce) { .channel-page-body * { scroll-behavior:auto!important; } }