*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;font-size:16px;scroll-behavior:smooth;background:#0b1220}
body{background:#0b1220;color:#e6edf3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}
:root{
  --bg:#0b1220;--surface:rgba(255,255,255,.03);--surface2:rgba(255,255,255,.05);
  --border:#243246;--border2:#334155;
  --text:#e6edf3;--text-muted:#9fb2c9;--text-dim:#9fb2c9;
  --blue2:#60a5fa;--mono:'IBM Plex Mono',monospace;
  --font-humanist:'Nunito Sans','Segoe UI',Arial,sans-serif;
  --orange:#fb923c;--orange-soft:rgba(251,146,60,.14);--orange-border:rgba(251,146,60,.58);
  --blue-pill:#60a5fa;--blue-soft:rgba(96,165,250,.12);--blue-border:rgba(96,165,250,.5);
}
a{text-decoration:none}

/* PAGE */
.page{max-width:1200px;margin:0 auto;padding:32px 24px 96px}

/* PAGE HEADER */
.page-header{margin-bottom:40px}
.page-header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--border)}
.page-header-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue2);margin-bottom:10px;opacity:.9}
.page-header h1{font-family:var(--font-humanist);font-size:clamp(30px,4.2vw,48px);font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.1}
.page-header p{font-size:16px;color:var(--text-muted);margin-top:8px;font-weight:500;max-width:520px}

/* SECTION */
.section{margin-top:40px}
.section:first-of-type{margin-top:0}
.section-title{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:14px}
.section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,transparent 100%)}

/* LIBRARY GRID */
.library-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}

/* CARD */
.card{
  background:var(--surface);border:1px solid var(--border);border-radius:10px;
  padding:22px 22px 20px 26px;
  display:flex;flex-direction:column;gap:14px;
  position:relative;overflow:hidden;
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
  color:var(--text);
  opacity:0;animation:cardIn .4s ease forwards;
  align-self:start;min-height:0;height:auto;
}
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.card:nth-child(1){animation-delay:.04s}.card:nth-child(2){animation-delay:.08s}
.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.16s}
.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.24s}

.card-horizontal{padding:0 24px 0 28px}
.card-horizontal .card-body{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:30px;
  align-items:start;
  padding:22px 0 20px;
}
.card-horizontal .card-main{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.card-horizontal .card-purpose,
.card-horizontal .detail-line,
.card-horizontal .why-line{max-width:820px}
.card-setup-rail{
  align-self:stretch;
  min-width:0;
  border-left:1px solid rgba(255,255,255,.08);
  padding-left:24px;
  position:relative;
}
.card-setup-rail::before{
  content:'';
  position:absolute;
  left:-1px;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
}
.card-horizontal .setup-block{
  margin-top:2px;
  background:rgba(255,255,255,.015);
  border:1px solid rgba(255,255,255,.04);
  border-radius:12px;
  padding:14px 16px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.card-horizontal .card-actions{margin-top:2px}
.card-horizontal .detail-line + .detail-line{margin-top:-6px}
@media(max-width:1100px){
  .card-horizontal .card-body{grid-template-columns:1fr}
  .card-setup-rail{border-left:0;padding-left:0}
  .card-setup-rail::before{display:none}
}
.card::before{content:'';position:absolute;top:14px;left:0;bottom:14px;width:3px;border-radius:0 2px 2px 0}
.card::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none;border-radius:10px}
.card:hover{transform:translateY(-3px);border-color:var(--border2);background:var(--surface2)}
.card:hover::after{opacity:1}

/* Section color bars */
.card.s-market::before{background:linear-gradient(180deg,#93c5fd,#60a5fa)}
.card.s-market:hover{box-shadow:0 10px 36px rgba(0,0,0,.4),0 0 0 1px rgba(96,165,250,.1) inset}
.card.s-market::after{box-shadow:inset 0 1px 0 rgba(96,165,250,.14)}

.card.s-news::before{background:linear-gradient(180deg,#fdba74,#fb923c)}
.card.s-news:hover{box-shadow:0 10px 36px rgba(0,0,0,.4),0 0 0 1px rgba(251,146,60,.1) inset}
.card.s-news::after{box-shadow:inset 0 1px 0 rgba(251,146,60,.14)}

.card.s-calc::before{background:linear-gradient(180deg,#6ee7b7,#34d399)}
.card.s-calc:hover{box-shadow:0 10px 36px rgba(0,0,0,.4),0 0 0 1px rgba(52,211,153,.1) inset}
.card.s-calc::after{box-shadow:inset 0 1px 0 rgba(52,211,153,.14)}

.card.s-ref::before{background:linear-gradient(180deg,#c4b5fd,#a78bfa)}
.card.s-ref:hover{box-shadow:0 10px 36px rgba(0,0,0,.4),0 0 0 1px rgba(167,139,250,.1) inset}
.card.s-ref::after{box-shadow:inset 0 1px 0 rgba(167,139,250,.14)}

/* Card content */
.card h3{font-size:15px;font-weight:700;color:var(--text);line-height:1.3}
.card p{font-size:13px;color:var(--text-muted);line-height:1.65;flex:0}
.card-tags{display:flex;flex-wrap:wrap;gap:6px}
.card-tag{font-size:11px;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-muted)}
.card-footer{display:flex;align-items:center;justify-content:space-between}
.card-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25);color:#34d399}
.card-status.updated{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.25);color:#fbbf24}
.card-open{font-size:13px;font-weight:700;padding:7px 18px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:var(--text)}
.card:hover .card-open{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}

/* FOOTER */
footer{
  max-width:1200px;
  margin:44px auto 12px;
  color:var(--text-muted);
  font-size:14px;
  border-top:1px solid var(--border);
  padding-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
footer a{color:var(--text-muted);text-decoration:none;transition:color .2s}
footer a:hover{color:var(--blue2)}
.footer-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.footer-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
@media(max-width:640px){
  footer{justify-content:center;text-align:center}
  .footer-left,.footer-right{justify-content:center}
}

@media(max-width:640px){.page{padding:24px 16px 72px}}
/* FINVIZ PAGE TWEAKS */
.page-header p{max-width:760px}
.header-mark{display:flex;align-items:center;justify-content:center;min-width:108px}
.setup-icon{
  width:74px;height:74px;border-radius:18px;border:1px solid rgba(96,165,250,.22);
  background:linear-gradient(180deg,rgba(96,165,250,.12),rgba(255,255,255,.03));
  display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:14px;
  box-shadow:0 8px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05)
}
.setup-jump{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  border-radius:18px;transition:transform .2s ease,filter .2s ease
}
.setup-jump:hover{transform:translateY(-1px);filter:brightness(1.05)}
.setup-jump:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(96,165,250,.2);border-radius:22px}
.setup-icon-gears{display:flex;align-items:center;justify-content:center;padding:10px}
.setup-gears-svg{width:46px;height:46px;display:block;overflow:visible}
.setup-gears-svg .gear-core,.setup-gears-svg rect{fill:#93c5fd;filter:drop-shadow(0 0 8px rgba(96,165,250,.16))}
.setup-gears-svg .gear-hole{fill:#173056}
.setup-gears-svg .gear-small .gear-core,.setup-gears-svg .gear-small rect{fill:#7fb4ff}
.setup-gears-svg .gear{transform-box:fill-box;transform-origin:center center;will-change:transform}
.setup-gears-svg .gear-large{opacity:.98}
.setup-gears-svg .gear-small{opacity:.92}
.setup-jump:hover .setup-gears-svg .gear-large{animation:gear-spin-cw 3.4s linear infinite}
.setup-jump:hover .setup-gears-svg .gear-small{animation:gear-spin-ccw 3.4s linear infinite}
@keyframes gear-spin-cw{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes gear-spin-ccw{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(max-width:768px){
  .header-mark{min-width:92px;align-self:flex-start}
  .setup-icon{width:68px;height:68px;padding:12px;display:flex;align-items:center;justify-content:center}
  .setup-icon-gears{padding:8px}
  .setup-gears-svg{width:40px;height:40px}
}
.intro-note{
  margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;
  background:rgba(255,255,255,.025);color:var(--text-muted);font-size:14px
}

.card{
  min-height:0;
  height:auto;
  align-items:flex-start;
}
.card-meta{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)
}
.card-meta .favorite{color:#fbbf24}
.card-purpose{font-size:13px;color:var(--text-muted);line-height:1.65;flex:0}
.card-actions{display:flex;gap:8px;flex-wrap:wrap}
.action-btn{
  font-size:12px;font-weight:700;padding:9px 14px;border-radius:10px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);color:var(--text);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:38px;line-height:1.1;transition:background .18s,border-color .18s,color .18s,transform .18s;
  box-shadow:none
}
.action-btn:hover{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);transform:translateY(-1px)
}
.card:hover .action-btn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.action-btn-primary,
.action-btn-success,
.action-btn-accent{
  background:rgba(251,146,60,.02);
  border-color:var(--orange-border);
  color:#ffedd5;
  box-shadow:none
}
.action-btn-primary:hover,
.action-btn-success:hover,
.action-btn-accent:hover{
  background:rgba(251,146,60,.08);
  border-color:rgba(253,186,116,.78);
  color:#fff7ed;
  box-shadow:none
}
.action-btn-utility{
  background:rgba(96,165,250,.03);
  border-color:var(--blue-border);
  color:#dbeafe;
  box-shadow:none
}
.action-btn-utility:hover{
  background:rgba(96,165,250,.18);
  border-color:rgba(147,197,253,.78);
  color:#eff6ff
}
.action-btn-danger{
  background:rgba(239,68,68,.03);
  border-color:rgba(96,165,250,.5);
  color:#dbeafe;
  box-shadow:none
}
.action-btn-danger:hover{
  background:rgba(96,165,250,.08);
  border-color:rgba(147,197,253,.78);
  color:#eff6ff
}
.reverse-builder-card .card-actions{align-items:center;flex-wrap:wrap;gap:10px}
.reverse-builder-card #reverse-builder-output{display:flex;flex-direction:column}
.reverse-builder-card .builder-url-wrap{margin-bottom:12px}
.setup-block{
  width:100%;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)
}
.setup-title,.why-title,.bestfor-title{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);
  margin-bottom:8px
}
.setup-list{padding-left:18px}
.setup-list li{font-size:13px;color:var(--text-muted);line-height:1.7;margin:2px 0}
.bestfor-copy,.why-copy{font-size:12px;color:var(--text-muted);line-height:1.65}
@media(max-width:720px){
  .page-header-inner{align-items:flex-start}
  .header-mark{min-width:0}
}


.reverse-builder-card{margin-top:0}
.builder-samples,.builder-form,.builder-output{width:100%}
.sample-prompt-list{display:flex;flex-direction:column;gap:10px}
.sample-prompt{
  width:100%;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);
  font-size:13px;line-height:1.55
}
.sample-prompt:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:var(--text)}
.builder-label{
  display:block;margin-bottom:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-dim)
}
.builder-textarea{
  width:100%;min-height:140px;border-radius:10px;border:1px solid var(--border);
  background:rgba(255,255,255,.035);color:var(--text);padding:14px 16px;
  font:inherit;line-height:1.6;resize:vertical;margin-bottom:12px
}
.builder-textarea:focus{outline:none;border-color:rgba(96,165,250,.55);box-shadow:0 0 0 3px rgba(96,165,250,.12)}
.builder-output{margin-top:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
.builder-block + .builder-block{margin-top:16px}
.builder-url-wrap{
  padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;
  background:rgba(255,255,255,.03);margin-bottom:12px;overflow:auto
}
.builder-url-code{
  display:block;color:#cbd5e1;font-family:var(--mono);font-size:12px;line-height:1.6;
  word-break:break-all;white-space:pre-wrap
}


.card.s-alert::before{background:linear-gradient(180deg,#f87171,#ef4444)}
.card.s-alert:hover{box-shadow:0 10px 36px rgba(0,0,0,.4),0 0 0 1px rgba(239,68,68,.12) inset}
.card.s-alert::after{box-shadow:inset 0 1px 0 rgba(239,68,68,.14)}

.section-copy{font-size:13px;color:var(--text-muted);margin:-4px 0 14px;max-width:760px}
.utility-card{padding-top:22px}
.detail-line{font-size:12px;color:var(--text-muted);line-height:1.6}
.why-line{font-size:12px;color:var(--text-muted);line-height:1.65;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.card-actions{display:flex;flex-wrap:wrap;gap:8px}
.action-btn{
  appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text);
  border-radius:999px;padding:8px 12px;font-size:12px;line-height:1.2;cursor:pointer
}
.action-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.favorite{color:#facc15}
.builder-note{width:100%}
.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sample-prompt{width:100%;text-align:left}
.sample-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}
.sample-text{display:block;font-size:13px;line-height:1.55;color:var(--text-muted)}

.more-examples{width:100%;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
.more-examples summary{list-style:none}
.more-examples summary::-webkit-details-marker{display:none}
.more-examples[open] .more-examples[open] .prompt-toggle-pill::after{content:'-'}
.guided-select{color-scheme:dark}
.guided-select option{background:#111827;color:#e6edf3}
.prompt-group{display:grid;gap:10px;padding-left:14px;position:relative}
.prompt-group::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:999px;background:#475569}
.prompt-group-swing-trading::before{background:linear-gradient(180deg,#60a5fa,#38bdf8)}
.prompt-group-day-trading::before{background:linear-gradient(180deg,#f97316,#fb923c)}
.prompt-group-growth-investing::before{background:linear-gradient(180deg,#22c55e,#4ade80)}
.prompt-group-institutional-flow::before{background:linear-gradient(180deg,#a78bfa,#c4b5fd)}
.prompt-group-momentum::before{background:linear-gradient(180deg,#f43f5e,#fb7185)}
.prompt-group-sector-rotation::before{background:linear-gradient(180deg,#14b8a6,#2dd4bf)}
.prompt-group-high-risk---speculative::before,.prompt-group-high-risk--speculative::before{background:linear-gradient(180deg,#ef4444,#f87171)}
.card.cat-day-trading::before{background:linear-gradient(180deg,#f97316,#fb923c)}
.card.cat-swing-trading::before{background:linear-gradient(180deg,#60a5fa,#38bdf8)}
.card.cat-position-trading::before{background:linear-gradient(180deg,#22c55e,#4ade80)}
.card.cat-insider---ownership::before,.card.cat-insider--ownership::before{background:linear-gradient(180deg,#a78bfa,#c4b5fd)}
.card.cat-sector-views::before{background:linear-gradient(180deg,#14b8a6,#2dd4bf)}
.card.cat-reference::before{background:linear-gradient(180deg,#94a3b8,#cbd5e1)}

.more-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.sample-prompt-small{font-size:12px}
.builder-form,.builder-output{width:100%}
.builder-textarea{min-height:120px}
.support-note{font-size:12px;color:var(--text-muted)}
.decoded-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}
@media(max-width:900px){
  .sample-grid,.more-examples-grid{grid-template-columns:1fr}
}

.section-copy{font-size:14px;color:var(--text-muted);margin:-2px 0 14px 0}
.sample-title{display:block;font-weight:800;color:var(--text);margin-top:4px}
.prompt-library{display:grid;gap:18px}
.prompt-group{display:grid;gap:10px}
.prompt-group-title{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}
.more-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:820px){.more-examples-grid{grid-template-columns:1fr}}
.sample-prompt{display:grid;gap:4px;text-align:left;padding:14px 15px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text)}
.sample-prompt-small .sample-text{font-size:12px;line-height:1.55;color:var(--text-muted)}
.sample-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue2)}
.more-examples summary{cursor:pointer;list-style:none;margin-bottom:12px;font-weight:800}
.more-examples summary::-webkit-details-marker{display:none}
.more-examples summary::after{content:' +';color:var(--blue2)}
.more-examples[open] summary::after{content:' -'}
.guided-builder{width:100%;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02)}
.guided-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:900px){.guided-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.guided-grid{grid-template-columns:1fr}}
.guided-select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-size:14px}
.builder-output{width:100%}
.confidence-row{margin-bottom:10px}
.confidence-label{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:12px;font-weight:700}
.confidence-label.exact{color:#86efac}
.confidence-label.interpreted{color:#fcd34d}
.confidence-label.closest{color:#fda4af}
.editable-filters{display:flex;flex-wrap:wrap;gap:8px}
.edit-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:12px;color:var(--text)}
.edit-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:700}
.decoder-card::before{background:#ef4444!important}
.utility-card{align-self:stretch}


.guided-select{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:#111827;
  color:#e6edf3;
  -webkit-appearance:none;
  appearance:none;
}
.guided-select:focus{outline:none;border-color:rgba(96,165,250,.45);box-shadow:0 0 0 3px rgba(96,165,250,.12)}
.guided-select option,.guided-select optgroup{background:#111827;color:#e6edf3}
.assistant-pill{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.28);color:#dbeafe}
.assistant-pill:hover{background:rgba(96,165,250,.16)}
.support-note strong{color:#dbeafe}

.builder-block-primary{
  border:1px solid rgba(96,165,250,.22);
  border-radius:12px;
  padding:16px;
  background:rgba(37,99,235,.08);
}
.strategy-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(167,139,250,.28);
  background:rgba(167,139,250,.12);
  color:#e9d5ff;
  font-size:12px;
  font-weight:700;
}
.confidence-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* Card layout polish */
.detail-line strong,
.why-line strong{color:#dbe7f4}
.risk-line{display:flex;align-items:center;gap:4px}

/* Builder emphasis */
#guided-build.action-btn{background:transparent;border-color:rgba(251,191,36,.42);color:#fffbeb;box-shadow:none}
#guided-build.action-btn,
#reverse-builder-generate.action-btn{background:transparent;border-color:rgba(251,191,36,.42);color:#fffbeb;box-shadow:none}
#guided-build.action-btn{background:transparent;border-color:rgba(251,191,36,.42);color:#fffbeb;box-shadow:none}
#guided-build.action-btn:hover{background:rgba(251,146,60,.08);border-color:rgba(253,224,71,.58);color:#fff7ed}
#reverse-builder-generate.action-btn{background:transparent;border-color:rgba(251,191,36,.42);color:#fffbeb;box-shadow:none}
#reverse-builder-generate.action-btn:hover{background:rgba(251,146,60,.08);border-color:rgba(253,224,71,.58);color:#fff7ed}
#reverse-builder-clear.action-btn,#decoder-clear.action-btn,#decoder-paste.action-btn,#rb-copy-url.action-btn,#rb-copy-setup.action-btn{background:transparent;border-color:rgba(96,165,250,.36);color:#dbeafe;box-shadow:none}
#reverse-builder-clear.action-btn:hover,#decoder-clear.action-btn:hover,#decoder-paste.action-btn:hover,#rb-copy-url.action-btn:hover,#rb-copy-setup.action-btn:hover{background:rgba(59,130,246,.08);border-color:rgba(147,197,253,.52);color:#eff6ff}
#rb-open.action-btn,#decoder-run.action-btn{background:transparent;border-color:rgba(251,191,36,.42);color:#fffbeb;box-shadow:none}
#rb-open.action-btn:hover,#decoder-run.action-btn:hover{background:rgba(251,146,60,.08);border-color:rgba(253,224,71,.58);color:#fff7ed}

.prompt-toggle-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:10px;
  border:1px solid rgba(74,222,128,.58);
  background:rgba(34,197,94,.03);
  color:#dcfce7;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
  box-shadow:none
}
.prompt-toggle-pill::-webkit-details-marker{display:none}
.prompt-toggle-pill::after{
  content:'+';
  font-size:14px;
  line-height:1;
  opacity:.9
}
.more-examples[open] .prompt-toggle-pill::after{content:'-'}


/* Strong orange primary actions requested */
#guided-build,
#reverse-builder-generate,
#reverse-builder-open,
#decoder-run,
#decoder-open{
  background:linear-gradient(180deg,rgba(251,146,60,.34),rgba(234,88,12,.26)) !important;
  border-color:rgba(251,146,60,.72) !important;
  color:#fff7ed !important;
  box-shadow:0 8px 20px rgba(234,88,12,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
#guided-build:hover,
#reverse-builder-generate:hover,
#reverse-builder-open:hover,
#decoder-run:hover,
#decoder-open:hover{
  background:linear-gradient(180deg,rgba(253,186,116,.40),rgba(234,88,12,.30)) !important;
  border-color:rgba(253,186,116,.9) !important;
  color:#ffffff !important;
}

/* Blue clear actions requested */
#reverse-builder-clear,
#decoder-clear{
  background:linear-gradient(180deg,rgba(96,165,250,.18),rgba(37,99,235,.12)) !important;
  border-color:rgba(96,165,250,.56) !important;
  color:#dbeafe !important;
  box-shadow:0 6px 16px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#reverse-builder-clear:hover,
#decoder-clear:hover{
  background:linear-gradient(180deg,rgba(96,165,250,.26),rgba(37,99,235,.18)) !important;
  border-color:rgba(147,197,253,.78) !important;
  color:#eff6ff !important;
}


#guided-build.action-btn,
#reverse-builder-generate.action-btn,
#rb-open.action-btn,
#decoder-run.action-btn{
  background:linear-gradient(180deg,rgba(245,158,11,.26),rgba(217,119,6,.18));
  border-color:rgba(251,191,36,.42);
  color:#fffbeb;
}
#guided-build.action-btn:hover,
#reverse-builder-generate.action-btn:hover,
#rb-open.action-btn:hover,
#decoder-run.action-btn:hover{
  background:linear-gradient(180deg,rgba(245,158,11,.34),rgba(217,119,6,.24));
  border-color:rgba(253,224,71,.58);
  color:#fff7ed;
}
#reverse-builder-clear.action-btn,
#decoder-clear.action-btn,
#decoder-paste.action-btn,
#rb-copy-url.action-btn,
#rb-copy-setup.action-btn{
  background:linear-gradient(180deg,rgba(59,130,246,.18),rgba(37,99,235,.12));
  border-color:rgba(96,165,250,.36);
  color:#dbeafe;
}
#reverse-builder-clear.action-btn:hover,
#decoder-clear.action-btn:hover,
#decoder-paste.action-btn:hover,
#rb-copy-url.action-btn:hover,
#rb-copy-setup.action-btn:hover{
  background:linear-gradient(180deg,rgba(59,130,246,.26),rgba(37,99,235,.18));
  border-color:rgba(147,197,253,.52);
  color:#eff6ff;
}



/* Builder refinements */
.support-note{margin:10px 0 8px}
.helper-pills{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}
.helper-pill{
  font-size:12px;font-weight:700;padding:8px 12px;border-radius:10px;cursor:pointer;
  background:rgba(96,165,250,.03);border:1px solid var(--blue-border);color:#dbeafe;
  display:inline-flex;align-items:center;justify-content:center;line-height:1.1;
  transition:background .18s,border-color .18s,transform .18s;
  box-shadow:none
}
.helper-pill:hover{background:rgba(96,165,250,.18);border-color:rgba(147,197,253,.78);transform:translateY(-1px)}
.parser-hint{
  margin-top:12px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);
}
.parser-hint-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}
.parser-hint-copy{font-size:13px;color:var(--text-muted);line-height:1.65}
.why-match{
  margin-top:10px;font-size:13px;color:var(--text-muted);line-height:1.65
}
.why-match strong{color:var(--text)}
.prompt-toggle-pill{
  list-style:none;display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:14px;background:var(--blue-soft);
  border:1px solid var(--blue-border);color:#dbeafe;font-weight:700;font-size:12px;cursor:pointer
}
.prompt-toggle-pill:hover{background:rgba(96,165,250,.18);border-color:rgba(147,197,253,.78)}
.prompt-toggle-pill::-webkit-details-marker{display:none}
.more-examples[open] .prompt-toggle-pill{margin-bottom:14px}
.card-actions{display:flex;flex-wrap:wrap;gap:10px}
.assistant-pills{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
.action-btn,.helper-pill,.prompt-toggle-pill{white-space:nowrap}



/* Final button and pill refinement */
.action-btn,
.helper-pill,
.assistant-pill,
.prompt-toggle-pill,
.strategy-pill{
  border-radius:10px !important;
}

.card-actions,
.assistant-pills,
.helper-pills,
.confidence-row{
  gap:12px !important;
}

.assistant-pills{
  margin:14px 0 10px !important;
}

.helper-pills{
  margin:12px 0 14px !important;
}

.card-actions{
  margin-top:10px !important;
  align-items:center;
}

.prompt-toggle-pill{
  padding:9px 14px !important;
  background:transparent !important;
  border:1px solid rgba(74,222,128,.58) !important;
  color:#dcfce7 !important;
  box-shadow:none !important;
}

.prompt-toggle-pill:hover{
  background:rgba(34,197,94,.08) !important;
  border-color:rgba(134,239,172,.82) !important;
}

.action-btn{
  padding:9px 14px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.action-btn:hover{
  background:rgba(255,255,255,.04) !important;
  transform:none !important;
}

.card:hover .action-btn{
  background:transparent !important;
  border-color:rgba(255,255,255,.16) !important;
}

.action-btn-primary,
.action-btn-success,
.action-btn-accent{
  background:transparent !important;
  border:1px solid rgba(251,146,60,.68) !important;
  color:#ffddb8 !important;
  box-shadow:none !important;
}

.action-btn-primary:hover,
.action-btn-success:hover,
.action-btn-accent:hover{
  background:rgba(251,146,60,.08) !important;
  border-color:rgba(253,186,116,.9) !important;
  color:#fff3e6 !important;
  box-shadow:none !important;
}

.action-btn-utility,
.assistant-pill,
.helper-pill{
  background:transparent !important;
  border:1px solid rgba(96,165,250,.52) !important;
  color:#dbeafe !important;
  box-shadow:none !important;
}

.action-btn-utility:hover,
.assistant-pill:hover,
.helper-pill:hover{
  background:rgba(96,165,250,.08) !important;
  border-color:rgba(147,197,253,.86) !important;
  color:#eff6ff !important;
}

.action-btn-danger{
  background:transparent !important;
  border:1px solid rgba(96,165,250,.52) !important;
  color:#dbeafe !important;
  box-shadow:none !important;
}

.action-btn-danger:hover{
  background:rgba(96,165,250,.08) !important;
  border-color:rgba(147,197,253,.86) !important;
  color:#eff6ff !important;
}

#guided-build,
#reverse-builder-generate,
#decoder-run,
#rb-open,
#decoder-open{
  border-color:rgba(251,146,60,.68) !important;
  color:#ffddb8 !important;
  background:transparent !important;
}

#guided-build:hover,
#reverse-builder-generate:hover,
#decoder-run:hover,
#rb-open:hover,
#decoder-open:hover{
  background:rgba(251,146,60,.08) !important;
  border-color:rgba(253,186,116,.9) !important;
  color:#fff3e6 !important;
}

#reverse-builder-clear,
#decoder-clear,
#decoder-paste,
#rb-copy,
#rb-copy-setup{
  border-color:rgba(96,165,250,.52) !important;
  color:#dbeafe !important;
  background:transparent !important;
}

#reverse-builder-clear:hover,
#decoder-clear:hover,
#decoder-paste:hover,
#rb-copy:hover,
#rb-copy-setup:hover{
  background:rgba(96,165,250,.08) !important;
  border-color:rgba(147,197,253,.86) !important;
  color:#eff6ff !important;
}


/* Final de-glow and green prompt toggle override */
.prompt-toggle-pill{
  background:transparent !important;
  border:1px solid rgba(74,222,128,.62) !important;
  color:#dcfce7 !important;
  box-shadow:none !important;
}
.prompt-toggle-pill:hover{
  background:rgba(34,197,94,.08) !important;
  border-color:rgba(134,239,172,.86) !important;
  color:#f0fdf4 !important;
  box-shadow:none !important;
}
#guided-build,
#reverse-builder-generate,
#decoder-run,
#rb-open,
#decoder-open,
#guided-build.action-btn,
#reverse-builder-generate.action-btn,
#rb-open.action-btn,
#decoder-run.action-btn{
  background:transparent !important;
  border-color:rgba(251,146,60,.72) !important;
  color:#ffddb8 !important;
  box-shadow:none !important;
}
#guided-build:hover,
#reverse-builder-generate:hover,
#decoder-run:hover,
#rb-open:hover,
#decoder-open:hover,
#guided-build.action-btn:hover,
#reverse-builder-generate.action-btn:hover,
#rb-open.action-btn:hover,
#decoder-run.action-btn:hover{
  background:rgba(251,146,60,.08) !important;
  border-color:rgba(253,186,116,.9) !important;
  color:#fff3e6 !important;
  box-shadow:none !important;
}
#reverse-builder-clear,
#decoder-clear,
#decoder-paste,
#rb-copy,
#rb-copy-setup,
#reverse-builder-clear.action-btn,
#decoder-clear.action-btn,
#decoder-paste.action-btn,
#rb-copy-url.action-btn,
#rb-copy-setup.action-btn{
  background:transparent !important;
  border-color:rgba(96,165,250,.52) !important;
  color:#dbeafe !important;
  box-shadow:none !important;
}
#reverse-builder-clear:hover,
#decoder-clear:hover,
#decoder-paste:hover,
#rb-copy:hover,
#rb-copy-setup:hover,
#reverse-builder-clear.action-btn:hover,
#decoder-clear.action-btn:hover,
#decoder-paste.action-btn:hover,
#rb-copy-url.action-btn:hover,
#rb-copy-setup.action-btn:hover{
  background:rgba(59,130,246,.08) !important;
  border-color:rgba(147,197,253,.78) !important;
  color:#eff6ff !important;
  box-shadow:none !important;
}



/* prompt toggle */
.prompt-toggle-pill{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:10px;
  background:transparent;
  border:1px solid rgba(74, 222, 128, .7);
  color:#86efac;
  font-size:13px;
  font-weight:700;
  line-height:1.1;
  cursor:pointer;
  user-select:none;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  outline:none;
}
.prompt-toggle-pill:hover{
  background:rgba(74, 222, 128, .08);
  border-color:rgba(134,239,172,.9);
  color:#dcfce7;
}
.prompt-toggle-pill:focus,
.prompt-toggle-pill:focus-visible{
  outline:none;
  box-shadow:none !important;
}
.more-examples[open] > .prompt-toggle-pill::after{content:'-';}
.more-examples:not([open]) > .prompt-toggle-pill::after{content:'+';}

/* no-glow buttons and pills */
.action-btn,
.action-btn:hover,
.action-btn:focus,
.action-btn:focus-visible,
.action-btn:active,
.helper-pill,
.helper-pill:hover,
.helper-pill:focus,
.helper-pill:focus-visible,
.assistant-pill,
.assistant-pill:hover,
.assistant-pill:focus,
.assistant-pill:focus-visible{
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  outline:none;
}

.action-btn-primary,
.action-btn-success,
.action-btn-accent{
  background:transparent !important;
  color:#ffedd5;
  border-color:var(--orange-border);
}
.action-btn-primary:hover,
.action-btn-success:hover,
.action-btn-accent:hover{
  background:rgba(251,146,60,.08) !important;
  color:#fff7ed;
  border-color:rgba(253,186,116,.78);
}
.action-btn-utility,
.action-btn-danger{
  background:transparent !important;
}
.action-btn-utility:hover,
.action-btn-danger:hover{
  background:rgba(96,165,250,.12) !important;
}

.prompt-group-chart-pattern-ideas::before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}
.supported-phrases-note{
  margin-top:10px;
  font-size:12px;
  color:var(--text-muted);
  line-height:1.6;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.02);
}
.chart-pattern-note{margin-top:10px}


.phrase-dictionary-details{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
}
.phrase-dictionary-details summary{list-style:none}
.phrase-dictionary-details summary::-webkit-details-marker{display:none}
.phrase-dictionary-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:10px;
  border:1px solid rgba(74,222,128,.55);
  background:transparent;
  color:#bbf7d0;
  font-weight:700;
  cursor:pointer;
  box-shadow:none;
}
.phrase-dictionary-toggle:hover{
  background:rgba(74,222,128,.08);
  border-color:rgba(134,239,172,.78);
  color:#dcfce7;
}
.phrase-dictionary-details[open] .phrase-dictionary-toggle{
  background:rgba(74,222,128,.08);
}
.phrase-dictionary-note{
  margin-top:10px;
  color:var(--text-muted);
  font-size:13px;
}
.phrase-status-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 14px;
}
.status-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:none;
}
.status-exact{color:#86efac;border-color:rgba(134,239,172,.4)}
.status-interpreted{color:#fcd34d;border-color:rgba(252,211,77,.4)}
.status-closest{color:#fda4af;border-color:rgba(253,164,175,.4)}
.phrase-shortcut-groups{
  display:grid;
  gap:16px;
}
.phrase-shortcut-group{
  padding-left:14px;
  position:relative;
  display:grid;
  gap:10px;
}
.phrase-shortcut-group::before{
  content:'';
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#22c55e,#4ade80);
}
.phrase-shortcut-title{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--text-dim);
}
.phrase-shortcut-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.helper-pill-advanced{
  background:rgba(74,222,128,.03);
  border-color:rgba(74,222,128,.32);
  color:#dcfce7;
}
.helper-pill-advanced:hover{
  background:rgba(74,222,128,.1);
  border-color:rgba(134,239,172,.78);
}
.match-status-line{
  margin-top:10px;
  font-size:12px;
  color:var(--text-dim);
}
.match-status-line.exact{color:#86efac}
.match-status-line.interpreted{color:#fcd34d}
.match-status-line.closest{color:#fda4af}


.card-collapsible{
  padding:0 24px 0 28px;
}
.card-collapsible .card-summary{
  list-style:none;
  cursor:pointer;
  padding:22px 0 20px;
}
.card-collapsible .card-summary::-webkit-details-marker{
  display:none;
}
.card-collapsible .card-main-summary{
  max-width:820px;
}
.card-collapsible:not([open]) .card-summary{
  padding-bottom:22px;
}
.card-collapsible[open] .card-summary{
  border-bottom:0;
  padding-bottom:12px;
}
.card-collapsible .card-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:30px;
  align-items:start;
  padding:0 0 20px;
}
.card-collapsible:not([open]) .card-body{
  display:none;
}
.card-collapsible .card-setup-rail{
  align-self:stretch;
  min-width:0;
  border-left:1px solid rgba(255,255,255,.08);
  padding-left:24px;
  position:relative;
}
@media (max-width: 980px){
  .card-collapsible .card-body{
    grid-template-columns:1fr;
  }
}


/* AI builder */
.builder-mini-guide{margin:6px 0 12px;color:var(--text-muted);font-size:12px;line-height:1.6;max-width:980px}
.has-tip{position:relative}
.has-tip::after{
  content:attr(data-tooltip);
  position:absolute;
  left:0;
  top:calc(100% + 10px);
  transform:translateY(-4px);
  width:max-content;
  min-width:220px;
  max-width:min(320px,calc(100vw - 48px));
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(8,18,40,.97);
  color:#dbeafe;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.01em;
  white-space:normal;
  overflow-wrap:anywhere;
  opacity:0;
  pointer-events:none;
  box-shadow:0 12px 30px rgba(0,0,0,.32);
  transition:opacity .16s ease,transform .16s ease;
  z-index:30;
  text-align:left;
}
.has-tip::before{
  content:"";
  position:absolute;
  left:18px;
  top:calc(100% + 4px);
  transform:translateY(-4px);
  border:6px solid transparent;
  border-bottom-color:rgba(8,18,40,.97);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
  z-index:31;
}
.ai-builder-actions .has-tip:nth-last-child(-n+2)::after{left:auto;right:0}
.ai-builder-actions .has-tip:nth-last-child(-n+2)::before{left:auto;right:18px}
.has-tip:hover::after,.has-tip:hover::before,.has-tip:focus-visible::after,.has-tip:focus-visible::before{opacity:1;transform:translateY(0)}
.builder-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.builder-mode-switch{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:6px;border-radius:12px}
.builder-mode-btn{border:0;background:transparent;color:var(--text-muted);padding:8px 12px;border-radius:9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.builder-mode-btn.is-active{background:rgba(96,165,250,.14);color:#eff6ff;box-shadow:inset 0 0 0 1px rgba(147,197,253,.3)}
.ai-builder-panel{margin-bottom:12px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:12px}
.ai-builder-panel:not(.is-active){opacity:.72}
.ai-builder-copy{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted);line-height:1.55}
.ai-builder-copy strong{color:var(--text)}
.ai-builder-actions{display:flex;gap:8px;flex-wrap:wrap}
.ai-builder-status{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:12px;color:var(--text-muted)}
.ai-builder-status.info{border-color:rgba(96,165,250,.28);color:#dbeafe}
.ai-builder-status.loading{border-color:rgba(251,191,36,.28);color:#fef3c7}
.ai-builder-status.success{border-color:rgba(52,211,153,.28);color:#d1fae5}
.ai-builder-status.error{border-color:rgba(239,68,68,.32);color:#fecaca}
.ai-summary-copy{font-size:13px;line-height:1.65;color:var(--text-muted)}
@media(max-width:720px){.builder-topline{align-items:flex-start}.builder-mode-switch{width:100%;justify-content:space-between}.builder-mode-btn{flex:1}.ai-builder-actions .action-btn{flex:1 1 calc(50% - 8px)}}

.phrase-dictionary-details[open] > .phrase-dictionary-toggle::after{content:'-';}
.phrase-dictionary-details:not([open]) > .phrase-dictionary-toggle::after{content:'+';}
.phrase-dictionary-toggle{padding:10px 14px;}

/* Tooltip edge fix for Safer button */
.ai-builder-actions .has-tip[data-ai-action="safer"]::after{
  left:50%;
  right:auto;
  transform:translate(-50%,-4px);
  max-width:min(300px,calc(100vw - 48px));
}
.ai-builder-actions .has-tip[data-ai-action="safer"]::before{
  left:50%;
  right:auto;
  transform:translate(-50%,-4px);
}
.ai-builder-actions .has-tip[data-ai-action="safer"]:hover::after,
.ai-builder-actions .has-tip[data-ai-action="safer"]:focus-visible::after{
  transform:translate(-50%,0);
}
.ai-builder-actions .has-tip[data-ai-action="safer"]:hover::before,
.ai-builder-actions .has-tip[data-ai-action="safer"]:focus-visible::before{
  transform:translate(-50%,0);
}