.meme-live{max-width:1180px;margin:42px auto;padding:36px;border:1px solid #1269a9;background:radial-gradient(circle at 80% 0,#0d4a7655,transparent 35%),#040d20;box-shadow:0 0 30px #0077ff26}.meme-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.meme-head p{color:#00d8ff;font:800 14px var(--display);letter-spacing:2px;margin:0}.meme-head h2{font:900 48px/.9 var(--display);margin:7px 0}.meme-head i{color:#ffd046;font-style:normal}.meme-cta{cursor:pointer;border:1px solid #03d6ff;background:linear-gradient(135deg,#06335d,#07172d);color:white;padding:13px 20px;font:800 16px var(--display);letter-spacing:1px;box-shadow:0 0 18px #00d8ff55;text-decoration:none}.meme-cta:hover{transform:translateY(-2px);border-color:#ffd046}.meme-sort{display:flex;gap:10px;margin:26px 0}.meme-sort button{background:none;border:0;color:#9db4cf;font:800 14px var(--display);cursor:pointer}.meme-sort button:hover{color:#ffd046}.meme-dynamic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.meme-dynamic-card{min-width:0;border:1px solid #15569a;background:#071226;overflow:hidden}.meme-dynamic-card img{display:block;width:100%;height:205px;object-fit:cover;background:#020817}.meme-dynamic-card div{padding:12px}.meme-dynamic-card b,.meme-dynamic-card span,.meme-dynamic-card a{display:block}.meme-dynamic-card span{color:#adc0d8;font-size:12px;margin:7px 0}.meme-dynamic-card a{color:#00d8ff;font:800 13px var(--display);text-decoration:none}.meme-empty{grid-column:1/-1;text-align:center;padding:55px;color:#c9d8e9}.meme-empty h3{font:900 32px var(--display);color:#ffd046}.meme-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:#010713dd}.meme-modal[hidden]{display:none}.meme-dialog{position:relative;width:min(100%,530px);max-height:90vh;overflow:auto;padding:30px;border:1px solid #00d8ff;background:#061126;box-shadow:0 0 40px #00c8ff55}.meme-dialog>p{color:#ffd046;font:800 14px var(--display);letter-spacing:2px}.meme-dialog h2{font:900 34px var(--display);margin:6px 0 24px}.meme-close{position:absolute;right:14px;top:10px;border:0;background:none;color:white;font-size:32px;cursor:pointer}.meme-dialog label{display:block;margin:14px 0;color:#dceaff;font:800 14px var(--display);letter-spacing:1px}.meme-dialog input{display:block;width:100%;margin-top:7px;padding:12px;background:#020817;border:1px solid #225a98;color:white}.meme-help,output{display:block;color:#91acca;margin:12px 0}.success img{width:100%;max-height:260px;object-fit:contain;background:#020817}.success strong,.success code{display:block;margin:12px 0;color:#00d8ff;overflow-wrap:anywhere}.meme-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary-copy{background:#3a130f;border-color:#ff5d4c}@media(max-width:760px){.meme-live{margin:28px 14px;padding:20px}.meme-head{align-items:flex-start;flex-direction:column}.meme-dynamic-grid{grid-template-columns:repeat(2,1fr)}.meme-dynamic-card img{height:150px}}@media(max-width:420px){.meme-dynamic-grid{grid-template-columns:1fr}.meme-dynamic-card img{height:250px}}
.meme-view{border:0;background:none;padding:0;color:#00d8ff;font:800 13px var(--display);cursor:pointer}.popup-comments{margin-top:22px;text-align:left;border-top:1px solid #1b4f80}.popup-comments article{padding:10px 0;border-bottom:1px solid #17365d}.popup-comments p{margin:5px 0;font-size:13px}.popup-comments small{color:#91acca;font-size:11px} .meme-dialog::-webkit-scrollbar{width:10px}.meme-dialog::-webkit-scrollbar-track{background:#020817;border-left:1px solid #124575}.meme-dialog::-webkit-scrollbar-thumb{background:linear-gradient(#00d8ff,#1263a5);border:2px solid #020817;border-radius:8px}.meme-dialog{scrollbar-color:#00bfe6 #020817;scrollbar-width:thin}.popup-comment{margin-top:20px;display:grid;gap:9px}.popup-comment input,.popup-comment textarea{width:100%;padding:11px;background:#020817;border:1px solid #185b95;color:#fff;font:14px var(--sans)}.popup-comment textarea{min-height:78px;resize:vertical}.popup-comment output{min-height:18px;color:#ffd046;font-size:12px} .popup-like{transition:transform .18s,background .18s,color .18s}.popup-like.liked{background:linear-gradient(135deg,#e10d2f,#8f0618);border-color:#ff6476;color:#fff;box-shadow:0 0 22px #f11b3e99}.popup-like.heart-pop{animation:heart-pop .48s ease-out}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.24)}65%{transform:scale(.94)}100%{transform:scale(1)}} .popup-like{min-height:48px;position:relative;user-select:none}.popup-like:disabled{opacity:.76;cursor:wait}.heart-particle{position:absolute;left:50%;top:50%;color:#ff233d;font-style:normal;font-size:19px;pointer-events:none;animation:heart-burst .75s ease-out var(--heart-delay) forwards}@keyframes heart-burst{from{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(calc(-50% + var(--heart-x)),calc(-50% - 48px)) scale(1.3);opacity:0}} .meme-carousel-viewport{overflow:hidden;width:100%;padding:8px 0}.meme-carousel-track{display:flex!important;grid-template-columns:none!important;gap:16px;width:max-content;will-change:transform;animation:meme-scroll 34s linear infinite}.meme-carousel-track:hover,.meme-carousel-track:focus-within,.meme-carousel-track.paused{animation-play-state:paused}.meme-carousel-track .meme-dynamic-card{flex:0 0 clamp(220px,25vw,285px);width:clamp(220px,25vw,285px)}@keyframes meme-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 8px),0,0)}}@media(max-width:760px){.meme-carousel-track{gap:12px;animation-duration:28s}.meme-carousel-track .meme-dynamic-card{flex-basis:min(76vw,290px)}.meme-carousel-viewport{margin-inline:-2px}}@media(prefers-reduced-motion:reduce){.meme-carousel-track{animation:none;overflow-x:auto;width:auto}} .meme-like-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}.popup-like.liked .meme-like-icon{fill:#ff2340;stroke:#ff6d7e}.meme-like-count{min-width:1.5ch;text-align:right}.meme-like-message{position:absolute;left:0;right:0;top:calc(100% + 5px);font:600 11px var(--sans);color:#ff8695;white-space:nowrap}.heart-particle .meme-like-icon{width:18px;height:18px;fill:#ff2340;stroke:#ff2340}.comment-composer{display:grid;gap:9px;padding:14px;border:1px solid #1b5f9d;background:#050f22}.comment-identity{display:flex;align-items:center;gap:10px;color:#00d8ff}.comment-identity label{font:800 12px var(--display)}.comment-identity input,.comment-composer textarea{width:100%;box-sizing:border-box;border:1px solid #185b95;background:#020817;color:#fff;padding:11px;font:14px var(--sans)}.comment-composer textarea{min-height:82px;resize:vertical}.change-handle,.meme-comment button{border:0;background:none;color:#00d8ff;cursor:pointer;font:800 12px var(--display)}.comment-tools{display:flex;gap:9px;align-items:center;position:relative}.emoji-toggle{border:1px solid #00d8ff;background:#07172d;color:#fff;padding:10px;cursor:pointer}.emoji-picker{position:absolute;z-index:20;bottom:100%;left:0;display:flex;flex-wrap:wrap;gap:5px;max-width:min(290px,calc(100vw - 48px));padding:8px;border:1px solid #00d8ff;background:#061126;box-shadow:0 0 20px #00d8ff66}.emoji-picker button{border:0;background:#102642;color:#fff;padding:6px;font-size:18px;cursor:pointer}.comment-count{color:#91acca;text-align:right}.comment-list{margin-top:18px}.meme-comment{padding:13px 0;border-bottom:1px solid #17365d}.meme-comment strong{color:#00d8ff}.meme-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;color:#e2edf8}.comment-replies{margin:12px 0 0 20px;padding-left:12px;border-left:2px solid #15569a}.replying-to{color:#ffd046;margin:0;font-size:12px}.comment-empty{color:#91acca}@media(max-width:520px){.comment-replies{margin-left:10px;padding-left:9px}.comment-tools .meme-cta{padding:11px 12px;font-size:13px}.emoji-picker{left:auto;right:0}}
.meme-dynamic-card{text-decoration:none;color:inherit;cursor:pointer}.meme-dynamic-card:hover,.meme-dynamic-card:focus{text-decoration:none;color:inherit;outline:1px solid #00d8ff;outline-offset:3px}/* Self-contained public shared meme page: never permit the media asset to widen mobile layout. */
html,body{max-width:100%;overflow-x:hidden}.meme-detail{width:min(100% - 28px,900px);max-width:100%;box-sizing:border-box}.meme-detail-image-wrap{width:100%;max-width:100%;min-width:0;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#020817;border:1px solid #15569a}.meme-detail-image{display:block;width:100%;max-width:100%;height:auto;max-height:70vh;object-fit:contain}.meme-detail .detail-stats{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}.meme-detail .comment-box{max-width:100%;min-width:0}.meme-detail .comment-composer{max-width:100%;box-sizing:border-box}@media(max-width:768px){.meme-detail{width:calc(100% - 28px);margin:20px auto;padding:16px}.meme-detail-image-wrap{width:100%;max-width:100%}.meme-detail-image{width:100%;max-width:100%;height:auto;max-height:60vh;object-fit:contain}.meme-detail .meme-head h2{font-size:38px}.meme-detail .detail-stats{align-items:flex-start}.meme-detail .comment-composer textarea,.meme-detail .comment-composer input{max-width:100%;box-sizing:border-box}}

/* Public Meme Lab marquee: API cards live in a clipped viewport, never a responsive grid. */
.meme-live .meme-carousel{width:100%;max-width:100%;position:relative;overflow:hidden}
.meme-live .meme-carousel-viewport{width:100%;max-width:100%;position:relative;overflow:hidden}
.meme-live .meme-carousel-track{--meme-gap:8px;--meme-card-width:100px;--meme-loop-offset:4px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important;gap:var(--meme-gap);overflow:visible!important;will-change:transform;animation:meme-lab-marquee 32s linear infinite}
.meme-live .meme-carousel-track .meme-card{display:grid!important;grid-template-rows:minmax(0,1fr) auto;flex:0 0 var(--meme-card-width)!important;width:var(--meme-card-width)!important;min-width:0!important;max-width:none!important;height:auto!important;aspect-ratio:1/1.28;overflow:hidden;isolation:isolate;text-decoration:none;color:inherit}
.meme-live .meme-carousel-track .meme-card>img{position:static!important;inset:auto!important;display:block;width:100%!important;max-width:100%!important;height:100%!important;min-height:0;object-fit:cover;object-position:center;filter:none}
.meme-live .meme-carousel-track .meme-card>div{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;align-items:center;justify-content:space-between;gap:2px;width:100%;height:auto!important;min-width:0;padding:4px!important;background:#020816e8;color:#e4e3e3;font:700 clamp(6px,1vw,11px)/1.15 var(--sans)}
.meme-live .meme-carousel-track .meme-card b,.meme-live .meme-carousel-track .meme-card span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}
.meme-live .meme-carousel-track .meme-card b{gap:2px;font-size:inherit}.meme-live .meme-carousel-track .meme-card svg{width:10px;height:10px;flex:0 0 auto}
.meme-carousel-empty{width:100%;margin:0;padding:25px;color:#c9d8e9;text-align:center}
.meme-live .meme-carousel:hover .meme-carousel-track{animation-play-state:paused}
@keyframes meme-lab-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--meme-loop-offset)),0,0)}}
@media(max-width:600px){.meme-live .meme-carousel-track{--meme-gap:6px}.meme-live .meme-carousel-track .meme-card>div{padding:3px!important;font-size:6px}.meme-live .meme-carousel:hover .meme-carousel-track{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){.meme-live .meme-carousel-track{animation:none}}
/* Unified Meme Lab modal, search, and small-screen safeguards. */
body.meme-modal-open{overflow:hidden;overscroll-behavior:none}
.meme-search{position:relative;display:flex;align-items:center;gap:8px;width:min(100%,520px);margin:18px 0;border:1px solid #1c66aa;background:#020b1b;color:#70dfff;box-sizing:border-box}
.meme-search>span{padding-left:12px;font-size:20px}.meme-search input{min-width:0;width:100%;border:0;background:transparent;color:#fff;padding:12px 4px;font:14px var(--sans);outline:0}.meme-search button{margin-right:6px;border:0;background:none;color:#d8f6ff;font-size:24px;line-height:1;cursor:pointer}
.meme-modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:12px;background:#010713e8;backdrop-filter:blur(7px);box-sizing:border-box}
.meme-dialog{width:min(900px,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:28px;background:radial-gradient(circle at 10% 0,#0b3d6d88,transparent 33%),#061126;border:1px solid #00d8ff;box-shadow:0 0 40px #00c8ff55}
.meme-detail-dialog{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:16px;align-items:start}.meme-detail-dialog .meme-close{z-index:2}.popup-meme-image{grid-row:span 5;display:block;width:100%;max-width:100%;max-height:min(68dvh,650px);height:auto;object-fit:contain;background:#020817;border:1px solid #15569a}.popup-handle{color:#00d8ff;font:900 24px var(--display);overflow-wrap:anywhere}.popup-title{margin:0;color:#d8e6f4;overflow-wrap:anywhere}.popup-stats{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#c6d8ec;font-size:13px}.popup-stats .popup-like{min-height:40px;padding:8px 12px}.popup-comment-stat{margin-left:4px}.popup-enter{justify-self:start}.popup-comments{grid-column:1/-1;min-width:0;margin-top:4px;padding-top:15px;border-top:1px solid #1b4f80}.meme-comment-heading{margin:0 0 10px;color:#ffd046;font:900 21px var(--display);letter-spacing:1px}.meme-upload-form{display:grid;gap:10px}.meme-upload-form label{display:grid;gap:6px;color:#dceaff;font:800 13px var(--display);letter-spacing:1px}.meme-upload-form input{min-width:0;width:100%;box-sizing:border-box;padding:11px;border:1px solid #185b95;background:#020817;color:#fff}.meme-upload-form output{min-height:18px;color:#ffd046}.success>img{display:block;width:100%;max-width:100%;max-height:260px;height:auto;object-fit:contain;margin:12px 0;background:#020817}
.meme-live .meme-carousel-track .meme-card i{font-style:normal;color:#adc0d8;font-size:inherit}.meme-live .meme-carousel-track .meme-card>div{flex-wrap:nowrap}
@media(max-width:650px){.meme-live{margin:16px 10px;padding:16px;max-width:calc(100% - 20px)}.meme-head h2{font-size:37px}.meme-search{width:100%;margin:14px 0}.meme-dialog{padding:19px 14px}.meme-detail-dialog{display:flex;flex-direction:column;gap:12px}.popup-meme-image{width:100%;max-height:48dvh;order:0}.popup-handle,.popup-title,.popup-stats,.popup-enter{width:100%}.popup-handle{font-size:21px}.popup-stats{font-size:12px}.popup-comments{width:100%;max-width:100%;box-sizing:border-box}.comment-composer{padding:10px}.comment-identity{display:grid;gap:5px}.comment-tools{flex-wrap:wrap}.meme-detail-dialog .meme-close{top:7px;right:7px;background:#061126}.meme-live .meme-carousel-track .meme-card>div{padding:2px!important;font-size:5.5px}.meme-live .meme-carousel-track .meme-card svg{width:8px;height:8px}}