/* sexchatwithgirls.com */
@font-face{font-family:"Zilla Slab";src:url(text/a-1.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url(text/a-2.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(text/b-1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(text/b-1.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{--cr-back:#EFEAFF;--cr-riser:#E6DFFA;--cr-front:#211A30;--cr-faded:#6B6086;--cr-key:#535E00;--cr-key-b:#BEA7F4;--cr-over-key:#E6DFFA;--cr-edge:rgba(29,22,44,0.16);--cr-edge-thin:rgba(29,22,44,0.09);--cr-glow:linear-gradient(160deg,#E9ECE0,#E3E7D7 50%,#CFE4D9);--cr-stroke:1.5px;--cr-shade:3px 3px 0 var(--cr-key-b);--cr-beat:1.3rem;
    --cr-width:23.9em;color-scheme:light}

*{box-sizing:border-box}
body{margin:0;background:var(--cr-back);color:var(--cr-front);
    font:400 20.3px/1.67 'Onest',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased}
h1,h2,h3,.action,.wordmark{font-family:'Zilla Slab',Georgia,serif;
    font-weight:700;line-height:1.22;letter-spacing:-0.016em;
    text-wrap:balance}
h1{font-size:clamp(25.1px,3.12vw,40.5px);margin:0 0 calc(var(--cr-beat)*1.1)}
h2{font-size:clamp(20.2px,2.89vw,23.5px);margin:calc(var(--cr-beat)*2.4) 0 var(--cr-beat)}

p{margin:0 0 var(--cr-beat);max-width:var(--cr-width)}
a{color:var(--cr-key)}
img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--cr-key);outline-offset:3px}
.measure{width:min(100% - 2.4rem,780px);margin-inline:auto}

.index ul{display:flex;flex-wrap:wrap;gap:.15rem .9rem;list-style:none;margin:0;padding:0}
.index a{text-decoration:none;color:var(--cr-faded);font-size:16.9px;
    letter-spacing:.04em}
.index a:hover,.index a[aria-current]{color:var(--cr-front)}
.wordmark{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit}
.wordmark svg{width:2rem;height:2rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.wordmark span{font-size:21.4px;letter-spacing:-.01em;white-space:nowrap}

.action{display:inline-flex;align-items:center;gap:.55em;padding:.72em 1.5em;
    border:var(--cr-stroke) solid var(--cr-key);border-radius:4px;text-decoration:none;
    color:var(--cr-key);background:transparent;font-size:22.2px;cursor:pointer}
.action:hover{background:var(--cr-key);color:var(--cr-over-key)}
.action svg{width:1em;height:1em}

.doorway .doorway__title{font-size:clamp(17.6px,2.05vw,26.7px);
    margin:0 0 .5em;max-width:28ch}
.doorway .doorway__note{color:var(--cr-faded);max-width:54ch;margin:0 0 calc(var(--cr-beat)*1.3)}

.plate{margin:calc(var(--cr-beat)*1.9) 0}
.plate svg{display:block;width:100%;height:auto}
.plate figcaption{margin-top:.7em;font-size:16.9px;color:var(--cr-faded)}
.plate .cr-accent{stroke:var(--cr-key)}
.plate .cr-fill{fill:var(--cr-back);stroke:var(--cr-edge)}
.plate .cr-dot{fill:var(--cr-key);stroke:none}

.audience{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:var(--cr-beat) 0;padding:0}
.audience li{border:var(--cr-stroke) solid var(--cr-edge);border-radius:4px;
    padding:.3em .9em;font-size:18.5px;color:var(--cr-faded)}
.advice{list-style:none;margin:var(--cr-beat) 0;padding:0;display:flex;flex-direction:column;
    gap:.8rem;max-width:var(--cr-width)}
.questions details{border-bottom:var(--cr-stroke) solid var(--cr-edge-thin);max-width:var(--cr-width)}
.questions summary{cursor:pointer;padding:.85em 0;font-weight:500}
.questions p{color:var(--cr-faded);padding-bottom:.85em}
.points{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;
    list-style:none;margin:calc(var(--cr-beat)*1.3) 0;padding:0}
.points li{border-bottom:var(--cr-stroke) solid var(--cr-edge);padding:0 0 .9rem;border-radius:0}
.points b{display:block;font-family:'Zilla Slab',Georgia,serif;margin-bottom:.3em}
.points span{color:var(--cr-faded);font-size:18.5px}
.colophon{border-top:var(--cr-stroke) solid var(--cr-edge);margin-top:calc(var(--cr-beat)*2.6);
    padding:calc(var(--cr-beat)*1.8) 0;font-size:18.5px;color:var(--cr-faded)}
.masthead .measure{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.masthead{position:sticky;top:.8rem;z-index:8;margin:.8rem 0}
.masthead-pill{display:flex;align-items:center;gap:1.1rem;background:var(--cr-riser);border:var(--cr-stroke) solid var(--cr-edge);border-radius:999px;padding:.5rem 1.3rem;box-shadow:var(--cr-shade);flex-wrap:wrap}
.article{padding:calc(var(--cr-beat)*2) 0}
.article{padding:calc(var(--cr-beat)*2) 0}
.article>.measure{width:min(100% - 2.4rem,1080px)}
.gutter{margin-top:calc(var(--cr-beat)*2)}
.gutter .action{margin-top:.8rem}
.summary2{display:flex;flex-direction:column;gap:.42rem;margin:0 0 var(--cr-beat)}
.summary2 a{color:var(--cr-faded);text-decoration:none;font-size:16.9px;line-height:1.35;display:block;border-inline-start:var(--cr-stroke) solid var(--cr-edge);padding-inline-start:.7rem}
.summary2 a:hover{color:var(--cr-front);border-color:var(--cr-key)}
@media(min-width:64rem){
    .article>.measure{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:clamp(2rem,4vw,4rem);align-items:start}
    .article>.measure>.article-col{grid-column:1;min-width:0}
    .article>.measure>.gutter{grid-column:2}
    .gutter{position:sticky;top:1.4rem;margin-top:calc(var(--cr-beat)*3.4);border-inline-start:var(--cr-stroke) solid var(--cr-edge);padding-inline-start:1.4rem;font-size:18.5px}
    h1{font-size:clamp(25.1px,3.2vw,33.2px)}
}
@media(min-width:60rem){
    .article .passage:nth-child(2n){margin-inline-start:clamp(2rem,7%,6rem);border-inline-start:var(--cr-stroke) solid var(--cr-edge);padding-inline-start:clamp(1.2rem,2.4%,2.2rem)}
    .article .passage:nth-child(3n){margin-inline-end:clamp(1rem,4%,3.5rem)}
}
.colophon{border-top:var(--cr-stroke) solid var(--cr-edge);margin-top:calc(var(--cr-beat)*2.6);padding:calc(var(--cr-beat)*1.8) 0;font-size:18.5px;color:var(--cr-faded)}
.colophon a{color:inherit}
.colophon a:hover{color:var(--cr-key)}
.colophon i{font-style:normal;font-size:.78em;opacity:.75;margin-inline-start:.28em;vertical-align:.08em}
.colophon .measure{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline}
.colophon p{margin:0;max-width:none}
.colophon-links{display:flex;gap:1.1rem;flex-wrap:wrap}
.action{border-radius:0}
.index:not([open]) ul{display:none}
.masthead .index summary{list-style:none;cursor:pointer;color:var(--cr-faded);font-size:18.5px;border:var(--cr-stroke) solid var(--cr-edge);border-radius:4px;padding:.3em .8em}
.masthead .index summary::-webkit-details-marker{display:none}
.masthead .index{position:relative}
.masthead .index[open] ul{position:absolute;inset-inline-end:0;top:2.3rem;z-index:9;flex-direction:column;gap:.3rem;background:var(--cr-riser);border:var(--cr-stroke) solid var(--cr-edge);border-radius:4px;padding:.7rem 1rem;min-width:9rem;box-shadow:var(--cr-shade)}
.margin,.matrix table,.points li,.audience li{background:color-mix(in oklab,var(--cr-key) 10%,var(--cr-back))}
.extract{background:color-mix(in oklab,var(--cr-key) 10%,var(--cr-back))}
body{background-image:linear-gradient(to bottom,color-mix(in oklab,var(--cr-key) 7%,var(--cr-back)),var(--cr-back) 46rem);background-repeat:no-repeat}
@media(prefers-reduced-motion:no-preference){
  .action{transition:background .18s,color .18s}
  .audience li{transition:border-color .18s,color .18s}
  .audience li:hover{border-color:var(--cr-key);color:var(--cr-front)}
}
.doorway-note{margin:.9em 0 0;font-size:.82em;color:var(--cr-faded)}
.doorway__fold{position:relative;background:var(--cr-riser);border:var(--cr-stroke) solid var(--cr-edge);padding:clamp(1.8rem,5vw,3rem);max-width:50rem;margin-top:1.2rem;clip-path:polygon(0 0,calc(100% - 2.4rem) 0,100% 2.4rem,100% 100%,0 100%)}
.doorway__mark{display:inline-block;font-weight:800;color:var(--cr-key);letter-spacing:.1em;font-size:.8em;margin-bottom:.8em}
.notice{position:fixed;left:50%;bottom:1.1rem;transform:translateX(-50%);z-index:9;display:flex;gap:.9rem;align-items:center;background:var(--cr-riser);border:var(--cr-stroke) solid var(--cr-edge);border-radius:999px;padding:.5rem .6rem .5rem 1.3rem;font-size:.82em;max-width:min(52rem,calc(100% - 2rem))}
.notice>span{flex:1 1 auto;min-width:0}
.notice .action{flex:0 0 auto;white-space:nowrap}
@media(max-width:46rem){.notice{position:fixed;inset:auto 0 0;width:auto;max-width:none;transform:none;display:block;border-radius:0;border:0;border-top:var(--cr-stroke) solid var(--cr-edge);padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));font-size:.85em;line-height:1.45;background:var(--cr-back);box-shadow:0 -8px 24px -18px rgba(0,0,0,.5)}.notice>*{max-width:none}.notice .action,.notice button{display:block;width:100%;margin-top:.7rem;text-align:center}}
body{padding-bottom:var(--cr-strip,4.5rem)}
.cb-off body,html.cb-off body{--cr-strip:0rem}
.plate svg{display:block;width:100%;height:auto;fill:none;stroke:var(--cr-edge);stroke-width:1.5}
.plate text{fill:none;stroke:var(--cr-key);stroke-width:2;paint-order:stroke}
.plate .cr-fill{fill:none;stroke:var(--cr-edge)}
.doorway-hero{margin-bottom:calc(var(--cr-beat)*1.4)}
.doorway-hero__ask{border:var(--cr-stroke) solid var(--cr-edge);border-radius:var(--cr-curve,8px);background:var(--cr-riser);padding:clamp(1.1rem,3vw,1.8rem)}
.doorway-hero__badge{display:inline-block;border:var(--cr-stroke) solid var(--cr-key);color:var(--cr-key);border-radius:999px;padding:.15em .8em;font-size:.76em;font-weight:700;letter-spacing:.07em;margin-bottom:.7em}
.doorway-hero__q{margin:0 0 .9em;font-weight:600;max-width:34ch}
.doorway-hero__go{display:inline-flex;align-items:center;gap:.5em}
.doorway-hero__note{margin:.8em 0 0;color:var(--cr-faded);font-size:.85em}
.doorway-hero__pull{font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.35;border-inline-start:4px solid var(--cr-key);padding-inline-start:1rem;margin:1rem 0 1.4rem;max-width:32ch;font-weight:600}
.doorway-hero--callout .doorway-hero__ask{margin-top:1.6rem;max-width:36rem}
.further{margin:2.6rem 0}
.further ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.further li{padding-block:.55rem;border-top:var(--cr-stroke) solid var(--cr-edge-thin)}
.further span{display:block;color:var(--cr-faded);font-size:.88em}
.further i{font-style:normal;font-size:.72em;letter-spacing:.06em;margin-inline-start:.45em;padding:.05em .35em;border-radius:3px;background:var(--cr-riser);color:var(--cr-faded);border:var(--cr-stroke) solid var(--cr-edge-thin)}
.questions__qa{margin:1.4rem 0;max-width:var(--cr-width)}
.questions__qa h3{font-size:1.02em;margin:0 0 .35em}
.questions__qa p{margin:0;color:var(--cr-faded)}
.doorway-soft{border-inline-start:3px solid var(--cr-key);padding-block:.2rem;padding-inline:1.1rem 0;margin:2rem 0;max-width:var(--cr-width)}
.doorway-soft a{font-weight:650}
.doorway-soft span{display:block;color:var(--cr-faded);font-size:.86em;margin-top:.3em}
.colophon i{font-style:normal;font-size:.72em;letter-spacing:.06em;margin-inline-start:.35em;color:var(--cr-faded);opacity:.8}
.legal p,.legal h2,.legal h1{max-width:var(--cr-width)}
.legal .upd{color:var(--cr-faded);font-size:.85em;margin-bottom:2.4em}
.colophon p{margin:.35em 0;max-width:none}
.passage>h2{border-top:calc(var(--cr-stroke)*2) solid var(--cr-front);padding-top:.55em;margin-top:calc(var(--cr-beat)*2.2)}
.article-lede p:first-child::first-letter{float:inline-start;font-size:3.4em;line-height:.8;padding-inline-end:.08em;padding-top:.05em;font-weight:700;color:var(--cr-key)}
.points2{margin:0 0 var(--cr-beat);padding-inline-start:1.15em;max-width:var(--cr-width)}
.points2 li{margin:.35em 0}
.points2 li::marker{color:var(--cr-key)}
.stages{margin:0 0 var(--cr-beat);padding:0;list-style:none;counter-reset:st;max-width:var(--cr-width)}
.stages li{counter-increment:st;position:relative;padding-inline-start:2.1em;margin:.55em 0}
.stages li::before{content:counter(st);position:absolute;inset-inline-start:0;top:.05em;width:1.5em;height:1.5em;display:grid;place-items:center;border-radius:50%;font-size:.78em;background:var(--cr-key);color:var(--cr-over-key);font-weight:700}
.matrix{overflow-x:auto;margin:0 0 var(--cr-beat)}
.matrix table{border-collapse:collapse;width:100%;font-size:.94em}
.matrix th,.matrix td{text-align:start;padding:.5em .7em;border-bottom:var(--cr-stroke) solid var(--cr-edge-thin);vertical-align:top}
.matrix th{border-bottom-width:calc(var(--cr-stroke)*2);border-bottom-color:var(--cr-edge);font-weight:700}
.matrix tr:last-child td{border-bottom:0}
.extract{margin:calc(var(--cr-beat)*1.2) 0;padding-inline-start:1.1em;border-inline-start:3px solid var(--cr-key);max-width:var(--cr-width)}
.extract p{font-size:1.12em;margin:0 0 .35em}
.extract cite{font-style:normal;font-size:.85em;color:var(--cr-faded)}
.margin{margin:calc(var(--cr-beat)*1.1) 0;padding:.9em 1.1em;background:var(--cr-riser);border-radius:4px;border:var(--cr-stroke) solid var(--cr-edge-thin);max-width:var(--cr-width);font-size:.95em}
.margin b{display:block;margin-bottom:.3em;color:var(--cr-key)}
.margin p{margin:0}
.queries{margin:0 0 var(--cr-beat);max-width:var(--cr-width)}
.queries dt{font-weight:700;margin-top:.9em}
.queries dd{margin:.25em 0 0;color:var(--cr-faded)}
.queries details{border-bottom:var(--cr-stroke) solid var(--cr-edge-thin);padding:.55em 0}
.queries summary{font-weight:700;cursor:pointer}
.queries details p{margin:.4em 0 0;color:var(--cr-faded)}
.matrix caption{text-align:start;font-weight:700;padding:0 0 .5em}
.matrix th[scope=row]{font-weight:650;white-space:nowrap}
.points2 b,.stages b{color:var(--cr-key)}
.callout{margin:calc(var(--cr-beat)*1.3) 0;max-width:var(--cr-width)}
html.cb-off body,html[data-cb=off] body{--cr-strip:0rem}