/* PromXAI Theme 2.0.21-test317 — canonical compact Prompt Browser feed owner. * Prompt archive hands off to desktop at 900px, matching desktop-shell.css. */ .px-phone-home-feed{display:none} @media(max-width:899px){ body.promxai-prompt-browser-page{overflow-x:hidden} body.promxai-prompt-browser-page .px-home-main{width:100%;max-width:100%;min-width:0;margin:0;padding-inline:0;overflow-x:hidden} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-home-main>.px-browse{display:none!important} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-feed{display:block;width:100%;max-width:none;margin:0;padding:12px 14px calc(118px + env(safe-area-inset-bottom,0px))} body.promxai-prompt-browser-page .px-phone-home-feed{padding-bottom:32px} html.px-phone-ui body.promxai-prompt-browser-page .px-phone-home-feed{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;direction:rtl} html[data-ui-lang="en"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-grid{direction:ltr} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card{position:relative;display:block;width:100%;margin:0;border-radius:22px;overflow:hidden;background:transparent;box-shadow:none} html[data-ui-lang="ar"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card{direction:rtl} html[data-ui-lang="en"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card{direction:ltr} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-grid.is-promxai-masonry{position:relative!important;display:block!important;height:var(--px-masonry-height,auto);direction:ltr} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-grid.is-promxai-masonry>.px-phone-home-card{position:absolute!important;top:var(--px-masonry-y,0px)!important;left:var(--px-masonry-x,0px)!important;width:var(--px-masonry-card-width)!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card[hidden]{display:none!important} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__link{position:relative;display:block;width:100%;color:inherit;text-decoration:none;border-radius:inherit;overflow:hidden;background:color-mix(in srgb,var(--px-surface,#111827) 86%,transparent)} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center;margin-inline:auto;border:0;border-radius:inherit} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card.is-locked .px-phone-home-card__link{cursor:not-allowed} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__video{position:absolute;z-index:3;inset:0;display:block;pointer-events:none} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.32);border-radius:50%;color:#fff;background:rgba(7,10,18,.48);box-shadow:0 10px 26px rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__play .px-icon,:is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__play svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__duration{position:absolute;z-index:5;bottom:10px;inset-inline-end:10px;display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border-radius:999px;color:#fff;background:rgba(7,10,18,.68);font:800 11px/1 Inter,"IBM Plex Sans Arabic",sans-serif;box-shadow:0 8px 18px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;transform:none} html[data-theme="light"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__play{border-color:rgba(82,97,135,.18);color:#fff;background:rgba(11,18,33,.62)} html[data-theme="light"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__duration{background:rgba(11,18,33,.76)} /* RC67: phone identity badge geometry is owned only by pro-preview-consistency.css. */ :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__lock{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.30);border-radius:50%;color:#fff;background:rgba(7,10,18,.44);box-shadow:0 10px 26px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__lock .px-icon{width:21px;height:21px;stroke-width:1.9} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card.is-locked .px-phone-home-card__video{display:none} :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-empty{padding:44px 16px;text-align:center;color:var(--px-text-secondary,#94a3b8);font-weight:600} } @media(min-width:900px){:is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-feed{display:none!important}} html[data-theme="light"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__link{ background:#fff; border:1px solid rgba(107,124,161,.12); box-shadow:0 12px 28px rgba(87,104,145,.10), 0 2px 6px rgba(87,104,145,.05); } html[data-theme="light"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__image{ box-shadow:0 6px 20px rgba(87,104,145,.05); } html[data-theme="dark"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__link{ box-shadow:0 14px 30px rgba(3,9,24,.16), 0 0 18px rgba(102,128,255,.05); } /* 2.0.0-RC8 — phone light card depth. */ @media (max-width:760px) { html.px-phone-ui[data-theme="light"] :is(body.home, body.post-type-archive-promxai_prompt, body.tax-promxai_category) .px-phone-home-card__link { border: 1px solid rgba(82, 101, 139, .14) !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 10px 24px rgba(54, 69, 103, .145), 0 2px 6px rgba(54, 69, 103, .055), inset 0 1px 0 rgba(255,255,255,.96) !important; } } /* RC42 engineering hardening: zero-UI infinite-feed sentinel. */ .px-phone-home-sentinel{ display:block; width:100%; height:1px; pointer-events:none; }