@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0b1026;--bg-card:#131a3a;--bg-card-hover:#1a2348;--gold:#b7a56b;--gold-dim:#9a8a55;--blue-accent:#4a7fff;--gold-accent:#d4a843;--text:#e8e6e1;--text-dim:#8a8a99;--text-bright:#fff;--pro-bg:#0f1f4a;--pro-border:#2a4a8f;--con-bg:#2a2010;--con-border:#8a6a2a;--radius:12px;--max-w:960px}body{background:var(--bg-deep);color:var(--text);min-height:100vh;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}#root{min-height:100vh}a{color:var(--gold);text-decoration:none}.page{max-width:var(--max-w);margin:0 auto;padding:1.5rem 1rem}.back-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:0 0;border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.9rem;transition:background .2s}.back-btn:hover{background:#b7a56b26}.hero{text-align:center;padding:3rem 0 2rem;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#b7a56b26 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.hero-title{color:var(--text-bright);font-size:2.5rem;font-weight:700;position:relative}.hero-sub{color:var(--gold);margin-left:.3rem;font-size:1.2rem;font-weight:400}.hero-desc{color:var(--text-dim);margin-top:.5rem;font-size:1.1rem}.topic-grid{gap:1.2rem;margin-top:1rem;display:grid}.topic-card{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:inherit;border:1px solid #b7a56b33;padding:1.5rem;font-family:inherit;transition:transform .2s,border-color .2s,background .2s}.topic-card:hover{background:var(--bg-card-hover);border-color:var(--gold);transform:translateY(-2px)}.topic-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.topic-card-header h2{color:var(--text-bright);font-size:1.25rem}.heat-badge{color:var(--gold);white-space:nowrap;background:#b7a56b26;border-radius:12px;padding:.2rem .6rem;font-size:.8rem}.topic-subtitle{color:var(--text-dim);margin-top:.3rem;font-size:.95rem}.topic-tags{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.tag{color:var(--gold-dim);font-size:.8rem}.topic-vs{align-items:center;gap:.8rem;margin-top:1rem;font-size:.9rem;display:flex}.vs-pro{color:var(--blue-accent);font-weight:500}.vs-con{color:var(--gold-accent);font-weight:500}.vs-divider{color:var(--text-dim);font-size:.8rem;font-weight:700}.topic-header{text-align:center;margin-bottom:1.5rem}.topic-header h1{color:var(--text-bright);font-size:1.8rem}.topic-header .topic-subtitle{margin-top:.3rem}.vote-panel{text-align:center;background:var(--bg-card);border-radius:var(--radius);border:1px solid #b7a56b33;margin:1rem 0;padding:2rem 1rem}.vote-panel h2{color:var(--text-bright);margin-bottom:1rem;font-size:1.2rem}.vote-buttons{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.vote-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;padding:.7rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:transform .15s,box-shadow .2s}.vote-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.vote-pro{background:var(--pro-bg);color:var(--blue-accent);border-color:var(--pro-border)}.vote-con{background:var(--con-bg);color:var(--gold-accent);border-color:var(--con-border)}.vote-neutral{color:var(--text-dim);background:#ffffff0d;border-color:#ffffff26}.vote-locked{text-align:center;color:var(--gold);background:#b7a56b14;border-radius:8px;margin-bottom:1rem;padding:.6rem;font-size:.9rem}.round-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.round-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.round-tab.active{background:var(--gold);color:var(--bg-deep);border-color:var(--gold);font-weight:700}.round-tab:disabled{opacity:.3;cursor:not-allowed}.round-hint{color:var(--text-dim);margin-left:auto;font-size:.85rem}.arena{grid-template-columns:1fr auto 1fr;align-items:start;gap:0;display:grid}.arena-col{min-width:0}.arena-clash{flex-direction:column;align-items:center;min-width:40px;padding:0 .8rem;display:flex}.clash-icon{font-size:1.5rem;animation:1.5s ease-in-out infinite pulse}.clash-line{background:linear-gradient(to bottom, var(--gold), transparent);flex:1;width:2px;min-height:60px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.arg-card{border-radius:var(--radius);padding:1.2rem;animation:.4s ease-out flyIn}.arg-pro{background:var(--pro-bg);border:1px solid var(--pro-border)}.arg-con{background:var(--con-bg);border:1px solid var(--con-border)}.arg-agent{margin-bottom:.6rem;font-size:.95rem;font-weight:700}.arg-pro .arg-agent{color:var(--blue-accent)}.arg-con .arg-agent{color:var(--gold-accent)}.arg-body p{margin-bottom:.6rem;font-size:.92rem;line-height:1.75}.arg-body p:last-child{margin-bottom:0}@keyframes flyIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reflection-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid #b7a56b33;margin-top:2rem;padding:1.5rem}.reflection-vote-locked{text-align:center;color:var(--gold);background:#b7a56b14;border-radius:8px;margin-bottom:1rem;padding:.5rem;font-size:.9rem}.reflection-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.9rem;display:block}.reflection-input{width:100%;color:var(--text);resize:vertical;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:.8rem;font-family:inherit;font-size:.95rem}.reflection-input:focus{border-color:var(--gold);outline:none}.reflection-input::placeholder{color:var(--text-dim)}.submit-btn{background:linear-gradient(135deg, var(--gold-dim), var(--gold));width:100%;color:var(--bg-deep);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.8rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s;display:block}.submit-btn:hover{transform:translateY(-1px)}.page-record{text-align:center}.record-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid #b7a56b4d;margin-top:1rem;padding:2rem 1.5rem}.record-card h1{color:var(--text-bright);font-size:1.5rem}.record-topic{color:var(--gold);margin-top:.3rem;font-size:1.1rem;font-weight:400}.record-visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}.record-side{text-align:center}.record-label{color:var(--text-dim);margin-bottom:.4rem;font-size:.8rem}.record-stance{border-radius:8px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:500}.stance-pro{background:var(--pro-bg);color:var(--blue-accent);border:1px solid var(--pro-border)}.stance-con{background:var(--con-bg);color:var(--gold-accent);border:1px solid var(--con-border)}.stance-neutral{color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff26}.record-arrow{color:var(--text-dim);text-align:center;font-size:2rem}.record-change{margin-top:.3rem;font-size:.85rem;font-weight:700}.record-change.changed{color:var(--gold)}.record-change.unchanged{color:var(--text-dim)}.record-insight{color:var(--gold);background:#b7a56b1a;border-radius:8px;margin-top:1rem;padding:.8rem;font-weight:500}.record-reflection{text-align:left;margin-top:1.5rem}.record-reflection-label{color:var(--text-dim);margin-bottom:.4rem;font-size:.85rem}.record-reflection blockquote{color:var(--text);border-left:3px solid var(--gold);background:#ffffff08;border-radius:0 8px 8px 0;padding:.8rem;font-style:italic}.record-rounds{text-align:left;margin-top:2rem}.record-rounds h3{color:var(--gold);margin-bottom:1rem;font-size:1rem}.record-round-item{border-bottom:1px solid #ffffff0d;margin-bottom:1.2rem;padding-bottom:1rem}.record-round-label{color:var(--text-dim);margin-bottom:.5rem;font-size:.8rem}.record-round-args{flex-direction:column;gap:.5rem;display:flex}.record-arg-pro,.record-arg-con{border-radius:8px;padding:.6rem .8rem;font-size:.85rem;line-height:1.5}.record-arg-pro{background:var(--pro-bg);border-left:3px solid var(--pro-border)}.record-arg-con{background:var(--con-bg);border-left:3px solid var(--con-border)}@media (width<=640px){.hero-title{font-size:1.8rem}.arena{grid-template-columns:1fr;gap:.8rem}.arena-clash{flex-direction:row;padding:.5rem 0}.clash-line{background:linear-gradient(to right, var(--gold), transparent);width:auto;min-width:60px;height:2px;min-height:0}.vote-buttons{flex-direction:column;align-items:stretch}.record-visual{flex-direction:column;gap:.8rem}.record-arrow{font-size:1.5rem}}.golden-arg{border-radius:6px;background:#b7a56b1a!important;border-left:3px solid #b7a56b!important;padding:.8rem 1rem!important}.search-box{max-width:var(--max-w);gap:.5rem;margin:1.5rem auto;padding:0 1rem;display:flex}.search-input{border-radius:var(--radius);background:var(--bg-card);color:var(--text);border:1px solid #b7a56b4d;outline:none;flex:1;padding:.8rem 1.2rem;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:var(--gold)}.search-input::placeholder{color:var(--text-dim)}.search-btn{border-radius:var(--radius);background:var(--gold);color:var(--bg-deep);cursor:pointer;white-space:nowrap;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:700}.search-btn:disabled{opacity:.6;cursor:wait}.search-error{text-align:center;color:#ff6b6b;margin-top:.5rem}.topic-sources-bar{max-width:var(--max-w);background:#b7a56b14;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 auto 1rem;padding:.6rem 1rem;display:flex}.topic-sources-label{color:var(--text-dim);font-size:.85rem}.arg-sources{border-top:1px solid #ffffff0f;margin-top:.8rem;padding-top:.6rem}.arg-sources-label{color:var(--text-dim);margin-bottom:.3rem;font-size:.75rem}.arg-source-link{color:var(--gold-dim);background:#b7a56b0f;border-radius:4px;margin-bottom:.3rem;margin-right:.8rem;padding:.2rem .5rem;font-size:.8rem;text-decoration:none;transition:color .2s,background .2s;display:inline-block}.arg-source-link:hover{color:var(--gold);background:#b7a56b26}.author-card{background:#ffffff0f;border-left:3px solid #b7a56b;border-radius:8px;margin:4px 0;padding:8px 12px}.author-card-name{color:#e0d8c8;font-size:.9rem;font-weight:600}.author-card-field{color:#b7a56b;margin-top:2px;font-size:.8rem}.author-card-stats{color:#888;gap:12px;margin-top:4px;font-size:.75rem;display:flex}.arg-source-item{margin:6px 0}.ai-disclaimer{color:#666;border-top:1px solid #ffffff0f;margin-top:8px;padding-top:6px;font-size:.72rem;line-height:1.4}.stance-stats{background:#b7a56b14;border-radius:12px;margin-top:1.5rem;padding:1.2rem}.stance-stats h3{margin-bottom:.8rem}.stance-stats-bar{flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.stance-stats-arrow{color:#b7a56b;font-size:1.2rem}.stance-stats-verdict{border-radius:8px;margin-top:.8rem;padding:.8rem;font-weight:500}.verdict-changed{color:#f85;background:#ff64321f;border:1px solid #ff643233}.verdict-stable{color:#8c8;background:#64c8641a;border:1px solid #64c86426}.ai-transparency{color:#aaa;background:#6464ff0f;border-radius:12px;margin-top:1.5rem;padding:1.2rem;font-size:.85rem;line-height:1.6}.ai-transparency h3{color:#88c;margin-bottom:.5rem}.record-source-item{background:#ffffff08;border-radius:8px;margin:.5rem 0;padding:.5rem}.disagree-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44 0%,#c20 100%);border:none;border-radius:8px;width:100%;margin-top:.8rem;padding:.6rem;font-size:.95rem;font-weight:600;transition:all .2s;display:block}.disagree-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #f446}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content,.stance-card-modal{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--text)}.modal-title{color:var(--gold);margin-bottom:1rem;font-size:1.4rem}.modal-target{background:#ffffff0d;border-radius:8px;margin-bottom:1rem;padding:.8rem}.modal-target-label{color:var(--text-dim);margin-bottom:.3rem;font-size:.85rem}.modal-target-text{color:var(--text);font-size:.9rem;line-height:1.4}.modal-field{margin-bottom:1rem}.modal-field label{color:var(--text-dim);margin-bottom:.4rem;font-size:.9rem;display:block}.modal-textarea{border:1px solid var(--gold-dim);width:100%;color:var(--text);resize:vertical;background:#ffffff0d;border-radius:8px;padding:.8rem;font-family:inherit;font-size:.95rem}.modal-textarea:focus{border-color:var(--gold);outline:none}.arm-btn{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-accent) 100%);width:100%;color:var(--bg-deep);cursor:pointer;border:none;border-radius:8px;padding:.8rem;font-size:1rem;font-weight:700;transition:all .2s}.arm-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px #b7a56b66}.arm-btn:disabled{opacity:.6;cursor:not-allowed}.stance-card-header h2{color:var(--gold);margin-bottom:.3rem;font-size:1.3rem}.stance-card-topic{color:var(--text-dim);margin-bottom:1rem;font-size:.9rem}.stance-arg{border-left:3px solid var(--gold);background:#ffffff0d;border-radius:8px;gap:.8rem;margin-bottom:.8rem;padding:.8rem;display:flex}.stance-arg-num{background:var(--gold);width:28px;height:28px;color:var(--bg-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.stance-arg-point{color:var(--text);margin-bottom:.3rem;font-size:.95rem;line-height:1.5}.stance-arg-source{color:var(--text-dim);font-size:.8rem}.stance-card-sources{border-top:1px solid #ffffff1a;margin:1rem 0;padding-top:.8rem}.stance-sources-label{color:var(--text-dim);margin-bottom:.4rem;font-size:.85rem}.stance-source-link{color:var(--blue-accent);margin-bottom:.3rem;margin-right:.8rem;font-size:.8rem;text-decoration:none;display:inline-block}.stance-source-link:hover{text-decoration:underline}.stance-card-comment{margin:1rem 0}.stance-card-comment label{color:var(--gold);margin-bottom:.4rem;font-size:.9rem;display:block}.stance-comment-input{border:1px solid var(--gold-dim);width:100%;color:var(--text);resize:vertical;background:#ffffff0d;border-radius:8px;padding:.6rem;font-family:inherit;font-size:.95rem}.stance-comment-input:focus{border-color:var(--gold);outline:none}.stance-card-slogan{text-align:center;color:var(--text-dim);margin:.8rem 0;font-size:.85rem;font-style:italic}.stance-card-actions{text-align:center}.share-btn-main{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-accent) 100%);color:var(--bg-deep);cursor:pointer;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:700}.share-btn-main:hover{box-shadow:0 4px 15px #b7a56b66}.share-panel{background:#ffffff0d;border-radius:8px;margin-top:1rem;padding:1rem}.share-text-box{background:#0000004d;border-radius:6px;margin-bottom:.8rem;padding:.8rem}.share-text{color:var(--text);white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:.9rem;line-height:1.5}.copy-btn{background:var(--blue-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.6rem;font-size:.95rem}.share-hint{text-align:center;color:var(--text-dim);margin-top:.5rem;font-size:.8rem}