@layer components{.ph{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.875rem;line-height:1.5}.ph a{text-decoration:none}.ph-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:36px;display:grid}.ph-h1{font-family:var(--font-serif,serif);letter-spacing:-.01em;margin:0 0 10px;font-size:2.875rem;font-weight:600;line-height:1.06}.ph-lead{max-width:40rem;color:var(--ink-soft);margin:0;font-size:1.03rem}.ph-fact{border-left:3px solid var(--accent-bright);background:var(--leaf-soft);color:var(--ink);border-radius:0 12px 12px 0;padding:12px 16px;font-size:.875rem}.ph-fact>b,.ph-note>b{letter-spacing:.1em;text-transform:uppercase;color:var(--leaf);margin-bottom:3px;font-size:.6875rem;display:block}.ph-refs{color:var(--muted);margin-top:6px;font-size:.75rem;display:block}.ph-refs a,.ph-steps em a,.ph-sources a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}.ph-refs a:hover,.ph-steps em a:hover,.ph-sources a:hover{color:var(--ink)}.ph-k{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 12px;font-size:.6875rem;font-weight:600;display:flex}.ph-k a{letter-spacing:0;text-transform:none;color:var(--brand);white-space:nowrap;font-size:.8125rem;font-weight:500}.ph-src{color:var(--muted);margin:10px 0 0;font-size:.75rem}.ph-src .ph-refs{margin:0;display:inline}.ph-methods{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.ph-m{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);border-radius:16px;align-content:start;gap:8px;padding:14px 14px 12px;transition:border-color .15s;display:grid}.ph-m:hover{border-color:var(--line-strong)}.ph-m[aria-current=page]{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.ph-m>b{font-size:.97rem}.ph-mi{width:44px;height:44px}.ph-mi-l{stroke:var(--leaf)}.ph-mi-f{fill:var(--accent-bright)}.ph-mi-g{stroke:var(--brand)}.ph-mi-i{stroke:var(--ink-soft)}.ph-mi-m{stroke:var(--muted)}.ph-tag{background:var(--leaf-soft);color:color-mix(in srgb, var(--leaf) 78%, var(--ink));border-radius:99px;justify-self:start;padding:2px 9px;font-size:.6875rem;font-weight:600}.ph-tag.c{background:var(--surface-2);color:var(--ink-soft);font-weight:500}.ph-m dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:.78rem;display:grid}.ph-m dt{color:var(--muted)}.ph-m dd{margin:0}.ph-guide{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;display:grid}.ph-glass{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:18px 20px}.ph-stage{aspect-ratio:16/9;background:#08180f;border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden}.ph-svg{width:100%;height:100%;display:block}.ph-svgcap{color:#e8f1ed;width:30%;font-size:.875rem;line-height:1.45;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.ph-svgcap b,.ph-cap b{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:4px;font-size:.75rem;display:block}.ph-svgcap b{color:#d6b25c}.ph-svgcap span{-webkit-line-clamp:6;color:#cfe0d8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ph-cap{color:var(--ink-soft);margin-top:10px;font-size:.875rem;display:none}.ph-cap>p{visibility:hidden;grid-area:1/1;margin:0}.ph-cap>p.on{visibility:visible}.ph-ctl{align-items:center;gap:10px;margin-top:12px;display:flex}.ph-ctl>span{color:var(--muted);white-space:nowrap;font-size:.78rem}.ph-play{background:var(--brand);width:40px;height:40px;color:var(--on-brand);border-radius:50%;flex:none;place-items:center;display:grid}.ph-dots{flex:1;gap:6px;display:flex}.ph-dots button{background:linear-gradient(var(--line-strong), var(--line-strong)) center / 100% 5px no-repeat;border-radius:3px;flex:1;height:22px}.ph-dots button.d{background-image:linear-gradient(var(--accent-bright), var(--accent-bright))}.ph-dots button.on{background-image:linear-gradient(var(--brand), var(--brand))}.ph-frames{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:8px;margin-top:12px;display:grid}.ph-frames button{border:1px solid var(--line);min-width:0;color:var(--ink-soft);text-align:center;overflow-wrap:anywhere;border-radius:10px;padding:6px 4px;font-size:.6875rem}.ph-frames button.on{border-color:var(--brand);color:var(--ink);font-weight:600}.ph-frames svg{width:100%;height:38px;color:var(--leaf);margin-bottom:4px;display:block}.ph-frames button.on svg{color:var(--brand)}.ph-steps{counter-reset:s;margin:0;padding:0;list-style:none}.ph-steps li{border-top:1px solid var(--line);grid-template-columns:30px 1fr;column-gap:12px;padding:11px 0;display:grid}.ph-steps li:first-child{border-top:0;padding-top:0}.ph-steps li:before{counter-increment:s;content:counter(s);background:var(--surface-2);width:28px;height:28px;color:var(--ink-soft);border-radius:50%;grid-row:span 3;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.ph-steps li.d:before{background:var(--accent-bright);color:#06120d}.ph-steps li.on:before{background:var(--brand);color:var(--on-brand)}.ph-stepbtn{text-align:left;color:var(--ink);justify-self:start;font-size:.9rem}.ph-stepbtn:hover b{text-decoration:underline}.ph-steps li>span{color:var(--ink-soft);font-size:.8125rem}.ph-steps em{color:var(--muted);font-size:.72rem;font-style:normal}.ph-note{border-left:3px solid var(--brand);background:var(--brand-soft);color:var(--ink);border-radius:0 12px 12px 0;margin-top:12px;padding:10px 14px;font-size:.8125rem}.ph-note>b{color:var(--brand)}.ph-note a{color:var(--brand);white-space:nowrap}.ph-burn{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:22px;padding:16px 20px}.ph-burn h2{margin:0 0 8px;font-size:1rem;font-weight:600}.ph-burn ul{color:var(--ink-soft);gap:8px;margin:0;padding-left:18px;display:grid}.ph-burn .ph-refs{margin:0;display:inline}.ph-buy{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ph-b{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;align-content:start;gap:4px;padding:12px 14px;display:grid}a.ph-b:hover{border-color:var(--brand)}.ph-b>b{font-size:.94rem}.ph-b strong{font-size:1.25rem;font-weight:600}.ph-b strong small{color:var(--ink-soft);font-size:.75rem;font-weight:500}.ph-b>span{color:var(--ink-soft);font-size:.78rem}.ph-b>i{color:var(--brand);margin-top:4px;font-size:.8125rem;font-style:normal}.ph-b.gap{background:0 0;border-style:dashed}.ph-b.gap strong{color:var(--muted);font-size:.875rem;font-weight:500}.ph-kit{color:var(--ink-soft);margin:10px 0 0;font-size:.8125rem}.ph-sources{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}.ph-sources h2{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.6875rem;font-weight:600}.ph-sources ol{color:var(--ink-soft);gap:4px;margin:0;padding-left:18px;font-size:.78rem;display:grid}.ph-paused *{animation-play-state:paused!important}.ph-a-spin{animation:2.4s linear infinite ph-spin}.ph-a-fall{animation:2.2s ease-in infinite ph-fall}.ph-a-rise{animation:2.6s ease-out infinite ph-rise}.ph-a-pulse{animation:1.6s ease-in-out infinite ph-pulse}.ph-a-blink{animation:1.2s steps(2,end) infinite ph-pulse}.ph-a-needle{animation:3s ease-in-out infinite alternate ph-needle}.ph-a-brush{animation:.9s ease-in-out infinite alternate ph-brush}.ph-a-draw{stroke-dasharray:1;animation:2.4s ease-out infinite ph-draw}.ph-a-shake{animation:.5s ease-in-out infinite alternate ph-shake}.ph-a-plunge{animation:2.4s ease-in-out infinite alternate ph-plunge}.ph-a-drop{animation:1.8s ease-in infinite ph-drop}.ph-a-slide{animation:2.6s ease-out infinite ph-slide}.ph-a-roll{animation:2.4s ease-in-out infinite alternate ph-roll}.ph-a-rise-water{animation:3s ease-out infinite ph-water}.ph-a-bubble{animation:1.6s ease-out infinite ph-bubble}.ph-d1{animation-delay:.3s}.ph-d2{animation-delay:.6s}@keyframes ph-spin{to{transform:rotate(360deg)}}@keyframes ph-fall{0%,20%{opacity:0;transform:translateY(-46px)}55%,to{opacity:1;transform:translateY(0)}}@keyframes ph-rise{0%{opacity:0;transform:translateY(14px)}40%{opacity:.9}to{opacity:0;transform:translateY(-22px)}}@keyframes ph-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes ph-needle{0%{transform:rotate(-70deg)}to{transform:rotate(50deg)}}@keyframes ph-brush{0%{transform:translate(-6px,-6px)}to{transform:translate(6px,6px)}}@keyframes ph-draw{0%{stroke-dashoffset:1px}60%,to{stroke-dashoffset:0}}@keyframes ph-shake{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes ph-plunge{0%{transform:scaleX(.35)}to{transform:scaleX(1)}}@keyframes ph-drop{0%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(80px)}to{opacity:0;transform:translateY(86px)}}@keyframes ph-slide{0%{opacity:0;transform:translate(-40px)}50%,to{opacity:1;transform:translate(0)}}@keyframes ph-roll{0%{transform:scaleY(1.6)}to{transform:scaleY(1)}}@keyframes ph-water{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes ph-bubble{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-40px)}}@media (prefers-reduced-motion:reduce){.ph-stage *{animation:none!important}}@media (max-width:1180px){.ph-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-guide,.ph-hero{grid-template-columns:1fr}.ph-hero{gap:16px}.ph-buy{grid-template-columns:1fr 1fr}}@media (max-width:700px){.ph-h1{font-size:2.125rem}.ph-lead{font-size:.97rem}.ph-methods{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px;scroll-padding:0 16px;display:flex;overflow-x:auto}.ph-m{scroll-snap-align:start;flex:0 0 72%}.ph-frames{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-svgcap{display:none}.ph-cap{display:grid}.ph-glass{padding:14px}.ph-buy{grid-template-columns:1fr}}}