:root{--night:#242126;--ink:#171519;--paper:#f6f2f0;--pink:#df286d;--pink-dark:#a80e4a;--green:#5dbb27;--mist:#dcd2d7;--muted:#746a70;--shadow:0 28px 88px rgba(13,9,12,.52)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night);color:var(--ink)}
body{margin:0;min-width:320px;font-family:Arial,Helvetica,sans-serif;background:var(--night)}
button,summary,figure,[role="button"]{cursor:pointer}
button{font:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.brand-rail{position:absolute;z-index:8;left:0;top:0;bottom:auto;width:108px;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 14px 28px;background:rgba(23,20,24,.88);color:#fff;border-right:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.brand-mark{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.04em}
.brand-mark img{width:48px;height:48px;object-fit:contain;transform:rotate(180deg);filter:drop-shadow(0 8px 18px rgba(0,0,0,.38))}
.brand-mark b{color:#f56c9d}
.member-key{writing-mode:vertical-rl;transform:rotate(180deg);border:1px solid rgba(255,255,255,.42);border-radius:999px;background:transparent;color:#fff;padding:16px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;transition:background .2s ease,border-color .2s ease}
.member-key:hover,.member-key:focus-visible{background:var(--pink);border-color:var(--pink)}
.portal-view{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(410px,680px) minmax(280px,520px);align-items:center;gap:clamp(24px,4vw,70px);padding:92px clamp(24px,5vw,80px) 182px calc(108px + clamp(24px,5vw,80px));background-image:url("/images/dateformore-background.webp");background-size:cover;background-position:center top}
.portal-view::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(92deg,rgba(28,24,29,.96) 0,rgba(28,24,29,.9) 38%,rgba(28,24,29,.44) 65%,rgba(28,24,29,.12) 100%)}
.portal-view::after{content:"";position:absolute;z-index:-1;left:108px;right:0;bottom:0;height:220px;background:linear-gradient(0deg,rgba(17,14,18,.98),rgba(17,14,18,.12))}
.canvas-trigger{position:absolute;z-index:0;inset:0;width:100%;height:100%;border:0;background:transparent}
.intro-plaque{position:relative;z-index:2;max-width:660px;padding:clamp(28px,4vw,54px);border-radius:8px 52px 8px 8px;background:rgba(35,31,36,.94);color:#fff;box-shadow:var(--shadow);border-left:6px solid var(--pink)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#ff8db7;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.eyebrow::before{content:"";width:38px;height:2px;background:var(--pink)}
h1{margin:0;max-width:620px;color:#fff;font-size:clamp(40px,5.4vw,76px);line-height:.97;letter-spacing:-.055em}
.intro-copy{max-width:560px;margin:22px 0 0;color:#e7dee3;font-size:clamp(16px,1.55vw,20px);line-height:1.58}
.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.primary-orbit,.signal-orbit{border:0;border-radius:999px;background:linear-gradient(120deg,var(--pink),#f24e8a);color:#fff;padding:16px 24px;font-weight:900;box-shadow:0 16px 34px rgba(223,40,109,.32);transition:transform .2s ease,box-shadow .2s ease}
.primary-orbit:hover,.primary-orbit:focus-visible,.signal-orbit:hover,.signal-orbit:focus-visible{transform:translateY(-3px);box-shadow:0 20px 42px rgba(223,40,109,.46)}
.reading-key{border:0;background:transparent;color:#fff;padding:13px 7px;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.42)}
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.trust-row span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#d7ccd2;font-size:10px;font-weight:800}
.scene-ribbon{position:absolute;z-index:3;left:calc(108px + clamp(24px,5vw,80px));right:clamp(24px,5vw,80px);bottom:24px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px}
.scene-card{position:relative;min-width:0;height:128px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:7px 24px 7px 7px;background:#1b181c;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.4);transition:transform .2s ease,border-color .2s ease}
.scene-card:hover,.scene-card:focus-visible{transform:translateY(-6px);border-color:#ff88b3;outline:none}
.scene-card img{width:100%;height:100%;object-fit:cover;image-rendering:auto}
.scene-card figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;gap:9px;padding:36px 13px 11px;background:linear-gradient(0deg,rgba(18,15,19,.96),rgba(18,15,19,0));text-shadow:0 1px 8px #000}
.scene-card b{font-size:16px}.scene-card span{font-size:10px;color:#ddd1d7;text-align:right}
.editorial-details{position:relative;background:var(--paper);border-top:5px solid var(--pink)}
.editorial-details>summary{list-style:none;display:grid;grid-template-columns:1fr auto 44px;align-items:center;gap:18px;max-width:1120px;margin:auto;padding:27px clamp(20px,4vw,52px);color:#302a2e;font-weight:900}
.editorial-details>summary::-webkit-details-marker{display:none}
.editorial-details>summary span{font-size:clamp(21px,3vw,32px);letter-spacing:-.03em}
.editorial-details>summary small{font-size:12px;color:#80747b;text-align:right}
.editorial-details>summary::after{content:"+";display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--night);color:#fff;font-size:24px}
.editorial-details[open]>summary::after{content:"−"}
.article-column{max-width:940px;margin:auto;padding:12px clamp(20px,4vw,52px) 90px;color:#4d4449;line-height:1.8}
.article-column h2{margin:52px 0 16px;color:#221e21;font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:-.035em}
.article-column h3{margin:31px 0 8px;color:#392f35;font-size:21px}
.article-column p,.article-column li{font-size:17px}
.article-column ol{padding-left:24px}.article-column li{margin:10px 0}
.article-column table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(49,28,39,.09);font-size:14px}
.article-column th,.article-column td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #eadfe5}
.article-column th{background:#2b2529;color:#fff}
.footer-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px calc(108px + clamp(24px,5vw,80px)) 20px;background:#1b181c;color:#d8ccd2;font-size:12px}
.footer-line button{border:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:4px}
.notice-layer{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:22px;background:rgba(20,17,21,.44);backdrop-filter:blur(4px)}
.notice-card{position:relative;width:min(570px,calc(100vw - 30px));max-height:calc(100svh - 30px);overflow:auto;padding:clamp(28px,5vw,50px);border-radius:42px 10px 42px 10px;background:#fbf8f7;color:#2b2529;box-shadow:0 36px 110px rgba(0,0,0,.58);text-align:left;border-top:7px solid var(--pink)}
.notice-badge{display:flex;align-items:center;gap:14px;margin-bottom:25px;font-size:25px;font-weight:700;letter-spacing:-.04em}
.notice-badge img{width:64px;height:64px;object-fit:contain}.notice-badge b{color:var(--pink)}
.notice-kicker{margin:0 0 10px;color:var(--pink-dark);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.notice-card h2{margin:0;font-size:clamp(34px,5vw,52px);line-height:1.02;letter-spacing:-.045em}
.notice-card>p:not(.notice-kicker){max-width:470px;margin:18px 0;color:#695e64;line-height:1.58}
.notice-decisions{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;margin:27px 0 15px}
.notice-decisions button{min-height:54px;border-radius:999px;font-weight:900}
#TermAgree{border:0;background:linear-gradient(120deg,var(--pink),#f35a91);color:#fff}
#TermRefuse{border:1px solid #cdbfc6;background:#fff;color:#463b41}
.notice-card small{color:#8a7d84;line-height:1.45}
.signal-popup{position:fixed;z-index:50;inset:0;display:grid;place-items:end;padding:26px;background:rgba(19,16,20,.5)}
.signal-sheet{position:relative;display:grid;grid-template-rows:108px auto;width:min(770px,calc(100vw - 34px));overflow:hidden;border-radius:9px 34px 9px 34px;background:#fbf7f6;box-shadow:0 36px 100px rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.5)}
.signal-sheet>figure{height:108px;margin:0;display:grid;grid-template-columns:repeat(3,237px);justify-content:center;gap:4px;background:#1f1b1f;overflow:hidden}.signal-sheet>figure img{width:237px;height:108px;object-fit:cover}
.signal-close{position:absolute;z-index:2;right:13px;top:13px;width:39px;height:39px;border:0;border-radius:50%;background:#241f23;color:#fff;font-size:25px;line-height:1}
.signal-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px}
.signal-copy>p{margin:0 0 9px;color:var(--pink-dark);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.signal-copy h2{margin:0;color:#282126;font-size:37px;line-height:1.04;letter-spacing:-.04em}
.signal-copy>span{margin:17px 0 24px;color:#70636a;line-height:1.52}
.signal-later{align-self:center;margin-top:12px;border:0;background:transparent;color:#71666c;text-decoration:underline;text-underline-offset:4px}
@media (max-width:940px){.brand-rail{width:auto;min-height:0;right:0;bottom:auto;flex-direction:row;padding:14px 18px;background:linear-gradient(180deg,rgba(23,20,24,.94),rgba(23,20,24,.32));border-right:0}.brand-mark{flex-direction:row;writing-mode:horizontal-tb;transform:none;font-size:18px}.brand-mark img{width:42px;height:42px;transform:none}.member-key{writing-mode:horizontal-tb;transform:none;padding:10px 15px}.portal-view{grid-template-columns:1fr;align-content:end;padding:92px 24px 180px}.portal-view::after{left:0}.intro-plaque{max-width:650px}.scene-ribbon{left:24px;right:24px}}
@media (max-width:620px){.brand-rail{padding:10px 12px}.brand-mark img{width:36px;height:36px}.brand-mark{font-size:16px}.member-key{padding:8px 11px;font-size:10px}.portal-view{display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding:69px 10px 122px;background-position:58% top}.portal-view::before{background:linear-gradient(180deg,rgba(30,26,31,.25) 0,rgba(30,26,31,.72) 34%,rgba(30,26,31,.98) 62%,#1e1a1f 100%)}.intro-plaque{width:100%;padding:21px 19px;border-left-width:4px;border-radius:5px 24px 5px 5px}.eyebrow{margin-bottom:9px;font-size:9px}h1{font-size:clamp(31px,10vw,44px);line-height:.99}.intro-copy{margin-top:13px;font-size:14px;line-height:1.42}.intro-actions{margin-top:17px;gap:4px}.primary-orbit{width:100%;padding:13px}.reading-key{width:100%;padding:7px}.trust-row{margin-top:13px}.trust-row span{font-size:9px;padding:5px 7px}.scene-ribbon{left:10px;right:10px;bottom:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.scene-card{height:96px;border-radius:5px 13px 5px 5px}.scene-card figcaption{padding:20px 6px 6px}.scene-card b{font-size:10px}.scene-card span{display:none}.editorial-details>summary{grid-template-columns:1fr 38px;gap:10px;padding:18px 14px}.editorial-details>summary small{display:none}.editorial-details>summary::after{width:38px;height:38px}.article-column p,.article-column li{font-size:16px}.article-column table{table-layout:fixed;font-size:11px}.article-column th,.article-column td{padding:8px;overflow-wrap:anywhere}.footer-line{padding:19px 14px;flex-direction:column;align-items:flex-start}.notice-card{padding:27px 20px;border-radius:28px 7px 28px 7px}.notice-badge{margin-bottom:15px}.notice-badge img{width:52px;height:52px}.notice-card>p:not(.notice-kicker){margin:13px 0}.notice-decisions{grid-template-columns:1fr;margin:18px 0 12px}.signal-popup{padding:10px}.signal-sheet{grid-template-columns:1fr}.signal-sheet>figure{display:none}.signal-copy{padding:36px 24px}.signal-copy h2{font-size:30px}}
@media (max-height:700px) and (max-width:620px){.scene-ribbon{display:none}.portal-view{padding-bottom:10px}.intro-plaque{padding:17px}.trust-row{display:none}.notice-card{padding-top:18px;padding-bottom:18px}.notice-badge{margin-bottom:8px}.notice-card h2{font-size:29px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.member-key,.primary-orbit,.scene-card,.signal-orbit{transition:none}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}