/* qy-size-floor v1 */
/* Quyps signed-in look (preview), v3 — built to the measured layout of today's leading feeds:
   one 640px feed column that everything above the feed snaps to, a 320px right rail, 12px gaps,
   one radius (12px), one card style (1px border, no shadow), four type sizes (13/15/17/20).
   Scoped to html.qy-nl (cookie qy_nl). Deploy rewrites it so night mode is untouched. */

html.qy-nl{
  /* palette: deep teal (5:1 on white), warm coral for "new" signals, teal-tinted neutrals */
  --brand:#0C7C8A;--brand-d:#08525C;--brand-t:#E2F1F2;
  --coral:#EF5F3C;--coral-t:#FDEDE8;--up:#15803D;--down:#B4432A;
  --ink:#0E1B21;--ink2:#3A4C55;--mut:#66767D;--line:#E1E7E9;--chip:#EEF2F3;
  --ground:#F4F6F6;--paper:#FFFFFF;--online:#16A34A;--on-ink:#FFFFFF;--on-brand:#FFFFFF;
  /* the old theme's own colour slots, re-pointed so every leftover cyan follows the palette */
  --main:#0C7C8A;--main-hover:#08525C;--main-color:#FFFFFF;--main-hover-color:#FFFFFF;
  --header-background:#FFFFFF;--header-color:#3A4C55;--header-hover-color:#0E1B21;--header-search-color:#0E1B21;
  --body-bg:#F4F6F6;--plyr-color-main:#0C7C8A;
  --r:12px;--gap:12px;
  --spring:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067,1.099 24.3%,1.108 26%,1.1,1.083 30.6%,1.018 38.1%,.993 42.4%,.982 46.1%,.987 55.1%,1.001 66.3%,1);
  --ease:cubic-bezier(.2,.7,.2,1);
  --display:'Bricolage Grotesque','Plus Jakarta Sans',system-ui,sans-serif;
  --body:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",sans-serif;
}
html.qy-nl body{background:var(--ground)!important;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}
html.qy-nl :focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}

/* =========================================================
   LEFT SIDEBAR — one clean menu: no group labels, icons in soft tiles
   ========================================================= */
html.qy-nl .tag_sidebar{background:var(--paper)!important;box-shadow:none!important;border:0!important;border-right:1px solid var(--line)!important}
html.qy-nl .tag_sidebar .sidebar_innr{padding:10px 14px 0 14px!important}
/* the "ME" and "COMMUNITY" labels go; their links stay open */
html.qy-nl .tag_sidebar_head[data-target="#collapseME"],html.qy-nl .tag_sidebar_head[data-target="#collapseCommunity"]{display:none!important}
html.qy-nl #collapseME,html.qy-nl #collapseCommunity{display:block!important;height:auto!important;visibility:visible!important}
html.qy-nl #collapseCommunity{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
html.qy-nl .tag_sidebar_section_prnt{border:0!important;padding:0!important;margin:0!important;background:transparent!important}
html.qy-nl .tag_sidebar_section{display:flex!important;flex-direction:column;gap:2px;padding:0!important;width:auto!important}
html.qy-nl .tag_sidebar_section > a,html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"]{
  position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:14px;width:auto!important;height:auto!important;min-height:48px;
  padding:6px 10px!important;margin:0!important;border:0!important;border-radius:14px;background:transparent!important;color:var(--ink)!important;
  font-family:var(--body);font-size:15px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;line-height:1.2;box-shadow:none!important;cursor:pointer;
  transition:background .2s var(--ease),color .2s var(--ease)}
/* each icon sits in a 36px soft tile */
html.qy-nl .tag_sidebar_section > a svg,html.qy-nl .tag_sidebar_section > a img{box-sizing:border-box;width:36px!important;height:36px!important;padding:8px;margin:0!important;flex:none;border-radius:11px;background:var(--chip);color:var(--ink2);
  transition:background .25s var(--ease),color .25s var(--ease),transform .5s var(--spring)}
html.qy-nl .tag_sidebar_section > a svg{fill:currentColor}
html.qy-nl .tag_sidebar_section > a svg [fill]:not([fill="none"]){fill:currentColor!important}
html.qy-nl .tag_sidebar_section > a svg *{stroke:none!important}
html.qy-nl .tag_sidebar .tag_scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
html.qy-nl .tag_sidebar .tag_scroll::-webkit-scrollbar{width:6px}
html.qy-nl .tag_sidebar .tag_scroll::-webkit-scrollbar-thumb{background:var(--line)!important;border-radius:6px}
html.qy-nl .tag_sidebar_section > a:hover{background:var(--chip)!important}
html.qy-nl .tag_sidebar_section > a:hover svg{background:var(--paper);transform:scale(1.06)}
/* the page you are on */
html.qy-nl .tag_sidebar_section > a.qy-here{background:var(--brand-t)!important;color:var(--brand-d)!important;font-weight:700!important}
html.qy-nl .tag_sidebar_section > a.qy-here svg{background:var(--brand);color:var(--on-brand)}
/* "Explore" becomes "More", a menu row that opens the rest */
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"]{margin-top:2px!important;font-size:0!important;color:transparent!important}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"]::before{content:""!important;display:block!important;position:static!important;opacity:1!important;flex:none;width:36px;height:36px;border-radius:11px;background:var(--chip) center/18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233E5058' d='M6 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm6 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm6 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E")}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"]{gap:0!important}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"]::after{content:"More";font-size:15px;font-weight:600;color:var(--ink);flex:1;margin-left:14px}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"][aria-expanded="true"]::after{content:"Less"}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"] svg{order:3;width:18px;height:18px;color:var(--mut)!important;transition:transform .3s var(--ease)}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"][aria-expanded="true"] svg{transform:rotate(180deg)}
html.qy-nl .tag_sidebar_head[data-target="#collapseExplore"]:hover{background:var(--chip)!important}
html.qy-nl .tag_sidebar .tag_footer,html.qy-nl .tag_sidebar .tag_footer *{color:var(--mut)!important;fill:var(--mut);font-size:13px}
html.qy-nl .tag_hdr_right svg,html.qy-nl .tag_toggle_sidebar,html.qy-nl .tag_toggle_sidebar svg,html.qy-nl .tag_header svg{color:var(--ink2)!important}
html.qy-nl .tag_hdr_right > .dropdown > a{border-radius:10px}
html.qy-nl .tag_hdr_right > .dropdown > a:hover{background:var(--chip)!important}
html.qy-nl header .navbar,html.qy-nl header .tag_header_shadow{background:transparent!important;box-shadow:none!important}
html.qy-nl input.search-input{background:var(--chip)!important;border:1px solid transparent!important;color:var(--ink)!important;border-radius:999px!important}
html.qy-nl input.search-input:focus{background:var(--paper)!important;border-color:var(--brand)!important}
html.qy-nl input.search-input::placeholder{color:var(--mut)!important;opacity:1}

/* =========================================================
   PAGE GRID — feed 640 | gap 24 | rail 320, everything snaps to the feed column
   ========================================================= */
@media (min-width:1200px){
  html.qy-nl #contnet .page-margin > .container:has(> .tag_home_filters){display:grid;grid-template-columns:640px 320px;column-gap:24px;row-gap:0;align-items:start;
    width:984px;max-width:none;padding:0;margin:0 auto}
  html.qy-nl #contnet .page-margin > .container:has(> .tag_home_filters) > *{grid-column:1;min-width:0}
  html.qy-nl #contnet .page-margin > .container:has(> .tag_home_filters) > .row{display:contents}
  html.qy-nl #contnet .container:has(> .tag_home_filters) .middlecol{grid-column:1;width:auto;max-width:none;padding:0;float:none}
  html.qy-nl #contnet .container:has(> .tag_home_filters) .rightcol{grid-column:2;grid-row:1 / span 60;width:auto;max-width:none;padding:0;float:none;align-self:stretch}
  html.qy-nl .ad-placement-header-footer{width:984px;max-width:100%;margin:16px auto 0;padding:0}
}
html.qy-nl .ad-placement-header-footer .ad-responsive-shell{border-radius:var(--r);overflow:hidden}
html.qy-nl .greetalert{display:none!important}
html.qy-nl .home-announcement{border-radius:var(--r)!important}

/* =========================================================
   STORIES — one card, big 9:16 tiles, name on the photo
   ========================================================= */
html.qy-nl .tag_stories_on_home{margin:16px 0 0!important;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px!important}
html.qy-nl .tag_stories_on_home::before{content:"Stories";display:block;font-size:17px;font-weight:700;color:var(--ink);margin:0 0 12px}
html.qy-nl .tag_stories_on_home .tag_lbox_stories{margin:0!important;padding:0!important}
html.qy-nl .tag_stories_on_home + hr.style-two{display:none}
html.qy-nl .status-list .story_empty{display:none!important}
html.qy-nl .status-list{display:flex!important;gap:10px;overflow-x:auto;padding:0!important;margin:0!important;scrollbar-width:none;align-items:stretch}
html.qy-nl .status-list::-webkit-scrollbar{display:none}
html.qy-nl .status-list > li{flex:0 0 142px!important;width:142px!important;height:252px!important;position:relative!important;margin:0!important;padding:0!important}
html.qy-nl .status-list > li > a{display:block!important;position:relative!important;width:100%!important;height:100%!important;border-radius:14px!important;overflow:hidden!important;background:var(--chip);border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:0!important}
html.qy-nl .status-list > li > a > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important;transition:transform .6s var(--ease)}
html.qy-nl .status-list > li:hover > a > img{transform:scale(1.05)}
html.qy-nl .status-list > li > a::after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.65));pointer-events:none}
html.qy-nl .status-list > li:not(.create_new) > a > span{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:50%!important;box-shadow:0 0 0 3px var(--brand),0 0 0 5px rgba(255,255,255,.9)!important;overflow:hidden;z-index:2;background:var(--paper);transform:none!important}
html.qy-nl .status-list > li:not(.create_new) > a > span img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important;margin:0!important;position:static!important}
html.qy-nl .status-list > li > p{position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;margin:0!important;padding:0!important;z-index:3;
  color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.25;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.4)}
/* create story: your photo, a teal +, label underneath */
html.qy-nl .status-list > li.create_new > a{background:var(--paper);border:1px solid var(--line)!important}
html.qy-nl .status-list > li.create_new > a > img{inset:0 0 auto 0!important;height:184px!important}
html.qy-nl .status-list > li.create_new > a::after{display:none}
html.qy-nl .status-list > li.create_new > a > span{position:absolute!important;top:164px!important;left:50%!important;right:auto!important;bottom:auto!important;margin:0 0 0 -20px!important;width:40px!important;height:40px!important;border-radius:50%!important;
  background:var(--brand)!important;color:var(--on-brand)!important;box-shadow:0 0 0 4px var(--paper)!important;display:block!important;z-index:2;transform:none!important}
html.qy-nl .status-list > li.create_new > a > span svg{display:none!important}
html.qy-nl .status-list > li.create_new > a > span::before,html.qy-nl .status-list > li.create_new > a > span::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;margin:-1.5px 0 0 -8px;border-radius:2px;background:var(--on-brand)}
html.qy-nl .status-list > li.create_new > a > span::after{transform:rotate(90deg)}
html.qy-nl .status-list > li.create_new > p{color:var(--ink)!important;text-shadow:none;text-align:center!important;bottom:14px!important;white-space:normal!important;font-size:14px!important}
/* when there are few stories, the rest of the row invites you to add one */
html.qy-nl .status-list > li.qy-story-hint{flex:1 1 auto!important;width:auto!important;min-width:200px}
html.qy-nl .status-list > li.qy-story-hint > div{display:flex;height:100%;border-radius:14px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding:20px!important;background:var(--brand-t)!important;color:var(--brand-d)!important;text-decoration:none!important}
html.qy-nl .status-list > li.qy-story-hint > div::after{display:none}
html.qy-nl .status-list > li.qy-story-hint b{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);margin:0}
html.qy-nl .status-list > li.qy-story-hint em{font-style:normal;font-size:14px;line-height:1.4;color:var(--ink2)}
html.qy-nl .status-list > li.qy-story-hint i{font-style:normal;display:inline-flex;align-items:center;height:36px;padding:0 16px;margin-top:8px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:14px;font-weight:600}
html.qy-nl .view-more-stories{position:absolute!important;right:-14px;top:120px;width:40px!important;height:40px!important;border-radius:50%!important;background:var(--paper)!important;box-shadow:0 2px 8px rgba(16,26,31,.18)!important;color:var(--ink)!important;border:0!important}

/* =========================================================
   FILTER CHIPS — one line, text only, sort at the right
   ========================================================= */
html.qy-nl .tag_home_filters{display:flex!important;align-items:center;gap:8px;height:auto;min-height:48px;margin:12px 0 0!important;padding:8px 0!important;background:var(--ground)!important;box-shadow:none!important;border:0!important;width:auto!important}
html.qy-nl .tag_home_filters .filterby{display:flex!important;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;margin:0!important;padding:0!important;
  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}
html.qy-nl .tag_home_filters .filterby::-webkit-scrollbar{display:none}
html.qy-nl .tag_home_filters .filterby li{flex:none;margin:0!important;padding:0!important}
html.qy-nl .tag_home_filters .filterby li a{display:inline-flex!important;align-items:center;height:32px!important;padding:0 14px!important;border-radius:999px!important;border:0!important;
  background:var(--chip)!important;color:var(--ink2)!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;line-height:1;transition:background .15s,color .15s}
html.qy-nl .tag_home_filters .filterby li a svg{display:none!important}
html.qy-nl .tag_home_filters .filterby li a:hover{background:#E2E8E9!important;color:var(--ink)!important}
html.qy-nl .tag_home_filters .filterby li.active a{background:var(--ink)!important;color:var(--on-ink)!important}
html.qy-nl .tag_home_post_order{order:3;flex:none;margin:0 0 0 4px!important}
html.qy-nl .tag_home_post_order > a{display:inline-flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;background:transparent!important;border:1px solid var(--line)!important;color:var(--ink2)!important}
html.qy-nl .tag_home_post_order > a svg{width:18px;height:18px}
html.qy-nl .tag_home_goup{order:4;flex:none;height:32px!important;border-radius:999px!important;background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink2)!important;font-size:14px!important;font-weight:600!important;padding:0 12px!important;box-shadow:none!important}

/* =========================================================
   CARDS — composer, posts, widgets: one style
   ========================================================= */
html.qy-nl .publisher-box,html.qy-nl .post .panel,html.qy-nl .wow_content,html.qy-nl .tag_sidebar_widget{
  background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
html.qy-nl .middlecol > .publisher-box,html.qy-nl .middlecol .publisher-box{margin:4px 0 var(--gap)!important}
html.qy-nl .post-container{margin-bottom:var(--gap)!important}
html.qy-nl .post .panel{overflow:hidden}
html.qy-nl .post-heading{padding:14px 16px 8px!important}
html.qy-nl .post-heading .avatar img,html.qy-nl .post-heading img.avatar{width:40px!important;height:40px!important;border-radius:50%!important}
html.qy-nl .post-heading a{color:var(--ink)}
html.qy-nl .post-heading .user-name,html.qy-nl .post-heading h4 a{font-size:15px;font-weight:600}
html.qy-nl .post-heading .time,html.qy-nl .post-heading .ajax-time{color:var(--mut)!important;font-size:14px}
html.qy-nl .post-description > p,html.qy-nl .post-description .post-text{font-size:15px;line-height:1.45;color:var(--ink)}
html.qy-nl .post-footer,html.qy-nl .post .stats{border-color:var(--line)!important}

/* time labels in the feed — quiet, one line */
html.qy-nl .qy-day{display:flex;align-items:center;gap:8px;margin:20px 2px 10px;color:var(--mut)}
html.qy-nl .qy-day h3{font-family:var(--body);font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:0}
html.qy-nl .qy-day span{font-size:14px;font-weight:500}
html.qy-nl .qy-day::after{content:"";flex:1;height:1px;background:var(--line)}
/* "you're up to date" — one line */
html.qy-nl .qy-uptodate{display:flex;align-items:center;gap:10px;margin:8px 0 4px;padding:12px 16px;border-radius:var(--r);background:var(--brand-t);color:var(--brand-d);animation:qyIn .7s var(--spring) both}
html.qy-nl .qy-uptodate > div{min-width:0}
html.qy-nl .qy-uptodate b{font-size:15px;font-weight:700;margin:0 6px 0 0}
html.qy-nl .qy-uptodate em{font-style:normal;font-size:14px;color:var(--ink2)}
html.qy-nl .qy-ut-dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand);position:relative}
html.qy-nl .qy-ut-dot::after{content:"";position:absolute;left:7.5px;top:4.5px;width:6px;height:10px;border:solid var(--on-brand);border-width:0 2px 2px 0;transform:rotate(45deg)}
@keyframes qyIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* =========================================================
   RIGHT RAIL
   ========================================================= */
html.qy-nl .rightcol .tag_sidebar_widget{padding:16px!important;margin:0 0 var(--gap)!important}
html.qy-nl .rightcol > *:first-child,html.qy-nl .rightcol .theiaStickySidebar > *:first-child{margin-top:16px!important}
html.qy-nl .tag_sidebar_widget_title,html.qy-nl .tag_sidebar_widget .wo_page_hdng,html.qy-nl .qy-w-head h3{font-family:var(--body);font-size:17px!important;font-weight:700!important;color:var(--ink)!important;margin:0 0 8px!important;padding:0!important}
html.qy-nl .tag_sidebar_widget .wo_page_hdng span svg{width:18px;height:18px}
html.qy-nl .tag_sidebar_widget .refresh,html.qy-nl .qy-w-head a{color:var(--brand-d)!important;font-weight:600;font-size:14px}
html.qy-nl .tag_sidebar_widget.sidehashtag:not(:has(a[href*="hashtag"])){display:none!important}
html.qy-nl .tag_sidebar_widget.sidebar-ad:has([data-ketroc-collapsed="1"]){padding:0!important;border:0!important;margin:0!important;background:transparent!important}

/* Pro Members as rows: 40px avatar, full name, label */
html.qy-nl .featured-users .tag_pro_users{display:flex!important;flex-direction:column;gap:2px;margin:0!important;flex-wrap:nowrap!important}
html.qy-nl .featured-users .tag_pro_users > div{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important}
html.qy-nl .featured-users .tag_pro_users a.user{display:grid!important;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;width:100%!important;height:auto!important;min-height:56px;
  padding:8px!important;margin:0 -8px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html.qy-nl .featured-users .tag_pro_users a.user:hover{background:var(--chip)!important}
html.qy-nl .featured-users .tag_pro_users a.user img{grid-row:1 / span 2;width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover;margin:0!important;position:static!important}
html.qy-nl .featured-users .tag_pro_users a.user h4{grid-column:2;font-size:15px!important;font-weight:600!important;color:var(--ink)!important;text-align:left!important;margin:0!important;padding:0!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.qy-nl .featured-users .tag_pro_users a.user::after{content:"Pro member";grid-column:2;font-size:14px;color:var(--mut);line-height:1.3}

/* Around you: rows with a square thumb */
html.qy-nl .qy-w-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}
html.qy-nl .qy-around-list{display:flex;flex-direction:column;gap:2px}
html.qy-nl .qy-shop{display:flex;align-items:center;gap:12px;padding:8px;margin:0 -8px;border-radius:10px;color:var(--ink)!important;text-decoration:none!important}
html.qy-nl .qy-shop:hover{background:var(--chip)}
html.qy-nl .qy-shop img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;border:1px solid var(--line)}
html.qy-nl .qy-shop-txt{display:flex;flex-direction:column;min-width:0}
html.qy-nl .qy-shop-txt b{font-size:15px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.qy-nl .qy-shop-txt em{font-style:normal;font-size:14px;color:var(--mut)}
/* on phones it sits in the feed as a carousel */
html.qy-nl .qy-around.is-inline{margin:0 0 var(--gap)!important;padding:16px!important}
html.qy-nl .qy-around.is-inline .qy-around-list{flex-direction:row;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
html.qy-nl .qy-around.is-inline .qy-around-list::-webkit-scrollbar{display:none}
html.qy-nl .qy-around.is-inline .qy-shop{flex:0 0 140px;flex-direction:column;align-items:flex-start;margin:0;padding:10px;border:1px solid var(--line);scroll-snap-align:start}
html.qy-nl .qy-around.is-inline .qy-shop img{width:100%;height:96px}
html.qy-nl .qy-around.is-inline .qy-shop-txt{max-width:100%}

/* buttons */
html.qy-nl .btn-main,html.qy-nl .btn-main:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--on-brand)!important}
html.qy-nl .btn-main-rev{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--on-ink)!important;border-radius:999px!important;font-weight:600}
html.qy-nl .btn-main-rev:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}
html.qy-nl .tag_create_dropup > .btn{color:var(--on-ink)!important;background:var(--ink)!important;border-radius:50%!important;box-shadow:0 6px 18px rgba(16,26,31,.25)!important}

/* =========================================================
   TABLET & PHONE
   ========================================================= */
@media (max-width:1199px){
  /* no filters on header: they would trap the theme's fixed bars inside it */
  html.qy-nl header .navbar{background:var(--paper)!important;border-bottom:1px solid var(--line)!important}
  html.qy-nl .tag_sec_toolbar{background:var(--paper)!important;border-top:1px solid var(--line)}
  html.qy-nl .tag_sec_toolbar svg{color:var(--ink2)}
  html.qy-nl .tag_sidebar .sidebar_innr{background:var(--paper)}
  html.qy-nl #contnet .page-margin > .container:has(> .tag_home_filters){max-width:664px;width:auto!important;margin:0 auto!important;padding:0 12px!important}
  html.qy-nl #contnet .page-margin > .container:has(> .tag_home_filters) > .row{margin:0!important}
  html.qy-nl .publisher-box{width:auto!important}
  html.qy-nl .tag_stories_on_home,html.qy-nl .tag_stories_on_home .tag_lbox_stories{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:auto!important}
  html.qy-nl .ad-placement-header-footer{padding:12px 12px 0!important}
  html.qy-nl #contnet .container:has(> .tag_home_filters) .middlecol{width:100%;padding:0}
}
@media (max-width:560px){
  html.qy-nl .tag_stories_on_home{padding:12px!important}
  html.qy-nl .status-list > li{flex-basis:118px!important;width:118px!important;height:210px!important}
  html.qy-nl .status-list > li.create_new > a > img{height:150px!important}
  html.qy-nl .status-list > li.create_new > a > span{top:130px!important}
  html.qy-nl .status-list > li.qy-story-hint{min-width:180px}
  html.qy-nl .status-list > li.qy-story-hint b{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  html.qy-nl *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* =========================================================
   COLOUR DETAILS
   ========================================================= */
html.qy-nl .new-update-alert,html.qy-nl .tag_hdr_right .badge,html.qy-nl .tag_sec_toolbar .new-update-alert{background:var(--coral)!important;color:#fff!important;box-shadow:0 0 0 2px var(--paper)!important}
html.qy-nl a.hash,html.qy-nl .post-description a{color:var(--brand)!important}
html.qy-nl .verified-color,html.qy-nl .verified-color svg{color:var(--brand)!important}
html.qy-nl .qy-stat span{word-break:normal!important;overflow-wrap:normal!important;hyphens:none}

/* =========================================================
   RAIL: YOUR WEEK + CREATE
   ========================================================= */
html.qy-nl .qy-w-head span{font-size:14px;color:var(--mut)}
html.qy-nl .qy-week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
html.qy-nl .qy-stat{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:10px;background:var(--ground);min-width:0}
html.qy-nl .qy-stat b{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink);margin:0;font-variant-numeric:tabular-nums}
html.qy-nl .qy-stat span{font-size:13.5px;color:var(--ink2);line-height:1.25}
html.qy-nl .qy-stat i{font-style:normal;font-size:13px;font-weight:700;margin-top:4px}
html.qy-nl .qy-stat i.up{color:var(--up)}
html.qy-nl .qy-stat i.down{color:var(--down)}
html.qy-nl .qy-stat i.same{color:var(--mut);font-weight:500}
html.qy-nl .qy-create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
html.qy-nl .qy-mk{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:10px;border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:border-color .2s,background .2s,transform .4s var(--spring)}
html.qy-nl .qy-mk:hover{border-color:var(--brand);background:var(--brand-t);transform:translateY(-2px)}
html.qy-nl .qy-mk span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--brand-t);color:var(--brand)}
html.qy-nl .qy-mk-live span{background:var(--coral-t);color:var(--coral)}
html.qy-nl .qy-mk b{font-size:14px;font-weight:600;margin:0}

html.qy-nl .rightcol .tag_sidebar_widget:has(.sidebar-pages-may-know-container){display:none!important} /* same pages as Around you */
html.qy-nl .tag_go_pro_user{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;padding:14px!important;margin:4px 0 8px!important;border-radius:10px!important;background:var(--brand-t)!important;color:var(--ink)!important;border:0!important}
html.qy-nl .tag_go_pro_user img{display:none!important}
html.qy-nl .tag_go_pro_user p{font-size:14px!important;font-weight:600!important;color:var(--ink)!important;margin:0!important}
html.qy-nl .tag_go_pro_user .btn{background:var(--ink)!important;color:var(--on-ink)!important;border-radius:999px!important;height:32px;padding:0 16px!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important}

/* =========================================================
   NIGHT — a soft slate-teal dark, not pitch black.
   Applies when the theme's own night switch is on (#night-mode-css is in the page).
   ========================================================= */
html.qy-nl:has(#night-mode-css){
  --brand:#3BB5C2;--brand-d:#8FDCE3;--brand-t:#173A40;
  --coral:#FF7E5C;--coral-t:#3D2621;--up:#4ADE80;--down:#F2876C;
  --ink:#E6EDEF;--ink2:#B7C4C9;--mut:#8C9CA2;--line:#2F3B40;--chip:#28343A;
  --ground:#182125;--paper:#1F2A2F;--online:#34D399;--on-ink:#141C1F;--on-brand:#0D2226;
  --main:#3BB5C2;--main-hover:#5CC6D1;--main-color:#0D2226;--main-hover-color:#0D2226;
  --header-background:#1F2A2F;--header-color:#B7C4C9;--header-hover-color:#E6EDEF;--header-search-color:#E6EDEF;
  --body-bg:#182125;--plyr-color-main:#3BB5C2;
  color-scheme:dark;
}
html.qy-nl:has(#night-mode-css) .status-list > li.qy-story-hint b{color:var(--ink)}
html.qy-nl:has(#night-mode-css) .post-description,html.qy-nl:has(#night-mode-css) .post-description p{color:var(--ink)!important}
html.qy-nl:has(#night-mode-css) .publisher-box textarea,html.qy-nl:has(#night-mode-css) .publisher-box .form-control,html.qy-nl:has(#night-mode-css) .publisher-box [class*="textarea"]{background:var(--chip)!important;color:var(--ink)!important}
html.qy-nl:has(#night-mode-css) .qy-shop img{border-color:var(--line)}/* logo: navy wordmark would vanish; invert lightness but keep its hues */
html.qy-nl:has(#night-mode-css) .header-brand img.tag_logo_pc{filter:invert(1) hue-rotate(180deg) brightness(1.05)}

/* =========================================================
   FEED VIDEOS — clean frame, sound button (play-on-hover / in-view lives in qy-newlook.js)
   ========================================================= */
html.qy-nl .tag_vid_plyr{position:relative;background:#000;width:100%}
html.qy-nl .tag_vid_plyr .plyr{background:#000;border-radius:0}
html.qy-nl .tag_vid_plyr video{max-height:min(78vh,720px);object-fit:contain;background:#000}
html.qy-nl .tag_vid_plyr .plyr__poster{background-size:contain;background-color:#000}
html.qy-nl .qy-vsound{position:absolute;right:12px;bottom:52px;z-index:5;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;
  border:0;background:rgba(14,27,33,.72);color:#fff;cursor:pointer;opacity:0;transform:scale(.9);transition:opacity .2s,transform .3s var(--spring)}
html.qy-nl .tag_vid_plyr.qy-vauto:hover .qy-vsound,html.qy-nl .tag_vid_plyr.qy-vauto:focus-within .qy-vsound{opacity:1;transform:none}
@media (hover:none){html.qy-nl .tag_vid_plyr.qy-vauto .qy-vsound{opacity:1;transform:none}}
html.qy-nl .tag_vid_plyr.qy-vheard .qy-vsound{display:none}
html.qy-nl .qy-vsound:focus-visible{opacity:1}
/* Ketroc video ad (right rail): never display:none — Ketroc only starts loading once the slot is
   near the screen. Before it switches on (.ketroc-on) the slot is just a 1px line, no empty box. */
html.qy-nl .tag_sidebar_widget.sidebar-ad:not(:has(.ketroc-on)){padding:0!important;border:0!important;background:transparent!important;margin:0 0 var(--gap)!important;min-height:1px}
html.qy-nl .tag_sidebar_widget.sidebar-ad:has(.ketroc-on){padding:0!important;overflow:hidden}
html.qy-nl .tag_sidebar_widget.sidebar-ad .ketroc-video{border-radius:var(--r)!important}

/* =========================================================
   LINK / PRODUCT CARD — Design A "Ledger" (story/includes/fetched_url.phtml + /qy_linkmeta.php)
   ========================================================= */
html.qy-nl .qy-lc{margin:10px 16px 6px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;background:var(--paper)!important;
  transition:border-color .2s var(--ease),box-shadow .3s var(--ease)}
html.qy-nl .qy-lc:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))!important;box-shadow:0 12px 30px -18px rgba(14,27,33,.35)}
html.qy-nl .qy-lc-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1.91 / 1;max-height:340px;padding:18px;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
html.qy-nl .qy-lc-media img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease)}
html.qy-nl .qy-lc:hover .qy-lc-media img{transform:scale(1.03)}
html.qy-nl .qy-lc-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
html.qy-nl .qy-lc-seller{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
html.qy-nl .qy-lc-fav{width:28px;height:28px;border-radius:8px;background:#fff;padding:3px;box-shadow:0 0 0 1px var(--line);flex:none}
html.qy-nl .qy-lc-site{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:60%}
html.qy-nl .qy-lc-local{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--brand-t);color:var(--brand-d)!important;text-decoration:none!important}
html.qy-nl .qy-lc-local:hover{background:var(--brand);color:var(--on-brand)!important}
html.qy-nl .qy-lc-kind{font-size:12.5px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--coral-t);color:var(--coral)}
html.qy-nl .qy-lc-title{font-size:16px;font-weight:700;line-height:1.3;color:var(--ink)!important;text-decoration:none!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html.qy-nl .qy-lc-title:hover{text-decoration:underline!important}
html.qy-nl .qy-lc-desc{font-size:14px;line-height:1.45;color:var(--ink2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html.qy-nl .qy-lc.has-price .qy-lc-desc{display:none}
/* price row */
html.qy-nl .qy-lc-facts{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:2px}
html.qy-nl .qy-lc-price{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
html.qy-nl .qy-lc-from{font-family:var(--body);font-size:14px;font-weight:600;color:var(--ink2);margin-right:4px;letter-spacing:0}
html.qy-nl .qy-lc-was{font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
html.qy-nl .qy-lc-was s{text-decoration-thickness:1.5px}
html.qy-nl .qy-lc-stock{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600}
html.qy-nl .qy-lc-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
html.qy-nl .qy-lc-stock.in{color:var(--up)}
html.qy-nl .qy-lc-stock.out{color:var(--down)}
html.qy-nl .qy-lc-stock.pre,html.qy-nl .qy-lc-stock.back{color:var(--brand-d)}
html.qy-nl .qy-lc-rating{font-size:14px;color:var(--ink2)}
html.qy-nl .qy-lc-rating b{color:var(--ink);font-weight:700;margin:0}
html.qy-nl .qy-lc-stamp{font-size:13px;color:var(--mut);line-height:1.4}
html.qy-nl .qy-lc-stamp a{color:var(--brand-d)!important;font-weight:600}
/* actions */
html.qy-nl .qy-lc-actions{display:flex;align-items:center;gap:8px;margin-top:6px}
html.qy-nl .qy-lc-cta{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;
  background:var(--ink);color:var(--on-ink)!important;font-size:14.5px;font-weight:700;text-decoration:none!important;transition:background .2s}
html.qy-nl .qy-is-product .qy-lc-cta,html.qy-nl .qy-lc.has-price .qy-lc-cta{background:var(--brand);color:var(--on-brand)!important}
html.qy-nl .qy-lc-cta:hover{background:var(--brand-d)!important;color:#fff!important}
html.qy-nl .qy-lc-btn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
html.qy-nl .qy-lc-btn:hover{background:var(--chip);color:var(--ink)}
html.qy-nl .qy-lc-save.is-on{background:var(--brand-t);border-color:transparent;color:var(--brand-d)}
@media (min-width:700px){ html.qy-nl .qy-lc-cta{flex:0 1 auto} html.qy-nl .qy-lc-actions .qy-lc-btn:first-of-type{margin-left:auto} }
/* gone: the shop page no longer exists */
html.qy-nl .qy-lc.is-gone .qy-lc-media{filter:grayscale(1);opacity:.45}
html.qy-nl .qy-lc.is-gone .qy-lc-cta{pointer-events:none;background:var(--chip)!important;color:var(--mut)!important}
html.qy-nl .qy-lc.is-gone .qy-lc-desc{display:none}
html.qy-nl .qy-lc.is-gone .qy-lc-title{color:var(--ink2)!important}
@media (max-width:560px){
  html.qy-nl .qy-lc{margin:10px 12px 6px!important}
  html.qy-nl .qy-lc-body{padding:12px 14px 14px}
  html.qy-nl .qy-lc-price{font-size:24px}
}
/* the raw web address above a link card is hidden when it is the whole post text (the card shows it) */
html.qy-nl .qy-link-only{display:none!important}
/* link-card text must not take the generic in-post link colour */
html.qy-nl .post-description .qy-lc .qy-lc-title{color:var(--ink)!important}
html.qy-nl .post-description .qy-lc.is-gone .qy-lc-title{color:var(--ink2)!important}
html.qy-nl .post-description .qy-lc .qy-lc-local{color:var(--brand-d)!important}
html.qy-nl .post-description .qy-lc .qy-lc-local:hover{color:var(--on-brand)!important}
html.qy-nl .post-description .qy-lc .qy-lc-cta{color:var(--on-ink)!important}
html.qy-nl .post-description .qy-lc.qy-is-product .qy-lc-cta,html.qy-nl .post-description .qy-lc.has-price .qy-lc-cta{color:var(--on-brand)!important}
html.qy-nl .post-description .qy-lc.is-gone .qy-lc-cta{color:var(--mut)!important}
html.qy-nl .post-description .qy-lc .qy-lc-stamp a{color:var(--brand-d)!important}
html.qy-nl .qy-lc-stock.sold{color:var(--down)}

/* Post-header profile pictures: the old theme sets min-width:48px, which beat our 40px width and
   squashed square logos into 48x40 ovals. Pin every side and crop instead of stretching. */
html.qy-nl .post .post-heading img.avatar,html.qy-nl .user-ad-container .ads-heading .avatar{
  width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;
  aspect-ratio:1/1;object-fit:cover!important;border-radius:50%!important;flex:none;background:var(--paper)}
html.qy-nl .qy-lc-cta{white-space:nowrap;min-width:0}
html.qy-nl .qy-lc-cta span{overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){ html.qy-nl .qy-lc-cta{padding:0 14px;font-size:14px} html.qy-nl .qy-lc.is-gone .qy-lc-cta svg{display:none} }
/* Phones: the product card runs edge to edge inside the post and the photo fills the full width
   at its own shape (no white bars), like Facebook's mobile link cards. */
@media (max-width:560px){
  html.qy-nl .qy-lc{margin:10px 0 4px!important;border-left:0!important;border-right:0!important;border-radius:0!important}
  html.qy-nl .qy-lc:hover{box-shadow:none}
  html.qy-nl .qy-lc-media{aspect-ratio:auto;max-height:none;padding:0;background:#fff}
  html.qy-nl .qy-lc-media img{width:100%;height:auto;max-height:520px;object-fit:cover;display:block}
  html.qy-nl .qy-lc:hover .qy-lc-media img{transform:none}
}
@media (max-width:560px){
  /* bleed past the post text's 16px side padding so the card meets the post's edges */
  html.qy-nl .post-description > .qy-lc,html.qy-nl .post-description .qy-lc{margin-left:-16px!important;margin-right:-16px!important;width:auto}
  html.qy-nl .qy-lc-body{padding:12px 16px 14px}
}
/* Tablets too: photo fills the card's width at its own shape (no white bars); card stays framed */
@media (min-width:561px) and (max-width:1199px){
  html.qy-nl .qy-lc-media{aspect-ratio:auto;max-height:none;padding:0;background:#fff}
  html.qy-nl .qy-lc-media img{width:100%;height:auto;max-height:560px;object-fit:cover;display:block}
}

/* Computers: the right column stays beside the feed while scrolling (the old JS sticky plug-in
   no longer worked inside the new grid). If it is taller than the screen it scrolls on its own. */
@media (min-width:1200px){
  html.qy-nl #contnet .container:has(> .tag_home_filters) .rightcol .theiaStickySidebar{
    position:sticky!important;top:16px!important;transform:none!important;left:auto!important;width:auto!important;
    max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:4px}
  html.qy-nl #contnet .container:has(> .tag_home_filters) .rightcol .theiaStickySidebar::-webkit-scrollbar{display:none}
  html.qy-nl #contnet .container:has(> .tag_home_filters) .rightcol{position:relative}
}
/* All screens: product photo fills the card width at its own shape (no white side bars);
   very tall photos are capped and cropped neatly. */
html.qy-nl .qy-lc-media{aspect-ratio:auto!important;max-height:none!important;padding:0!important;background:#fff}
html.qy-nl .qy-lc-media img{width:100%!important;height:auto!important;max-height:440px;object-fit:cover;display:block}

/* =========================================================
   NEW VIDEO LOOK — right shape (16:9 … 4:5), blurred fill instead of black bars,
   length + Replay badges, clean play button. JS: setupVideoLook() in qy-newlook.js
   ========================================================= */
html.qy-nl .tag_vid_plyr.qy-vframe{position:relative;overflow:hidden;background:#0b1114;width:100%;isolation:isolate}
html.qy-nl .tag_vid_plyr.qy-vshaped{aspect-ratio:var(--qy-ar,16/9);max-height:min(80vh,760px)}
html.qy-nl .qy-vframe .qy-vbg{position:absolute;inset:-12%;z-index:0;background:#0b1114 center/cover no-repeat;filter:blur(30px) brightness(.5) saturate(1.25);transform:scale(1.05);pointer-events:none}
html.qy-nl .qy-vframe > .plyr,html.qy-nl .qy-vframe > video{position:relative;z-index:1;background:transparent!important}
html.qy-nl .qy-vshaped > .plyr,html.qy-nl .qy-vshaped > video{width:100%!important;height:100%!important;max-height:none!important}
html.qy-nl .qy-vshaped .plyr__video-wrapper{height:100%!important;padding-bottom:0!important;aspect-ratio:auto!important;background:transparent!important}
html.qy-nl .qy-vframe video{background:transparent!important;object-fit:cover!important}   /* fills the frame (owner 2026-10-11) */
html.qy-nl .qy-vframe .plyr--fullscreen-active video,html.qy-nl .qy-vframe video:fullscreen{object-fit:contain!important}
html.qy-nl .qy-vshaped video{width:100%!important;height:100%!important;max-height:none!important}
html.qy-nl .qy-vframe .plyr__poster{background-color:transparent!important;background-size:cover!important}
html.qy-nl .qy-vframe .vid_procss_alrt{position:relative;z-index:4}
/* badges */
html.qy-nl .qy-vbadges{position:absolute;z-index:3;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;transition:opacity .25s}
html.qy-nl .qy-vbadges span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em;color:#fff;background:rgba(10,16,19,.62);font-variant-numeric:tabular-nums}
html.qy-nl .qy-vbadges .qy-vreplay{background:var(--coral);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}
html.qy-nl .qy-vbadges .qy-vdur{margin-left:auto}
html.qy-nl .qy-vframe.qy-vplaying .qy-vbadges .qy-vdur{opacity:0}
/* clean play button (Plyr's big centre button) */
html.qy-nl .qy-vframe .plyr__control--overlaid{width:68px!important;height:68px!important;padding:0!important;border-radius:50%!important;background:rgba(10,16,19,.55)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.85) inset!important;display:flex!important;align-items:center;justify-content:center;transition:transform .3s var(--spring),background .2s}
html.qy-nl .qy-vframe .plyr__control--overlaid:hover{background:var(--brand)!important;transform:translate(-50%,-50%) scale(1.06)!important}
html.qy-nl .qy-vframe .plyr__control--overlaid svg{width:24px!important;height:24px!important;left:2px;fill:#fff}
html.qy-nl .qy-vframe .plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.65))!important}
/* the sound button sits above the controls bar */
html.qy-nl .qy-vframe .qy-vsound{z-index:4}
html.qy-nl .qy-vframe .plyr__control--overlaid{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:3}
html.qy-nl .qy-vframe .plyr__control--overlaid:hover{transform:translate(-50%,-50%) scale(1.06)!important}
html.qy-nl .qy-vframe .plyr__control--overlaid svg{position:relative!important;left:2px!important;top:0!important;width:26px!important;height:26px!important}
/* the theme's own play icon sprite renders as a solid dot here — draw a clean triangle instead */
html.qy-nl .qy-vframe .plyr__control--overlaid svg{display:none!important}
html.qy-nl .qy-vframe .plyr__control--overlaid::after{content:""!important;display:block!important;width:0!important;height:0!important;margin-left:5px;background:none!important;
  border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
/* own play button for videos the player library did not take over (e.g. live replays) */
html.qy-nl .qy-vplay{display:none;position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(10,16,19,.55);box-shadow:0 0 0 2px rgba(255,255,255,.85) inset;transition:transform .3s var(--spring),background .2s}
html.qy-nl .qy-vplay::after{content:"";position:absolute;left:50%;top:50%;margin:-12px 0 0 -7px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
html.qy-nl .qy-vplay:hover{background:var(--brand);transform:translate(-50%,-50%) scale(1.06)}
html.qy-nl .qy-vnative.qy-vpaused .qy-vplay{display:block}
html.qy-nl .qy-vbadges .qy-vreplay{gap:6px;background:#E5383B}
html.qy-nl .qy-vbadges .qy-vreplay::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff}

/* =========================================================
   LIVE REPLAY PLAYER (setupReplays in qy-newlook.js, data from /qy_replay.php)
   ========================================================= */
html.qy-nl .qy-rp-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}
html.qy-nl .qy-rp-gifts{position:absolute;left:12px;top:48px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:70%}
html.qy-nl .qy-rp-toast{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(10,16,19,.72);color:#fff;font-size:14px;
  animation:qyToastIn .5s var(--spring) both;transition:opacity .35s,transform .35s}
html.qy-nl .qy-rp-toast b{color:#fff;margin:0}
html.qy-nl .qy-rp-emo{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#EF5F3C,#E5383B);font-size:17px}
html.qy-nl .qy-rp-toast.big{padding:10px 16px 10px 10px;font-size:15px;background:linear-gradient(90deg,rgba(229,56,59,.92),rgba(239,95,60,.85))}
html.qy-nl .qy-rp-toast.big .qy-rp-emo{width:46px;height:46px;font-size:28px;background:rgba(255,255,255,.2)}
html.qy-nl .qy-rp-toast.out,html.qy-nl .qy-rp-bubble.out{opacity:0;transform:translateY(-6px)}
@keyframes qyToastIn{from{opacity:0;transform:translateX(-18px) scale(.92)}to{opacity:1;transform:none}}
html.qy-nl .qy-rp-bubbles{position:absolute;left:12px;bottom:56px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:72%}
html.qy-nl .qy-rp-bubble{display:flex;align-items:flex-start;gap:8px;padding:6px 10px 6px 6px;border-radius:14px;background:rgba(10,16,19,.6);color:#fff;font-size:14px;line-height:1.35;
  animation:qyBubbleIn .35s var(--ease) both;transition:opacity .35s,transform .35s}
html.qy-nl .qy-rp-bubble img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}
html.qy-nl .qy-rp-bubble b{color:#fff;margin:0 4px 0 0}
@keyframes qyBubbleIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* panel under the video */
html.qy-nl .qy-rp{margin:0;padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--paper)}
html.qy-nl .qy-rp-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html.qy-nl .qy-rp-live{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:#E5383B;color:#fff;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
html.qy-nl .qy-rp-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff}
html.qy-nl .qy-rp-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--ink2)}
html.qy-nl .qy-rp-stats b{color:var(--ink);font-weight:700;margin:0}
html.qy-nl .qy-rp-heat{position:relative;height:42px;margin:12px 0 6px;cursor:pointer;border-radius:8px;background:var(--chip);overflow:visible}
html.qy-nl .qy-rp-bars{position:absolute;inset:6px 6px 6px;display:flex;align-items:flex-end;gap:2px}
html.qy-nl .qy-rp-bars i{flex:1;border-radius:2px;background:color-mix(in srgb,var(--ink2) 22%,transparent)}
html.qy-nl .qy-rp-bars i.on{background:linear-gradient(to top,#E5383B,#EF5F3C)}
html.qy-nl .qy-rp-marks{position:absolute;left:6px;right:6px;top:-12px;height:16px}
html.qy-nl .qy-rp-marks b{position:absolute;transform:translateX(-50%);font-size:14px;line-height:1;margin:0}
html.qy-nl .qy-rp-now{position:absolute;top:2px;bottom:2px;width:2px;margin-left:-1px;background:var(--brand);border-radius:2px;left:0;transition:left .25s linear}
html.qy-nl .qy-rp-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px}
html.qy-nl .qy-rp-top em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-right:2px}
html.qy-nl .qy-rp-sup{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;background:var(--chip);color:var(--ink)!important;font-size:14px;font-weight:600;text-decoration:none!important}
html.qy-nl .qy-rp-sup img{width:24px;height:24px;border-radius:50%;object-fit:cover}
html.qy-nl .qy-rp-sup i{font-style:normal;color:var(--mut);font-weight:600}
html.qy-nl .qy-rp-tabs{display:flex;gap:6px;margin:12px 0 8px}
html.qy-nl .qy-rp-tabs button{height:32px;padding:0 14px;border-radius:999px;border:0;background:var(--chip);color:var(--ink2);font-size:15px;font-weight:600;cursor:pointer}
html.qy-nl .qy-rp-tabs button span{margin-left:4px;color:var(--mut)}
html.qy-nl .qy-rp-tabs button.on{background:var(--ink);color:var(--on-ink)}
html.qy-nl .qy-rp-tabs button.on span{color:inherit;opacity:.7}
html.qy-nl .qy-rp-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
html.qy-nl .qy-rp-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:6px 6px;border-radius:10px;cursor:pointer;font-size:14px;color:var(--ink2)}
html.qy-nl .qy-rp-row:hover{background:var(--chip)}
html.qy-nl .qy-rp-row img,html.qy-nl .qy-rp-row .qy-rp-av{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--chip)}
html.qy-nl .qy-rp-row b{color:var(--ink);font-weight:700;margin:0}
html.qy-nl .qy-rp-row strong{color:var(--coral);font-weight:700}
html.qy-nl .qy-rp-row time{font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}
html.qy-nl .qy-rp-empty{margin:6px 2px;font-size:15px;color:var(--mut)}
html.qy-nl .qy-rp-jump{margin:6px auto 0;display:block;height:30px;padding:0 14px;border-radius:999px;border:0;background:var(--brand);color:var(--on-brand);font-size:14px;font-weight:700;cursor:pointer}
html.qy-nl .qy-rp-host{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:14px;color:var(--ink2)}
html.qy-nl .qy-rp-host label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0}
html.qy-nl .qy-rp-clip{height:36px;padding:0 16px;border-radius:999px;border:0;background:var(--coral);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
html.qy-nl .qy-rp-clip:disabled{opacity:.6;cursor:wait}
html.qy-nl .qy-rp-msg{font-size:14px;color:var(--ink2)}
html.qy-nl .qy-rp-msg a{color:var(--brand-d)!important;font-weight:700}
@media (max-width:560px){ html.qy-nl .qy-rp{padding:10px 12px 12px} html.qy-nl .qy-rp-bubbles{bottom:60px;max-width:84%} html.qy-nl .qy-rp-list{max-height:180px} }

/* ---------- "Hometown Broadcast" replay (same TV look as the live screen; only when the live skin is on) ---------- */
html.qy-nl .qy-rp-bc .qy-vbadges{display:none}
html.qy-nl .qy-bc-gfx{position:absolute;inset:0;pointer-events:none;font-family:Archivo,"Plus Jakarta Sans",system-ui,sans-serif;color:#eef2f3}
html.qy-nl .qy-bc-bug{position:absolute;left:10px;top:10px;display:flex;font:700 12.5px/1 "Archivo Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 10px rgba(0,0,0,.35)}
html.qy-nl .qy-bc-bug span{padding:6px 8px}
html.qy-nl .qy-bc-bug .rp{background:#13917e;color:#fff}
html.qy-nl .qy-bc-bug .dt{background:rgba(10,14,16,.86);color:#fff}
html.qy-nl .qy-bc-score{position:absolute;right:10px;top:10px;min-width:118px;max-width:48%;background:rgba(10,14,16,.9);border-left:3px solid #f2b705;padding:6px 9px 7px;font:700 12px/1.2 "Archivo Narrow",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff}
html.qy-nl .qy-bc-score .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.qy-nl .qy-bc-score small{display:flex;justify-content:space-between;gap:10px;opacity:.85;font-weight:500;margin-top:4px;font-variant-numeric:tabular-nums}
html.qy-nl .qy-bc-l3{position:absolute;left:10px;bottom:58px;display:flex;align-items:stretch;max-width:calc(100% - 20px);box-shadow:0 3px 14px rgba(0,0,0,.4)}
html.qy-nl .qy-bc-l3 .av{width:44px;background:#f2b705;flex:none;overflow:hidden}
html.qy-nl .qy-bc-l3 .av img{width:100%;height:100%;object-fit:cover;display:block}
html.qy-nl .qy-bc-l3 .nm{background:rgba(255,255,255,.97);color:#111;padding:6px 11px;min-width:0}
html.qy-nl .qy-bc-l3 .nm b{display:block;font:800 15px/1.15 Archivo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
html.qy-nl .qy-bc-l3 .nm em{display:block;font:500 12px/1.3 "Archivo Narrow",sans-serif;font-style:normal;color:#4b5254;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.qy-nl .qy-bc-l3 .fl{pointer-events:auto;background:#13917e;color:#fff!important;display:grid;place-items:center;padding:0 12px;font:700 12.5px/1 "Archivo Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}
/* comments as TV captions, above the name bar */
html.qy-nl .qy-rp-bc .qy-rp-bubbles{bottom:122px;max-width:min(560px,80%)}
html.qy-nl .qy-rp-bc .qy-rp-bubble{border-radius:0;background:rgba(10,14,16,.9);border-left:3px solid #13917e;font-family:Archivo,sans-serif;padding:7px 11px}
html.qy-nl .qy-rp-bc .qy-rp-bubble b{color:#ffd75e}
/* gifts as postmarked cards under the REPLAY tag */
html.qy-nl .qy-rp-bc .qy-rp-gifts{top:46px}
html.qy-nl .qy-rp-bc .qy-rp-toast{border-radius:2px;background:#f4ead7;color:#3b2a20;border:1px solid #d9c7a4;box-shadow:0 6px 16px rgba(0,0,0,.4);transform:rotate(-1.2deg);font-family:Archivo,sans-serif}
html.qy-nl .qy-rp-bc .qy-rp-toast b{color:#7b2d26}
html.qy-nl .qy-rp-bc .qy-rp-emo{background:none;border-radius:0;font-size:22px}
html.qy-nl .qy-rp-bc .qy-rp-toast.big{background:#f4ead7;padding:10px 16px 10px 10px}
/* gift ticker right under the picture */
html.qy-nl .qy-bc-tick{display:flex;align-items:center;height:30px;margin:-12px -16px 10px;background:#f2b705;color:#111;overflow:hidden;font:700 13px/1 "Archivo Narrow",sans-serif;white-space:nowrap}
html.qy-nl .qy-bc-tick .k{background:#111;color:#f2b705;height:100%;display:grid;place-items:center;padding:0 10px;letter-spacing:.1em;text-transform:uppercase;flex:none;position:relative;z-index:1}
html.qy-nl .qy-bc-tick .run{display:inline-flex;gap:22px;padding-left:14px}
html.qy-nl .qy-bc-tick .run.mv{animation:qyBcTick var(--d,24s) linear infinite}
html.qy-nl .qy-bc-tick .emp{opacity:.75;font-weight:500}
@keyframes qyBcTick{to{transform:translateX(-50%)}}
/* the panel under the replay in the Studio colours */
html.qy-nl .qy-rp.qy-rp-bcpn{background:#0e1215;color:#eef2f3;border-top:0}
html.qy-nl .qy-rp-bcpn .qy-rp-stats{color:#93a3a9}
html.qy-nl .qy-rp-bcpn .qy-rp-stats b{color:#fff}
html.qy-nl .qy-rp-bcpn .qy-rp-live{background:#13917e}
html.qy-nl .qy-rp-bcpn .qy-rp-heat{background:#161c20}
html.qy-nl .qy-rp-bcpn .qy-rp-bars i{background:#2c3a41}
html.qy-nl .qy-rp-bcpn .qy-rp-bars i.on{background:linear-gradient(to top,#c79a18,#f2b705)}
html.qy-nl .qy-rp-bcpn .qy-rp-now{background:#fff}
html.qy-nl .qy-rp-bcpn .qy-rp-top em,html.qy-nl .qy-rp-bcpn .qy-rp-sup i{color:#93a3a9}
html.qy-nl .qy-rp-bcpn .qy-rp-sup{background:#161c20;color:#eef2f3!important}
html.qy-nl .qy-rp-bcpn .qy-rp-tabs button{background:transparent;color:#93a3a9;border-radius:0;font-family:"Archivo Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
html.qy-nl .qy-rp-bcpn .qy-rp-tabs button.on{background:transparent;color:#fff;box-shadow:inset 0 -2px 0 #f2b705}
html.qy-nl .qy-rp-bcpn .qy-rp-row{color:#eef2f3}
html.qy-nl .qy-rp-bcpn .qy-rp-row b{color:#ffd75e}
html.qy-nl .qy-rp-bcpn .qy-rp-row time,html.qy-nl .qy-rp-bcpn .qy-rp-empty,html.qy-nl .qy-rp-bcpn .qy-rp-msg,html.qy-nl .qy-rp-bcpn .qy-rp-host label{color:#93a3a9}
html.qy-nl .qy-rp-bcpn .qy-rp-host{border-color:#253036}
/* closing credits */
html.qy-nl .qy-bc-credits{position:absolute;inset:0;z-index:4;background:rgba(8,10,12,.94);display:grid;place-items:center;overflow:hidden;color:#fff;font-family:Archivo,sans-serif;text-align:center}
html.qy-nl .qy-bc-credits .roll{animation:qyBcRoll 13s linear forwards}
html.qy-nl .qy-bc-credits h3{font:700 12.5px/1 "Archivo Narrow",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f2b705;margin:22px 0 8px}
html.qy-nl .qy-bc-credits h2{font:800 24px/1.15 Archivo,sans-serif;margin:0;color:#fff}
html.qy-nl .qy-bc-credits p{margin:5px 0;font-size:15px;color:#dfe6e8}
html.qy-nl .qy-bc-credits .x{position:absolute;right:12px;top:12px;background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:99px;padding:7px 13px;font:700 13px Archivo,sans-serif;cursor:pointer}
@keyframes qyBcRoll{from{transform:translateY(55%)}to{transform:translateY(-110%)}}
@media (prefers-reduced-motion:reduce){html.qy-nl .qy-bc-tick .run.mv,html.qy-nl .qy-bc-credits .roll{animation:none}}

/* one speaker button only: hide our "turn sound on" button whenever the player's own control bar (with its mute button) is showing */
html.qy-nl .qy-vframe:has(.plyr:not(.plyr--hide-controls)) .qy-vsound{opacity:0;pointer-events:none}

/* one mute button only: when the browser's own controls are on (Plyr never took over), they already have mute */
html.qy-nl .qy-vframe.qy-vnative .qy-vsound{display:none!important}

/* qy-bigscreen 2026-10-10: grow the whole page on very wide screens (owner reads on 2560px; text sizes already match Facebook) */
/* owner 2026-10-10: "too zoomed" — big-screen growth lowered to 10%, only from 2200px */
@media (min-width:2200px){html.qy-nl{zoom:1.1}}