/* Shared dark palette for the landing page and trading workspace. */
:root{color-scheme:dark;--paper:#000000;--ink:#f2f4f4;--muted:#92999f;--green:#c2f777;--no-accent:#f0b0c8;--line:#292e34;--white:#0d0d0d}
body{background:var(--paper);color:var(--ink)}
.header,.trade-header{border-color:var(--line)}
.button{background:#c2f777;color:#000000;border-color:#c2f777}.button:hover{background:#d5ff9c;color:#000000}
.brand-dot,.status-dot{color:#c2f777}.status-dot{background:#c2f777}
.hero h1>span:before{background:#304218}.hero h1>span{color:#eafff6}
.market-card,.draft-form,.question-card,.market-board,.market-feature,.ticket,.market-workspace,dialog{background:#171717;border-color:#2a3037;color:var(--ink);box-shadow:none}
.market-card .grid,.board-chart .grid{stroke:#343b42}.market-card .quote-arrow{color:#c2f777}
.demo-tag{background:#21272b;color:#acb6bc;border-color:#343d43}
.yes{background:#304218;color:#c2f777}.no{background:#34232b;color:#f0a2b7}
.idea-note{background:#c2f777;color:#000000}.orbit{border-color:#28342d}
.topic-strip i{color:#c2f777}.filters button{color:#a5acb1;border-color:#343a41}.filters button[aria-pressed=true]{background:#1c2414;color:#c2f777;border-color:#576e36}
.how,.creator-flow{background:#0d0d0d;border-color:#2d3d35}.creator-flow>div{border-color:#304139}.creator-flow>div>span{background:#1c2414;color:#c2f777}.creator-pitch h2 span{background:linear-gradient(transparent 68%,#304218 68%)}
.steps p,.section-heading>p,.create>div>p:not(.eyebrow){color:var(--muted)}
input,textarea{background:#222222;border-color:#353e47;color:var(--ink)}::placeholder{color:#8c959d}
.closing{background:#304218;border:1px solid #576e36;color:#bcffdc}
.market-list{background:#0d0d0d}.market-row{color:#e8eeeb}.market-row:hover{background:#222222}.market-row[aria-pressed=true]{background:#1c2414;border-color:#576e36;box-shadow:none}
.market-search{background:#222222;border-color:#2d343b}.market-search input{color:var(--ink)}
.market-icon{background:#1c2414;color:#c2f777}.market-icon.blue{background:#213943;color:#86cddd}.market-icon.violet{background:#352b4a;color:#c4b3ea}
.chart-periods button[aria-pressed=true]{background:#1c2414;color:#c2f777}
#market-line,#trade-history{stroke:#c2f777}#market-point{fill:#c2f777}
.market-feature-bottom>button{color:#c7d5cd}.market-feature .chart-labels{color:#909b95}
.trade-header{background:#000000;padding:18px 3%;}.trade-header nav a{font-weight:600}.trade-shell{width:min(1510px,94%);padding-top:26px}
.trade-heading h1{font-size:34px;font-weight:700}.trade-heading{margin-bottom:24px}.trade-heading>.balance{background:#171717;border:1px solid var(--line);border-radius:9px;padding:12px 18px}.balance strong{font-size:25px;color:#c2f777}
.exchange-categories{display:flex;gap:28px;padding:0 3%;border-bottom:1px solid var(--line);align-items:center;font-size:13px;font-weight:500;min-height:51px}.exchange-categories>a,.exchange-categories>span{padding:15px 0}.exchange-categories .active{color:#c2f777;border-bottom:2px solid #c2f777}.exchange-categories>.quiet{margin-left:auto;padding:0}
.trade-layout{grid-template-columns:190px minmax(0,1fr) 290px;gap:20px}.discovery input{background:#222222}.discovery-row{background:transparent;border-color:transparent;border-radius:6px}.discovery-row:hover{background:#222222}.discovery-row[aria-pressed=true]{background:#1c2414;border-color:#576e36}.discovery-row span{color:#c2f777}
.market-workspace{background:#0d0d0d}.market-workspace h2{font-size:27px;font-weight:600}.market-workspace .board-chart{min-height:175px}.sample-book>div{border-color:#29333b}.sample-book>div:first-of-type{color:#8c98a1}
.ticket{background:#171717}.ticket .yes{background:#304218;color:#c2f777}.ticket .no{background:#412936;color:var(--no-accent)}.ticket #ticket-warning{color:#e8ba83}.ticket #trade-receipt{color:#c2f777}.terms-box{border-color:#2b333a}
.market-discovery-section{margin-top:34px;margin-left:210px}.market-discovery-section h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0 0 20px}.exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.exchange-card{padding:22px;border:1px solid #2b3037;border-radius:12px;background:#171717;display:flex;flex-direction:column}.exchange-card>.eyebrow{color:#8e9b9f;font-size:9px}.exchange-card h3{font-size:18px;font-weight:600;line-height:1.45;margin:12px 0 0;min-height:78px}.exchange-card>.quiet{font-size:10px;margin:8px 0 23px}
.exchange-outcome{border:0;background:none;color:#e8eeed;display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:20px;text-align:left}.exchange-outcome>span{flex:1;font-size:12px}.exchange-outcome>strong{font-size:14px;font-weight:600;min-width:70px;text-align:center;border:1px solid #576e36;border-radius:24px;padding:6px 12px;background:#1c2414}.exchange-outcome:hover>strong{background:#304218;border-color:#c2f777}.outcome-bar{height:2px;display:block;background:#c2f777;margin-top:9px}.outcome-bar.no{background:#7296e7}
.exchange-card-footer{font-size:10px;color:#90a098;border-top:1px solid #2a3237;padding-top:18px;margin:18px 0 0}.portfolio{margin-left:210px}.portfolio-stats{gap:50px}.cancel-button{color:#d8e2de}dialog::backdrop{background:#000a}
:focus-visible{outline-color:#c2f777!important}.skip{color:#000000}
@media(max-width:1150px){.trade-layout{grid-template-columns:170px minmax(0,1fr)}.market-discovery-section,.portfolio{margin-left:190px}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket{grid-column:2}.exchange-categories{gap:18px}}
@media(max-width:700px){.trade-layout{display:flex}.market-discovery-section,.portfolio{margin-left:0}.exchange-grid{grid-template-columns:1fr}.exchange-card h3{min-height:0}.exchange-categories{gap:18px;font-size:11px}.exchange-categories>.quiet{display:none}.trade-heading{flex-wrap:wrap}.trade-heading h1{font-size:30px}.trade-heading>.balance{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%;text-align:left}.balance strong{font-size:23px}.trade-header nav{font-size:12px}.market-workspace h2{font-size:24px}}

.catalog-tools{display:flex;align-items:end;gap:28px;padding:24px 0;border-block:1px solid var(--line)}.catalog-tools>div:first-child{flex:1}.catalog-tools label{display:block;font-size:12px;margin-bottom:10px}.catalog-tools .filters{margin:0}.catalog-sort{display:flex!important;flex-direction:column;gap:10px;margin:0!important}.catalog-sort select{background:#222222;color:var(--ink);border:1px solid #353e47;border-radius:6px;padding:14px;font:inherit}.catalog-title{font-size:20px;line-height:1.4;margin:12px 0 0;min-height:84px;letter-spacing:-.5px}.catalog-title a:hover{color:var(--green)}.catalog-note{margin-top:30px}.contract-catalog #contract-count{margin:24px 0}.contract-catalog .exchange-card{min-height:320px}.contract-catalog .exchange-card-footer{margin-top:auto}.contract-catalog #catalog-empty{padding:50px 0;text-align:center}@media(max-width:700px){.catalog-tools{align-items:stretch;flex-direction:column;gap:20px}.catalog-title{min-height:0}.catalog-tools .filters{flex-wrap:wrap}}
/* Shared scale and distinct line styles keep both contract outcomes readable. */
.trade-chart-header{gap:20px;flex-wrap:wrap;align-items:center}
.trade-outcome-quotes{display:flex;gap:32px}
.trade-outcome-quote{display:flex;flex-direction:column;gap:4px}
.trade-outcome-quote>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1px}
.trade-outcome-quote strong{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
.trade-outcome-quote i{width:15px;height:3px;background:currentColor;display:inline-block}
.trade-outcome-yes{color:#c2f777}.trade-outcome-no{color:var(--no-accent)}
.trade-outcome-no i{background:none;border-top:3px dashed currentColor}
.trade-probability-chart .probability-line{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.trade-probability-chart .probability-yes{stroke:#c2f777}.trade-probability-chart .probability-no{stroke:var(--no-accent)}
#trade-no-history{stroke-dasharray:7 5}
.trade-probability-chart .probability-point{stroke:#0d0d0d;stroke-width:2}
#trade-yes-point{fill:#c2f777}#trade-no-point{fill:var(--no-accent)}
.probability-axis{fill:#92999f;font:11px 'DM Sans',sans-serif}
@media(max-width:700px){.trade-outcome-quotes{gap:24px}.trade-outcome-quote strong{font-size:32px}.trade-probability-chart .probability-axis{font-size:20px}}
/* Discovery lives in /contracts; this page focuses on the selected contract. */
.contract-market-page .trade-shell{width:min(1240px,94%);padding-top:36px}
.contract-market-page .trade-heading{align-items:flex-start;gap:32px;margin-bottom:30px}
.contract-market-heading{min-width:0;flex:1;max-width:820px}
.contract-market-heading h1{margin:10px 0 12px;font-size:34px;line-height:1.25;letter-spacing:-1px}
.contract-market-heading .quiet{margin:0}
.contract-market-page .trade-heading>.balance{flex-shrink:0}
.contract-market-page .trade-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.contract-market-page .market-workspace,.contract-market-page .ticket{grid-column:auto;min-width:0}
.contract-market-page .portfolio{margin-left:0}
.contract-market-page .trade-chart-header{margin-top:26px}
@media(max-width:700px){.contract-market-page .trade-shell{padding-top:24px}.contract-market-page .trade-heading{gap:18px}.contract-market-heading h1{font-size:28px}.contract-market-page .trade-header nav{flex-wrap:wrap;gap:12px 20px}}

/* A short discovery section beneath the selected contract's market information. */
.other-contracts{grid-column:1;min-width:0;margin-top:16px}
.other-contracts-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.other-contracts-heading h2{font-size:24px;letter-spacing:-.6px;margin:0}
.other-contracts-heading>a{font-size:12px;color:var(--green);white-space:nowrap}
.other-contracts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.other-contract-card{position:relative;padding:20px;min-width:0}
.other-contract-card>.eyebrow{margin:0}
.other-contract-card h3{min-height:0;font-size:17px;margin:12px 0 0}
.other-contract-card>.quiet{font-size:11px;margin:10px 0 20px;line-height:1.6}
.other-contract-title::after{content:'';position:absolute;inset:0;border-radius:12px}
.other-contract-title:focus-visible{outline:0}
.other-contract-title:focus-visible::after{outline:3px solid var(--green);outline-offset:3px}
.other-contract-card:hover{border-color:#576e36}
.other-contract-outcomes{display:flex;gap:8px;margin-top:auto}
.other-contract-outcomes>a{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid transparent;border-radius:6px;font-size:12px}
.other-contract-outcomes>a:hover{border-color:currentColor}
.other-contract-outcomes>.no{background:#412936;color:var(--no-accent)}
.other-contract-card .exchange-card-footer{margin:16px 0 0;padding-top:14px}
@media(max-width:900px){.other-contracts-grid{grid-template-columns:1fr}}
@media(max-width:700px){.other-contracts{margin-top:12px}.other-contracts-heading h2{font-size:22px}}

/* Home-page preview uses the same YES/NO colors as the contract market. */
#market-chart .probability-line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#market-no-line{stroke:var(--no-accent);stroke-dasharray:7 5}
#market-no-point{fill:var(--no-accent)}
.market-outcomes .no{color:var(--no-accent)}
@media(max-width:760px){#market-chart .probability-axis{font-size:20px}}

/* Both outcomes share one unfilled probability scale in the hero preview. */
.hero-quote{gap:32px;align-items:flex-start}
.hero-outcome{display:flex;flex-direction:column;gap:3px}
.hero-outcome>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1px}
.hero-outcome>span::before{content:'';width:14px;border-top:2px solid currentColor}
.hero-outcome.hero-no>span::before{border-top-style:dashed}
.hero-quote strong{font-size:44px;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.hero-quote strong span{font-size:24px}
.hero-yes{color:var(--green)}.hero-no{color:var(--no-accent)}
.hero-history-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hero-history-line.hero-no{stroke-dasharray:7 5}
.hero-history-point{fill:currentColor}
.market-card .choices .no{color:var(--no-accent)}