:root{--void:#000;--panel:#0A0A0B;--panel-2:#101012;--hair:#1F1F23;--hair-lit:#2E2E34;--ink:#F2F2F2;--ink-2:#C4C4CC;--dim:#8A8A90;--faint:#5E5E66;
  --g:#34D378;--g-rgb:52,211,120;--display:'Archivo',ui-sans-serif,system-ui,sans-serif;--body:'Inter',ui-sans-serif,system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
body.photo-first *{box-sizing:border-box}
html:has(body.photo-first),body.photo-first{background:var(--void)}
html:has(body.photo-first){scroll-behavior:smooth;scroll-padding-top:24px}
body.photo-first{margin:0;color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
.pf-main img{max-width:100%}
:where(body:not(.guide):not(.hub)) .pf-main .hero a,:where(body:not(.guide):not(.hub)) .pf-main .now a,:where(body:not(.guide):not(.hub)) .pf-main .more a,:where(body:not(.guide):not(.hub)) .pf-main .close a{color:var(--g)}
:where(.guide) .pf-main :where(.hero,.now,.more,.close) a{color:var(--g)}
:where(.hub) .pf-main :where(.hero,.now,.more,.close) a{color:var(--g)}
.pf-main :focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:8px}
.pf-main h1,.pf-main h2,.pf-main h3{text-wrap:balance}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pf-main .rail{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding-inline:20px}
@media (min-width:960px){.pf-main .rail{padding-inline:32px}}
.pf-main .rail.narrow{max-width:820px}
.pf-main .grad{background:linear-gradient(90deg,#6FD9A3,#2EBD73);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;margin-right:-.08em}
@property --spin{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin{to{--spin:360deg}}
.pf-main .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:999px;font:600 15px var(--body);color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.16)}
.pf-main .btn.main{border-color:rgba(var(--g-rgb),.62);background:linear-gradient(180deg,rgba(var(--g-rgb),.16),rgba(var(--g-rgb),.04)),#0B0B0C;box-shadow:0 0 24px -8px rgba(var(--g-rgb),.65),inset 0 1px 0 rgba(255,255,255,.08);color:#fff;isolation:isolate}
.pf-main .btn.main::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--spin),transparent 0deg,transparent 240deg,rgba(var(--g-rgb),.85) 320deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 4.5s linear infinite;pointer-events:none}
.pf-main .btn.big{min-height:56px;padding:14px 34px;font-size:17px}
.pf-main .link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--dim);font:500 15px var(--body);text-decoration:none}
.pf-main .link:hover{color:var(--ink)}.pf-main .link::after{content:"›";font-size:18px}
.pf-main .btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.pf-main .btns.center{justify-content:center}
.pf-main .uchips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.pf-main .uchip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 7px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#0b0b0d,#0b0b0d) padding-box,linear-gradient(135deg,var(--ul),var(--ud)) border-box;font:700 12px/1.4 var(--mono);letter-spacing:.08em;color:#fff;white-space:nowrap}
.pf-main .uchip i{flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--ul) 42%,var(--ud) 100%);box-shadow:0 0 0 2px #3c3c44,0 0 0 3px #141417,0 0 10px var(--ul)}
.u-em{--ul:#FF5A4E;--ud:#B8241C}.u-td{--ul:#FFB23A;--ud:#9A5A00}.u-wk{--ul:#5AA8FF;--ud:#1A5BB0}.u-wh{--ul:#34D378;--ud:#0F7A42}

.pf-main .hero{position:relative;overflow:hidden;min-height:clamp(520px,64vw,760px);display:flex;align-items:center}
.pf-main .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.pf-main .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 34%,rgba(0,0,0,.2) 62%,transparent 80%),linear-gradient(0deg,#000 0%,transparent 28%);z-index:1}
.pf-main .hero-in{padding-block:64px 72px;width:100%}
.pf-main .hero-in>*{max-width:600px}
.pf-main .crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 26px;font-size:13px;color:var(--faint)}
.pf-main .crumbs a{color:var(--dim);text-decoration:none}.pf-main .crumbs a:hover{color:var(--ink)}
.pf-main .crumbs span[aria-hidden]{color:#3a3a42}
.pf-main .hero h1{margin:0;font:500 40px/1.04 var(--display);letter-spacing:-1.2px}
@media (min-width:960px){.pf-main .hero h1{font-size:62px;letter-spacing:-2px}}
.pf-main .hero .lede{margin:22px 0 30px;color:var(--ink-2);font-size:18px;line-height:1.6;max-width:46ch}
:where(.guide,.global) .pf-main .hero .lede{text-wrap:pretty}
.pf-main .upd{margin:22px 0 0;font:12px var(--mono);color:var(--faint)}
@media (max-width:760px){
  .pf-main .hero{min-height:0;display:block}
  .pf-main .hero-img{position:relative;height:auto;aspect-ratio:4/3;object-position:78% 50%}
  .pf-main .hero::after{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.0) 40%);height:auto;bottom:auto;aspect-ratio:4/3;width:100%}
  .pf-main .hero-in{padding-block:0 56px;margin-top:-40px}
}

.pf-main .door{position:relative;padding-block:96px 112px;border-top:1px solid var(--hair)}
.pf-main .door::before{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:radial-gradient(45% 50% at 50% 45%,rgba(var(--g-rgb),.10),transparent 75%);pointer-events:none}
.pf-main .door-head{text-align:center;margin-bottom:48px}
.pf-main .door-head h2{margin:0;font:500 44px/1.04 var(--display);letter-spacing:-1.4px}
@media (min-width:960px){.pf-main .door-head h2{font-size:72px;letter-spacing:-2.4px}}
.pf-main .door-head p{margin:14px 0 0;color:var(--dim);font-size:18px}
.pf-main .stage{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.pf-main .stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}}

.pf-main .finder{margin:0;justify-self:center;width:min(100%,420px)}
.pf-main .shot{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:3/4;background:#050505;border:1px solid var(--hair-lit);box-shadow:0 50px 100px -50px rgba(0,0,0,.95)}
.pf-main .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-main .shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.75));pointer-events:none}
.pf-main .corner{position:absolute;width:28px;height:28px;border:2px solid rgba(255,255,255,.85);z-index:3}
.pf-main .corner.tl{left:16px;top:16px;border-right:0;border-bottom:0;border-radius:10px 0 0 0}
.pf-main .corner.tr{right:16px;top:16px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}
.pf-main .corner.bl{left:16px;bottom:16px;border-right:0;border-top:0;border-radius:0 0 0 10px}
.pf-main .corner.br{right:16px;bottom:16px;border-left:0;border-top:0;border-radius:0 0 10px 0}
.pf-main .scan{position:absolute;left:0;right:0;top:0;height:90px;z-index:2;background:linear-gradient(180deg,transparent,rgba(var(--g-rgb),.20) 70%,rgba(var(--g-rgb),.9) 98%,transparent);opacity:0;animation:scan 8s ease-in-out infinite}
@keyframes scan{0%,6%{transform:translateY(-100px);opacity:0}8%{opacity:1}30%{transform:translateY(560px);opacity:1}33%,100%{transform:translateY(560px);opacity:0}}
.pf-main .find{position:absolute;left:20%;top:44%;width:72%;height:40%;z-index:3;border:2px solid #FFB23A;border-radius:12px;opacity:0;transform:scale(1.06);animation:find 8s ease-out infinite}
.pf-main .find b{position:absolute;left:8px;top:-15px;padding:3px 9px;border-radius:7px;background:#1a1206;border:1px solid #FFB23A;font:700 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#FFE2B0;white-space:nowrap}
@keyframes find{0%,32%{opacity:0;transform:scale(1.06)}38%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}
.pf-main .read{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;padding:16px 18px;border-radius:18px;background:rgba(12,12,14,.94);border:1px solid rgba(255,255,255,.12);
  opacity:0;transform:translateY(24px);animation:read 8s cubic-bezier(.2,.8,.2,1) infinite}
@keyframes read{0%,42%{opacity:0;transform:translateY(24px)}50%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(10px)}}
.pf-main .read-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-main .read-top .uchip{padding:4px 11px 4px 6px;font-size:11px}
.pf-main .agree{font:500 11.5px var(--mono);color:var(--dim)}
.pf-main .read-what{margin-top:12px;font:500 24px/1.15 var(--display);letter-spacing:-.4px}
.pf-main .read-who{margin-top:4px;color:var(--ink-2);font-size:15px}
.pf-main .finder figcaption{margin-top:14px;text-align:center;font:500 12px/1.6 var(--mono);color:var(--faint)}
:where(.guide,.global) .pf-main .finder figcaption a{color:var(--g);text-decoration:none;white-space:nowrap}

.pf-main .drop{min-width:0}
.pf-main .zone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:44px 24px 36px;border-radius:28px;cursor:pointer;isolation:isolate;
  background:radial-gradient(70% 60% at 50% 0%,rgba(var(--g-rgb),.08),transparent 70%),linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid rgba(var(--g-rgb),.30);transition:border-color .25s,transform .25s}
.pf-main .zone::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--spin),transparent 0deg,transparent 250deg,rgba(var(--g-rgb),.75) 330deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite;pointer-events:none}
.pf-main .zone:hover,.pf-main .zone.drag{border-color:rgba(var(--g-rgb),.7)}
.pf-main .zone.drag{transform:scale(1.015)}
.pf-main .lens{width:84px;height:84px;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#E9E9EC;
  background:radial-gradient(120% 120% at 30% 20%,#2a2a31,#121215 55%,#0b0b0d);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(var(--g-rgb),.22),0 22px 50px -22px rgba(var(--g-rgb),.55)}
.pf-main .zone-line{font:500 24px/1.25 var(--display);letter-spacing:-.4px;max-width:20ch}
@media (min-width:960px){.pf-main .zone-line{font-size:28px}}
.pf-main .zone-sub{color:var(--dim);font-size:14.5px;max-width:34ch}
.pf-main .alt{margin:18px 0 0;text-align:center}
.pf-main .alt label{color:var(--g);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(var(--g-rgb),.4)}
.pf-main .door .words{margin-top:10px;text-align:center}
.pf-main .door .words summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;color:var(--dim);font-size:14.5px}
.pf-main .door .words summary::-webkit-details-marker{display:none}
.pf-main .door .words summary::after{content:"+";margin-left:8px;color:var(--g)}
.pf-main .door .words[open] summary::after{content:"–"}
:where(.guide,.global) .pf-main .door .drop{display:flex;flex-direction:column}
:where(.guide,.global) .pf-main .door .drop>.words{order:-1;margin:0 0 14px}
.pf-main .wrow{display:flex;gap:10px;margin-top:6px;text-align:left}
.pf-main .wrow textarea{flex:1;min-width:0;min-height:52px;resize:vertical;padding:12px 14px;border-radius:14px;border:1px solid var(--hair-lit);background:#070708;color:var(--ink);font:15px var(--body)}
.pf-main .legal{margin:26px 0 0;text-align:center;color:var(--faint);font-size:13px}
.pf-main .legal a{color:var(--dim)}
.pf-main .pd-thumb,.pf-main #pd-thumb{max-width:100%;max-height:220px;border-radius:12px}
.pf-main .pd-status,.pf-main #pd-status{margin:10px 0 0;text-align:center;color:var(--dim);font-size:14px}
.pf-main #pd-status:empty,.pf-main #pd-open:empty{display:none}
.pf-main #pd-status.pd-wait::before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--g);vertical-align:middle;animation:pfPulse 1.2s ease-in-out infinite}
@keyframes pfPulse{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
.pf-main #pd-open{margin:10px 0 0;text-align:center;color:var(--ink);font-size:15px}
.pf-main .pd-mount{margin-top:16px}
.pf-main .pd-retry{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(var(--g-rgb),.62);background:#0B0B0C;color:#fff;font:600 15px var(--body);cursor:pointer}
.pf-main .door-head .door-q{margin:18px auto 0;max-width:62ch;color:var(--ink-2);font-size:16px}
.pf-main .door-q .sd-qh{display:block;margin:0 0 4px;color:var(--ink);font:600 16px var(--body)}

.pf-main .now{padding-block:96px;border-top:1px solid var(--hair)}
.pf-main .now h2,.pf-main .more h2,.pf-main .close h2{margin:0;font:500 36px/1.08 var(--display);letter-spacing:-1px}
@media (min-width:960px){.pf-main .now h2,.pf-main .more h2{font-size:48px;letter-spacing:-1.4px}}
.pf-main .big-p{margin:22px 0 0;font:500 22px/1.5 var(--display);letter-spacing:-.2px;color:var(--ink)}
@media (min-width:960px){.pf-main .big-p{font-size:24px}}
.pf-main .now .big-p+.big-p{margin-top:14px}
.pf-main .now-sub{margin:14px 0 0;color:var(--ink-2);font-size:17px;line-height:1.6}
.pf-main .now .now-steps{margin-top:30px}
.pf-main .up{margin:44px 0 0;padding-top:22px;border-top:1px solid var(--hair);color:var(--ink-2);font-size:16px;line-height:1.7;max-width:72ch}
.pf-main .now .up{margin-top:28px}

.pf-main .more{padding-block:96px;border-top:1px solid var(--hair)}
.pf-main .more h2{margin-bottom:28px}
.pf-main .more details{border-top:1px solid var(--hair)}
.pf-main .more details:last-of-type{border-bottom:1px solid var(--hair)}
.pf-main .more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 2px;font:500 20px/1.3 var(--display);letter-spacing:-.2px}
:where(.guide,.global) .pf-main .more summary{justify-content:flex-start}
.pf-main .more summary::-webkit-details-marker{display:none}
.pf-main .more summary::after{content:"+";flex:none;font:400 24px var(--body);color:var(--dim);transition:transform .25s}
.pf-main .more details[open] summary::after{transform:rotate(45deg);color:var(--g)}
.pf-main .more summary .rt{flex:1;min-width:0}
:where(.guide,.global) .pf-main .ri{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#EDEDF0;
  background:radial-gradient(120% 120% at 30% 20%,#2a2a31 0%,#121215 55%,#0b0b0d 100%);border:1px solid rgba(var(--sc),.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -6px 14px rgba(0,0,0,.6),0 10px 24px -14px rgba(var(--sc),.6)}
:where(.guide,.global) .pf-main .ri svg{width:20px;height:20px}
:where(.guide,.global) .pf-main .more details[open] .ri{border-color:rgba(var(--sc),.6)}
.pf-main .more .d{padding:0 2px 26px;color:var(--ink-2);font-size:16px;line-height:1.7}
.pf-main .more .d p{margin:0 0 12px}
:where(.guide) .pf-main .more ul{margin:0;padding-left:20px;display:grid;gap:8px}
:where(.guide) .pf-main .more h3{margin:18px 0 6px;font:600 16.5px var(--body);color:var(--ink)}
:where(.guide) .pf-main .more blockquote{margin:6px 0 16px;font:500 21px/1.5 var(--display);letter-spacing:-.2px;color:var(--ink)}
:where(.guide) .pf-main .more .big{font:500 28px/1.2 var(--display);color:var(--ink)}
:where(body:not(.guide)) .pf-main .more .d ul,:where(body:not(.guide)) .pf-main .more .d ol:not(.chk){margin:0 0 12px;padding-left:20px;display:grid;gap:8px}
:where(body:not(.guide)) .pf-main .more .d h3{margin:18px 0 6px;font:600 16.5px var(--body);color:var(--ink)}
:where(body:not(.guide)) .pf-main .more .d h4{margin:14px 0 4px;font:600 15px var(--body);color:var(--ink)}
:where(body:not(.guide)) .pf-main .more .d table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 14px}
:where(body:not(.guide)) .pf-main .more .d th,:where(body:not(.guide)) .pf-main .more .d td{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--hair);vertical-align:top}
:where(body:not(.guide)) .pf-main .more .d th{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
:where(.guide,.global) .pf-main .more sup a{color:var(--g);text-decoration:none;font:600 10.5px var(--mono);padding-left:1px}
.pf-main .chk{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.pf-main .chk>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px}
.pf-main .chk .sn{font:500 30px/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35);padding-top:2px}
.pf-main .chk h3{margin:0 0 4px}
.pf-main .chk .sb p{margin:0}
.pf-main .warn-list{list-style:none;padding:0!important}
.pf-main .warn-list li{position:relative;padding-left:26px;color:var(--ink)}
.pf-main .warn-list li::before{content:"";position:absolute;left:4px;top:.6em;width:9px;height:9px;border-radius:50%;background:#FF5A4E;box-shadow:0 0 0 2px #3c3c44}
:where(body:not(.guide)) .pf-main .faq h3{margin:18px 0 6px}
:where(.guide,.global) .pf-main .rel{display:grid;gap:22px}
.pf-main .rcard h3{margin:0 0 6px}
.pf-main .rcard ul{list-style:none;margin:0;padding:0!important;display:block}
.pf-main .rcard li a{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--hair)}
.pf-main .rcard li a::after{content:"›";color:var(--faint)}
.pf-main .rcard li a:hover{color:var(--ink)}
.pf-main .rcard p{margin:0 0 8px}
.pf-main .rcard .lk{color:var(--g);font-weight:600;text-decoration:none}
:where(body:not(.guide)) .pf-main .rcard .lk{display:inline-block;margin-top:4px}
.pf-main .sources ol{margin:0;padding-left:22px;display:grid;gap:8px;font:13px/1.55 var(--mono);color:var(--faint)}
.pf-main .sources a{color:var(--dim);text-decoration:none;word-break:break-word}
.pf-main .askai{margin-top:36px}

.pf-main .now .gc.open{margin-top:28px;color:var(--ink-2);font-size:17px;line-height:1.7}
:where(body:not(.guide)) .pf-main .now .gc.open p{margin:0 0 12px}
.pf-main .gc .cards{display:grid;gap:0;border-top:1px solid var(--hair);margin:0 0 14px}
.pf-main .gc .card{position:relative;display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--hair)}
.pf-main .gc .card h3{margin:0;font:600 16.5px/1.35 var(--body);color:var(--ink)}
.pf-main .gc .card .cb{color:var(--ink-2);font-size:15.5px;line-height:1.65}
.pf-main .gc .card .cb p{margin:0}
.pf-main .gc .cards.cause .card{grid-template-columns:44px minmax(0,1fr);column-gap:12px}
.pf-main .gc .cards.cause .card>*:not(.cn){grid-column:2}
.pf-main .gc .card .cn{grid-row:1/span 3;font:500 26px/1 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35);padding-top:2px}
.pf-main .gc .warn{display:grid;gap:4px;margin:18px 0 0;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,90,78,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(255,90,78,.08),transparent 60%),#0d0a0a}
.pf-main .gc .warn b{color:#FFD3CF;font:600 14px var(--body)}
.pf-main .gc .warn p{margin:0;color:var(--ink-2)}
.pf-main .gc .words{display:grid;gap:0;margin:0 0 14px;text-align:left;border-top:1px solid var(--hair)}
@media (min-width:700px){.pf-main .gc .words{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}}
.pf-main .gc .word{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hair)}
.pf-main .gc .word .bulb{grid-row:1/span 2;width:14px;height:14px;border-radius:50%}
.pf-main .gc .word h3{margin:0;font:700 13px var(--mono);letter-spacing:.08em}
.pf-main .gc .word p{margin:0;color:var(--ink-2)}
.pf-main .gc .word[data-tier="EMERGENCY"] .bulb{background:#FF5A4E;box-shadow:0 0 10px #FF5A4E}
.pf-main .gc .word[data-tier="TODAY"] .bulb{background:#FFB23A;box-shadow:0 0 10px #FFB23A}
.pf-main .gc .word[data-tier="THIS WEEK"] .bulb{background:#5AA8FF;box-shadow:0 0 10px #5AA8FF}
.pf-main .gc .word[data-tier="WHENEVER"] .bulb{background:#34D378;box-shadow:0 0 10px #34D378}
.pf-main .alertline{margin:-8px 0 28px;padding:14px 16px 14px 44px;position:relative;border-radius:14px;border:1px solid rgba(255,90,78,.5);background:rgba(28,8,7,.82);color:#FFE3E0;font-size:15.5px;line-height:1.5}
.pf-main .alertline::before{content:"";position:absolute;left:16px;top:18px;width:12px;height:12px;border-radius:50%;background:#FF5A4E;box-shadow:0 0 0 3px #3c1512,0 0 12px #FF5A4E}
.pf-main .alertline p{margin:0}
.pf-main .hero h1.long{font-size:34px;letter-spacing:-.8px;line-height:1.08}
@media (min-width:960px){.pf-main .hero h1.long{font-size:50px;letter-spacing:-1.4px}}
:where(.guide,.global) .pf-main .hero .uchip{margin-bottom:18px}
:where(.guide,.global) .pf-main .hero h1+.btns{margin-top:28px}
.pf-main .find.em{border-color:#FF5A4E}
.pf-main .find.em b{background:#1a0907;border-color:#FF5A4E;color:#FFD3CF}
.pf-main .find.wk{border-color:#5AA8FF}.pf-main .find.wk b{background:#07111d;border-color:#5AA8FF;color:#D6E8FF}
.pf-main .find.wh{border-color:#34D378}.pf-main .find.wh b{background:#061a0f;border-color:#34D378;color:#CFF5DF}
.pf-main .read.top{top:12px;bottom:auto;transform:translateY(-24px);animation-name:readtop}
@keyframes readtop{0%,42%{opacity:0;transform:translateY(-24px)}50%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
.pf-main .shot:has(.read.top)::after{background:linear-gradient(0deg,transparent 55%,rgba(0,0,0,.7))}
@media (max-width:760px){:where(.guide,.global) .pf-main .crumbs span[aria-current],:where(.guide,.global) .pf-main .crumbs span[aria-hidden]:last-of-type{display:none}}

.pf-main .close{text-align:center;padding-block:120px 96px;border-top:1px solid var(--hair)}
.pf-main .close h2{font-size:clamp(40px,7vw,80px);letter-spacing:-2px}
.pf-main .close p{margin:18px auto 30px;color:var(--dim);font-size:17px;max-width:46ch}
.pf-main .endmark{position:relative;width:min(200px,50vw);margin:0 auto 34px;animation:float 7s ease-in-out infinite}
.pf-main .endmark img{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.7))}
.pf-main .endmark-glow{position:absolute;z-index:1;left:-25%;right:-25%;top:-20%;bottom:-20%;border-radius:50%;background:radial-gradient(closest-side,rgba(232,118,42,.14),rgba(var(--g-rgb),.05) 55%,transparent 75%)}
.pf-main .endmark-floor{position:absolute;z-index:0;left:10%;right:10%;bottom:-24px;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,118,42,.24),rgba(232,118,42,.08) 60%,transparent)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@media (prefers-reduced-motion:reduce){
  .pf-main .btn.main::before,.pf-main .zone::before,.pf-main .endmark{animation:none}
  .pf-main .scan{display:none}
  .pf-main .find,.pf-main .read,.pf-main .read.top{animation:none;opacity:1;transform:none}
}

:where(.guide) .pf-main .gc .card{padding:16px 0 16px}
:where(.guide) .pf-main .words{margin-top:10px;text-align:center}
:where(.guide) .pf-main .words summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;color:var(--dim);font-size:14.5px}
:where(.guide) .pf-main .words summary::-webkit-details-marker{display:none}
:where(.guide) .pf-main .words summary::after{content:"+";margin-left:8px;color:var(--g)}
:where(.guide) .pf-main .words[open] summary::after{content:"–"}
:where(.guide) .pf-main .pd-status:empty{display:none}
:where(.guide) .pf-main .askai p{margin:0 0 12px;font-weight:600;font-size:14px}
:where(.guide) .pf-main .gc p{margin:0 0 12px}
:where(.guide) .pf-main .gc .prose ul{margin:0 0 12px;padding-left:20px;display:grid;gap:8px}
:where(.guide) .pf-main .gc .prose ol{margin:0 0 12px;padding-left:20px;display:grid;gap:8px}
:where(.guide) .pf-main .gc .callout{margin:0}
:where(.guide) .pf-main .gc .safety{margin:0}
:where(.guide) .pf-main .gc .rcard.mgr .lk{display:inline-block;margin-top:4px}
:where(.guide) .pf-main .more .d.gc{color:var(--ink-2)}
:where(.guide) .pf-main .hero .lede+.lede{margin-top:-14px}
:where(.guide) .pf-main .tps{display:grid;gap:18px}
@media (min-width:700px){:where(.guide) .pf-main .tps{grid-template-columns:repeat(2,minmax(0,1fr))}}
:where(.guide) .pf-main .tp{border:1px solid var(--hair-lit);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--panel-2),var(--panel))}
:where(.guide) .pf-main .tp .ph{position:relative;aspect-ratio:4/3;background:#050505}
:where(.guide) .pf-main .tp .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:where(.guide) .pf-main .tp .ph .uchip{position:absolute;left:12px;bottom:12px;padding:4px 11px 4px 6px;font-size:11px}
:where(.guide) .pf-main .tp .pf{padding:16px 18px 18px}
:where(.guide) .pf-main .tp .pf h3{margin:0 0 10px;font:500 18px/1.25 var(--display)}
:where(.guide) .pf-main .tp dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);border-top:1px solid var(--hair)}
:where(.guide) .pf-main .tp dt{margin:0;padding:8px 0;border-bottom:1px solid var(--hair);font-size:14.5px;padding-right:14px;font:500 11.5px/1.9 var(--mono);color:var(--faint)}
:where(.guide) .pf-main .tp dd{margin:0;padding:8px 0;border-bottom:1px solid var(--hair);font-size:14.5px}
:where(.guide) .pf-main .tp dd .uchip{padding:3px 10px 3px 5px;font-size:10.5px}
:where(.guide) .pf-main .tp .why{margin:12px 0 0;font-size:14.5px;line-height:1.6}
:where(.guide) .pf-main .tp .foot{margin:10px 0 0;font:11.5px/1.6 var(--mono);color:var(--faint)}
:where(.guide) .pf-main .tp .open{display:inline-block;margin-top:10px;color:var(--g);font-weight:600;text-decoration:none;font-size:14.5px}
:where(.guide) .pf-main .brands{display:grid;gap:18px}
:where(.guide) .pf-main .brand b{display:block;margin-bottom:4px;font:500 18px var(--display);color:var(--ink)}
:where(.guide) .pf-main .gc .brands .brand>div{color:var(--ink-2)}
:where(.guide) .pf-main .gc .subl{margin:22px 0 10px;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
:where(.guide) .pf-main .gc .chips{display:flex;flex-wrap:wrap;gap:10px}
:where(.guide) .pf-main .gc .chip{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;border:1px solid var(--hair-lit);color:var(--ink);text-decoration:none;font-weight:500;font-size:14.5px}
:where(.guide) .pf-main .gc .chip:hover{border-color:rgba(var(--g-rgb),.55)}
:where(.guide) .pf-main .now .gc.open .prose p{font-size:18px;color:var(--ink)}
:where(.guide) .pf-main .now .gc.open h3{margin:0 0 4px;font:600 17px var(--body);color:var(--ink)}
:where(.guide) .pf-main .gc .card .sev{justify-self:start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 7px;border-radius:999px;font:600 11.5px var(--body);color:var(--ink-2);border:1px solid rgba(var(--lv),.4);background:rgba(var(--lv),.06)}
:where(.guide) .pf-main .gc .card .sev::before{content:"";width:9px;height:9px;border-radius:50%;background:rgb(var(--lv));box-shadow:0 0 8px rgba(var(--lv),.7)}
:where(.guide) .pf-main .gc .sev[data-level="low"]{--lv:52,211,120}
:where(.guide) .pf-main .gc .sev[data-level="mid"]{--lv:255,178,58}
:where(.guide) .pf-main .gc .sev[data-level="high"]{--lv:255,90,78}
:where(.guide) .pf-main .gc .sev:not([data-level]){--lv:90,168,255}
:where(.guide) .pf-main .now .gc.open .chk>li{grid-template-columns:44px minmax(0,1fr)}
:where(.guide) .pf-main .now .gc.open .chk .sn{font-size:34px}
:where(.guide) .pf-main .gc .chk.plain .sn{font-size:24px}
:where(.guide) .pf-main .gc .cards.tool{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
@media (min-width:700px){:where(.guide) .pf-main .gc .cards.tool{grid-template-columns:repeat(3,minmax(0,1fr))}}
:where(.guide) .pf-main .gc .cards.tool .card{grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:start}
:where(.guide) .pf-main .gc .cards.tool .ti{width:9px;height:9px;margin-top:7px;border-radius:3px;background:#C8CCD6;box-shadow:0 0 0 3px #22232a}
:where(.guide) .pf-main .gc .cards.tool .card h3{font-size:15px}
:where(.guide) .pf-main .gc .cards.tool .cb{font-size:14px;color:var(--dim)}
:where(.guide) .pf-main .gc .cards.sign{grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){:where(.guide) .pf-main .gc .cards.sign{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}}
:where(.guide) .pf-main .hero .uchips{margin:0 0 18px}
:where(.guide) .pf-main .gc .formula{margin:0 0 14px;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,178,58,.32);background:#0d0b07}
:where(.guide) .pf-main .gc .formula .bar{display:none}
:where(.guide) .pf-main .gc .formula ol{margin:0;padding-left:0;list-style:none;display:grid;gap:8px;font:500 15px var(--mono);color:var(--ink)}
:where(.guide) .pf-main .gc .formula li:last-child{padding-top:8px;border-top:1px solid var(--hair);color:#FFE2B0}