.pf{padding-bottom:var(--s-10);position:relative}.pf-layout{gap:var(--s-6);display:grid}.pf-stage{isolation:isolate;margin:0 calc(var(--gutter) * -1);background:var(--bg-deep);aspect-ratio:9/13;max-height:78svh;position:relative;overflow:hidden}.pf-stage-img,.pf-stage-video{object-fit:cover;object-position:50% 12%;width:100%;height:100%;position:absolute;inset:0}.pf-stage-img{animation:16s linear both pf-push}@keyframes pf-push{0%{transform:scale(1.02)}to{transform:scale(1.1)}}.pf-stage-video{opacity:0;transition:opacity .6s var(--ease-out)}.pf-stage-video[data-on]{opacity:1}.pf-stage-scrim{background:linear-gradient(#05050673 0%,#0000 20% 55%,#050506eb 100%);position:absolute;inset:0}.pf-stage-cap{right:var(--gutter);bottom:var(--s-5);left:var(--gutter);gap:6px;display:grid;position:absolute}.pf-stage-name{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(4rem,20vw,6rem);font-weight:900;line-height:.8}.pf-stage-meta{color:var(--text-2);font-size:var(--fs-sm)}.pf-stage-controls{top:var(--s-4);right:var(--gutter);z-index:2;position:absolute}.pf-body{gap:var(--s-4);align-content:start;min-width:0;display:grid}.pf-crumbs{color:var(--text-3);font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.pf-crumbs a{min-height:36px;color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.pf-crumbs a:hover{color:var(--text)}.pf-crumbs svg{width:16px;height:16px}.pf-badges{flex-wrap:wrap;gap:6px;display:flex}.pf-name{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(4.5rem,9vw,9rem);font-weight:900;line-height:.8;display:none}.pf-meta{color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:4px 0;margin:0;display:flex}.pf-meta span+span:before{content:"·";color:var(--accent-text);margin:0 10px}.pf-hook{max-width:46ch;color:var(--text);font-size:var(--fs-lg);text-wrap:pretty;margin:0;line-height:1.5}.pf-chat{border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(180deg, #ffffff08, transparent), var(--surface);box-shadow:var(--hl);gap:10px;padding:14px;display:grid}.pf-chat-head{align-items:center;gap:10px;display:flex}.pf-chat-head img{object-fit:cover;object-position:50% 12%;width:36px;height:36px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent);border-radius:50%}.pf-chat-head span{line-height:1.2;display:grid}.pf-chat-head strong{font-size:var(--fs-sm)}.pf-chat-head small{color:var(--text-3);font-size:var(--fs-xs)}.pf-chat-head small[data-typing]{color:var(--accent-text)}.pf-chat-thread{flex-direction:column;align-items:flex-start;gap:3px;min-height:40px;display:flex}.pf-bubble{background:var(--surface-2);max-width:88%;font-size:var(--fs-base);animation:pf-bubble .42s var(--ease-spring) both;transform-origin:0 100%;border-radius:18px 18px 18px 6px;margin:0;padding:10px 14px;line-height:1.45}.pf-bubble+.pf-bubble{border-top-left-radius:6px}@keyframes pf-bubble{0%{opacity:0;transform:scale(.86)translateY(6px)}to{opacity:1;transform:none}}.pf-typing{background:var(--surface-2);border-radius:18px 18px 18px 6px;align-items:center;gap:4px;height:38px;padding:0 14px;display:inline-flex}.pf-typing i{background:var(--text-2);width:7px;height:7px;animation:hm-dot 1.1s var(--ease-in-out) infinite;border-radius:50%}.pf-typing i:nth-child(2){animation-delay:.16s}.pf-typing i:nth-child(3){animation-delay:.32s}@keyframes hm-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.pf-replies{opacity:0;transition:opacity .32s var(--ease-out), transform .42s var(--ease-spring);pointer-events:none;gap:8px;display:grid;transform:translateY(8px)}.pf-replies[data-ready]{opacity:1;pointer-events:auto;transform:none}.pf-reply-list{flex-wrap:wrap;gap:6px;display:flex}.pf-reply{border:1px solid var(--accent-line);border-radius:var(--r-pill);background:var(--accent-soft);color:#ffd2d8;min-height:40px;font-size:var(--fs-sm);text-align:left;transition:background-color var(--t-hover) var(--ease-out), transform var(--t-press) var(--ease-out);padding:8px 14px;font-weight:550}.pf-reply:hover{background:#e01b3542}.pf-reply:active{transform:scale(.97)}.pf-actions{align-items:center;gap:8px;display:flex;position:relative}.pf-cta{flex:1}.pf-icon{border:1px solid var(--line-2);background:var(--surface)}.pf-icon[aria-pressed=true] svg{fill:currentColor}.pf-share-note{color:var(--accent-text);font-size:var(--fs-xs);position:absolute;top:-26px;right:0}.pf-fine{color:var(--text-3);font-size:var(--fs-xs);margin:-4px 0 0}.pf-langs{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.pf-langs legend{float:left;margin-right:6px}.pf-quote{margin:var(--s-4) 0 0;padding:var(--s-5) 0 0;border-top:1px solid var(--line);color:var(--text);font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.9rem,3.6vw,3rem);font-style:italic;font-weight:700;line-height:1}.pf-facts{border:1px solid var(--line);border-radius:var(--r-md);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.pf-facts>div{background:var(--bg);gap:4px;padding:14px;display:grid}.pf-facts dt{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase}.pf-facts dd{color:var(--text);font-size:var(--fs-sm);margin:0}.pf-traits{grid-column:span 2}.pf-traits dd{flex-wrap:wrap;gap:6px;display:flex}.pf-traits .ui-chip{cursor:default;min-height:30px}.pf-similar{margin-top:var(--s-18)}.pf-dock{right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));z-index:35;padding:10px var(--gutter);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c0ee0;gap:8px;display:flex;position:fixed;left:0}.pf-dock .ui-btn{flex:1}.pf-dock .ui-icon-btn[aria-pressed=true] svg{fill:currentColor;color:var(--accent-text)}@media (max-width:999px){.pf{padding-bottom:88px}.pf-actions .pf-cta{display:none}}@media (min-width:1000px){.pf-layout{grid-template-columns:minmax(340px, min(42vw, calc((100svh - var(--sh-offset,64px) - 48px) * .643))) minmax(0, 1fr);padding-top:var(--s-8);align-items:start;gap:clamp(32px,5vw,88px)}.pf-stage{top:calc(var(--sh-offset,var(--header-h)) + var(--s-6));max-height:calc(100svh - var(--sh-offset,var(--header-h)) - var(--s-12,48px));aspect-ratio:9/14;border:1px solid var(--line-2);border-radius:var(--r-xl);width:100%;margin:0;position:sticky;box-shadow:0 60px 120px -40px #000000e6}.pf-stage-cap{display:none}.pf-name{display:block}.pf-body{gap:var(--s-5);padding-top:var(--s-4)}.pf-dock{display:none}.pf-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-traits{grid-column:span 4}}@media (prefers-reduced-motion:reduce){.pf-stage-img{animation:none}}.pf-about{gap:var(--s-12,48px);margin-top:var(--s-18);display:grid}.pf-about-copy,.pf-faq,.pf-explore{min-width:0;max-width:72ch}.pf-about-copy p{margin:0 0 var(--s-4);color:var(--text-2);font-size:var(--fs-md,1rem);text-wrap:pretty;line-height:1.7}.pf-about-copy p:last-child{margin-bottom:0}.pf-faq-list{gap:8px;display:grid}.pf-faq-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.pf-faq-item summary{min-height:56px;color:var(--text);font-size:var(--fs-base);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-weight:550;list-style:none;display:flex}.pf-faq-item summary::-webkit-details-marker{display:none}.pf-faq-item summary:hover{background:var(--surface-2)}.pf-faq-item summary svg{width:16px;height:16px;color:var(--text-3);transition:transform .2s var(--ease-out);flex:none}.pf-faq-item[open] summary svg{transform:rotate(180deg)}.pf-faq-item p{color:var(--text-2);font-size:var(--fs-sm);margin:0;padding:0 18px 18px;line-height:1.65}.pf-explore-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pf-explore-list a{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-height:56px;transition:background-color var(--t-hover) var(--ease-out), border-color var(--t-hover) var(--ease-out);gap:2px;padding:12px 16px;display:grid}.pf-explore-list a:hover{border-color:var(--line-2);background:var(--surface-2)}.pf-explore-list strong{color:var(--text);font-size:var(--fs-base)}.pf-explore-list span{color:var(--text-3);font-size:var(--fs-sm)}.pf-explore-hubs{margin-top:var(--s-4);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-explore-hubs .ui-kicker{margin-right:4px}@media (min-width:1000px){.pf-explore{max-width:72ch}.pf-about{column-gap:clamp(32px,5vw,88px);row-gap:var(--s-12,48px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.pf-about-copy{grid-row:1/span 2;max-width:68ch}.pf-faq,.pf-explore{max-width:none}.pf-explore-list{grid-template-columns:1fr}}
