/* ECHO Careers · Option A / Clear Sky final visual system */
:root{
  --ink:#F2F7FF;
  --ink-2:#FFFFFF;
  --ink-3:#FFFFFF;
  --ink-card:#FFFFFF;
  --line:rgba(36,76,132,.16);
  --line-soft:rgba(36,76,132,.09);
  --paper:#10233D;
  --paper-mid:#304C6F;
  --paper-dim:#607895;
  --paper-faint:#879AB1;
  --gold:#2D68D5;
  --gold-deep:#1D50AF;
  --gold-soft:#DDE9FF;
  --gold-line:rgba(45,104,213,.36);
  --green:#168763;
  --blue:#2D68D5;
  --danger:#C14D61;
}

html,
body{
  background:#F2F7FF;
  color:var(--paper-mid);
  color-scheme:light;
}
[hidden]{display:none!important}
body{
  background:
    radial-gradient(circle 700px at 92% -8%,rgba(84,151,255,.24),transparent 58%),
    radial-gradient(circle 660px at -12% 45%,rgba(199,225,255,.55),transparent 62%),
    linear-gradient(180deg,#F8FBFF 0%,#EEF5FF 100%);
}
body::before{
  opacity:.72;
  background-image:
    linear-gradient(rgba(50,103,183,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,103,183,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(#000 0%,transparent 76%);
  -webkit-mask-image:linear-gradient(#000 0%,transparent 76%);
}
::selection{background:rgba(45,104,213,.18);color:#10233D}
:focus-visible{outline:3px solid rgba(45,104,213,.28);outline-offset:3px}

.app{max-width:1360px;padding:22px clamp(16px,3.4vw,52px) 70px}
.topbar{
  padding:9px 0 17px;
  margin-bottom:0;
  border-color:rgba(39,86,151,.13);
}
.brand .g{
  width:42px;
  height:42px;
  border:1.5px solid rgba(45,104,213,.48);
  background:rgba(255,255,255,.72);
  box-shadow:0 9px 26px rgba(32,78,145,.1);
}
.brand .g::before{border-color:rgba(45,104,213,.28)}
.brand .g::after{background:#2D68D5;box-shadow:0 0 12px rgba(45,104,213,.5)}
.brand .n .t{color:#142942;font-size:20px}
.brand .n .t em{color:#2D68D5}
.brand .n .s{color:#6E84A0}
.prime-pill{
  background:rgba(255,255,255,.84);
  border-color:rgba(40,87,153,.16);
  box-shadow:0 10px 30px rgba(30,74,136,.08);
}
.prime-pill .lbl{color:#788CA4}
.prime-pill .val{color:#245CBF}
.prime-pill .sep{color:#A3B2C4}
.prime-pill .edit{
  background:#F0F5FC;
  border-color:rgba(37,85,151,.15);
  color:#486481;
}
.prime-pill .edit:hover{color:#1D50AF;border-color:rgba(45,104,213,.38)}

.hero-line{display:block!important;padding:42px 0 28px!important}
.cs-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);
  gap:34px;
  align-items:end;
}
.cs-kicker{
  display:inline-flex;
  align-items:center;
  gap:11px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  line-height:1;
  letter-spacing:.23em;
  text-transform:uppercase;
  color:#2D68D5;
  font-weight:600;
}
.cs-kicker::before{
  content:'';
  width:26px;
  height:2px;
  background:#2D68D5;
  border-radius:2px;
}
.cs-hero h1{
  max-width:18ch!important;
  margin:14px 0 0;
  color:#10233D!important;
  font-size:clamp(38px,5vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
.cs-hero h1 em{
  color:#2D68D5!important;
  background:linear-gradient(110deg,#1B50B6,#4F91EF);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.cs-hero p{
  color:#59728F!important;
  font-size:15.5px!important;
  line-height:1.7!important;
  max-width:64ch!important;
}
.cs-hero p strong{color:#254D7E!important;font-weight:600!important}
.cs-week{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(39,87,154,.15);
  border-radius:24px;
  background:
    radial-gradient(circle 260px at 96% -20%,rgba(85,153,255,.19),transparent 65%),
    rgba(255,255,255,.84);
  box-shadow:0 22px 60px rgba(32,75,135,.10);
  padding:22px;
}
.cs-week::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:74px;
  height:74px;
  border:1px solid rgba(45,104,213,.12);
  border-radius:50%;
  transform:translate(30%,-42%);
}
.cs-week > span{
  display:block;
  color:#7187A2;
  font:600 9px/1 'JetBrains Mono',monospace;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.cs-week strong{
  display:block;
  color:#163052;
  font:700 24px/1.1 'Space Grotesk',sans-serif;
  letter-spacing:-.02em;
}
.cs-week p{margin:7px 0 16px!important;font-size:13px!important;line-height:1.55!important;color:#6C8099!important}
.cs-progress-track{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#E6EEF9;
}
.cs-progress-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2D68D5,#70A9F7);
  transition:width .35s ease;
}

.tools.clear-sky-shell{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:18px!important;
  margin-top:0!important;
  align-items:stretch;
}
.cs-halls{
  position:relative;
  border-radius:24px;
  padding:16px 12px;
  background:linear-gradient(165deg,#173C77 0%,#245EB4 54%,#3476D6 100%);
  box-shadow:0 22px 46px rgba(25,67,128,.21);
  min-height:530px;
  overflow:hidden;
}
.cs-halls::before,
.cs-halls::after{
  content:'';
  position:absolute;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  pointer-events:none;
}
.cs-halls::before{width:230px;height:230px;right:-142px;bottom:-28px}
.cs-halls::after{width:142px;height:142px;right:-80px;bottom:16px}
.cs-hall-mark{
  display:grid;
  grid-template-columns:30px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  color:#fff;
  padding:6px 10px 24px;
}
.cs-hall-mark > span{
  grid-row:1/3;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  position:relative;
}
.cs-hall-mark > span::before{
  content:'';
  position:absolute;
  inset:6px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
}
.cs-hall-mark > span::after{
  content:'';
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  left:12px;
  top:12px;
}
.cs-hall-mark b{
  font:700 14px/1 'Space Grotesk',sans-serif;
  letter-spacing:.08em;
}
.cs-hall-mark small{
  font:500 7px/1 'JetBrains Mono',monospace;
  letter-spacing:.25em;
  color:rgba(255,255,255,.66);
  margin-top:3px;
}
.cs-hall{
  position:relative;
  z-index:1;
  width:100%;
  min-height:50px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:rgba(255,255,255,.72);
  padding:12px 13px;
  text-align:left;
  font-size:13px;
  font-weight:600;
  transition:background .18s,color .18s,transform .18s;
}
.cs-hall:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateX(2px)}
.cs-hall.on{
  color:#173B73;
  background:#fff;
  box-shadow:0 10px 24px rgba(7,33,77,.18);
}
.cs-hall i{
  min-width:32px;
  text-align:center;
  font:500 9px/1 'JetBrains Mono',monospace;
  font-style:normal;
  color:inherit;
  opacity:.7;
}
.cs-hall.cs-all{
  margin-top:12px;
  border-top:1px solid rgba(255,255,255,.12);
  border-radius:0 0 13px 13px;
}
.cs-workspace{
  min-width:0;
  border:1px solid rgba(37,84,150,.14);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 22px 60px rgba(31,75,137,.09);
  padding:clamp(20px,3vw,32px);
}
.cs-workspace-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(40,87,151,.11);
}
.cs-workspace-head > div > span{
  color:#6D85A1;
  font:600 9px/1 'JetBrains Mono',monospace;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.cs-workspace-head h2{
  margin:7px 0 7px;
  color:#142C4A;
  font:700 clamp(26px,3vw,38px)/1.04 'Space Grotesk',sans-serif;
  letter-spacing:-.03em;
}
.cs-workspace-head p{
  max-width:64ch;
  color:#607792;
  font-size:14px;
  line-height:1.55;
}
.cs-progress-copy{
  display:grid;
  justify-items:end;
  flex:none;
}
.cs-progress-copy b{
  color:#245EBB;
  font:700 30px/1 'Space Grotesk',sans-serif;
}
.cs-progress-copy span{
  margin-top:6px;
  color:#8394A8;
  font:500 8px/1 'JetBrains Mono',monospace!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
}
.cs-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:20px 0;
}
.cs-grid-all{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-grid:not(.cs-grid-all) > .cs-card:last-child:nth-child(odd){
  grid-column:1/-1;
  min-height:164px;
}
.cs-grid:not(.cs-grid-all) > .cs-card:last-child:nth-child(odd) .cs-desc{max-width:76ch}
.cs-card{
  position:relative;
  overflow:hidden;
  min-height:200px;
  padding:20px;
  border:1px solid rgba(38,85,151,.14);
  border-radius:18px;
  background:
    radial-gradient(circle 240px at 100% 0%,rgba(100,161,248,.09),transparent 56%),
    #fff;
  color:#163052;
  text-align:left;
  display:flex;
  flex-direction:column;
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
.cs-card::before{
  content:'';
  position:absolute;
  left:0;
  top:22px;
  width:3px;
  height:40px;
  border-radius:0 3px 3px 0;
  background:#5A97EC;
  opacity:.55;
}
.cs-card:hover{
  transform:translateY(-3px);
  border-color:rgba(45,104,213,.36);
  box-shadow:0 18px 36px rgba(31,75,137,.11);
}
.cs-card.done{border-color:rgba(22,135,99,.28)}
.cs-card.done::before{background:#168763;opacity:.8}
.cs-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:17px;
}
.cs-state{
  color:#497097;
  font:600 8.5px/1 'JetBrains Mono',monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cs-card.done .cs-state{color:#168763}
.cs-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#EFF5FD;
  color:#2D68D5;
  font-size:15px;
}
.cs-card > strong{
  display:block;
  color:#152D4B;
  font:650 22px/1.08 'Space Grotesk',sans-serif;
  letter-spacing:-.025em;
}
.cs-card > strong em{font-style:normal;color:#2D68D5}
.cs-desc{
  display:block;
  margin-top:10px;
  color:#627A96;
  font-size:12.8px;
  line-height:1.55;
}
.cs-open{
  margin-top:auto;
  padding-top:18px;
  color:#2D68D5;
  font:600 9px/1 'JetBrains Mono',monospace;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.cs-open::after{content:'  →'}
.cs-guidance{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  border-radius:15px;
  background:#EFF5FD;
  padding:14px 16px;
}
.cs-guidance-number{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#fff;
  color:#2D68D5;
  font:600 10px/1 'JetBrains Mono',monospace;
  box-shadow:0 6px 16px rgba(31,75,137,.08);
}
.cs-guidance strong{color:#213D5F;font-size:13.5px}
.cs-guidance p{margin-top:3px;color:#6D8199;font-size:11.5px;line-height:1.45}
.cs-reset{
  min-height:44px;
  border:1px solid rgba(40,87,151,.13);
  border-radius:10px;
  background:#fff;
  color:#57718F;
  padding:10px 13px;
  font:600 8.5px/1.2 'JetBrains Mono',monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.foot{border-color:rgba(38,85,151,.11);color:#8193A8}
.foot .wax{color:#168763}

.panel{
  background:
    radial-gradient(circle 720px at 94% -8%,rgba(89,153,246,.17),transparent 58%),
    #F4F8FE;
}
.panel-inner{max-width:1060px}
.panel-inner::before{
  height:4px;
  background:linear-gradient(90deg,#153F80,#4D8EE7,#A5CBFF);
  opacity:1;
}
.panel-head{
  padding-top:30px;
  border-color:rgba(38,85,151,.11);
  background:linear-gradient(180deg,#F4F8FE 82%,rgba(244,248,254,0));
}
.panel-head h2{color:#142C4A}
.panel-head h2 em{color:#2D68D5}
.panel-head .px{color:#607792}
.pk{color:#2D68D5}
.px{color:#607792}
.panel-close{
  min-width:44px;
  min-height:44px;
  background:#fff;
  border-color:rgba(38,85,151,.15);
  color:#5B7390;
  box-shadow:0 8px 22px rgba(31,75,137,.08);
}
.panel-close:hover{color:#1D50AF;border-color:rgba(45,104,213,.36)}
.seg{background:#E7EFFA;border-color:rgba(38,85,151,.12)}
.seg-btn{min-height:44px;color:#607792}
.seg-btn:hover{color:#173454}
.seg-btn.on{background:#fff;color:#1D56B7;box-shadow:0 6px 16px rgba(31,75,137,.1)}

.fl{color:#6E829A;font-size:10px}
textarea,
.txt,
select.txt,
.panel-body input:not([type="file"]),
.panel-body select{
  background:#fff;
  border-color:rgba(38,85,151,.17);
  color:#173454;
  color-scheme:light;
  min-height:48px;
  box-shadow:0 5px 16px rgba(31,75,137,.035);
}
textarea:focus,
.txt:focus,
.panel-body input:focus,
.panel-body select:focus{
  background:#fff;
  border-color:rgba(45,104,213,.5);
  box-shadow:0 0 0 4px rgba(45,104,213,.09);
}
textarea::placeholder,
.txt::placeholder,
.panel-body input::placeholder{color:#91A1B4}
.btn{
  min-height:48px;
  background:linear-gradient(135deg,#1D50AF,#3979D8);
  color:#fff;
  box-shadow:0 12px 26px -15px rgba(26,76,157,.65),inset 0 1px 0 rgba(255,255,255,.22);
}
.btn.ghost{
  background:#fff;
  border-color:rgba(38,85,151,.17);
  color:#3B5A7B;
}
.btn.ghost:hover{border-color:rgba(45,104,213,.4);color:#1D50AF}
.uploadlbl{
  min-height:48px;
  background:#fff;
  border-color:rgba(38,85,151,.2);
  color:#506D8C;
}
.filechip{color:#235DBE;border-color:rgba(45,104,213,.32);background:#fff}
.out{
  background:#fff;
  border-color:rgba(38,85,151,.16);
  box-shadow:0 18px 40px rgba(31,75,137,.07);
}
.out .otxt{color:#3D5878}
.out .otxt strong{color:#173454}
.out .otxt h4{color:#1E5ABE}
.out .otxt .em{color:#2C619D}
.out .otag{color:#2D68D5}
.out .otag .copy{border-color:rgba(38,85,151,.16);color:#607792}
.loading{color:#2D68D5}
.loading .dots i{background:#2D68D5}
.kblock{border-color:rgba(38,85,151,.09)}
.kblock h3{color:#173454}
.kblock h3 em{color:#2D68D5}
.kblock p{color:#5D7692}
.kblock p strong{color:#304F73}
.kblock .quote{color:#284867;border-color:rgba(45,104,213,.34)}
.kblock .quote em{color:#2D68D5}
.kblock li{color:#3E5B7A}
.pill{
  min-height:44px;
  border-color:rgba(38,85,151,.16);
  color:#57708C;
  background:#fff;
}
.pill:hover,
.pill.on{border-color:rgba(45,104,213,.4);color:#1D59BE;background:#EAF2FF}
.disclaimer{color:#788BA1;border-color:rgba(38,85,151,.1)}
.scenario-card,
.stat,
.track-item{
  background:#fff;
  border-color:rgba(38,85,151,.15);
}
.scenario-card .q,
.stat .sv,
.track-item h4{color:#173454}
.scenario-card .meta,
.tag{color:#2D68D5}
.track-item p{color:#607792}
.tag{border-color:rgba(38,85,151,.16)}
.chat{
  min-height:120px;
  max-height:460px;
  border-radius:16px;
  padding:12px;
  background:rgba(229,239,252,.58);
  border:1px solid rgba(38,85,151,.08);
}
.bub{max-width:82%;font-size:15px;line-height:1.58}
.bub.them{
  background:#fff;
  border-color:rgba(38,85,151,.14);
  color:#3A5676;
  box-shadow:0 6px 18px rgba(31,75,137,.05);
}
.bub.them .who{color:#2D68D5}
.bub.them.coach{
  border-color:rgba(45,104,213,.32);
  background:linear-gradient(145deg,#fff,#F2F7FF);
}
.bub.you{
  background:#285FBE;
  border-color:#285FBE;
  color:#fff;
  box-shadow:0 7px 18px rgba(31,75,137,.16);
}
.bub.you .who{color:rgba(255,255,255,.72)}

.cs-panel-next{
  position:sticky;
  bottom:14px;
  z-index:8;
  max-width:960px;
  margin:0 auto 18px;
  border:1px solid rgba(38,85,151,.16);
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(31,75,137,.17);
  border-radius:15px;
  padding:11px;
  display:flex;
  gap:10px;
  align-items:center;
}
.cs-panel-next > span{
  color:#5F7691;
  font-size:12.5px;
  margin-right:auto;
  padding-left:7px;
}
.cs-panel-next button{
  min-height:44px;
  border-radius:10px;
  padding:10px 14px;
  border:0;
  background:linear-gradient(135deg,#1D50AF,#3979D8);
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.cs-panel-next .cs-back{
  background:#fff;
  color:#536F8E;
  border:1px solid rgba(38,85,151,.15);
}
.panel.rt-active .cs-panel-next{display:none}
.panel.rt-finished .cs-panel-next{
  position:relative;
  bottom:auto;
  margin-top:8px;
}

/* Live interviewer */
.echo-voice-dock{display:none!important}
.rt-shell{display:grid;gap:14px}
.rt-disclosure{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  border:1px solid rgba(38,85,151,.14);
  border-radius:15px;
  background:#fff;
  padding:14px 15px;
  color:#59718E;
  font-size:12.5px;
  line-height:1.5;
}
.rt-disclosure > span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#E9F2FF;
  color:#2D68D5;
  font-size:16px;
}
.rt-stage{
  min-height:230px;
  border:1px solid rgba(38,85,151,.13);
  border-radius:22px;
  background:
    radial-gradient(circle 350px at 50% -10%,rgba(105,169,255,.19),transparent 62%),
    linear-gradient(180deg,#FFFFFF,#F2F7FE);
  padding:clamp(22px,4vw,38px);
  display:grid;
  justify-items:center;
  align-content:center;
  text-align:center;
  overflow:hidden;
}
.rt-orb{
  position:relative;
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#1B4FAD,#5C9CF1);
  box-shadow:0 18px 46px rgba(36,93,180,.26),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .25s,box-shadow .25s,background .25s;
}
.rt-orb::before,
.rt-orb::after{
  content:'';
  position:absolute;
  border:1px solid rgba(45,104,213,.19);
  border-radius:50%;
  opacity:0;
}
.rt-orb::before{inset:-12px}
.rt-orb::after{inset:-25px}
.rt-orb span{font-size:26px}
.rt-stage[data-state="listening"] .rt-orb{
  background:linear-gradient(145deg,#13785E,#34AE86);
  box-shadow:0 18px 46px rgba(22,135,99,.24);
  animation:rtBreath 2.3s ease-in-out infinite;
}
.rt-stage[data-state="listening"] .rt-orb::before,
.rt-stage[data-state="listening"] .rt-orb::after{opacity:1;animation:rtRing 2.3s ease-out infinite}
.rt-stage[data-state="listening"] .rt-orb::after{animation-delay:.75s}
.rt-stage[data-state="thinking"] .rt-orb{animation:rtThink 1.1s ease-in-out infinite}
.rt-stage[data-state="speaking"] .rt-orb{
  background:linear-gradient(145deg,#245BBE,#7FB3F6);
  transform:scale(1.05);
  box-shadow:0 20px 52px rgba(36,93,180,.31);
}
@keyframes rtBreath{50%{transform:scale(1.06)}}
@keyframes rtRing{0%{transform:scale(.8);opacity:.55}100%{transform:scale(1.25);opacity:0}}
@keyframes rtThink{0%,100%{transform:rotate(-2deg) scale(.98)}50%{transform:rotate(2deg) scale(1.04)}}
.rt-state{
  margin-top:16px;
  color:#1B3D68;
  font:700 19px/1.2 'Space Grotesk',sans-serif;
}
.rt-detail{
  margin-top:6px;
  color:#6A809A;
  font-size:12.5px;
  line-height:1.45;
  max-width:54ch;
}
.rt-timer{
  margin-top:11px;
  color:#2D68D5;
  font:600 9px/1 'JetBrains Mono',monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.rt-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.rt-start{min-width:220px;justify-content:center}
.rt-stop{border-color:rgba(193,77,97,.26)!important;color:#A23D50!important}
.rt-type{
  display:none;
  border:1px solid rgba(38,85,151,.13);
  border-radius:15px;
  background:#fff;
  padding:14px;
}
.rt-type.show{display:block}
.rt-type .row{margin-top:9px}
.rt-type textarea{min-height:88px}
.rt-chat:empty::before{
  content:'Your conversation will appear here as it happens.';
  display:block;
  margin:auto;
  color:#8395AA;
  font-size:12.5px;
}
.rt-transcript{
  border:1px solid rgba(38,85,151,.14);
  border-radius:15px;
  background:#fff;
  overflow:hidden;
}
.rt-transcript summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 15px;
  color:#315274;
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  list-style:none;
}
.rt-transcript summary::-webkit-details-marker{display:none}
.rt-transcript summary::after{content:'+';color:#2D68D5;font-size:20px;font-weight:400}
.rt-transcript[open] summary::after{content:'−'}
.rt-transcript-body{
  padding:0 15px 15px;
  border-top:1px solid rgba(38,85,151,.09);
}
.rt-transcript-text{
  max-height:300px;
  overflow:auto;
  white-space:pre-wrap;
  color:#4D6784;
  font-size:12.5px;
  line-height:1.62;
  padding:14px 2px 4px;
}
.rt-transcript-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.rt-transcript-actions button{
  min-height:44px;
  border:1px solid rgba(38,85,151,.15);
  border-radius:9px;
  background:#F5F8FD;
  color:#496783;
  padding:10px 12px;
  font-size:11px;
  font-weight:600;
}
.rt-transcript-actions .rt-delete{color:#A23D50}
.rt-ready{
  display:none;
  border:1px solid rgba(22,135,99,.24);
  border-radius:17px;
  background:linear-gradient(145deg,#F5FFFA,#FFFFFF);
  padding:18px;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  align-items:center;
  box-shadow:0 15px 34px rgba(22,135,99,.07);
  scroll-margin-top:150px;
}
.rt-ready.show{display:grid}
.rt-ready > span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#DFF5EB;
  color:#168763;
  font-size:20px;
  font-weight:700;
}
.rt-ready strong{display:block;color:#1D4B3D;font:700 17px/1.2 'Space Grotesk',sans-serif}
.rt-ready p{margin-top:4px;color:#638078;font-size:12.5px;line-height:1.45}
.rt-notice{
  border:1px solid rgba(193,77,97,.2);
  border-radius:12px;
  background:#FFF6F7;
  color:#8E4050;
  padding:12px 14px;
  font-size:12.5px;
  line-height:1.5;
}

@media(max-width:900px){
  .cs-grid-all{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .cs-hero{grid-template-columns:1fr}
  .cs-week{display:none}
  .tools.clear-sky-shell{grid-template-columns:1fr!important}
  .cs-halls{
    min-height:0;
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:11px;
    border-radius:18px;
    scrollbar-width:none;
  }
  .cs-halls::-webkit-scrollbar{display:none}
  .cs-hall-mark{display:none}
  .cs-hall{
    width:auto;
    min-width:max-content;
    min-height:46px;
    padding:10px 13px;
  }
  .cs-hall.cs-all{margin:0;border:0;border-radius:13px}
  .cs-workspace{padding:18px;border-radius:19px}
  .cs-grid{grid-template-columns:1fr}
  .cs-grid:not(.cs-grid-all) > .cs-card:last-child:nth-child(odd){grid-column:auto}
  .cs-card{min-height:170px}
  .cs-guidance{grid-template-columns:auto minmax(0,1fr)}
  .cs-reset{grid-column:1/3;width:100%}
  .cs-panel-next{bottom:8px;margin:0 8px 10px;align-items:stretch;flex-direction:column}
  .cs-panel-next > span{padding:0;margin:0}
  .cs-panel-next button{width:100%}
  .panel-body{padding-bottom:190px}
}
@media(max-width:540px){
  .app{padding-left:13px!important;padding-right:13px!important}
  .topbar{align-items:flex-start}
  .prime-pill{width:100%;overflow:hidden}
  .prime-pill .lbl{display:none}
  .hero-line{padding-top:30px!important}
  .cs-hero h1{font-size:38px!important}
  .cs-workspace-head{display:block}
  .cs-progress-copy{justify-items:start;margin-top:14px}
  .cs-grid-all{grid-template-columns:1fr}
  .cs-card{padding:18px}
  .panel-head{padding-top:22px}
  .panel-body{padding-top:20px}
  .bub{max-width:92%}
  .rt-stage{padding:24px 14px;min-height:220px}
  .rt-orb{width:82px;height:82px}
  .rt-actions .btn{width:100%;justify-content:center}
}