.ph-page{isolation:isolate;margin-top:calc(-1 * var(--header-h,61px));min-height:100svh;padding:calc(var(--header-h,61px) + clamp(1.5rem, 5vw, 4rem)) 16px clamp(3rem, 7vw, 6rem);color:#fff;font-family:var(--font-body), system-ui, sans-serif;background:#0c0b12;flex-direction:column;justify-content:center;display:flex;position:relative;overflow-x:clip}.ph-glow{top:-6%;left:-10%;right:-10%;bottom:calc(-1 * var(--ph-tail,0px));z-index:-1;filter:saturate(1.1);background-color:#0c0b12;background-image:linear-gradient(#0000 calc(100% - 240px),#0c0b12 calc(100% - 8px)),radial-gradient(34% 22% at 30% 20%,#503cdc5c,#0000 70%),radial-gradient(30% 20% at 74% 16%,#f4d7f329,#0000 70%),radial-gradient(38% 24% at 12% 46%,#0b55638c,#0000 70%),radial-gradient(30% 22% at 52% 52%,#c6f43224,#0000 70%),radial-gradient(36% 24% at 90% 46%,#e9664d4d,#0000 70%),radial-gradient(36% 22% at 22% 76%,#503cdc52,#0000 70%),radial-gradient(34% 22% at 70% 72%,#f4d7f329,#0000 70%),radial-gradient(38% 22% at 10% 98%,#0b556380,#0000 70%),radial-gradient(32% 20% at 50% 100%,#c6f4321f,#0000 70%),radial-gradient(38% 22% at 92% 96%,#e9664d4d,#0000 70%);background-repeat:no-repeat;position:absolute}.ph-glow:after{content:"";pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 240px),#0000);mask-image:linear-gradient(#000 calc(100% - 240px),#0000)}.ph-head{text-align:center;width:100%;max-width:1600px;margin:0 auto clamp(1.75rem,4vw,3.25rem)}.ph-title{letter-spacing:-.02em;background:linear-gradient(100deg,#7ef2d9 0%,#e6deff 30%,#f4d7f3 62%,#ff9a4d 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.16em;padding-bottom:.16em;font-size:clamp(2rem,5.2vw,4.25rem);font-weight:700;line-height:1.05;animation:.9s cubic-bezier(.2,.8,.2,1) 80ms both ph-rise}.ph-grid{--ph-ratio:390 / 844;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:max(36vw,min(64vw,280px,46.2085svh - 127.073px));grid-auto-flow:column;gap:14px;width:calc(100% + 32px);margin:0 -16px;padding:6px 16px 18px;scroll-padding-inline:16px;list-style:none;display:grid;overflow:auto hidden}.ph-grid::-webkit-scrollbar{display:none}.ph-cell{scroll-snap-align:start}@media (min-width:640px){.ph-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:22px 18px;width:100%;max-width:600px;margin:0 auto;padding:0;overflow:visible}.ph-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px;margin:0 auto;padding:0;overflow:visible}.ph-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;margin:0 auto;padding:0;overflow:visible}}@media (min-width:1280px){.ph-grid{grid-template-columns:repeat(var(--ph-count,4), minmax(0, 1fr));max-width:min(calc(100vw - 40px), calc((66svh - 50px) * 390 / 844 * var(--ph-count,4) + (var(--ph-count,4) - 1) * 18px));gap:18px}.ph-grid[data-count="2"]{max-width:min(100vw - 40px,60.9953svh - 28.2085px)}}.ph-cell{animation:ph-rise .9s calc(.18s + var(--i) * 90ms) cubic-bezier(.2, .8, .2, 1) both;flex-direction:column;gap:8px;display:flex}.ph-num{letter-spacing:.18em;color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.ph-tile{aspect-ratio:var(--ph-ratio);background:var(--tile-bg);outline-offset:-1px;border-radius:clamp(16px,7%,26px);outline:1px solid #ffffff24;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 22px 50px -26px #000000d9}.ph-tile img{object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.ph-tile:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (hover:hover){.ph-tile:hover{box-shadow:0 34px 70px -28px var(--tile-bg);transform:translateY(-8px)}.ph-tile:hover img{transform:scale(1.03)}.ph-tile:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.ph-tile:hover:after{transition:transform .9s cubic-bezier(.3,.7,.2,1);transform:translate(120%)}}.ph-pick{color:#0c0b12;background:#fbfaff;border-radius:clamp(20px,2.6vw,32px);width:100%;max-width:1080px;margin:clamp(4rem,9vw,7.5rem) auto 0;padding:clamp(28px,4.5vw,56px) clamp(18px,4.5vw,56px);box-shadow:0 40px 90px -40px #000000bf}.ph-pick-title{text-align:center;letter-spacing:-.02em;color:#0c0b12;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:700;line-height:1.1}.ph-pick-list{border-top:1px solid #0c0b121a;margin-top:clamp(1.5rem,3vw,2.25rem);padding:0;list-style:none}.ph-pick-row{border-bottom:1px solid #0c0b121a;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px 18px;padding:18px 10px;transition:background-color .3s;display:grid}.ph-pick-need{color:#24233a;font-size:clamp(15px,1.4vw,18px);line-height:1.45}.ph-pick-name{background:var(--tile-bg);color:var(--tile-fg);white-space:nowrap;border-radius:999px;justify-self:end;padding:6px 14px;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 1px #0c0b1214}.ph-pick-arrow{color:#0c0b12;border:1px solid #0c0b1233;border-radius:50%;place-items:center;width:34px;height:34px;transition:background-color .3s,color .3s,border-color .3s;display:grid}.ph-pick-arrow svg{width:16px;height:16px;transition:transform .3s}[dir=rtl] .ph-pick-arrow svg{transform:scaleX(-1)}.ph-pick-row:focus-visible{outline-offset:2px;outline:3px solid #4c3fd1}@media (hover:hover){.ph-pick-row:hover{background-color:#f1eefc}.ph-pick-row:hover .ph-pick-arrow{color:#fff;background:#0c0b12;border-color:#0c0b12}.ph-pick-row:hover .ph-pick-arrow svg{transform:translate(3px)}[dir=rtl] .ph-pick-row:hover .ph-pick-arrow svg{transform:scaleX(-1)translate(3px)}}@media (max-width:639px){.ph-pick-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"need arrow""name arrow";gap:10px 14px}.ph-pick-need{grid-area:need}.ph-pick-name{grid-area:name;justify-self:start}.ph-pick-arrow{grid-area:arrow}}.ph-help{background:#efebff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;margin-top:clamp(2rem,4vw,3rem);padding:clamp(20px,3vw,30px);display:flex}.ph-help-title{color:#0c0b12;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700}.ph-help-text{color:#3d3c55;max-width:34rem;margin-top:4px;font-size:15px;line-height:1.5}.ph-help-actions{flex-wrap:wrap;gap:10px;display:flex}.ph-btn{border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:15px;font-weight:600;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.ph-btn-main{color:#fff;background:#0c0b12}.ph-btn-main:hover{background:#2a2270}.ph-btn:focus-visible{outline-offset:3px;outline:3px solid #4c3fd1}.ph-nav{display:none}@media (max-width:639px){.ph-nav{justify-content:center;align-items:center;gap:18px;margin-top:4px;display:flex}.ph-nav-btn{color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .25s,background-color .25s;display:grid;box-shadow:inset 0 0 0 1px #fff3}.ph-nav-btn svg{width:20px;height:20px}[dir=rtl] .ph-nav-btn svg{transform:scaleX(-1)}.ph-nav-btn:disabled{opacity:.3}.ph-nav-btn:focus-visible,.ph-dot:focus-visible{outline-offset:3px;outline:3px solid #fff}.ph-dots{align-items:center;gap:2px;display:flex}.ph-dot{width:24px;height:24px;position:relative}.ph-dot:before{content:"";background:#ffffff59;border-radius:999px;width:8px;height:8px;transition:width .3s cubic-bezier(.2,.8,.2,1),background-color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ph-dot[aria-current=true]:before{background:var(--tile-bg);width:22px;box-shadow:0 0 0 1px #ffffff80}.ph-grid{--ph-nudge:-1}[dir=rtl] .ph-grid{--ph-nudge:1}.ph-cell{animation:ph-rise .9s calc(.18s + var(--i) * 90ms) cubic-bezier(.2, .8, .2, 1) both, ph-nudge 1.5s 1.6s ease-in-out 1}}@keyframes ph-nudge{0%,to{transform:none}25%{transform:translateX(calc(var(--ph-nudge) * 56px))}50%{transform:none}70%{transform:translateX(calc(var(--ph-nudge) * 24px))}}@keyframes ph-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ph-title,.ph-cell{animation:none}.ph-tile,.ph-tile img{transition:none}.ph-tile:after{display:none}}footer[data-tone=ink]{--f-bg:#0c0b12;--f-ink:#fff;--f-cta-bg:#fff;--f-cta-ink:#0c0b12}html:has(.ph-page) footer[data-tone=ink]{background-color:#0000}footer[data-tone=ink]>:not(.footer-links){background-color:#0c0b12}
