:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#090b10;color:#f5f6fa}*{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;height:100dvh;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer;font:inherit;border:1px solid #ffffff30;background:#080c14cc;border-radius:24px;padding:9px 14px;min-height:44px}button:hover{background:#ffffff20}button:focus-visible,a:focus-visible{outline:2px solid #b9f77d;outline-offset:2px}a{text-decoration:none}.phone{position:relative;display:flex;flex-direction:column;width:min(100%,480px);height:100dvh;background:#11151b;overflow:hidden}#feed{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;container-type:size}#feed::-webkit-scrollbar{display:none}.card{position:relative;height:100%;height:100cqh;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000}.media{position:absolute;inset:0;min-height:0;cursor:pointer;background:#000;overflow:hidden}.media video{width:100%;height:100%;object-fit:cover;display:block}.controls{position:absolute;bottom:0;left:0;right:0;padding:32px 12px max(4px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000b);pointer-events:none}.controls button,.controls a,.controls .seek{pointer-events:auto}.seek{display:flex;align-items:center;gap:10px;touch-action:none;user-select:none}.seek-range{flex:1;min-width:0;width:auto;margin:0;padding:0;height:36px;touch-action:none;accent-color:#b9f77d;cursor:pointer}.seek-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.actions{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.action-buttons{display:flex;gap:6px;flex-shrink:0;margin-left:auto}.original,.sound-toggle,.fullscreen-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid #ffffff30;border-radius:24px;background:#080c14cc;font-size:13px;font-weight:700}.sound-toggle svg,.fullscreen-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.caption{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;min-width:0;text-shadow:0 1px 3px #000}.media-error{font-size:12px;text-align:center;color:#d6dce5}.media-error:empty{display:none}.media-error:not(:empty){margin-top:6px}.ad,.demo{justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle,#283a30,#0d1417 70%)}.pr{font-size:12px}.ad h2{font-size:28px;font-weight:400;white-space:pre-line}.ad p,.demo p{font-size:12px;line-height:1.8;color:#b1bbcb}input{width:100%;padding:14px;border-radius:9px;border:1px solid #ffffff30;background:#090f19;color:white;margin:8px 0 16px;font:inherit;font-size:13px}.primary{width:100%;background:#b9f77d;color:#1b2910;font-weight:700;font-size:13px}.load-more{display:block;margin:15px auto}.sentinel{padding:15px;text-align:center;font-size:12px;color:#a6b3c4}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

[hidden]{display:none!important}

.age-gate{position:fixed;inset:0;z-index:100;background:#090b10;display:grid;place-items:center;padding:24px;overflow:auto}
.age-panel{max-width:440px;width:100%;padding:28px;background:#191c24;border:1px solid #444;border-radius:16px;line-height:1.8}
.age-panel h1{font-size:24px}.age-panel button{display:block;width:100%;margin:16px 0;min-height:48px}.age-panel a{color:#b4d6ff}
.ad-frame{width:100%;flex:1;min-height:300px;border:0;background:#fff}.video-pr{position:absolute;top:16px;left:16px;z-index:3;background:#111c;padding:4px 8px;border-radius:4px}
.terms{max-width:760px;margin:auto;padding:32px 24px;line-height:1.9;overflow:auto;height:100dvh}.terms h1{font-size:26px}.terms h2{font-size:20px;margin-top:30px}.terms a{color:#b4d6ff}

.action-buttons{flex-wrap:wrap;justify-content:flex-end;max-width:100%;min-width:0;flex-shrink:1}
@media(max-width:480px){.actions{flex-wrap:wrap}.actions .caption{flex-basis:100%}}
.contact{width:100%}.contact label{display:block;margin-top:20px}.contact select,.contact textarea{display:block;width:100%;padding:12px;margin:8px 0 16px;border:1px solid #ffffff30;border-radius:9px;background:#090f19;color:#f5f6fa;font:inherit}.contact textarea{resize:vertical;min-height:160px}.contact .field-help{font-size:13px;color:#b1bbcb;margin:4px 0}.contact input{font-size:16px}.contact #contact-result{overflow-wrap:anywhere}

.contact .contact-trap{display:none}
.fullscreen-toggle{min-width:44px}

.original,.sound-toggle,.fullscreen-toggle,.card-menu summary{width:44px;min-width:44px;height:44px;padding:0}
.original svg,.card-menu svg{width:22px;height:22px;fill:currentColor}
.card-menu{position:relative;pointer-events:auto;text-align:left}
.card-menu summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border:1px solid #ffffff30;border-radius:24px;background:#080c14cc}
.card-menu summary::-webkit-details-marker{display:none}
.card-menu summary:focus-visible{outline:2px solid #b9f77d;outline-offset:2px}
.card-menu-panel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;min-width:160px;padding:4px;background:#191c24;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 4px 20px #0008}
.card-menu-panel a{display:flex;align-items:center;min-height:44px;padding:8px 16px;white-space:nowrap;font-size:14px}
.card-menu-panel a:hover{background:#ffffff20;border-radius:8px}

.playback-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0}
svg.lucide-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sound-feedback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;border-radius:50%;background:#0009;opacity:0;pointer-events:none}
.sound-feedback svg.lucide-icon{width:48px;height:48px}.sound-feedback.visible{animation:sound-flash 600ms ease-out forwards}
@keyframes sound-flash{0%{opacity:0}15%,60%{opacity:1}100%{opacity:0}}
video:fullscreen{object-fit:contain;background:#000}

.ad-placeholder{display:grid;place-items:center;flex:1;border:1px solid #ffffff30;color:#b1bbcb;font-size:20px}
