:root{--accent: #3a1683;--accent-deep: #2d1168;--background: rgb(247, 247, 252);--surface: #ffffff;--muted-surface: rgb(237, 245, 247);--text-primary: rgb(31, 31, 41);--text-secondary: rgb(107, 107, 128);--danger: rgb(214, 54, 69);--label-tertiary: rgb(60 60 67 / .3);--owner-top: rgb(245, 245, 249);--owner-bottom: rgb(224, 224, 227);--partner-top: rgb(212, 233, 247);--partner-bottom: rgb(194, 218, 249);--moderator-top: rgb(238, 225, 246);--moderator-bottom: rgb(192, 192, 224);--staff-top: rgb(114, 48, 136);--staff-bottom: rgb(76, 49, 79);--blocked-top: rgb(214, 214, 218);--blocked-bottom: rgb(188, 188, 194);--typing-dot-accent: #86b2e5;--typing-dot-idle: #ffffff;--space-xs: 4px;--space-s: 8px;--space-m: 12px;--space-l: 16px;--space-xl: 24px;--radius-m: 12px;--radius-l: 18px;--radius-xl: 24px;--bubble-pad-x: 15px;--bubble-pad-y: 13px;--bubble-min-w: 64px;--bubble-min-h: 36px;--tail-w: 26px;--tail-h: 17px;--tail-inset: 12px;--tail-protrusion: 2px;--stack-gap: 8px;--message-gap: 12px;--glass-tint: .44;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--callout-size: 16px;--callout-leading: 21px;--footnote-size: 13px;--footnote-leading: 18px;--subhead-size: 15px;--caption-size: 12px;--body-size: 17px;--body-leading: 22px;--phone-w: 393px;--phone-h: 852px;--bezel: 11px;--bezel-color: #0a0a0c;--screen-radius: 47px;--device-radius: 58px;--home-indicator-offset: 8px;--home-indicator-height: 5px;--screen-bottom-inset: 21px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{color-scheme:light}body{font-family:var(--font-ui);background:var(--bezel-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea,input{font-family:inherit}button{cursor:pointer}.stage{min-height:100%;display:grid;place-items:center;padding:0;background:var(--bezel-color)}.device{position:relative;display:flex;flex-direction:column;width:var(--phone-w);height:var(--phone-h);padding:var(--bezel);border-radius:var(--device-radius);background:var(--bezel-color);box-shadow:none;overflow:hidden}.device-screen{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;border-radius:var(--screen-radius);overflow:hidden;background:var(--background);isolation:isolate;transition:background .38s cubic-bezier(.32,.72,0,1)}.device-screen-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}.screen-stack{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:inherit}.screen-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:inherit;backface-visibility:hidden;transform:translateZ(0);transition:transform .42s cubic-bezier(.32,.72,0,1)}.screen-pane--resting{z-index:0;transition:none}.screen-pane>.topics,.screen-pane>.tdp,.screen-pane>.matchmaking,.screen-pane>.chat{flex:1;min-height:0;width:100%}.screen-pane--forward.screen-pane--to{transform:translate3d(100%,0,0);z-index:2}.screen-pane--forward.screen-pane--from{transform:translateZ(0);z-index:1}.screen-pane--forward.screen-pane--to.is-active{transform:translateZ(0)}.screen-pane--forward.screen-pane--from.is-active{transform:translate3d(-30%,0,0)}.screen-pane--back.screen-pane--to{transform:translate3d(-30%,0,0);z-index:1}.screen-pane--back.screen-pane--from{transform:translateZ(0);z-index:2}.screen-pane--back.screen-pane--to.is-active{transform:translateZ(0)}.screen-pane--back.screen-pane--from.is-active{transform:translate3d(100%,0,0)}.device-screen--dark .screen-pane--forward.screen-pane--to,.device-screen--dark .screen-pane--back.screen-pane--to,.device-screen--dark .screen-pane--resting:has(.matchmaking){background:#331868}.device-screen:not(.device-screen--dark) .screen-pane--forward.screen-pane--to,.device-screen:not(.device-screen--dark) .screen-pane--back.screen-pane--to,.device-screen:not(.device-screen--dark) .screen-pane--resting:has(.topics),.device-screen:not(.device-screen--dark) .screen-pane--resting:has(.tdp),.device-screen:not(.device-screen--dark) .screen-pane--resting:has(.chat){background:var(--background)}@media(prefers-reduced-motion:reduce){.screen-pane,.device-screen{transition:none}}.device-screen--dark{background:#331868}@media(max-width:480px){.stage{place-items:stretch;background:var(--background)}.device{width:100%;height:100%;min-height:100dvh;padding:0;border-radius:0;background:transparent}.device-screen{border-radius:0}}.chat{position:relative;display:flex;flex-direction:column;height:100%;color:var(--text-primary);background-color:var(--background);background-image:url(/chat-bg.png);background-size:cover;background-position:center}.chat--loading{align-items:center;justify-content:center}.chat-status,.chat-backend-note{margin:0;padding:8px var(--space-l);font-size:var(--footnote-size);line-height:var(--footnote-leading);text-align:center}.chat-status{color:var(--text-secondary)}.chat-backend-note{flex-shrink:0;background:#ffffffb8;color:var(--text-secondary);border-bottom:1px solid rgb(0 0 0 / .06)}.chat-bg{display:none}.chat-nav{position:relative;z-index:12;display:flex;align-items:center;justify-content:center;padding:24px 16px 8px;min-height:52px}.nav-title{min-width:0;text-align:center}.nav-topic{margin:0;font-size:var(--subhead-size);font-weight:600;line-height:20px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-handle{margin:2px 0 0;font-size:var(--caption-size);line-height:16px;font-weight:400;color:var(--text-secondary)}.transcript{position:relative;z-index:1;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px var(--space-l) 0;-webkit-overflow-scrolling:touch}.transcript-inner{display:flex;flex-direction:column;padding-bottom:16px}.row{display:flex;flex-direction:column;max-width:100%}.row--owner{align-items:flex-end}.row--partner{align-items:flex-start}.row--moderator,.row--staff{align-items:stretch}.row--system{align-items:center}.sender-label{margin:0 0 var(--space-xs);font-size:var(--footnote-size);line-height:var(--footnote-leading);font-weight:600;color:var(--text-primary)}.sender-label--moderator{color:var(--accent)}.bubble{--fill-top: var(--partner-top);--fill-bottom: var(--partner-bottom);position:relative;max-width:var(--bubble-max, 75%);min-width:var(--bubble-min-w);min-height:var(--bubble-min-h)}.bubble--owner{--fill-top: var(--owner-top);--fill-bottom: var(--owner-bottom)}.bubble--blocked{--fill-top: var(--blocked-top);--fill-bottom: var(--blocked-bottom)}.bubble--moderator{--fill-top: var(--moderator-top);--fill-bottom: var(--moderator-bottom);width:100%;max-width:none;min-width:0}.bubble--tail{padding-bottom:calc(var(--tail-h) + var(--tail-protrusion))}.bubble-fill{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply}.bubble-body-shape{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-l);background-color:#ffffff8c;background-image:linear-gradient(180deg,color-mix(in srgb,var(--fill-top) 58%,transparent),color-mix(in srgb,var(--fill-bottom) 58%,transparent));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.bubble--tail .bubble-body-shape{bottom:calc(var(--tail-h) + var(--tail-protrusion))}.bubble-tail-shape{position:absolute;width:var(--tail-w);height:var(--tail-h);bottom:var(--tail-protrusion);left:var(--tail-inset);background-color:color-mix(in srgb,var(--fill-bottom) 58%,rgb(255 255 255 / .55));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);-webkit-mask-image:url(/chat-bubble-tail.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/chat-bubble-tail.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.bubble--owner .bubble-tail-shape,.bubble--blocked .bubble-tail-shape{left:auto;right:var(--tail-inset);transform:scaleX(-1)}.bubble-content{position:relative;z-index:1;padding:var(--bubble-pad-y) var(--bubble-pad-x);font-size:var(--callout-size);line-height:var(--callout-leading);letter-spacing:-.01em;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.bubble--typing .bubble-content{display:flex;justify-content:center;min-width:calc(var(--bubble-min-w) - var(--bubble-pad-x) * 2);padding-top:8px;padding-bottom:10px}.bubble-text{margin:0}.bubble-text.is-entering{animation:text-appear .15s ease-in .32s both}@keyframes text-appear{0%{opacity:0}to{opacity:1}}.private-callout{display:flex;align-items:center;gap:6px;margin:0 0 var(--space-xs);font-size:var(--footnote-size);line-height:var(--footnote-leading);font-weight:600;color:var(--accent)}.private-callout--staff{color:#fff}.staff-banner{width:100%}.staff-body{width:100%;padding:15px;border-radius:var(--radius-m);color:#fff;font-size:var(--callout-size);line-height:var(--callout-leading);background:linear-gradient(180deg,var(--staff-top),var(--staff-bottom));background-blend-mode:multiply}.system-banner{max-width:92%;margin:0 auto;padding:var(--space-s) var(--space-l);border-radius:999px;background:var(--muted-surface);color:var(--text-secondary);font-size:var(--footnote-size);line-height:var(--footnote-leading);text-align:center}.row--system{display:flex;flex-direction:column;align-items:center;gap:var(--space-s)}.system-subtitle{max-width:92%;margin:0;padding:0 var(--space-m);color:var(--text-secondary);font-size:var(--footnote-size);line-height:var(--footnote-leading);text-align:center}.blocked-wrap{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.blocked-bubble-anchor{position:relative}.blocked-shield{position:absolute;top:-14px;left:-12px;z-index:2;width:28px;height:28px}.blocked-status{width:100%;text-align:center;font-size:var(--footnote-size);line-height:var(--footnote-leading);font-weight:600;color:var(--danger)}.typing-dots{display:flex;align-items:center;height:22px}.typing-dot{position:relative;width:.55em;font-size:22px;font-weight:700;line-height:1;color:var(--typing-dot-idle)}.typing-dot:after{content:"•";position:absolute;top:0;right:0;bottom:0;left:0;color:var(--typing-dot-accent);opacity:0;transition:opacity .12s ease-in-out}.typing-dot.is-on:after{opacity:1}.composer-bar{position:relative;z-index:12;flex-shrink:0;padding:8px 16px calc(8px + var(--screen-bottom-inset));background:var(--background)}.composer-field{position:relative;display:flex;align-items:flex-end;min-height:56px;border-radius:var(--radius-l);background:var(--surface);box-shadow:0 0 0 .5px #00000014}.composer-field:focus-within{box-shadow:0 0 0 .5px #3a168347}.composer-input{flex:1;min-height:56px;max-height:148px;padding:17px 48px 17px 12px;border:0;background:transparent;resize:none;outline:none;font-size:var(--body-size);line-height:var(--body-leading);color:var(--text-primary);caret-color:var(--accent)}.composer-input::placeholder{color:#3c3c4373}.send-btn{position:absolute;right:4px;bottom:13px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--accent);opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .12s ease,transform .12s ease,color .12s ease}.send-btn.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.send-btn:disabled{color:var(--label-tertiary)}.send-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:50%}.send-btn svg{display:block}.topics{display:flex;flex-direction:column;height:100%;background:var(--background);color:var(--text-primary)}.topics-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--space-l) + 16px) var(--space-l) var(--space-l);-webkit-overflow-scrolling:touch}.topics-header{margin-bottom:var(--space-l)}.topics-title{margin:0;font-size:34px;line-height:41px;font-weight:700;letter-spacing:.01em}.topics-intro{margin:var(--space-s) 0 0;padding-right:var(--space-l);font-size:var(--subhead-size);line-height:20px;font-weight:400;color:var(--text-secondary)}.topics-status{margin:0 0 var(--space-l);font-size:var(--body-size);line-height:var(--body-leading);color:var(--text-secondary)}.topics-status--error{color:var(--danger)}.topics-empty{padding:var(--space-xl) 0;text-align:center}.topics-empty-title{margin:0;font-size:var(--callout-size);font-weight:600;line-height:var(--callout-leading)}.topics-empty-copy{margin:8px 0 0;font-size:var(--body-size);line-height:var(--body-leading);color:var(--text-secondary)}.topic-card{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0 0 var(--space-l);padding:0;border:1px solid rgb(255 255 255 / .65);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--topic-gradient-top) 0%,var(--topic-gradient-bottom) 100%);box-shadow:0 0 0 1px #ffffffa6;color:var(--text-primary);text-align:center;cursor:pointer;transition:transform .15s ease}.topic-card:active{transform:scale(.985)}.topic-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topic-card--large{min-height:180px;padding:24px;justify-content:center}.topic-card--medium{min-height:160px;padding:32px 24px;justify-content:center}.topic-card--compact{min-height:0;padding:24px;border-radius:21px}.topic-card-category{margin:0;font-size:var(--caption-size);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.topic-card-quote{margin:12px 0 0;font-family:ui-serif,New York,Iowan Old Style,Georgia,serif;font-size:20px;line-height:26px;font-weight:400;letter-spacing:-.01em}.topic-card--medium .topic-card-quote{font-size:18px;line-height:24px}.topic-card--compact .topic-card-quote{margin:12px 0 0;font-size:var(--body-size);line-height:var(--body-leading)}.topic-card-stance{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-s);margin:16px auto 0;padding:var(--space-s) var(--space-xl);border-radius:13px;background:#ffffff7a;font-size:14px;line-height:18px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.topic-card-stance-icon{display:block;width:17px;height:18px}.tdp{display:flex;flex-direction:column;height:100%;background:var(--background);color:var(--text-primary)}.tdp-nav{position:relative;z-index:12;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:calc(var(--space-l) + 8px) var(--space-l) 8px}.tdp-back{position:absolute;left:var(--space-l);display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px 4px 0;border:0;border-radius:8px;background:transparent;color:var(--accent);font-size:17px;line-height:22px;font-weight:400;letter-spacing:-.01em}.tdp-back:active{opacity:.55}.tdp-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tdp-nav-title{margin:0;max-width:58%;font-size:var(--subhead-size);line-height:20px;font-weight:600;letter-spacing:-.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tdp-scroll{flex:1;overflow-y:auto;padding:var(--space-l) var(--space-l) 120px}.tdp-card{border-radius:var(--radius-xl, 24px);overflow:hidden;background:linear-gradient(180deg,#dbe0fa,#c7c8f5);box-shadow:0 0 0 1px #ffffffa6}.tdp-card-hero{aspect-ratio:16 / 10;overflow:hidden;background:#1f1f2914}.tdp-card-hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tdp-card-inner{padding:28px 24px 32px;text-align:center}.tdp-category{margin:0;font-size:var(--caption-size);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.tdp-quote{margin:12px 0 0;font-family:ui-serif,New York,Iowan Old Style,Georgia,serif;font-size:20px;line-height:26px;font-weight:400;letter-spacing:-.01em;color:var(--text-primary)}.tdp-overview{margin-top:28px}.tdp-section-label{margin:0;text-align:center;font-size:var(--footnote-size);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.tdp-summary{margin:8px 0 0;font-size:var(--body-size);line-height:var(--body-leading);color:var(--text-primary)}.topic-md{display:flex;flex-direction:column;gap:0}.topic-md-p{margin:0;white-space:pre-wrap}.topic-md-p+.topic-md-p,.topic-md-heading+.topic-md-p,.topic-md-p+.topic-md-heading,.topic-md-heading+.topic-md-heading{margin-top:.55em}.topic-md-break{height:.55em}.topic-md-heading{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.topic-md-heading--h1{font-size:1.35em;line-height:1.25}.topic-md-heading--h2{font-size:1.2em;line-height:1.3}.topic-md-heading--h3{font-size:1.1em;line-height:1.35}.topic-md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.topic-md strong{font-weight:700}.tdp-stance-bar{flex-shrink:0;padding:12px 16px calc(12px + var(--screen-bottom-inset));background:linear-gradient(180deg,rgb(247 247 252 / 0) 0%,rgb(247 247 252 / .55) 38%,rgb(247 247 252 / .92) 72%,var(--background) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tdp-stance-row{display:flex;align-items:center;gap:var(--space-l)}.tdp-stance-row.is-collapsed{gap:var(--space-s)}.tdp-vote{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 20px;border:1px solid rgb(255 255 255 / .7);border-radius:999px;background:#fffffff0;box-shadow:0 2px 8px #00000014;color:var(--accent);font-size:var(--body-size);font-weight:600;transition:max-width .32s ease,width .32s ease,padding .32s ease,background .2s ease,color .2s ease}.tdp-stance-row.is-collapsed .tdp-vote{width:48px;max-width:48px;padding:0}.tdp-vote.is-selected{background:var(--accent);color:#fff;border-color:transparent;box-shadow:none}.tdp-vote-icon{display:block;width:20px;height:21px;flex-shrink:0}.tdp-vote.is-selected .tdp-vote-icon{filter:brightness(0) invert(1)}.tdp-vote:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tdp-chat-now{margin-left:auto;height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:var(--body-size);font-weight:600;white-space:nowrap}.tdp-chat-now--enter{animation:tdp-chat-enter .32s ease}.tdp-chat-now:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}@keyframes tdp-chat-enter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.matchmaking{position:relative;height:100%;overflow:hidden;background:#331868}.matchmaking-bg{position:absolute;top:0;right:0;bottom:0;left:0}.matchmaking-skyline{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center}.demo-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#08123f73}.demo-dialog{width:min(100%,320px);padding:24px;border-radius:var(--radius-l);background:var(--surface);box-shadow:0 16px 48px #00000047}.demo-dialog-title{margin:0;font-size:20px;line-height:25px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.demo-dialog-body{margin:12px 0 0;font-size:var(--callout-size);line-height:var(--callout-leading);color:var(--text-secondary)}.demo-dialog-continue{width:100%;margin-top:20px;height:48px;border:0;border-radius:var(--radius-m);background:var(--accent);color:#fff;font-size:var(--body-size);font-weight:600}.demo-dialog-continue:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}