@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--paper:#fff;--paper-deep:#f4f4f5;--ink-strong:#111;--ink-soft:#5f6368;--line:#0f172a14;--accent:#111;--accent-strong:#111;--focus:#2563eb;--shadow-soft:0 10px 30px #0f172a0f;--font-display:"Manrope", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", monospace;color:var(--ink-soft);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-weight:500;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}img,svg{max-width:100%;display:block}#root{min-height:100vh}::selection{color:var(--ink-strong);background:#2563eb29}.mobile-app{width:min(100%,460px);margin:0 auto;padding:14px 12px 96px}.topbar,.hero-card,.feed-shell,.debate-card,.thread-shell,.thread-post,.related-shell,.related-card,.detail-hero,.comments-shell,.comment-card,.ranking-card,.setting-card,.bottom-nav{border:1px solid var(--line);box-shadow:var(--shadow-soft)}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcf8f0e6;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex;position:sticky;top:10px}.topbar div{align-items:center;gap:10px;display:flex}.brand-mark,.thread-avatar-fallback,.avatar-fallback,.ranking-rank{color:#fff;width:34px;height:34px;font-family:var(--font-display);background:#111;border-radius:50%;place-items:center;font-size:.95rem;display:grid}.back-button,.like-button,.debate-card-main{appearance:none;border:0}.back-button{color:var(--ink-strong);font-family:var(--font-mono);cursor:pointer;background:#ededed;border-radius:999px;padding:9px 12px;font-size:.72rem}.topbar strong,.hero-card h1,.section-heading h2,.debate-card h3,.thread-author strong,.thread-hero-person strong,.related-card h3,.detail-hero h1{color:var(--ink-strong);font-family:var(--font-display);margin:0}.topbar-pill,.hero-chip,.category-pill,.audience-pill,.section-chip,.section-label,.person-preview span,.thread-author span,.thread-hero-person span,.related-meta,.detail-meta{font-family:var(--font-mono);font-size:.72rem}.topbar-pill,.hero-chip,.section-chip,.source-pill{color:var(--ink-strong);background:#f0f0f0;border-radius:999px;padding:7px 10px}.section-chip.dark{color:#f5f5f5;background:#232323}.hero-card,.feed-shell,.thread-shell,.related-shell,.detail-hero,.comments-shell{border-radius:26px;padding:18px}.hero-card{background:#fff}.detail-hero,.feed-shell,.related-shell,.comments-shell{background:#fff;margin-top:14px}.thread-shell{background:#111;border-color:#ffffff0f;margin-top:14px}.hero-chip-row,.section-heading,.debate-card-top,.faceoff-row,.thread-intro,.detail-actions,.feed-card-actions,.related-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-chip-row{flex-wrap:wrap;justify-content:flex-start}.hero-card h1,.detail-hero h1{margin-top:12px;font-size:clamp(2.2rem,10vw,3.7rem);line-height:.94}.detail-hero h1{max-width:11ch;font-size:clamp(1.95rem,8vw,3rem);line-height:.98}.hero-card p,.debate-card p,.thread-post p,.detail-hero p,.related-card p{color:var(--ink-soft);margin:0}.hero-card>p,.detail-hero>p{margin-top:14px}.detail-hero>p{font-size:.98rem}.section-heading{align-items:flex-start}.section-heading h2{margin-top:6px;font-size:1.45rem;line-height:1.02}.section-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.18em;display:inline-flex}.feed-list,.thread-list,.related-list,.comment-list{gap:12px;margin-top:16px;display:grid}.debate-card{background:#fffcf7fa;border-radius:22px;padding:0;transition:box-shadow .18s,border-color .18s,background-color .18s;overflow:hidden}.debate-card.active{background:#fafafa;border-color:#11111129;box-shadow:0 18px 32px #0f172a14}.debate-card-main{text-align:left;cursor:pointer;background:0 0;width:100%;padding:16px;display:block}.category-pill,.audience-pill{color:var(--ink-soft);background:#f4f4f5;border-radius:999px;padding:7px 10px}.debate-card h3{margin-top:12px;font-size:1.24rem;line-height:1.04}.debate-card p{margin-top:8px}.faceoff-row{margin-top:16px}.person-preview,.thread-hero-person,.thread-author{align-items:center;gap:10px;display:flex}.person-preview{flex:1;min-width:0}.person-preview.align-right{text-align:right;justify-content:flex-end}.person-image,.thread-person-image,.thread-avatar{object-fit:cover;border:1px solid #513b251f;border-radius:50%;flex-shrink:0;width:40px;height:40px}.person-preview strong,.thread-hero-person strong{color:var(--ink-strong);display:block}.versus-pill{color:#fff;font-family:var(--font-mono);text-transform:uppercase;background:#111;border-radius:999px;padding:6px 10px;font-size:.72rem}.feed-card-actions,.detail-actions{border-top:1px solid #513b2514;flex-wrap:wrap;padding:12px 16px 14px}.like-button{color:#fff;font-family:var(--font-mono);cursor:pointer;background:#111;border-radius:999px;padding:10px 14px;font-size:.72rem}.like-button.liked{background:#2563eb}.detail-meta,.feed-card-actions span{color:var(--ink-soft)}.thread-shell .section-heading h2,.thread-shell .section-label,.thread-shell .thread-author strong,.thread-shell .thread-author span,.thread-shell .thread-post p,.thread-shell .thread-hero-person strong,.thread-shell .thread-hero-person span{color:#fff3e2}.thread-intro{align-items:stretch;margin-top:16px}.thread-hero-person{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;flex:1;padding:12px}.detail-hero .thread-intro{gap:10px}.detail-hero .thread-hero-person{background:#fffcf7cc;border:1px solid #513b2514}.detail-hero .thread-hero-person strong{color:var(--ink-strong)}.detail-hero .thread-hero-person span{color:var(--ink-soft)}.thread-post{background:#ffffff08;border-color:#ffffff14;border-radius:20px;padding:16px}.thread-post p{margin-top:12px}.related-card{background:#fffcf7fa;border-radius:20px;padding:16px}.source-pill.source-x{color:#fff;background:#111}.source-pill.source-reddit{color:#c2410c;background:#ff6f001a}.source-pill.source-news{color:#1d4ed8;background:#2563eb1a}.related-card h3{margin-top:12px;font-size:1.06rem;line-height:1.15}.related-card p{margin-top:8px}.comment-composer{gap:10px;margin-top:16px;display:grid}.comment-composer textarea{resize:vertical;width:100%;min-height:92px;color:var(--ink-strong);background:#fffcf7e6;border:1px solid #513b251f;border-radius:18px;padding:14px}.comment-composer textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.comment-button{appearance:none;color:#fff;font-family:var(--font-mono);cursor:pointer;background:#111;border:0;border-radius:999px;padding:12px 16px;font-size:.72rem}.comment-card{background:#fffcf7fa;border-radius:20px;padding:16px}.comment-top,.comment-author{justify-content:space-between;align-items:center;gap:10px;display:flex}.comment-author{justify-content:flex-start}.comment-avatar{color:#fff;width:36px;height:36px;font-family:var(--font-display);background:#111;border-radius:50%;place-items:center;display:grid}.comment-author strong{color:var(--ink-strong);display:block}.comment-author span,.comment-likes{font-family:var(--font-mono);color:var(--ink-soft);font-size:.72rem}.comment-card p{color:var(--ink-soft);margin:12px 0 0}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(100% - 20px,436px);padding:8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.nav-item{appearance:none;color:var(--ink-soft);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:16px;padding:10px 8px;font-size:.72rem}.nav-item.active{color:#fff;background:#111}.ranking-list,.settings-list{gap:12px;margin-top:16px;display:grid}.ranking-card,.setting-card{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.ranking-left{align-items:center;gap:10px;display:flex}.ranking-avatar{object-fit:cover;border:1px solid #513b251f;border-radius:50%;width:40px;height:40px}.ranking-left strong,.setting-card strong{color:var(--ink-strong);display:block}.ranking-left span,.ranking-right span,.setting-card span{font-family:var(--font-mono);color:var(--ink-soft);font-size:.72rem}.ranking-right{text-align:right}.ranking-right strong{color:var(--ink-strong);font-family:var(--font-display);display:block}.setting-state{white-space:nowrap;background:#f0f0f0;border-radius:999px;padding:7px 10px}@media (width<=420px){.mobile-app{width:min(100% - 8px,460px);padding:10px 8px 28px}.topbar,.hero-card,.feed-shell,.thread-shell,.related-shell,.detail-hero,.comments-shell{padding:16px}.topbar{border-radius:16px}.section-heading,.debate-card-top,.faceoff-row,.thread-intro,.detail-actions,.feed-card-actions,.related-top,.comment-top,.ranking-card,.setting-card{flex-direction:column;align-items:flex-start}.detail-hero h1{max-width:100%;font-size:clamp(1.8rem,10vw,2.5rem)}.person-preview.align-right{text-align:left;justify-content:flex-start}.bottom-nav{width:calc(100% - 12px);bottom:6px}}