#roseiq-app{
    --ink:#0B1319;
    --ink-2:#101C24;
    --steel:#17262F;
    --steel-2:#1E313C;
    --line:rgba(226,233,238,.13);
    --line-2:rgba(226,233,238,.28);
    --bone:#E9EFF3;
    --muted:#8FA2AD;
    --brass:#D9A445;
    --brass-hi:#F0C978;
    --brass-lo:#7E5A1C;
    --rose:#C0475A;
    --sage:#7FA383;
    --display:'Bebas Neue','Arial Narrow',Impact,sans-serif;
    --body:'Barlow','Helvetica Neue',Arial,sans-serif;
    --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
    --r:3px;
    --pad:clamp(20px,4vw,44px);
  }#roseiq-app *{box-sizing:border-box;margin:0;padding:0}#roseiq-app{-webkit-text-size-adjust:100%}#roseiq-app{
    background:var(--ink);
    color:var(--bone);
    font-family:var(--body);
    font-size:17px;
    line-height:1.6;
    min-height:100vh;
    overflow-x:hidden;
  }/* range-target ring ambience */
  #roseiq-app::before{
    content:"";
    position:absolute;inset:0;
    background:
      repeating-radial-gradient(circle at 82% -12%,
        transparent 0 61px,
        rgba(217,164,69,.055) 61px 62px),
      radial-gradient(ellipse at 15% 110%, rgba(192,71,90,.10), transparent 55%);
    pointer-events:none;z-index:0;
  }#roseiq-app::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(11,19,25,.4),transparent 30%);
    pointer-events:none;z-index:0;
  }#roseiq-app .wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 var(--pad)}/* ---------- chrome ---------- */
  #roseiq-app header.bar{
    position:relative;z-index:2;
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;
    padding:20px 0 18px;
    border-bottom:1px solid var(--line);
  }#roseiq-app .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bone)}#roseiq-app .mark{width:34px;height:34px;flex:none}#roseiq-app .brand-txt{display:flex;flex-direction:column;line-height:1.05}#roseiq-app .brand-name{font-family:var(--display);font-size:21px;letter-spacing:.06em}#roseiq-app .brand-sub{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}#roseiq-app .bar-link{
    font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;
  }#roseiq-app .bar-link:hover,#roseiq-app .bar-link:focus-visible{color:var(--brass);border-color:var(--brass)}@media(max-width:560px){#roseiq-app .bar-link.hide-sm{display:none}}/* ---------- shared type ---------- */
  #roseiq-app .eyebrow{
    font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;
    color:var(--brass);display:flex;align-items:center;gap:10px;
  }#roseiq-app .eyebrow::before{content:"";width:26px;height:1px;background:var(--brass);display:block}#roseiq-app h1,#roseiq-app h2,#roseiq-app h3{font-family:var(--display);font-weight:400;line-height:.94;letter-spacing:.012em;color:var(--bone)}#roseiq-app .huge{font-size:clamp(48px,10.5vw,104px)}#roseiq-app .big{font-size:clamp(34px,5.6vw,54px)}#roseiq-app .mid{font-size:clamp(26px,3.6vw,34px)}#roseiq-app .lede{font-size:clamp(16px,1.9vw,19px);color:#BFCCD4;max-width:60ch}#roseiq-app .mono{font-family:var(--mono)}#roseiq-app .rule{height:1px;background:var(--line);border:0}/* ---------- buttons ---------- */
  #roseiq-app .btn{
    font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
    border:1px solid var(--brass);background:var(--brass);color:#17110A;
    padding:15px 26px;border-radius:var(--r);cursor:pointer;
    display:inline-flex;align-items:center;gap:11px;text-decoration:none;
    transition:transform .12s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
    font-weight:700;
  }#roseiq-app .btn:hover,#roseiq-app .btn:focus-visible{background:var(--brass-hi);border-color:var(--brass-hi);transform:translateY(-1px);box-shadow:0 10px 26px -14px rgba(217,164,69,.8)}#roseiq-app .btn:active{transform:translateY(0)}#roseiq-app .btn.ghost{background:transparent;color:var(--bone);border-color:var(--line-2)}#roseiq-app .btn.ghost:hover,#roseiq-app .btn.ghost:focus-visible{background:rgba(233,239,243,.05);border-color:var(--bone);color:var(--bone);box-shadow:none}#roseiq-app .btn[disabled]{opacity:.34;cursor:not-allowed;transform:none;box-shadow:none}#roseiq-app .btn .arw{font-family:var(--body);font-weight:700}/* ---------- intro ---------- */
  #roseiq-app .intro{padding:clamp(52px,9vw,104px) 0 clamp(40px,6vw,72px)}#roseiq-app .intro h1{max-width:16ch}#roseiq-app .intro h1 em{font-style:normal;color:var(--brass);position:relative}#roseiq-app .intro h1 em::after{
    content:"";position:absolute;left:0;right:0;bottom:.09em;height:.045em;
    background:linear-gradient(90deg,var(--brass),transparent);
  }#roseiq-app .intro .lede{margin-top:26px}#roseiq-app .intro-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:34px}#roseiq-app .spec{
    display:grid;grid-template-columns:repeat(3,1fr);
    border:1px solid var(--line);border-radius:var(--r);margin-top:clamp(38px,6vw,60px);
    background:linear-gradient(180deg,rgba(23,38,47,.72),rgba(16,28,36,.45));
    overflow:hidden;
  }#roseiq-app .spec div{padding:20px 22px;border:0;border-right:1px solid var(--line)}#roseiq-app .spec div:last-child{border-right:0}#roseiq-app .spec b{display:block;font-family:var(--display);font-size:34px;color:var(--brass);line-height:1}#roseiq-app .spec span{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}@media(max-width:640px){#roseiq-app .spec{grid-template-columns:1fr}#roseiq-app .spec div{border-right:0;border-bottom:1px solid var(--line)}#roseiq-app .spec div:last-child{border-bottom:0}}#roseiq-app .dims{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);margin-top:18px}#roseiq-app .dim-card{background:var(--ink-2);padding:22px}#roseiq-app .dim-card .n{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--brass-lo);color:var(--brass)}#roseiq-app .dim-card h3{font-size:23px;margin:10px 0 8px;letter-spacing:.03em}#roseiq-app .dim-card p{font-size:14.5px;color:var(--muted);line-height:1.55}#roseiq-app .how{padding:clamp(46px,7vw,84px) 0}#roseiq-app .how-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}@media(max-width:820px){#roseiq-app .how-grid{grid-template-columns:1fr}}#roseiq-app .notes{list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}#roseiq-app .notes li{background:var(--ink-2);padding:16px 18px;display:flex;gap:14px;align-items:flex-start;font-size:15px;color:#C6D2DA}#roseiq-app .notes li b{font-family:var(--mono);font-size:11px;color:var(--brass);letter-spacing:.1em;flex:none;padding-top:3px}/* ---------- quiz ---------- */
  #roseiq-app .quiz{display:none;padding:clamp(28px,5vw,48px) 0 clamp(56px,8vw,90px)}#roseiq-app .quiz.on{display:block}#roseiq-app .qhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}#roseiq-app .qdim{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}#roseiq-app .qcount{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.12em}#roseiq-app .ticks{display:flex;gap:4px;margin-bottom:32px}#roseiq-app .tick{height:5px;flex:1;background:var(--steel-2);border-radius:1px;transition:background .3s ease}#roseiq-app .tick.done{background:var(--brass-lo)}#roseiq-app .tick.now{background:var(--brass)}#roseiq-app .qcard{
    border:1px solid var(--line);border-radius:var(--r);
    background:linear-gradient(180deg,rgba(23,38,47,.62),rgba(16,28,36,.4));
    padding:clamp(24px,4vw,42px);
  }#roseiq-app .qcard h2{font-size:clamp(25px,3.3vw,36px);line-height:1.06;letter-spacing:.015em;max-width:34ch}#roseiq-app .opts{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:28px}#roseiq-app .opt{
    display:flex;gap:15px;align-items:flex-start;
    border:1px solid var(--line);border-radius:var(--r);background:rgba(11,19,25,.5);
    padding:16px 18px;cursor:pointer;text-align:left;width:100%;
    color:var(--bone);font-family:var(--body);font-size:16px;line-height:1.45;
    transition:border-color .13s ease,background .13s ease,transform .13s ease;
  }#roseiq-app .opt:hover,#roseiq-app .opt:focus-visible{border-color:var(--line-2);background:rgba(30,49,60,.55);transform:translateX(3px)}#roseiq-app .opt .ltr{
    font-family:var(--mono);font-size:11px;font-weight:700;color:var(--muted);
    border:1px solid var(--line-2);border-radius:2px;width:24px;height:24px;flex:none;
    display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all .13s ease;
  }#roseiq-app .opt:hover .ltr{border-color:var(--brass);color:var(--brass)}#roseiq-app .opt.sel{border-color:var(--brass);background:rgba(217,164,69,.10)}#roseiq-app .opt.sel .ltr{background:var(--brass);border-color:var(--brass);color:#17110A}#roseiq-app .qfoot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap}#roseiq-app .hintline{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}/* ---------- results ---------- */
  #roseiq-app .results{display:none;padding:clamp(34px,6vw,60px) 0 clamp(60px,9vw,100px)}#roseiq-app .results.on{display:block}#roseiq-app .score-top{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:clamp(26px,4.5vw,58px);align-items:center;border-bottom:1px solid var(--line);padding-bottom:clamp(30px,5vw,54px)}@media(max-width:760px){#roseiq-app .score-top{grid-template-columns:1fr;gap:32px}}#roseiq-app .dial{position:relative;width:100%;max-width:290px;justify-self:center}#roseiq-app .dial svg{width:100%;height:auto;display:block;overflow:visible}#roseiq-app .dial-num{
    position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;pointer-events:none;
  }#roseiq-app .dial-num b{font-family:var(--display);font-size:clamp(58px,15vw,86px);line-height:.85;color:var(--bone)}#roseiq-app .dial-num span{font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin-top:8px}#roseiq-app .tier-tag{
    display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;
    letter-spacing:.2em;text-transform:uppercase;color:var(--brass);
    border:1px solid var(--brass-lo);border-radius:100px;padding:7px 15px;background:rgba(217,164,69,.07);
  }#roseiq-app .verdict h2{margin:18px 0 14px}#roseiq-app .verdict p{color:#C2CED6;max-width:56ch}#roseiq-app .verdict .range{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em;margin-top:14px}#roseiq-app .panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:clamp(34px,5vw,52px) 0 20px}#roseiq-app .panel-h h2{font-size:clamp(24px,3vw,30px);letter-spacing:.03em}#roseiq-app .panel-h span{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}#roseiq-app .break-grid{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:clamp(26px,4vw,52px);align-items:start}@media(max-width:820px){#roseiq-app .break-grid{grid-template-columns:1fr}}#roseiq-app .radar-box{border:1px solid var(--line);border-radius:var(--r);background:rgba(16,28,36,.5);padding:18px}#roseiq-app .radar-box svg{width:100%;height:auto;display:block}#roseiq-app .bars{list-style:none;display:flex;flex-direction:column;gap:15px}#roseiq-app .bar-row .top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px}#roseiq-app .bar-row .nm{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#C6D2DA}#roseiq-app .bar-row .vl{font-family:var(--mono);font-size:11px;color:var(--muted)}#roseiq-app .track{height:9px;background:rgba(233,239,243,.13);border-radius:2px;overflow:hidden}#roseiq-app .fill{display:block;height:100%;width:0;background:var(--brass);border-radius:2px;transition:width 1s cubic-bezier(.2,.7,.3,1)}#roseiq-app .fill.low{background:var(--rose)}#roseiq-app .fill.mid{background:var(--brass-lo)}#roseiq-app .bar-row .rd{font-size:13.5px;color:var(--muted);margin-top:7px;line-height:1.5}#roseiq-app .split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:18px}@media(max-width:720px){#roseiq-app .split{grid-template-columns:1fr}}#roseiq-app .split-col{background:var(--ink-2);padding:24px}#roseiq-app .split-col h3{font-size:20px;letter-spacing:.08em;display:flex;align-items:center;gap:9px}#roseiq-app .split-col h3 .dot{width:8px;height:8px;border-radius:50%;flex:none}#roseiq-app .split-col ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:12px}#roseiq-app .split-col li{display:flex;gap:11px;font-size:15px;color:#C2CED6;line-height:1.5}#roseiq-app .split-col li::before{content:"—";color:var(--muted);flex:none}#roseiq-app .plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:18px}#roseiq-app .plan-card{background:var(--ink-2);padding:26px 24px;display:flex;flex-direction:column;gap:12px}#roseiq-app .plan-card .num{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--brass)}#roseiq-app .plan-card h3{font-size:22px;line-height:1.06;letter-spacing:.03em}#roseiq-app .plan-card p{font-size:14.5px;color:var(--muted);line-height:1.55;flex:1}#roseiq-app .plan-card a{
    font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--brass);text-decoration:none;border-bottom:1px solid var(--brass-lo);align-self:flex-start;padding-bottom:3px;
  }#roseiq-app .plan-card a:hover,#roseiq-app .plan-card a:focus-visible{color:var(--brass-hi);border-color:var(--brass-hi)}#roseiq-app .act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:clamp(34px,5vw,48px);padding-top:clamp(26px,4vw,38px);border-top:1px solid var(--line)}#roseiq-app .fineprint{font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:26px;max-width:78ch}#roseiq-app .fineprint b{color:#B9C6CE;font-weight:600}#roseiq-app .toast{
    position:fixed;left:50%;bottom:26px;transform:translate(-50%,140%);
    background:var(--bone);color:#0B1319;font-family:var(--mono);font-size:12px;letter-spacing:.08em;
    padding:13px 20px;border-radius:var(--r);z-index:60;
    transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .3s ease,visibility .3s ease;
    box-shadow:0 18px 40px -18px rgba(0,0,0,.9);
    opacity:0;visibility:hidden;
  }#roseiq-app .toast.on{transform:translate(-50%,0);opacity:1;visibility:visible}#roseiq-app footer.foot{border-top:1px solid var(--line);padding:34px 0 56px;margin-top:20px}#roseiq-app .foot-row{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:flex-start}#roseiq-app footer.foot p{font-size:12.5px;color:var(--muted);line-height:1.65;max-width:64ch}#roseiq-app footer.foot a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line-2)}#roseiq-app footer.foot a:hover{color:var(--brass);border-color:var(--brass)}#roseiq-app .sig{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#5D707B}@media(prefers-reduced-motion:reduce){#roseiq-app *{animation:none!important;transition:none!important}
  }#roseiq-app :focus-visible{outline:2px solid var(--brass);outline-offset:3px}#roseiq-app .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media print{#roseiq-app{background:#fff;color:#111}#roseiq-app::before,#roseiq-app::after,#roseiq-app .act,#roseiq-app header.bar .bar-link,#roseiq-app footer.foot{display:none!important}#roseiq-app .quiz,#roseiq-app .intro{display:none!important}
  }

#roseiq-app{position:relative;isolation:isolate}

#roseiq-app h1,#roseiq-app h2,#roseiq-app h3,#roseiq-app h4{color:var(--bone)}
#roseiq-app button,#roseiq-app input,#roseiq-app select,#roseiq-app textarea{font:inherit;border:0;background:none;box-shadow:none;text-shadow:none;text-transform:none;letter-spacing:normal;border-radius:0}
#roseiq-app a{background:none;box-shadow:none;text-shadow:none}
#roseiq-app ul,#roseiq-app ol{list-style:none}
#roseiq-app svg{max-width:100%}


/* ---------- email my report ---------- */
#roseiq-app .mailcard{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(22px,4vw,44px);border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,rgba(23,38,47,.62),rgba(16,28,36,.42));padding:clamp(22px,3.4vw,34px)}
@media(max-width:820px){#roseiq-app .mailcard{grid-template-columns:1fr}}
#roseiq-app .mailcopy h3{font-size:clamp(21px,2.7vw,27px);line-height:1.06;letter-spacing:.03em;color:var(--bone)}
#roseiq-app .mailcopy p{margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.6;max-width:46ch}
#roseiq-app .mailcopy .who{margin-top:16px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
#roseiq-app .mailform{display:flex;flex-direction:column;gap:13px}
#roseiq-app .fld{display:flex;flex-direction:column;gap:6px}
#roseiq-app .fld span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#roseiq-app .fld input{font-family:var(--body);font-size:16px;color:var(--bone);background:rgba(11,19,25,.66);border:1px solid var(--line-2);border-radius:var(--r);padding:12px 14px;width:100%}
#roseiq-app .fld input:focus{border-color:var(--brass);background:rgba(11,19,25,.9)}
#roseiq-app .fld input::placeholder{color:#5D707B}
#roseiq-app .chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5;cursor:pointer}
#roseiq-app .chk input{margin-top:3px;width:15px;height:15px;flex:none;accent-color:#D9A445}
#roseiq-app .mailstatus{font-family:var(--mono);font-size:11px;line-height:1.55;letter-spacing:.03em;color:var(--brass);min-height:16px}
#roseiq-app .mailstatus.err{color:#E08A97}
#roseiq-app .mailstatus.ok{color:#9CC29F}
#roseiq-app .mailfallback{display:none;font-size:14px;color:var(--muted);line-height:1.6}
#roseiq-app .mailcard.unavailable{grid-template-columns:1fr}
#roseiq-app .mailcard.unavailable .mailform{display:none}
#roseiq-app .mailcard.unavailable .mailfallback{display:block}