:root{color-scheme:dark;--red:#d5252d;--red-bright:#ff454d;--ink:#fff8f5;--night:#120d17;--night-soft:#20141e;--cream:#fff8f1;--line:rgba(255,240,231,.2);--muted:#d6c3c3}
*{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth}
body{margin:0;min-width:280px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#120d17;line-height:1.55}
button,summary,[role="button"]{font:inherit}
button,[role="button"],summary{cursor:pointer}
button{color:inherit}
[hidden]{display:none!important}
body::before{content:"";position:fixed;inset:0;background-image:url("/images/cindymatches-background.webp");background-size:cover;background-position:center;z-index:0}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#120d17 0%,#120d17 38%,rgba(18,13,23,.94) 47%,rgba(18,13,23,.18) 67%,rgba(18,13,23,.06) 100%),linear-gradient(0deg,rgba(18,13,23,.78),transparent 48%)}
.guard-offer-surface{position:fixed;inset:0;z-index:2;outline-offset:-4px}
.guard-canvas{position:relative;z-index:3;width:min(1320px,100%);margin:0 auto;padding:18px clamp(16px,3.5vw,52px) 38px}
.guard-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}
.guard-brand-tile,.guard-threshold-brand{display:flex;align-items:center;width:fit-content;max-width:min(380px,58vw);padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(0,0,0,.22)}
.guard-brand-tile img,.guard-threshold-brand img{display:block;width:100%;height:auto;max-height:44px;object-fit:contain}
.guard-header-route{flex:none;border:1px solid var(--line);border-radius:999px;padding:10px 17px;background:rgba(18,13,23,.74);backdrop-filter:blur(10px);font-size:.8rem;font-weight:800}
.guard-header-route:hover,.guard-header-route:focus-visible{border-color:rgba(255,69,77,.8);background:rgba(62,18,29,.88)}
.guard-first-view{min-height:calc(100svh - 82px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.62fr);align-items:center;gap:clamp(28px,5.5vw,76px);padding:52px 0 64px}
.guard-message-panel{position:relative;min-width:0;max-width:720px;padding:clamp(26px,4.5vw,58px);border:1px solid rgba(255,255,255,.14);border-radius:12px 54px 12px 54px;background:linear-gradient(145deg,rgba(30,14,24,.98),rgba(59,16,27,.91));box-shadow:0 35px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.07)}
.guard-message-panel::before{content:"";position:absolute;left:0;top:34px;width:6px;height:92px;background:var(--red-bright);box-shadow:0 0 24px rgba(255,69,77,.65)}
.guard-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:900}.guard-eyebrow span{padding:6px 9px;border-radius:5px;background:var(--red);color:#fff}.guard-eyebrow b{color:#e8bfc1}
h1{margin:0;max-width:13ch;font-size:clamp(2.65rem,6.1vw,6.5rem);line-height:.9;letter-spacing:-.065em;text-wrap:balance}
.guard-lead{max-width:610px;margin:25px 0 0;color:#eadadc;font-size:clamp(1rem,1.4vw,1.16rem)}
.guard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.guard-primary-route,.guard-quiet-route,.guard-rail-route,.guard-invite-route{border:1px solid var(--line);border-radius:8px;padding:14px 19px;font-weight:900;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.guard-primary-route,.guard-invite-route{border-color:transparent;background:linear-gradient(135deg,var(--red),var(--red-bright));box-shadow:0 14px 32px rgba(213,37,45,.3)}.guard-quiet-route{background:rgba(255,255,255,.06)}.guard-primary-route:hover,.guard-primary-route:focus-visible,.guard-quiet-route:hover,.guard-quiet-route:focus-visible,.guard-rail-route:hover,.guard-rail-route:focus-visible,.guard-invite-route:hover,.guard-invite-route:focus-visible{transform:translateY(-2px);filter:brightness(1.08);border-color:rgba(255,111,117,.75)}
.guard-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.guard-proof-row span{padding:6px 9px;border:1px solid var(--line);border-radius:4px;color:#d9c3c5;background:rgba(0,0,0,.18);font-size:.7rem}
.guard-daily-rail{align-self:end;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:26px 8px 26px 8px;background:rgba(18,13,23,.83);box-shadow:0 28px 80px rgba(0,0,0,.46);backdrop-filter:blur(12px)}
.guard-rail-heading{display:flex;flex-direction:column;padding:2px 3px 13px}.guard-rail-heading span{color:#ff8d92;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:900}.guard-rail-heading strong{font-size:1.02rem}
.guard-portrait-card{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:13px;margin:0;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(8,6,10,.72);transition:transform .18s ease,border-color .18s ease}.guard-portrait-card+.guard-portrait-card{margin-top:9px}.guard-card-one{margin-right:24px}.guard-card-two{margin-left:24px}.guard-portrait-card:hover,.guard-portrait-card:focus-visible{transform:translateX(-5px);border-color:rgba(255,69,77,.68)}.guard-portrait-card img{display:block;width:86px;height:102px;object-fit:cover;border-radius:12px}.guard-portrait-card figcaption{display:flex;flex-direction:column;min-width:0}.guard-portrait-card b{font-size:.86rem}.guard-portrait-card span{color:#c9b6b7;font-size:.71rem}
.guard-rail-route{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;background:rgba(213,37,45,.16);text-align:left}.guard-rail-route b{font-size:1.2rem;color:#ff8d92}
.guard-reading-room{position:relative;max-width:1020px;margin:0 auto;border:1px solid rgba(255,255,255,.18);border-radius:8px 32px 8px 32px;background:rgba(18,13,23,.97);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.guard-reading-room>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:16px;padding:22px 24px;list-style:none;font-weight:900}.guard-reading-room>summary::-webkit-details-marker{display:none}.guard-reading-room>summary::after{content:"+";display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--red);font-size:1.25rem}.guard-reading-room[open]>summary::after{content:"−"}.guard-reading-room>summary small{color:#bfaeb0;font-weight:500;text-align:right}
.guard-article{padding:14px clamp(22px,6vw,76px) 56px;border-top:1px solid var(--line);color:#e5d8d8}.guard-article h2{margin:42px 0 12px;color:#fff;font-size:clamp(1.65rem,4vw,2.9rem);line-height:1.08;letter-spacing:-.04em}.guard-article h3{margin:30px 0 10px;color:#ff9ca1;font-size:1.3rem}.guard-article p{max-width:76ch}
.guard-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 3px 0;color:#bba9aa;font-size:.78rem}.guard-footer button{border:0;background:none;color:#ff969b;font-weight:900}
.guard-threshold,.guard-invitation{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background-image:url("/images/cindymatches-background.webp");background-size:cover;background-position:center}
.guard-threshold-shade{position:absolute;inset:0;background:linear-gradient(90deg,#120d17 0%,rgba(18,13,23,.96) 42%,rgba(18,13,23,.25) 74%,rgba(18,13,23,.08) 100%)}
.guard-threshold-card{position:relative;justify-self:start;width:min(520px,calc(100vw - 36px));margin-left:max(0px,calc((100vw - 1220px)/2));padding:clamp(27px,5vw,48px);border:1px solid rgba(255,87,94,.44);border-radius:10px 42px 10px 42px;background:rgba(26,13,21,.98);box-shadow:0 36px 120px rgba(0,0,0,.65)}
.guard-age-mark{position:absolute;right:28px;top:27px;display:grid;place-items:center;width:70px;height:70px;border:2px solid var(--red-bright);border-radius:50%;color:#fff;font-size:1.25rem;font-weight:900}.guard-age-mark::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,69,77,.28);border-radius:50%}
.guard-threshold-brand{max-width:260px}.guard-threshold-note,.guard-invite-kicker{margin:39px 0 8px;color:#ff9297;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900}.guard-threshold-card h2,.guard-invite-card h2{margin:0;max-width:12ch;font-size:clamp(2rem,6vw,3.5rem);line-height:.95;letter-spacing:-.055em}.guard-threshold-card>p:not(.guard-threshold-note),.guard-invite-card>p:not(.guard-invite-kicker){color:#d7c4c6}
.guard-threshold-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.guard-threshold-actions button{border:1px solid var(--line);border-radius:8px;padding:14px 15px;background:rgba(255,255,255,.055);font-weight:900}.guard-threshold-actions #AgeAgree{border-color:transparent;background:linear-gradient(135deg,var(--red),var(--red-bright))}
.guard-invitation{z-index:50;background:rgba(18,13,23,.72);backdrop-filter:blur(5px)}.guard-invite-card{position:relative;width:min(510px,100%);padding:clamp(25px,5vw,43px);border:1px solid rgba(255,87,94,.42);border-radius:30px 8px 30px 8px;background:linear-gradient(150deg,rgba(54,17,27,.99),rgba(18,13,23,.99));box-shadow:0 34px 110px rgba(0,0,0,.7);text-align:center}.guard-invite-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:1.8rem;color:#e3c7c9}.guard-invite-pictures{display:flex;justify-content:center;margin:0 0 -20px}.guard-invite-pictures img{width:72px;height:72px;object-fit:cover;border:4px solid #2e151e;border-radius:50%}.guard-invite-pictures img+img{margin-left:-17px}.guard-invite-kicker{margin-top:46px}.guard-invite-card h2{max-width:14ch;margin-inline:auto}.guard-invite-route{width:100%;margin-top:9px}.guard-invite-later{margin-top:12px;border:0;background:none;color:#bea9ab}
@media(max-width:900px){body::after{background:linear-gradient(180deg,rgba(18,13,23,.18) 0%,rgba(18,13,23,.5) 38%,#120d17 74%)}.guard-first-view{grid-template-columns:minmax(0,1fr);padding-top:58px}.guard-message-panel{max-width:720px}.guard-daily-rail{width:min(570px,100%);justify-self:end;display:grid;grid-template-columns:1fr 1fr;gap:9px}.guard-rail-heading,.guard-rail-route{grid-column:1/-1}.guard-portrait-card,.guard-card-one,.guard-card-two,.guard-portrait-card+.guard-portrait-card{margin:0}.guard-threshold-shade{background:linear-gradient(180deg,rgba(18,13,23,.25),rgba(18,13,23,.92) 52%,#120d17)}.guard-threshold-card{justify-self:center;align-self:end;margin:0 0 7vh}}
@media(max-width:560px){body::before{background-position:60% center}.guard-canvas{padding:14px 12px 28px}.guard-brand-tile{max-width:48vw;padding:6px 8px}.guard-brand-tile img{max-height:32px}.guard-header-route{padding:8px 10px;font-size:.66rem}.guard-first-view{min-height:auto;padding:78px 0 42px;gap:20px}.guard-message-panel{padding:26px 20px;border-radius:8px 30px 8px 30px}.guard-message-panel::before{top:25px;height:65px}h1{max-width:100%;font-size:clamp(2.3rem,10.6vw,3.35rem);overflow-wrap:normal;word-break:normal}.guard-lead{font-size:.94rem}.guard-actions{display:grid}.guard-actions button{width:100%}.guard-daily-rail{width:100%;grid-template-columns:1fr 1fr;padding:12px;border-radius:20px 6px 20px 6px}.guard-portrait-card{display:block;padding:6px}.guard-portrait-card img{width:100%;height:auto;aspect-ratio:1/1.05}.guard-portrait-card figcaption{padding:9px 3px 4px}.guard-portrait-card span{display:none}.guard-reading-room>summary{grid-template-columns:minmax(0,1fr) 34px;padding:18px}.guard-reading-room>summary small{display:none}.guard-footer{align-items:flex-start}.guard-threshold{padding:12px}.guard-threshold-card{width:100%;margin-bottom:2vh;padding:25px 20px;border-radius:8px 28px 8px 28px}.guard-age-mark{right:20px;top:20px;width:57px;height:57px}.guard-threshold-brand{max-width:61%}.guard-threshold-actions{grid-template-columns:1fr}.guard-invite-card{padding:24px 20px;border-radius:24px 7px 24px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guard-primary-route,.guard-quiet-route,.guard-rail-route,.guard-invite-route,.guard-portrait-card{transition:none}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}