/* Entry pages give the conversation the working space; discovery stays anchored to the right. */
.shell { max-width: 1440px; }
.entry-layout { grid-template-columns: minmax(0, 1fr) 280px !important; gap: 88px; }
.entry-content { min-width: 0; }
.identity > #identity { order:1; }
.identity > .theme-toggle { order:2; }
.entry-content h1 { font-size: clamp(2.15rem, 4vw, 4.6rem) !important; line-height: .98 !important; max-width: 920px; margin-bottom: 20px; }
.entry-sidebar { justify-self: end; width: 100%; }
@media (max-width: 760px) { .entry-layout { grid-template-columns: 1fr !important; gap: 46px; } .entry-sidebar { justify-self: stretch; } }
.search-form { grid-template-columns:1fr auto; }
.search-form input { border-left:1px solid var(--ink); }
.mention { background:var(--acid); color:var(--ink); font-weight:600; padding:0 3px; }
.mention { border-radius:2px; }
[data-theme="dark"] .search-form button, [data-theme="dark"] .composer button, [data-theme="dark"] .reply-form button { background:#0d1712; border-color:var(--acid); color:var(--acid); }
[data-theme="dark"] .mention { background:#d9f36a; color:#17211d; }
[data-theme="dark"] .text-button, [data-theme="dark"] .vote-button { color:#c4d2c5; }
[data-theme="dark"] .text-button:hover, [data-theme="dark"] .vote-button:hover { color:var(--acid); }
.attribution { color:var(--muted); font: .72rem var(--mono); margin:-8px 0 24px; }
.attribution strong { color:var(--ink); font-weight:500; }
.attribution a { color:var(--coral); }
.entry-time { color:var(--muted); font: .68rem var(--mono); margin:-16px 0 24px; }
.media-frame.ig { aspect-ratio:4/5; max-height:780px; }
.media-frame.x { aspect-ratio:16/10; }
.entry-media-pane .stats { display:flex; width:100%; }
.entry-media-pane .stats > div:last-child { margin-left:auto; text-align:right; }
.entry-media-pane .stats > div { align-items:center; display:flex; gap:8px; }
.entry-media-pane .stats > .share-control { margin-left:auto; }
.entry-media-pane .stats .icon-label { order:-1; }
.share-control { align-items:center; display:flex; gap:8px; position:relative; }
.share-toggle { align-items:center; background:transparent; border:0; color:var(--coral); display:inline-flex; height:38px; justify-content:center; padding:0; width:38px; }
.share-toggle:hover { color:var(--ink); }
.share-toggle svg { height:19px; width:19px; }
.share-status { color:var(--muted); font:500 .6rem var(--mono); min-width:0; text-transform:uppercase; }
.icon-label, .comment-actions .text-button { align-items:center; display:inline-flex; }
.comment-actions .text-button { gap:5px; }
.stats svg { height:18px; width:18px; }
.comment-actions svg { height:15px; width:15px; }
.comment-actions [data-action="comment-like"].is-active { color:#16834f; }
.comment-actions [data-action="comment-dislike"].is-active { color:var(--coral); }
.comment-actions .is-active svg { fill:currentColor; }
[data-theme="dark"] .comment-actions [data-action="comment-like"].is-active { color:var(--acid); }
[data-theme="dark"] { --ink:#f2eee5; --paper:#202522; --mint:#426450; --acid:#d9f36a; --coral:#ff987f; --line:#526258; --muted:#b2bcb2; }
[data-theme="dark"] body { background-image:linear-gradient(135deg, rgba(63,91,70,.28), transparent 38%), radial-gradient(circle at 85% 8%, rgba(57,78,63,.72), transparent 30%); }
[data-theme="dark"] .search-form select, [data-theme="dark"] textarea, [data-theme="dark"] .mention-suggestions { background:#29312c; color:var(--ink); }
.composer, .reply-form { position:relative; }
.mention-suggestions { background:#fffdf6; border:1px solid var(--ink); left:0; max-width:280px; position:absolute; top:100%; z-index:5; }
.mention-option { background:transparent; border:0; color:var(--ink); display:block; padding:9px 12px; text-align:left; width:100%; }
.mention-option:hover, .mention-option.active { background:var(--acid); }
body:has(.discover) .shell { display:grid; gap:96px; grid-template-columns:minmax(0, 1fr) 360px; align-items:start; }
body:has(.discover) .discover { display:flex; flex-direction:column; gap:48px; margin-top:0; }
body:has(.discover) .list-panel { width:100%; }
body:has(.discover) .intro h1 { font-size:clamp(2.7rem, 5.4vw, 5.2rem) !important; line-height:.96; }
body:not(:has(.discover)) .entry-content h1 { font-size:clamp(2.1rem, 3.8vw, 3.9rem) !important; line-height:1; }
@media (max-width:760px) { body:has(.discover) .shell { display:block; } body:has(.discover) .discover { margin-top:80px; } }
@media (max-width:760px) { .search-form { grid-template-columns:1fr; } .search-form input { border-left:1px solid var(--ink); } }
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root { --ink:#15231f; --paper:#f3f0e7; --mint:#bfe8c1; --acid:#d8ff61; --coral:#ff735c; --line:#b8c4b5; --muted:#63716a; --serif:Georgia, 'Times New Roman', serif; --mono:'DM Mono', Consolas, monospace; --sans:'Space Grotesk', 'Trebuchet MS', sans-serif; }
[data-theme="dark"] { --ink:#edf4e8; --paper:#17211d; --mint:#315844; --acid:#d8ff61; --coral:#ff8d78; --line:#40554a; --muted:#a6b8aa; }
[data-theme="dark"] body { background-image:linear-gradient(135deg, rgba(49,88,68,.35), transparent 35%), radial-gradient(circle at 85% 10%, rgba(41,73,55,.8), transparent 28%); }
[data-theme="dark"] .search-form select, [data-theme="dark"] textarea, [data-theme="dark"] .mention-suggestions { background:#202d26; color:var(--ink); }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); background-image:linear-gradient(135deg, rgba(216,255,97,.2), transparent 32%), radial-gradient(circle at 85% 10%, rgba(191,232,193,.75), transparent 25%); } a { color:inherit; } button, input, select, textarea { font:inherit; } button { cursor:pointer; } .topbar { align-items:center; display:flex; justify-content:space-between; margin:auto; max-width:1260px; padding:28px 32px; } .wordmark { font-size:1.35rem; font-weight:700; letter-spacing:0; text-decoration:none; } .wordmark b { color:var(--coral); } .identity { color:var(--muted); font:500 .72rem var(--mono); letter-spacing:0; text-transform:uppercase; } .shell { margin:auto; max-width:1260px; min-height:calc(100vh - 140px); padding:60px 32px 100px; } .intro { max-width:740px; } .kicker { color:var(--coral); font:500 .72rem var(--mono); letter-spacing:0; margin:0 0 20px; text-transform:uppercase; } h1,h2,p { margin-top:0; } h1 { font:600 clamp(3.2rem, 7vw, 7.3rem)/.92 var(--serif); letter-spacing:0; margin-bottom:28px; max-width:780px; } .intro > p:not(.kicker) { color:var(--muted); font-size:1.05rem; line-height:1.6; max-width:560px; } .search-form { display:grid; grid-template-columns:145px 1fr auto; margin-top:42px; max-width:740px; } .search-form input,.search-form select,.search-form button { border:1px solid var(--ink); border-radius:0; min-height:52px; padding:0 16px; } .search-form select { background:#fffdf6; } .search-form input { background:transparent; border-left:0; min-width:0; } .search-form button,.composer button,.reply-form button { background:var(--ink); color:var(--acid); font-weight:600; } .form-note { color:var(--muted); font: .7rem var(--mono); grid-column:1/-1; margin-top:10px; } .discover { border-top:1px solid var(--line); display:grid; gap:64px; grid-template-columns:1fr 1fr; margin-top:120px; padding-top:22px; } .panel-heading,.comment-header { align-items:baseline; display:flex; justify-content:space-between; } .panel-heading h2,.comment-header h2 { font-size:1.05rem; margin:0 0 18px; } .panel-heading span,.comment-header span { color:var(--muted); font: .68rem var(--mono); } .entry-card { border-top:1px solid var(--line); display:grid; gap:5px; padding:17px 0; text-decoration:none; } .entry-card:hover strong { color:var(--coral); } .entry-card strong { font-size:1.05rem; font-weight:500; } .entry-card small { color:var(--muted); font: .68rem var(--mono); } .platform { color:var(--coral); font: .65rem var(--mono); text-transform:uppercase; } .entry-layout { display:grid; gap:64px; grid-template-columns:minmax(0, 820px) 260px; } .entry-content h1 { font-size:clamp(2.5rem,5vw,5.6rem); max-width:780px; } .media-frame { aspect-ratio:16/9; background:#19241f; margin:36px 0 22px; } .media-frame iframe { border:0; height:100%; width:100%; } .stats { align-items:center; border-bottom:1px solid var(--line); border-top:1px solid var(--line); display:flex; gap:27px; padding:15px 0; } .stats div { display:grid; gap:3px; } .stats strong { font-size:1.1rem; } .stats span { color:var(--muted); font: .64rem var(--mono); text-transform:uppercase; } .vote-button,.text-button { background:transparent; border:0; color:var(--muted); font-size:.76rem; padding:7px 0; } .vote-button { margin-left:auto; } .vote-button + .vote-button { margin-left:0; } .vote-button:hover,.text-button:hover { color:var(--coral); } .composer { display:grid; gap:10px; margin:44px 0 62px; } textarea { background:#fffdf6; border:1px solid var(--ink); border-radius:0; min-height:110px; padding:15px; resize:vertical; } .composer button { justify-self:start; padding:13px 18px; } .composer small,.reply-form input { color:var(--muted); font: .7rem var(--mono); } .comments { border-top:2px solid var(--ink); padding-top:18px; } .comment { border-bottom:1px solid var(--line); padding:22px 0; } .comment-head { display:flex; gap:14px; justify-content:space-between; } .comment-head strong { font-size:.9rem; } .comment-head time { color:var(--muted); font: .65rem var(--mono); } .comment p { line-height:1.55; margin:12px 0; white-space:pre-wrap; overflow-wrap:anywhere; } .comment-actions { display:flex; gap:16px; } .replies { border-left:2px solid var(--mint); margin:5px 0 0 22px; padding-left:22px; } .reply-form { display:flex; gap:8px; margin:8px 0 0 22px; } .reply-form input { background:transparent; border:0; border-bottom:1px solid var(--ink); flex:1; min-width:0; padding:8px 0; } .reply-form button { border:0; padding:7px 11px; } .entry-sidebar { border-left:1px solid var(--line); padding-left:22px; } .entry-sidebar h2 { font-size:1rem; margin:0 0 18px; } .entry-sidebar .entry-card strong { font-size:.9rem; } .not-found { padding-top:50px; } .not-found h1 { font-size:clamp(3rem,8vw,8rem); } .not-found a { color:var(--coral); } .empty { color:var(--muted); font: .75rem var(--mono); padding:20px 0; } footer { border-top:1px solid var(--line); color:var(--muted); display:flex; font: .65rem var(--mono); gap:28px; justify-content:space-between; margin:auto; max-width:1260px; padding:22px 32px; text-transform:uppercase; } footer a { color:var(--ink); }
@media (max-width:760px) { .topbar { padding:22px 18px; } .shell { padding:34px 18px 70px; } h1 { font-size:clamp(3rem,15vw,5rem); } .search-form { grid-template-columns:1fr; } .search-form input { border-left:1px solid var(--ink); border-top:0; } .search-form button { margin-top:8px; } .discover,.entry-layout { gap:46px; grid-template-columns:1fr; margin-top:80px; } .entry-sidebar { border-left:0; border-top:1px solid var(--line); padding:22px 0 0; } .stats { flex-wrap:wrap; gap:18px; } .vote-button { margin-left:0; } footer { align-items:flex-start; flex-direction:column; gap:8px; padding:20px 18px; } }

@media (min-width:1051px) {
	body:has(.entry-layout) { overflow:hidden; }
	body:has(.entry-layout) footer { display:none; }
	.shell.entry-page { max-width:1680px; min-height:0; padding:20px 16px 24px; }
	.entry-layout { align-items:stretch; display:grid; gap:20px; grid-template-columns:minmax(170px,.45fr) minmax(380px,1.55fr) minmax(380px,1.15fr) !important; height:calc(100vh - 127px); margin:0 !important; }
	.entry-sidebar { border-left:0; border-right:1px solid var(--line); justify-self:stretch; min-height:0; order:0; overflow-y:auto; padding:0 16px 0 0; scrollbar-gutter:stable; width:auto; }
	.entry-media-pane { display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden; padding-bottom:16px; }
	.entry-media-pane h1 { font-size:clamp(1.75rem,2.4vw,2.8rem) !important; line-height:1.02 !important; margin-bottom:12px; }
	.entry-media-pane .entry-time { margin:0 0 8px; }
	.entry-media-pane .attribution { margin:0 0 16px; }
	.media-stage { align-items:center; display:flex; flex:1; justify-content:center; min-height:0; min-width:0; overflow:hidden; }
	.media-stage .media-frame { flex:none; margin:0; max-height:100%; max-width:100%; }
	.entry-media-pane .stats { flex:none; margin-top:16px; }
	.entry-discussion { border-left:1px solid var(--line); min-height:0; min-width:0; overflow-y:auto; padding-left:20px; scrollbar-gutter:stable; }
	.entry-discussion .composer { margin:0 0 36px; }
	.entry-discussion .comments { margin-top:0; }
}

.entry-sidebar > h2 { font-size:1.15rem; margin-bottom:24px; }
.rail-section + .rail-section { border-top:1px solid var(--line); margin-top:30px; padding-top:24px; }
.rail-section h3 { color:var(--muted); font:500 .68rem var(--mono); margin:0 0 10px; text-transform:uppercase; }
.rail-section .entry-card { grid-template-columns:70px minmax(0,1fr); padding:12px 0; }
.rail-section .entry-card strong { font-size:.78rem; line-height:1.25; }
.rail-section .entry-card small { font-size:.6rem; }
.entry-sidebar, .entry-discussion { scrollbar-color:var(--line) transparent; scrollbar-width:thin; }

@media (max-width:1050px) {
	body:has(.entry-layout) { overflow:auto; }
	.shell.entry-page { min-height:0; padding-top:24px; }
	.entry-layout { display:grid; gap:46px; grid-template-columns:1fr !important; height:auto; margin-top:0 !important; }
	.entry-media-pane { min-width:0; order:1; }
	.entry-media-pane h1 { font-size:clamp(2rem,7vw,3.8rem) !important; }
	.media-stage { align-items:center; display:flex; justify-content:center; overflow:hidden; width:100%; }
	.media-stage.is-horizontal { aspect-ratio:16/9; }
	.media-stage.is-vertical { height:min(72vh,720px); }
	.media-stage .media-frame { flex:none; margin:0; max-height:100%; max-width:100%; }
	.entry-discussion { border-top:1px solid var(--line); order:2; overflow:visible; padding-top:30px; }
	.entry-sidebar { border-left:0; border-top:1px solid var(--line); justify-self:stretch; order:3; overflow:visible; padding:30px 0 0; width:100%; }
}

.shell:has(.home-layout) { max-width:1680px; padding-left:8px; padding-right:16px; padding-top:42px; }
.home-layout { align-items:start; display:grid; gap:28px; grid-template-columns:minmax(500px,1.6fr) minmax(210px,.7fr) minmax(210px,.7fr); }
.home-intro { grid-column:1; grid-row:1; justify-self:stretch; max-width:none; padding-top:42px; width:100%; }
.home-list[data-list="recent"] { grid-column:2; grid-row:1; }
.home-list[data-list="interactions"] { grid-column:3; grid-row:1; }
.home-intro h1 { font-size:clamp(2.8rem,4.8vw,5.3rem) !important; }
.home-intro .search-form { max-width:none; width:100%; }
.live-stats { border-bottom:1px solid var(--line); border-top:1px solid var(--line); margin-top:44px; padding:16px 0 18px; }
.live-stats-heading { align-items:center; display:flex; justify-content:space-between; margin-bottom:14px; }
.live-stats-heading h2 { font-size:1rem; margin:0; }
.live-indicator { align-items:center; color:var(--muted); display:flex; font:500 .62rem var(--mono); gap:6px; text-transform:uppercase; }
.live-indicator::before { background:#20a765; border-radius:50%; content:''; height:7px; width:7px; }
.live-stats-grid { display:grid; gap:14px; grid-template-columns:repeat(5,minmax(0,1fr)); }
.live-stat { min-width:0; }
.live-stat > strong { display:block; font:600 1.35rem/1.3 var(--sans); font-variant-numeric:tabular-nums; height:1.3em; overflow:hidden; position:relative; }
.roll-value { display:block; }
.rolling-counter { display:inline-block; font-variant-numeric:tabular-nums; height:1.3em; line-height:1.3; min-width:1ch; overflow:hidden; position:relative; vertical-align:middle; }
.roll-next { left:0; position:absolute; top:0; transform:translateY(110%); }
.rolling-number { will-change:transform; }
.is-rolling .roll-current { animation:counter-roll-out .46s cubic-bezier(.22,.75,.3,1) both; }
.is-rolling .roll-next { animation:counter-roll-in .46s cubic-bezier(.22,.75,.3,1) both; }
@keyframes counter-roll-out { to { opacity:0; transform:translateY(-110%); } }
@keyframes counter-roll-in { to { opacity:1; transform:translateY(0); } }
.live-stat .icon-label { color:var(--muted); gap:5px; margin-top:4px; }
.live-stat .icon-label svg { flex:none; height:14px; width:14px; }
.live-stat .icon-label span { font:500 .58rem/1.3 var(--mono); text-transform:uppercase; }
.home-list { border-top:1px solid var(--line); min-width:0; padding-top:18px; }
.home-list .entry-card { grid-template-columns:82px minmax(0,1fr); }
.entry-card-stats { align-items:center; display:flex; gap:16px; grid-column:2; }
.entry-metric { align-items:center; color:var(--muted); display:inline-flex; font:500 .64rem var(--mono); gap:6px; }
.entry-metric.interactions { margin-left:auto; text-align:right; }
.entry-metric svg { height:15px; width:15px; }
.rail-section .entry-card-stats { grid-column:2; }

@media (min-width:1051px) {
	body:has(.home-layout) { display:flex; flex-direction:column; height:100vh; overflow:hidden; }
	body:has(.home-layout) > .topbar, body:has(.home-layout) > footer { flex:none; width:100%; }
	.shell:has(.home-layout) { flex:1; min-height:0; overflow:hidden; padding-bottom:14px; padding-top:20px; width:100%; }
	.home-layout { align-items:stretch; height:100%; }
	.home-layout > * { min-height:0; overflow-y:auto; scrollbar-color:var(--line) transparent; scrollbar-width:thin; }
	.home-intro { padding-top:12px; }
	.home-intro h1 { font-size:clamp(2.6rem,4.2vw,4.8rem) !important; margin-bottom:20px; }
	.home-intro .search-form { margin-top:26px; }
	.home-intro .live-stats { margin-top:30px; }
}

@media (max-width:1050px) {
	.home-layout { gap:56px; grid-template-columns:1fr 1fr; }
	.home-intro { grid-column:1 / -1; grid-row:1; max-width:740px; padding-top:0; }
	.home-list[data-list="recent"] { grid-column:1; grid-row:2; }
	.home-list[data-list="interactions"] { grid-column:2; grid-row:2; }
}

@media (max-width:700px) {
	.home-layout { display:flex; flex-direction:column; }
	.home-intro { order:1; }
	.home-list[data-list="recent"] { order:2; width:100%; }
	.home-list[data-list="interactions"] { order:3; width:100%; }
}

@media (max-width:600px) {
	body { background-image:linear-gradient(155deg, rgba(216,255,97,.14), transparent 24%), radial-gradient(circle at 92% 3%, rgba(191,232,193,.55), transparent 20%); }
	.topbar { align-items:flex-start; gap:14px; padding:16px max(14px, env(safe-area-inset-right)) 16px max(14px, env(safe-area-inset-left)); }
	.wordmark { flex:none; font-size:1.2rem; padding-top:4px; }
	.topbar .identity { align-items:flex-end; flex-direction:column; gap:5px !important; max-width:62%; }
	.identity > span { line-height:1.35; overflow-wrap:anywhere; }
	.theme-toggle, .identity-refresh { min-height:36px; }
	.identity > span { align-items:center; display:flex; gap:6px; justify-content:flex-end; }
	.shell, .shell:has(.home-layout), .shell.entry-page { padding:24px max(14px, env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); }
	footer { padding:18px 14px; }

	.home-layout { gap:44px; }
	.home-intro { padding-top:8px; }
	.home-intro h1 { font-size:clamp(2.55rem,13vw,3.5rem) !important; line-height:.95 !important; margin-bottom:22px; }
	.home-intro > p:not(.kicker) { font-size:.96rem; line-height:1.55; }
	.kicker { margin-bottom:14px; }
	.search-form { margin-top:28px; }
	.search-form input, .search-form button { min-height:48px; }
	.search-form button { margin-top:6px; }
	.form-note { font-size:.64rem; line-height:1.45; }
	.live-stats { margin-top:34px; }
	.live-stats-grid { grid-template-columns:1fr 1fr; }
	.live-stat { border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent); padding-top:10px; }
	.live-stat:last-child { grid-column:1 / -1; }
	.live-stat > strong { font-size:1.25rem; }
	.home-list { padding-top:14px; }
	.panel-heading { margin-bottom:6px; }
	.panel-heading h2 { font-size:1.2rem; }
	.entry-card { gap:8px 12px; grid-template-columns:68px minmax(0,1fr) !important; padding:13px 0; }
	.entry-card strong { font-size:.88rem; line-height:1.3; }
	.entry-card-stats { gap:12px; }
	.entry-metric { font-size:.62rem; }

	.entry-layout { gap:36px; }
	.entry-media-pane h1 { font-size:clamp(1.85rem,9vw,2.8rem) !important; line-height:1 !important; margin-bottom:16px !important; }
	.entry-time { margin-bottom:8px; }
	.attribution { line-height:1.45; margin-bottom:18px; overflow-wrap:anywhere; }
	.media-stage.is-horizontal { aspect-ratio:16/9; }
	.media-stage.is-vertical { height:min(64vh,560px); }
	.entry-media-pane .stats { margin-top:12px; min-height:58px; padding:12px 0; }
	.stats svg { height:20px; width:20px; }
	.entry-discussion { padding-top:24px; }
	.entry-discussion .composer { margin-bottom:36px; }
	.composer textarea { min-height:112px; }
	.composer button, .reply-form button { min-height:44px; }
	.comment-header { align-items:center; }
	.comment-header h2 { font-size:1.35rem; }
	.comment { padding:18px 0; }
	.comment-head { align-items:flex-start; gap:8px; }
	.comment-head strong { overflow-wrap:anywhere; }
	.comment-head time { flex:none; font-size:.58rem; text-align:right; }
	.comment p { font-size:.94rem; line-height:1.55; }
	.comment-actions { align-items:center; display:flex; gap:4px; }
	.comment-actions .text-button { justify-content:center; min-height:44px; min-width:44px; padding:8px; }
	.comment-actions .reply-button { margin-left:4px; padding-left:10px; padding-right:10px; }
	.replies { margin-left:12px !important; padding-left:10px; }
	.reply-form { display:grid; grid-template-columns:minmax(0,1fr) auto; }
	.reply-form input { min-width:0; }
	.entry-sidebar { padding-top:24px; }
	.entry-sidebar > h2 { margin-bottom:18px; }
	.rail-section + .rail-section { margin-top:24px; padding-top:20px; }
}

@media (max-width:350px) {
	.topbar { padding-left:10px; padding-right:10px; }
	.shell, .shell:has(.home-layout), .shell.entry-page { padding-left:10px; padding-right:10px; }
	.home-intro h1 { font-size:2.45rem !important; }
	.entry-card { grid-template-columns:60px minmax(0,1fr) !important; }
	.entry-card-stats { gap:8px; }
	.replies { margin-left:8px !important; padding-left:7px; }
}

.terms-home { align-items:center; color:var(--coral); display:inline-flex; height:36px; justify-content:center; width:36px; }
.terms-home svg { height:18px; width:18px; }
.terms-page { max-width:860px; }
.terms-page h1 { font-size:clamp(3rem,7vw,6rem); }
.terms-lead { color:var(--muted); font-size:1.2rem; line-height:1.65; max-width:720px; }
.terms-page section { border-top:1px solid var(--line); padding:28px 0 12px; }
.terms-page section h2 { font-size:1.35rem; }
.terms-page section p { line-height:1.7; max-width:720px; }
.terms-consent-open { overflow:hidden; }
.terms-consent { background:var(--paper); border:1px solid var(--ink); border-radius:6px; color:var(--ink); max-height:calc(100vh - 32px); max-width:560px; padding:0; width:calc(100% - 32px); }
.terms-consent::backdrop { background:rgba(10,18,15,.72); }
.terms-consent form { padding:34px; }
.terms-consent h2 { font-size:clamp(1.8rem,5vw,2.6rem); line-height:1.05; margin-bottom:18px; }
.terms-consent form > p:not(.kicker) { color:var(--muted); line-height:1.6; }
.terms-consent a { color:var(--coral); display:inline-block; font-weight:600; margin:4px 0 24px; }
.cookie-category { border:1px solid var(--line); margin:20px 0 14px; padding:16px; }
.cookie-category label { align-items:center; display:grid; gap:10px; grid-template-columns:auto 1fr auto; }
.cookie-category input { height:20px; margin:0; width:20px; }
.cookie-category label span { color:var(--muted); font:500 .64rem var(--mono); text-transform:uppercase; }
.cookie-category p { color:var(--muted); font-size:.86rem; line-height:1.5; margin:10px 0 0 30px; }
.consent-links { display:flex; gap:20px; }
.terms-consent .consent-links a { margin:4px 0 18px; }
.terms-check { align-items:flex-start; border-bottom:1px solid var(--line); border-top:1px solid var(--line); cursor:pointer; display:flex; gap:12px; line-height:1.45; padding:18px 0; }
.terms-check input { flex:none; height:20px; margin:1px 0 0; width:20px; }
.terms-status { color:var(--coral) !important; font:500 .68rem var(--mono); margin:14px 0 0; min-height:1em; }
.terms-consent button { background:var(--ink); border:1px solid var(--ink); color:var(--acid); font-weight:600; margin-top:12px; min-height:48px; width:100%; }
.terms-consent button:disabled { cursor:not-allowed; opacity:.45; }
.cookie-list { display:grid; gap:0; }
.cookie-list article { border-top:1px solid var(--line); display:grid; gap:10px; grid-template-columns:minmax(180px,.45fr) minmax(0,1fr); padding:24px 0; }
.cookie-list h2 { font-size:1.15rem; margin:0; }
.cookie-list p { line-height:1.65; margin:0; }
.cookie-list code { color:var(--coral); font-family:var(--mono); }
.footer-links { display:flex; gap:20px; }
.cookie-reset { background:var(--ink); border:1px solid var(--ink); color:var(--acid); font-weight:600; min-height:48px; padding:0 18px; }
.cookie-reset-status { color:var(--coral); font:500 .68rem var(--mono); margin:12px 0 0 !important; min-height:1em; }

@media (max-width:600px) {
	.terms-page h1 { font-size:2.6rem; }
	.terms-lead { font-size:1rem; }
	.terms-page section { padding-top:22px; }
	.terms-consent form { padding:24px 20px; }
	.cookie-category label { grid-template-columns:auto 1fr; }
	.cookie-category label span { grid-column:2; }
	.consent-links { align-items:flex-start; flex-direction:column; gap:0; }
	.terms-consent .consent-links a { margin-bottom:10px; }
	.cookie-list article { grid-template-columns:1fr; }
}

:root { --action-bg:var(--ink); --action-border:var(--ink); --action-text:var(--acid); }
[data-theme="dark"] { --action-bg:#0d1712; --action-border:var(--acid); --action-text:var(--acid); }
.search-form button, .composer button, .reply-form button, .topbar .theme-toggle, .topbar .identity-refresh, .terms-consent button, .cookie-reset { background:var(--action-bg); border:1px solid var(--action-border); color:var(--action-text); }
.search-form button:hover, .composer button:hover, .reply-form button:hover, .topbar .theme-toggle:hover, .topbar .identity-refresh:hover, .terms-consent button:hover:not(:disabled), .cookie-reset:hover:not(:disabled) { background:var(--action-text); border-color:var(--action-border); color:var(--action-bg); }
.topbar .theme-toggle, .topbar .identity-refresh { background:transparent; border:0; color:var(--coral); }
.topbar .theme-toggle:hover, .topbar .identity-refresh:hover { background:transparent; border:0; color:var(--ink); }
.comment-actions .text-button { background:transparent; border:0; color:var(--muted); }
.comment-actions .text-button:hover { background:transparent; border:0; color:var(--ink); }
.comment-actions [data-action="comment-like"].is-active { color:#49d58a; }
.comment-actions [data-action="comment-dislike"].is-active { color:var(--coral); }
[data-theme="dark"] .search-form input { caret-color:var(--ink); color:var(--ink); }
[data-theme="dark"] .search-form input::placeholder { color:var(--muted); opacity:1; }

.topbar { max-width:none; padding-left:16px; padding-right:16px; }
.topbar .brand-stack { align-items:flex-start; display:flex; flex-direction:column; gap:7px; }
.topbar .identity { align-items:center; display:flex; flex-direction:row; gap:7px; max-width:none; text-align:left; }
.header-actions { align-items:center; display:flex; gap:10px; }
.language-control { align-items:center; border:1px solid var(--line); display:flex; min-height:36px; padding:0 8px; }
.language-control svg { color:var(--coral); flex:none; height:18px; width:18px; }
.language-control { cursor:pointer; padding:0; position:relative; width:36px; }
.language-control svg { margin:auto; pointer-events:none; }
.language-control select { cursor:pointer; height:100%; inset:0; opacity:0; position:absolute; width:100%; }
.language-control select:focus-visible { outline:2px solid var(--coral); outline-offset:2px; }
[data-theme="dark"] .language-control select option { background:var(--paper); color:var(--ink); }

@media (prefers-reduced-motion:reduce) {
	.roll-value { animation:none !important; }
}

@media (max-width:600px) {
	.topbar { align-items:flex-start; padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); }
	.topbar .brand-stack { min-width:0; }
	.topbar .identity { align-items:center; flex-direction:row; max-width:180px; }
	.header-actions { flex:none; gap:4px; }
	.language-control { padding:0; }
}

.comment > p { font-weight:400; margin-left:10px; }
.composer { align-items:end; display:grid; gap:10px; grid-template-columns:minmax(0,1fr) auto; }
.composer textarea { grid-column:1 / -1; margin:0; min-height:112px; resize:vertical; width:100%; }
.composer-status { color:var(--coral); font:500 .68rem var(--mono); min-height:1em; }
.composer button { justify-self:end; min-height:48px; min-width:112px; padding:0 20px; }
.scroll-top-button { align-items:center; background:var(--action-bg); border:1px solid var(--action-border); bottom:20px; color:var(--action-text); display:flex; height:44px; justify-content:center; position:fixed; right:28px; width:44px; z-index:20; }
.scroll-top-button[hidden] { display:none; }
.scroll-top-button:hover { background:var(--action-text); color:var(--action-bg); }
.scroll-top-button svg { height:20px; width:20px; }

@media (max-width:1050px) {
	.scroll-top-button { bottom:max(14px,env(safe-area-inset-bottom)); right:max(14px,env(safe-area-inset-right)); }
}