:root {
    color-scheme: dark;
    --peach-pink: #e6378f;
    --peach-safe-top: env(safe-area-inset-top, 0px);
    --peach-safe-bottom: env(safe-area-inset-bottom, 0px);
}
html.peach-reels-test-html, body.peach-reels-test-page { width:100%; height:100%; margin:0!important; padding:0!important; overflow:hidden; background:#000; }
html.peach-reels-test-html { margin-top:0!important; }
body.peach-reels-test-page #wpadminbar { display:none!important; }
.peach-reels-app { width:100%; height:100dvh; overflow-y:auto; overflow-x:hidden; scroll-snap-type:y mandatory; overscroll-behavior-y:contain; scrollbar-width:none; background:#000; }
.peach-reels-app::-webkit-scrollbar { display:none; }
.peach-reel { position:relative; width:100%; height:100%; min-height:100%; overflow:hidden; scroll-snap-align:start; scroll-snap-stop:always; background:#000; }
.peach-reel__stage { position:absolute; inset:0; display:block; line-height:0; background:#000; }
.peach-reel__video { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; background:#000; }
.peach-reel__shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom,transparent 0%,transparent 58%,rgba(0,0,0,.92) 100%); }
.peach-reel__content { position:absolute; z-index:3; left:18px; right:94px; bottom:calc(26px + var(--peach-safe-bottom)); color:#fff; }
.peach-reel__categories { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.peach-reel__category { display:inline-flex; align-items:center; min-height:28px; padding:5px 10px; border:1px solid rgba(230,55,143,.82); border-radius:999px; color:#fff; background:rgba(10,10,14,.58); backdrop-filter:blur(10px); text-decoration:none; font:700 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:0 4px 16px rgba(0,0,0,.2); }
.peach-reel__category:hover,.peach-reel__category:focus { color:#fff; background:rgba(230,55,143,.92); text-decoration:none; }
.peach-reel__title { margin:0; max-width:760px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#fff; text-decoration:none; font:750 clamp(17px,2.2vw,23px)/1.27 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-shadow:0 2px 10px rgba(0,0,0,.88); }
.peach-reel__title:hover,.peach-reel__title:focus,.peach-reel__title:active { color:#fff; text-decoration:none; }
.peach-reel__actions { position:absolute; z-index:4; right:12px; bottom:calc(20px + var(--peach-safe-bottom)); display:flex; flex-direction:column; gap:13px; align-items:center; }
.peach-reel__action { width:68px; padding:0; border:0!important; display:flex; flex-direction:column; align-items:center; gap:5px; color:#fff!important; background:transparent!important; text-decoration:none!important; cursor:pointer; font:700 10px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:none!important; }
.peach-reel__action-circle { width:50px; height:50px; border:1px solid rgba(255,255,255,.16); border-radius:50%; display:grid; place-items:center; background:rgba(10,10,14,.58); backdrop-filter:blur(10px); box-shadow:0 6px 22px rgba(0,0,0,.28); transition:.18s ease; }
.peach-reel__action-circle svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.peach-reel__action-label { color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.8); }
.peach-reel__action:hover .peach-reel__action-circle,.peach-reel__action:focus .peach-reel__action-circle,.peach-reel__action.is-active .peach-reel__action-circle { background:var(--peach-pink); border-color:var(--peach-pink); transform:translateY(-1px); }
 .peach-reel__tap-layer { position:absolute; z-index:2; inset:0 82px 180px 0; display:block; appearance:none; -webkit-appearance:none; border:0!important; border-radius:0!important; padding:0!important; margin:0!important; background:transparent!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; outline:0; color:transparent!important; opacity:1!important; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.peach-reel__tap-layer:hover,.peach-reel__tap-layer:focus,.peach-reel__tap-layer:focus-visible,.peach-reel__tap-layer:active { border:0!important; background:transparent!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; color:transparent!important; transform:none!important; }
.peach-reel__status { position:absolute; z-index:5; top:50%; left:50%; transform:translate(-50%,-50%); padding:10px 14px; border-radius:10px; color:#fff; background:rgba(0,0,0,.62); font:600 13px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.peach-reel.is-buffering .peach-reel__status,.peach-reel.has-error .peach-reel__status { opacity:1; }
.peach-reels-loading { height:100%; display:grid; place-items:center; color:#fff; font:600 15px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.peach-reels-modal { position:fixed; z-index:999999; inset:0; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.66); backdrop-filter:blur(8px); }
.peach-reels-modal__card { position:relative; width:min(100%,360px); padding:28px; border:1px solid rgba(255,255,255,.12); border-radius:22px; color:#fff; background:#17171d; box-shadow:0 24px 80px rgba(0,0,0,.5); text-align:center; }
.peach-reels-modal__card.is-info { width:min(100%,330px); padding:26px 24px 22px; }
.peach-reels-modal__card h2 { margin:0 0 10px; font:800 24px/1.2 system-ui,sans-serif; }
.peach-reels-modal__card p { margin:0 0 20px; color:#c9c9d0; font:500 15px/1.5 system-ui,sans-serif; }
.peach-reels-modal__close { position:absolute; top:10px; right:12px; width:34px; height:34px; border:0; border-radius:50%; color:#fff; background:transparent; font-size:26px; cursor:pointer; }
.peach-reels-modal__button { display:inline-flex; justify-content:center; min-width:120px; padding:12px 18px; border:0; border-radius:999px; color:#fff!important; background:var(--peach-pink); text-decoration:none!important; font:800 14px/1 system-ui,sans-serif; cursor:pointer; }

.peach-reels-modal__actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.peach-reels-modal__button.is-secondary { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); }
.peach-reel__like.is-active .peach-reel__action-circle { background:var(--peach-pink); border-color:var(--peach-pink); }
.peach-reel__like.is-active .peach-reel__action-circle svg { fill:currentColor; stroke:currentColor; }
.peach-reel__like.is-loading { opacity:.65; pointer-events:none; }

@media (min-width:900px) {
    .peach-reel__stage { width:min(100%,540px); left:50%; right:auto; transform:translateX(-50%); box-shadow:0 0 70px rgba(255,255,255,.08); }
    .peach-reel__shade,.peach-reel__content,.peach-reel__actions,.peach-reel__tap-layer,.peach-reel__status { max-width:540px; margin-left:auto; margin-right:auto; }
    .peach-reel__shade,.peach-reel__tap-layer { left:calc(50% - 270px); right:calc(50% - 270px); }
        .peach-reel__content { left:calc(50% - 252px); right:calc(50% - 185px); }
    .peach-reel__actions { right:calc(50% - 263px); }
}

/* Extra bottom breathing room for browser chrome and short desktop viewports. */
@media (max-height: 760px) {
    .peach-reel__content { bottom:calc(20px + var(--peach-safe-bottom)); }
    .peach-reel__actions { bottom:calc(14px + var(--peach-safe-bottom)); gap:10px; }
    .peach-reel__action-circle { width:46px; height:46px; }
    .peach-reel__action-circle svg { width:21px; height:21px; }
}
@media (max-width: 782px) {
    .peach-reel__content { bottom:calc(36px + var(--peach-safe-bottom)); }
    .peach-reel__actions { bottom:calc(30px + var(--peach-safe-bottom)); }
}

/* v0.1.7 playback gestures and seek bar */
.peach-reel__gesture {
    position:absolute;
    z-index:2;
    top:0;
    bottom:170px;
    width:50%;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    appearance:none;
    -webkit-appearance:none;
    background:transparent!important;
    box-shadow:none!important;
    outline:0;
    color:transparent!important;
    cursor:pointer;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    -webkit-user-select:none;
}
.peach-reel__gesture--left { left:0; }
.peach-reel__gesture--right { right:78px; width:calc(50% - 78px); }
.peach-reel__gesture:hover,.peach-reel__gesture:focus,.peach-reel__gesture:active {
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
.peach-reel__tap-layer { display:none!important; }
.peach-reel__feedback {
    position:absolute;
    z-index:6;
    top:44%;
    left:50%;
    transform:translate(-50%,-50%) scale(.92);
    min-width:92px;
    padding:12px 16px;
    border-radius:999px;
    color:#fff;
    background:rgba(8,8,12,.76);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    text-align:center;
    font:800 16px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    opacity:0;
    pointer-events:none;
    transition:opacity .14s ease,transform .14s ease;
}
.peach-reel__feedback.is-visible { opacity:1; transform:translate(-50%,-50%) scale(1); }
.peach-reel__feedback.is-left { left:27%; }
.peach-reel__feedback.is-right { left:73%; }
.peach-reel__speed {
    position:absolute;
    z-index:6;
    top:calc(22px + var(--peach-safe-top));
    left:50%;
    transform:translateX(-50%) translateY(-8px);
    padding:9px 15px;
    border-radius:999px;
    color:#fff;
    background:rgba(230,55,143,.92);
    box-shadow:0 8px 28px rgba(0,0,0,.3);
    font:850 17px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    opacity:0;
    pointer-events:none;
    transition:.15s ease;
}
.peach-reel__speed.is-visible { opacity:1; transform:translateX(-50%) translateY(0); }
.peach-reel__progress {
    position:absolute;
    z-index:20;
    left:0;
    right:0;
    bottom:max(0px, var(--peach-safe-bottom));
    height:18px;
    display:flex;
    align-items:flex-end;
    padding:0;
    margin:0;
    background:transparent;
    border:0;
    box-shadow:none;
}
.peach-reel__progress[hidden] { display:none!important; }
.peach-reel__seekbar {
    position:relative;
    width:100%;
    height:18px;
    cursor:pointer;
    touch-action:none;
    background:transparent;
    border:0;
    outline:0;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}
.peach-reel__seektrack,
.peach-reel__seekfill {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    border-radius:0;
    pointer-events:none;
}
.peach-reel__seektrack { background:rgba(255,255,255,.38); }
.peach-reel__seekfill {
    right:auto;
    width:var(--peach-progress,0%);
    background:var(--peach-pink);
}
.peach-reel__seekthumb {
    position:absolute;
    bottom:-4px;
    left:var(--peach-progress,0%);
    width:12px;
    height:12px;
    border:0;
    border-radius:50%;
    background:var(--peach-pink);
    box-shadow:none;
    transform:translateX(-50%);
    pointer-events:none;
}
@media (min-width:900px) {
    .peach-reel__gesture--left { left:calc(50% - 270px); width:270px; }
    .peach-reel__gesture--right { right:calc(50% - 192px); width:192px; }
    .peach-reel__feedback,.peach-reel__speed { max-width:516px; margin-left:auto; margin-right:auto; }
    .peach-reel__progress { left:calc(50% - 270px); right:calc(50% - 270px); }
    .peach-reel__feedback.is-left { left:calc(50% - 125px); }
    .peach-reel__feedback.is-right { left:calc(50% + 125px); }
}
@media (max-width:782px) {
    .peach-reel__progress { left:0; right:0; bottom:var(--peach-safe-bottom); }
}

.peach-reel__seek::-webkit-slider-container { border:0; background:transparent; }
.peach-reel__seek::-webkit-slider-thumb { -webkit-appearance:none; }
.peach-reel__seek::-ms-track { height:4px; border:0; color:transparent; background:transparent; }
.peach-reel__seek::-ms-fill-lower { background:var(--peach-pink); border:0; }
.peach-reel__seek::-ms-fill-upper { background:rgba(255,255,255,.38); border:0; }
.peach-reel__seek::-ms-thumb { width:12px; height:12px; border:0; border-radius:50%; background:var(--peach-pink); }


/* v0.4.1 language suggestion modal */
.peach-language-modal {
    position:fixed;
    z-index:1000000;
    inset:0;
    display:grid;
    place-items:center;
    padding:20px;
    background:rgba(0,0,0,.68);
    backdrop-filter:blur(10px);
}
.peach-language-modal__card {
    position:relative;
    width:min(100%,390px);
    padding:30px 26px 24px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:24px;
    color:#fff;
    background:#17171d;
    box-shadow:0 28px 90px rgba(0,0,0,.55);
    text-align:center;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.peach-language-modal__icon {
    width:52px;
    height:52px;
    margin:0 auto 16px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:var(--peach-pink);
    font:850 22px/1 system-ui,sans-serif;
}
.peach-language-modal__card h2 {
    margin:0 0 10px;
    color:#fff;
    font:800 23px/1.25 system-ui,sans-serif;
}
.peach-language-modal__card p {
    margin:0 0 22px;
    color:#cfcfd6;
    font:500 15px/1.5 system-ui,sans-serif;
}
.peach-language-modal__switch,
.peach-language-modal__continue {
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    font:800 14px/1.2 system-ui,sans-serif;
    cursor:pointer;
}
.peach-language-modal__switch {
    border:0;
    color:#fff!important;
    background:var(--peach-pink);
    text-decoration:none!important;
}
.peach-language-modal__continue {
    margin-top:10px;
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    background:rgba(255,255,255,.06);
}
.peach-language-modal__close {
    position:absolute;
    top:10px;
    right:12px;
    width:36px;
    height:36px;
    padding:0;
    border:0;
    border-radius:50%;
    color:#fff;
    background:transparent;
    font-size:27px;
    line-height:1;
    cursor:pointer;
}

/* Optional per-post orientation override. */
.peach-reel--horizontal .peach-reel__video { object-fit:contain; }
.peach-reel--vertical .peach-reel__video { object-fit:cover; }

.peach-reels-home{position:fixed;z-index:30;top:calc(14px + var(--peach-safe-top));left:max(14px,calc(50% - 256px));width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff!important;background:rgba(10,10,14,.58);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 22px rgba(0,0,0,.28);text-decoration:none!important;transition:.16s ease}
.peach-reels-home:hover,.peach-reels-home:focus{color:#fff!important;background:var(--peach-pink);border-color:var(--peach-pink);transform:translateY(-1px)}
.peach-reels-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:899px){.peach-reels-home{left:14px}}

/* ===== Peach Reels: show full vertical video without cropping ===== */
.peach-reel__video,
.peach-reel--vertical .peach-reel__video,
.peach-reel--horizontal .peach-reel__video {
    object-fit: contain !important;
    object-position: center center !important;
    background: #000 !important;
}