:root{--page-bg: #f5f5f4;--surface: #ffffff;--surface-muted: #fafafa;--surface-soft: #f8fafc;--text: #111827;--text-muted: #6b7280;--text-faint: #9ca3af;--border: #f1f5f9;--border-strong: #e5e7eb;--brand: #f97316;--cat-bg: #fff7ed;--dog-bg: #eff6ff;--crow-bg: #f3f4f6}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;padding:0 16px}.desktop-panel{display:none}.app-shell{position:relative;width:100%;max-width:448px;min-height:100vh;margin:0 auto;background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 1px 3px #0f172a0d}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;height:56px;padding:0 16px;background:#ffffffe6;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.025em;color:var(--brand)}.back-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-8px;border-radius:999px;color:#374151;font-size:1.8rem;line-height:1}.back-button svg,.menu-trigger svg,.share-icon svg,.menu-alert-icon,.stat svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.back-button:hover{background:#f3f4f6}.app-main{padding-bottom:32px}.avatar{display:flex;width:40px;height:40px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-soft);font-size:1.25rem}.avatar-cat{background:var(--cat-bg)}.avatar-dog{background:var(--dog-bg)}.avatar-crow{background:var(--crow-bg)}.post-card{border-bottom:1px solid var(--border);background:var(--surface)}.post-card:hover{background:var(--surface-muted)}.post-row{display:flex;gap:12px;padding:16px}.post-main{flex:1;min-width:0}.post-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-linkline{display:flex;min-width:0;align-items:center;gap:4px;overflow:hidden;white-space:nowrap}.post-author{overflow:hidden;text-overflow:ellipsis;font-weight:700}.post-author,.post-handle,.post-time{text-decoration:none}.post-handle,.post-time{overflow:hidden;color:var(--text-muted);font-size:.875rem;text-overflow:ellipsis}.post-dot{color:var(--text-faint);font-size:.875rem}.menu-trigger{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;margin-right:-4px;border-radius:999px;color:var(--text-faint)}.menu-trigger:hover{background:#f3f4f6;color:#4b5563}.post-body-link,.post-stats-link{display:block}.post-content,.reply-content{margin:4px 0 0;color:#1f2937;line-height:1.35;white-space:pre-wrap}.media-card{margin-top:12px;overflow:hidden;border:1px solid var(--border-strong);border-radius:16px;background:#f9fafb}.media-image{display:block;width:100%;height:auto}.quote-card{margin-top:12px;padding:12px;border:1px solid var(--border-strong);border-radius:16px;background:#f9fafb}.quote-card p{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.quote-author{color:#374151;font-size:.875rem;font-weight:700}.reaction-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.topic-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.topic-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f9fafb;border:1px solid var(--border-strong);color:var(--text-muted);font-size:.75rem;font-weight:600;transition:background .12s ease,border-color .12s ease,color .12s ease}.topic-chip:hover{background:#fff7ed;border-color:#fdba74;color:#9a3412}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border-strong);border-radius:999px;background:#f9fafb;color:var(--text-muted);font-size:.75rem;font-weight:600}.post-stats{display:flex;align-items:center;gap:24px;margin-top:12px;color:var(--text-faint)}.stat{display:inline-flex;align-items:center;gap:6px;font-size:.875rem}.stat svg{width:16px;height:16px}.detail-card{padding:16px;border-bottom:1px solid var(--border);background:var(--surface)}.detail-top{display:flex;justify-content:space-between;gap:12px}.detail-author-block{display:flex;align-items:center;gap:12px}.detail-author{font-weight:700}.detail-profile-link{text-decoration:none}.detail-handle,.detail-time{color:var(--text-muted);font-size:.875rem}.detail-content{margin:12px 0 0;color:#1f2937;font-size:1.125rem;line-height:1.35;white-space:pre-wrap}.detail-reactions{margin-top:16px}.topic-row-detail{margin-top:14px}.menu-trigger-detail{width:36px;height:36px}.replies-section{min-height:calc(100vh - 220px);padding:16px;background:#f9fafb}.replies-section h2{margin:0 0 16px;color:var(--text-muted);font-size:.875rem;font-weight:700}.reply-tree{display:flex;flex-direction:column}.reply-item{position:relative;display:flex;gap:12px;padding-top:12px}.reply-line{position:absolute;top:56px;bottom:0;left:19px;width:2px;background:var(--border-strong)}.reply-body{flex:1;padding-bottom:12px}.reply-meta{display:flex;align-items:center;gap:4px}.reply-author{color:#111827;font-size:.875rem;font-weight:700}.reply-time{color:var(--text-muted);font-size:.875rem}.reply-content{font-size:.875rem}.reply-children{margin-top:8px}.menu-overlay{position:fixed;inset:0;z-index:50;display:none}.menu-overlay:target{display:block}.menu-backdrop{position:absolute;inset:0;background:#0003}.menu-sheet{position:absolute;right:50%;bottom:0;width:min(100%,448px);transform:translate(50%);padding:16px 16px 32px;border-top-left-radius:24px;border-top-right-radius:24px;background:var(--surface)}.menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.menu-header h3{margin:0;color:#111827;font-size:1rem;font-weight:700}.menu-close{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;color:var(--text-muted);font-size:1.375rem}.menu-close:hover{background:#f3f4f6}.menu-content{display:grid;gap:16px}.danger-action{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #fee2e2;border-radius:16px;background:#fef2f2a6;color:#ef4444;font-weight:700}.menu-alert-icon{flex-shrink:0;width:20px;height:20px}.share-block{border-top:1px solid var(--border);padding-top:8px}.share-label{padding:0 4px 8px;color:var(--text-muted);font-size:.75rem;font-weight:700}.share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.share-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:16px}.share-item:hover{background:#f9fafb}.share-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:999px;background:#f3f4f6;color:#374151;font-size:1.125rem}.share-item span{color:var(--text-muted);font-size:.625rem;font-weight:500}.section-card,.summary-card,.trend-card{padding:16px;border-bottom:1px solid var(--border);background:var(--surface)}.section-eyebrow{margin:0;color:var(--text-muted);font-size:.75rem;font-weight:700}.section-title{margin:4px 0 0;color:#111827;font-size:1.125rem;font-weight:800;letter-spacing:-.02em}.section-copy{margin:8px 0 0;color:#374151;line-height:1.4}.profile-head{display:flex;gap:12px}.profile-meta{flex:1;min-width:0}.profile-handle{margin:2px 0 0;color:var(--text-muted);font-size:.875rem}.profile-bio{margin:12px 0 0;color:#1f2937;line-height:1.35}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.meta-pill{padding:8px 10px;border:1px solid var(--border-strong);border-radius:16px;background:#f9fafb}.meta-label{display:block;color:var(--text-muted);font-size:.75rem;font-weight:700}.meta-value{display:block;margin-top:2px;color:#111827;font-size:.875rem;font-weight:700}.list-stack{display:flex;flex-direction:column;gap:8px;margin-top:12px}.compact-list{margin-top:8px}.plain-list-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.plain-list-row:first-child{border-top:0;padding-top:0}.plain-list-main{min-width:0}.plain-list-label{display:block;color:#111827;font-weight:700}.plain-list-subtle{display:block;margin-top:2px;color:var(--text-muted);font-size:.875rem}.plain-list-count{color:var(--text-muted);font-size:.875rem;white-space:nowrap}.desktop-card{padding:16px;border:1px solid var(--border);border-radius:24px;background:#ffffffeb;box-shadow:0 1px 3px #0f172a0a}.desktop-card+.desktop-card{margin-top:12px}.desktop-card h2,.desktop-card h3,.desktop-card p{margin:0}.desktop-card h2,.desktop-card h3{color:#111827;font-size:.95rem;font-weight:800}.desktop-card p{margin-top:8px;color:#4b5563;line-height:1.4}.desktop-nav{display:grid;gap:8px;margin-top:12px}.desktop-nav a{display:block;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:#fff;color:#111827;font-weight:700}@media (min-width: 900px){.page-shell{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,448px) minmax(220px,280px);gap:24px;max-width:1120px;margin:0 auto;padding:0 24px}.desktop-panel{display:block;padding-top:24px}}