:root{--bg:#05050a;--panel:rgba(27,28,43,.82);--panel2:rgba(255,255,255,.07);--stroke:rgba(255,255,255,.14);--txt:#fff;--muted:#b6bad0;--cyan:#00e7ff;--pink:#ff2bd6;--violet:#7a4dff;--green:#37ff93;--red:#ff3b68;--radius:26px;--shadow:0 22px 80px rgba(0,0,0,.58)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}body{background:radial-gradient(circle at 10% 6%,rgba(255,43,214,.25),transparent 30%),radial-gradient(circle at 92% 4%,rgba(0,231,255,.18),transparent 32%),linear-gradient(180deg,#080812 0,#010103 100%)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(14px,env(safe-area-inset-left));background:rgba(3,3,8,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:58px;height:58px;border-radius:18px;box-shadow:0 0 34px rgba(255,43,214,.35)}.brand strong{display:block;font-size:clamp(23px,4vw,34px);line-height:1;letter-spacing:-.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{display:block;color:var(--muted);font-size:12px;letter-spacing:.18em;margin-top:6px}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill,.big-btn{border:1px solid var(--stroke);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;min-height:42px;padding:10px 15px;font-weight:950;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.primary{border-color:transparent;background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 12px 42px rgba(255,43,214,.24)}.big-btn{min-height:52px;padding:14px 19px;margin:6px 8px 0 0}.view{display:none;min-height:calc(100vh - 86px);padding-bottom:105px}.view.active{display:block}.feed{width:min(540px,100%);margin:0 auto}.empty{margin:18px;padding:40px 22px;text-align:center;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);font-size:22px;color:var(--muted)}.short-card{position:relative;height:calc(100vh - 90px);min-height:660px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);background:#000;overflow:hidden;scroll-snap-align:start}.short-card video,.short-card iframe{width:100%;height:100%;object-fit:cover;background:#000;display:block}.short-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.82));pointer-events:none}.short-info{position:absolute;left:16px;right:96px;bottom:28px;z-index:5;text-shadow:0 2px 18px #000}.author-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.author-row img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.65)}.author-row button{border:0;background:transparent;color:#fff;font-weight:1000;font-size:16px;padding:0;cursor:pointer;text-align:left}.verified{color:var(--cyan);margin-left:4px}.caption{font-size:18px;line-height:1.35;font-weight:800;margin:0 0 8px}.desc{font-size:14px;color:#e2e4ee;line-height:1.45;max-height:74px;overflow:hidden}.side-actions{position:absolute;right:12px;bottom:34px;z-index:6;display:grid;gap:13px}.round-action{width:66px;min-height:66px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:rgba(15,16,24,.64);color:#fff;display:grid;place-items:center;padding:8px;cursor:pointer;backdrop-filter:blur(12px);font-weight:950}.round-action span{font-size:25px;line-height:1}.round-action small{font-size:11px;color:#e7e7ef}.round-action.active{background:linear-gradient(135deg,rgba(255,43,214,.56),rgba(0,231,255,.45));border-color:rgba(255,255,255,.4)}.panel{width:min(1080px,calc(100% - 24px));margin:24px auto;padding:24px;border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03)),var(--panel);box-shadow:var(--shadow)}.hero-panel h1{font-size:clamp(38px,8vw,74px);letter-spacing:-2px;line-height:.98;margin:0 0 14px}.hero-panel p{color:var(--muted);font-size:18px;line-height:1.55}.profile-top{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.profile-top img{width:150px;height:150px;border-radius:34px;object-fit:cover;border:1px solid var(--stroke)}.profile-top h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:1}.profile-top p{color:var(--muted);font-size:17px;line-height:1.45}.profile-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px}.profile-stats b{font-size:24px}.profile-stats span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.profile-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:24px}.mini-video{border-radius:18px;overflow:hidden;background:#111;border:1px solid var(--stroke);position:relative;aspect-ratio:9/16}.mini-video img{width:100%;height:100%;object-fit:cover}.mini-video span{position:absolute;left:8px;bottom:8px;right:8px;font-size:12px;font-weight:900;text-shadow:0 2px 10px #000}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:rgba(5,5,10,.94);border-top:1px solid var(--stroke);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav button{min-width:0;border:none;border-radius:18px;background:transparent;color:rgba(255,255,255,.52);padding:7px 3px;font-weight:900;cursor:pointer;transition:color .18s,background .18s,transform .12s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav button:active{transform:scale(.91)}.bottom-nav button.active{color:#fff;background:rgba(255,255,255,.09)}.bottom-nav button[data-route="upload"] span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 4px 18px rgba(255,43,214,.45);color:#fff;font-size:20px;margin:0 auto}.bottom-nav button[data-route="upload"]{color:#fff}.bottom-nav span{display:block;font-size:20px;line-height:1}.bottom-nav b{display:block;font-size:10px;margin-top:1px;letter-spacing:.01em;white-space:nowrap}.sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.sheet.hidden{display:none}.sheet-card{width:100%;max-height:82vh;border-radius:28px 28px 0 0;background:#141521;border:1px solid var(--stroke);padding:16px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{margin:0}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--stroke);background:rgba(255,255,255,.08);color:#fff;font-size:28px}.comments-list{overflow:auto;padding:12px 0;display:grid;gap:10px}.comment{padding:12px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.comment b{color:var(--cyan)}.comment p{margin:6px 0 0}.comment-form{display:flex;gap:8px}.comment-form input{flex:1;border:1px solid var(--stroke);border-radius:999px;background:rgba(0,0,0,.35);color:#fff;padding:0 14px;font:inherit}.toast{position:fixed;right:14px;bottom:105px;z-index:120;background:#161722;border:1px solid var(--stroke);border-radius:18px;color:#fff;padding:13px 15px;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);transition:.22s;max-width:min(430px,calc(100% - 28px))}.toast.show{opacity:1;transform:translateY(0)}.hidden{display:none!important}
@media(max-width:720px){.topbar{display:grid;grid-template-columns:1fr;gap:10px}.top-actions{display:grid;grid-template-columns:1fr 1fr}.top-actions .primary{grid-column:1/-1}.brand img{width:54px;height:54px}.brand strong{font-size:30px}.brand span{font-size:11px}.short-card{height:calc(100vh - 174px);min-height:560px;border:0}.side-actions{right:9px}.round-action{width:60px;min-height:60px;border-radius:20px}.short-info{right:84px;bottom:23px}.caption{font-size:17px}.panel{margin:16px auto;padding:18px}.profile-top{grid-template-columns:1fr;text-align:center}.profile-top img{margin:auto}.bottom-nav{gap:6px}.bottom-nav button{border-radius:19px}.bottom-nav span{font-size:20px}.bottom-nav b{font-size:11px}}

/* v9 mobile feed + KCoins gifts */

.short-card{
  contain:layout paint style;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.short-card video{
  transform:translateZ(0);
  backface-visibility:hidden;
}
.sound-hint{
  position:absolute;
  left:16px;
  top:16px;
  z-index:7;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.42);
  color:#fff;
  font-size:12px;
  font-weight:950;
  pointer-events:none;
  opacity:.86;
  backdrop-filter:blur(10px);
}
.short-card.sound-on .sound-hint{display:none}
.short-card.active{box-shadow:inset 0 0 0 1px rgba(0,231,255,.12)}

@media(max-width:720px){
  .short-card{
    height:calc(100svh - 174px);
    min-height:520px;
  }
  .feed{
    width:100%;
  }
  .short-card video{
    object-fit:cover;
  }
}
@media(max-width:420px){
  .short-card{
    height:calc(100svh - 166px);
    min-height:500px;
  }
}


/* v9: video darky v komentarich */
.gifts-panel{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(135deg,rgba(255,43,214,.10),rgba(0,231,255,.08));
  border-radius:22px;
  padding:12px;
  margin:8px 0 12px;
}
.gift-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.gift-head b{display:block;font-size:15px}.gift-head span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.gift-head strong{white-space:nowrap;color:var(--green);font-size:13px;border:1px solid rgba(53,255,147,.25);background:rgba(53,255,147,.09);border-radius:999px;padding:7px 9px}.gift-list{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}.gift-chip{flex:0 0 auto;min-width:82px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.28);color:#fff;border-radius:18px;padding:9px 10px;display:grid;place-items:center;gap:2px;cursor:pointer;font-weight:950}.gift-chip:hover{border-color:rgba(0,231,255,.55);box-shadow:0 0 24px rgba(0,231,255,.12)}.gift-chip .emoji{font-size:26px;line-height:1}.gift-chip small{color:var(--muted);font-size:11px}.gift-chip .cost{color:var(--green);font-size:11px}.gift-loading{color:var(--muted);font-size:13px}.comment.gift-comment{border-color:rgba(255,209,102,.30);background:linear-gradient(135deg,rgba(255,209,102,.13),rgba(255,43,214,.07));}.comment.gift-comment b{color:#ffe29a}.comment.gift-comment .gift-big{font-size:30px;margin-right:8px;vertical-align:middle}.comment.gift-comment p{font-weight:900}.comment.gift-comment .gift-flow{color:var(--green);margin-left:6px}.round-action.gift-action{background:linear-gradient(135deg,rgba(255,209,102,.35),rgba(255,43,214,.34));}

@media(max-width:720px){.gift-head{align-items:flex-start}.gift-head strong{font-size:12px}.gift-chip{min-width:76px;padding:8px}.gift-chip .emoji{font-size:24px}.sheet-card{max-height:86vh}}


/* v10: Lajkto jako AI Music Creator Hub, ne jen shorts */
.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:22px;align-items:stretch;overflow:hidden}
.home-copy{position:relative;z-index:1}.mini-kicker{color:var(--cyan);font-weight:1000;text-transform:uppercase;letter-spacing:.18em;margin-bottom:12px}.home-hero h1{font-size:clamp(48px,9vw,96px);line-height:.9;margin:0 0 18px;letter-spacing:-3px;text-transform:uppercase}.home-hero h1 span{background:linear-gradient(90deg,#fff,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero p{font-size:clamp(16px,2vw,20px);line-height:1.55;color:var(--muted);max-width:760px}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.home-side{display:grid;gap:14px}.creator-card{border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(135deg,rgba(255,43,214,.14),rgba(0,231,255,.10));padding:16px;display:grid;gap:10px;align-content:start}.creator-card b{font-size:22px}.creator-card span{color:var(--muted);line-height:1.35}.home-user{display:flex;gap:12px;align-items:center}.home-user img{width:72px;height:72px;border-radius:22px;object-fit:cover;border:1px solid var(--stroke)}.home-mini-actions{display:flex;gap:8px;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-grid div,.creator-points article{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:20px;padding:14px}.feature-grid b,.creator-points b{display:block;font-size:16px}.feature-grid span,.creator-points p{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin:6px 0 0}.creator-strip h2,.feed-head h1{margin:0 0 14px;font-size:clamp(30px,5vw,50px);letter-spacing:-1.4px}.creator-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creator-points strong{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--cyan));margin-bottom:10px}.feed-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.feed-head p{color:var(--muted);line-height:1.45;margin:0}.feed-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.short-info .caption:before{content:'🎵 ';}.round-action.gift-action small{font-size:10px}.view[data-view="home"],.view[data-view="feed"]{padding-top:18px}
@media(max-width:820px){.home-hero{grid-template-columns:1fr}.feature-grid,.creator-points{grid-template-columns:1fr}.feed-head{display:grid}.feed-tabs{justify-content:stretch}.feed-tabs .pill{flex:1}.home-actions .big-btn{width:100%;margin-right:0}.home-user img{width:62px;height:62px}.home-hero h1{font-size:54px}.view[data-view="home"],.view[data-view="feed"]{padding-top:10px}}


/* v11: artist music + camera studio */
.artist-music-box{margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.artist-music-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.artist-music-head h2{margin:0;font-size:clamp(22px,3vw,34px)}
.artist-music-head p{margin:4px 0 0;color:var(--muted);line-height:1.45}
.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.music-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:260px}
.music-cover{height:136px;background:linear-gradient(135deg,rgba(255,43,214,.22),rgba(0,231,255,.18));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.music-cover img{width:100%;height:100%;object-fit:cover;display:block}
.music-cover .ytmark{position:absolute;right:10px;top:10px;background:#f00;color:#fff;border-radius:999px;padding:5px 8px;font-weight:900;font-size:12px}
.music-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}
.music-body b{font-size:15px;line-height:1.25}.music-body span{color:var(--muted);font-size:12px;line-height:1.35}.music-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.music-actions .pill{justify-content:center;font-size:12px;padding:9px 10px}.music-card-album .music-cover{background:linear-gradient(135deg,rgba(255,207,69,.24),rgba(0,231,255,.15))}.music-tracklist{border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:8px 10px;background:rgba(0,0,0,.18);font-size:12px}.music-tracklist summary{cursor:pointer;font-weight:950;color:#fff}.music-tracklist a{display:block;color:var(--muted);text-decoration:none;margin-top:7px;line-height:1.25}.music-tracklist a:hover{color:#fff}.youtube-embed{aspect-ratio:16/9;width:100%;border:0;border-radius:14px;background:#000;margin-top:8px}
.studio-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:18px}
.studio-card{width:min(980px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(180deg,rgba(32,33,50,.98),rgba(8,8,14,.98));box-shadow:0 24px 90px rgba(0,0,0,.72);padding:18px}
.studio-note{color:var(--muted);line-height:1.45;margin:8px 0 14px}.studio-note.small{font-size:12px}
.studio-preview-wrap{position:relative;width:min(360px,100%);margin:0 auto 14px;aspect-ratio:9/16;border-radius:26px;border:1px solid rgba(255,255,255,.16);overflow:hidden;background:#05050a;box-shadow:0 0 50px rgba(0,231,255,.12)}
#cameraCanvas,.record-preview{width:100%;height:100%;object-fit:cover;display:block;background:#07070c}.rec-badge{position:absolute;left:12px;top:12px;background:rgba(255,0,55,.88);padding:7px 10px;border-radius:999px;font-weight:950;box-shadow:0 0 20px rgba(255,0,55,.4)}
.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.studio-grid label{display:grid;gap:6px;color:var(--muted);font-weight:800;font-size:13px}.studio-grid input,.studio-grid select{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#fff;border-radius:14px;padding:12px;outline:none;font:inherit}.studio-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.studio-actions .big-btn{flex:1 1 170px;text-align:center;justify-content:center}.studio-status{margin-top:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;background:rgba(0,0,0,.22);color:var(--muted);font-weight:800}
.profile-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media(max-width:760px){.studio-card{padding:14px;border-radius:22px}.studio-grid{grid-template-columns:1fr}.studio-actions{display:grid;grid-template-columns:1fr 1fr}.studio-actions .big-btn{font-size:13px;padding:12px 10px}.music-grid{grid-template-columns:1fr}.artist-music-head{display:block}}

/* v12: Aktivity, oznámení, vyhledávání lidí a přátelé */
.bottom-nav{grid-template-columns:repeat(5,1fr)}
.bottom-nav button{position:relative}
.nav-badge{position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:9px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 12px rgba(255,59,104,.45);font-weight:900}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.section-head h1{margin:0;font-size:clamp(34px,6vw,68px);line-height:.95;letter-spacing:-2px}.section-head p{color:var(--muted);font-size:16px;line-height:1.48;max-width:760px;margin:10px 0 0}.activity-tabs,.people-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.activity-list,.people-list{display:grid;gap:10px}.activity-summary{display:flex;align-items:center;gap:10px;border:1px solid rgba(53,255,147,.22);background:rgba(53,255,147,.08);border-radius:18px;padding:12px 14px;color:#dfffe9}.activity-summary b{font-size:28px}.activity-summary span{font-weight:900;color:var(--muted)}.activity-item{display:grid;grid-template-columns:48px 54px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:22px;padding:13px;cursor:pointer;transition:.18s ease}.activity-item:hover,.person-card:hover{border-color:rgba(0,231,255,.45);transform:translateY(-1px)}.activity-item.unseen{background:linear-gradient(135deg,rgba(255,43,214,.15),rgba(0,231,255,.08));border-color:rgba(0,231,255,.24)}.activity-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:rgba(0,0,0,.28);font-size:24px;border:1px solid rgba(255,255,255,.12)}.activity-item img{width:54px;height:54px;border-radius:18px;object-fit:cover}.activity-body{min-width:0}.activity-body b{color:var(--cyan)}.activity-body span{font-weight:900}.activity-body p{margin:5px 0 0;color:#fff;line-height:1.4}.activity-video{display:block;color:var(--muted);font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-body small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.people-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:12px 0}.people-search-row input{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#fff;border-radius:18px;padding:14px 16px;font:inherit;font-weight:800;outline:none}.people-search-row input:focus{border-color:rgba(0,231,255,.6);box-shadow:0 0 0 3px rgba(0,231,255,.1)}.person-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:24px;padding:14px;transition:.18s ease}.person-card>img{width:72px;height:72px;border-radius:24px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.person-info{min-width:0}.person-info button{border:0;background:transparent;color:var(--cyan);font-weight:1000;font-size:18px;padding:0;cursor:pointer;text-align:left;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.person-info b{display:block;font-size:15px;margin-top:3px}.person-info p{margin:5px 0;color:var(--muted);font-size:13px;line-height:1.35;max-height:38px;overflow:hidden}.person-info small{color:var(--muted);font-size:12px}.person-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.activity-panel,.people-panel{min-height:65vh}
@media(max-width:760px){.bottom-nav{gap:2px;padding-left:5px;padding-right:5px}.bottom-nav button{border-radius:14px;padding:6px 2px}.bottom-nav span{font-size:18px}.bottom-nav b{font-size:9px}.nav-badge{right:2px;top:2px}.people-search-row{grid-template-columns:1fr}.activity-tabs,.people-tabs{display:grid;grid-template-columns:1fr 1fr}.activity-tabs .pill,.people-tabs .pill{width:100%;font-size:12px}.activity-item{grid-template-columns:42px minmax(0,1fr);gap:10px}.activity-icon{width:42px;height:42px;border-radius:15px}.activity-item img{display:none}.activity-body span{display:inline}.person-card{grid-template-columns:58px minmax(0,1fr);align-items:start}.person-card>img{width:58px;height:58px;border-radius:20px}.person-actions{grid-column:1/-1;justify-content:stretch}.person-actions .pill{flex:1}.section-head h1{font-size:42px}.section-head p{font-size:14px}}


/* v13: tvůrci bez zakázaných zmínek, analytika, zvuky a lepší studio */
.selected-sound-box{border:1px solid rgba(0,231,255,.32);background:linear-gradient(135deg,rgba(0,231,255,.12),rgba(255,43,214,.09));border-radius:20px;padding:13px;margin:10px 0;display:grid;gap:6px}.selected-sound-box b{color:var(--cyan)}.selected-sound-box span{color:#fff;font-weight:900}.selected-sound-box small{color:var(--muted);line-height:1.35}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-tools-row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.studio-tools-row label{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 11px;font-weight:900;color:#fff}.analytics-card{max-width:720px}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.analytics-grid div{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:18px;padding:14px}.analytics-grid b{display:block;font-size:34px;line-height:1}.analytics-grid span{display:block;color:var(--muted);font-weight:900;margin-top:5px}.analytics-video{margin-top:12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:14px;background:rgba(0,0,0,.22);display:grid;gap:5px}.analytics-video span{color:var(--muted);overflow-wrap:anywhere}.activity-panel:before{content:'Tady najdeš, kdo dal lajk, komentář, dárek, kdo tě začal sledovat nebo odebral sledování.';display:block;margin:0 0 12px;color:var(--muted);font-weight:800}.people-panel:before{content:'Přátelé = sledujete se navzájem. Sledující = oni sledují tebe. Sleduji = profily, které sleduješ ty.';display:block;margin:0 0 12px;color:var(--muted);font-weight:800}.short-card .round-action[data-use-sound]{border-color:rgba(0,231,255,.26)}.short-card .round-action[data-analytics]{border-color:rgba(53,255,147,.32)}
@media(max-width:760px){.analytics-grid{grid-template-columns:1fr 1fr}.studio-tools-row{display:grid;grid-template-columns:1fr 1fr}.studio-tools-row label{justify-content:center;text-align:center}.top-actions [data-route="activity"],.top-actions [data-route="people"]{display:inline-flex}.bottom-nav{grid-template-columns:repeat(5,1fr)}}

/* v14 zprávy, profily v appce, přesné video */
.messages-panel{max-width:1180px;margin:0 auto 92px;padding:22px}
.messages-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:stretch}
.threads-box,.thread-box{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);border-radius:24px;overflow:hidden;min-height:560px}
.thread-list{height:560px;overflow:auto;padding:10px;display:grid;gap:8px;align-content:start}
.thread-card{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;border-radius:18px;padding:10px;cursor:pointer}
.thread-card.active,.thread-card:hover{border-color:rgba(0,231,255,.55);background:linear-gradient(135deg,rgba(0,231,255,.10),rgba(255,43,214,.10))}
.thread-card img{width:46px;height:46px;border-radius:15px;object-fit:cover;flex:0 0 auto}
.thread-card b,.thread-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-card small{display:block;color:var(--muted);margin-top:4px}
.thread-unread{margin-left:auto;min-width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;box-shadow:0 0 22px rgba(255,43,214,.25)}
.thread-head{min-height:76px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(0,0,0,.20)}
.thread-head img{width:52px;height:52px;border-radius:16px;object-fit:cover}
.thread-head b{font-size:19px}.thread-head span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.message-list{height:410px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:rgba(0,0,0,.12)}
.dm-msg{max-width:78%;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px 12px;background:rgba(255,255,255,.06);align-self:flex-start}
.dm-msg.mine{align-self:flex-end;background:linear-gradient(135deg,rgba(255,43,214,.25),rgba(0,231,255,.18));border-color:rgba(255,255,255,.18)}
.dm-msg p{margin:0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.dm-msg small{display:block;color:var(--muted);margin-top:5px;font-weight:800}
.message-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid rgba(255,255,255,.12);padding:12px;background:rgba(0,0,0,.22)}
.message-form input{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.38);color:#fff;border-radius:999px;padding:13px 15px;outline:none;font:inherit}
.message-form input:focus{border-color:rgba(0,231,255,.65);box-shadow:0 0 0 3px rgba(0,231,255,.10)}
.profile-videos button.mini-video{border:0;text-align:left;color:#fff;background:rgba(255,255,255,.055);cursor:pointer}
.sound-source-lock{border:1px solid rgba(0,231,255,.28);background:rgba(0,231,255,.08);color:#dff;border-radius:16px;padding:9px 11px;font-size:13px;margin-top:8px}
@media(max-width:860px){.messages-panel{padding:14px}.messages-layout{grid-template-columns:1fr}.threads-box,.thread-box{min-height:auto}.thread-list{height:230px}.message-list{height:400px}.message-form{grid-template-columns:1fr}.message-form button{width:100%}.dm-msg{max-width:92%}}
@media(max-width:520px){.bottom-nav{grid-template-columns:repeat(5,1fr);overflow-x:auto}.bottom-nav button{min-width:46px}.threads-box{max-height:250px}.thread-card img{width:40px;height:40px}.thread-head{min-height:68px}.thread-head img{width:44px;height:44px}.message-list{height:360px}}

/* v15: opravy navigace, profilů, zpráv */
.bottom-nav button.active::after{content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:20px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.bottom-nav button[data-route="upload"].active::after{display:none}
.bottom-nav button[data-route="upload"].active span{box-shadow:0 4px 22px rgba(255,43,214,.65),0 0 0 2px rgba(255,255,255,.18)}
/* Lepší dárky */
.gift-chip{transition:border-color .18s,box-shadow .18s,transform .12s;font-size:12px}
.gift-chip:active{transform:scale(.93)}
.gift-chip b{font-size:12px;font-weight:900}
.gifts-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
/* Aktivní konverzace v seznamu */
.thread-card.active{border-color:rgba(0,231,255,.6)!important}
/* Odeslaná zpráva – lepší vizuál */
.dm-msg.mine{background:linear-gradient(135deg,rgba(122,77,255,.32),rgba(255,43,214,.22));border-color:rgba(122,77,255,.38)}
/* Profile akce - lepší rozložení */
.profile-action-row{gap:8px}
.profile-action-row .big-btn{flex:1 1 auto;text-align:center;justify-content:center;font-size:14px;padding:12px 14px}
@media(max-width:640px){.profile-action-row{display:grid;grid-template-columns:1fr 1fr}.profile-action-row .big-btn{margin:0}}

/* ── v16: snap scroll, sound bar, share sheet, rozšířená kamera ─────── */
:root { --topbar-h: 86px; }

/* Feed snap kontejner */
.view[data-view="feed"].active{
  display:flex!important;flex-direction:column;
  height:calc(100svh - var(--topbar-h,86px));
  overflow:hidden;padding:0;
}
.view[data-view="feed"] .feed-head.panel{
  flex-shrink:0;margin:0;border-radius:0;
  border-left:0;border-right:0;border-top:0;
  padding:14px 20px;
}
#feed{
  flex:1;min-height:0;
  overflow-y:scroll;overflow-x:hidden;
  scroll-snap-type:y mandatory;
  scrollbar-width:none;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
#feed::-webkit-scrollbar{display:none;}
.short-card{
  height:100%!important;min-height:0!important;
  scroll-snap-align:start;scroll-snap-stop:always;
}

/* Sound bar – feed styl */
.sound-bar{
  position:absolute;left:0;right:0;bottom:0;
  padding:10px 100px 10px 14px;
  z-index:6;display:flex;align-items:center;gap:10px;
  cursor:pointer;
  background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);
  transition:background .2s;
}
.sound-bar:hover{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);}
.sound-disc{
  width:32px;height:32px;flex-shrink:0;
  border-radius:50%;border:2px solid rgba(255,255,255,.65);
  overflow:hidden;animation:disc-spin 4s linear infinite paused;
}
.short-card.active .sound-disc{animation-play-state:running;}
.sound-disc img{width:100%;height:100%;object-fit:cover;display:block;}
.sound-bar-text{
  font-size:13px;font-weight:800;color:#fff;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
}
.sound-badge{
  font-size:11px;font-weight:900;color:#fff;flex-shrink:0;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);
  border-radius:999px;padding:2px 8px;
}
@keyframes disc-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* Short-info posun nahoru kvůli sound baru */
.short-info{bottom:54px;}

@media(max-width:720px){.short-info{bottom:48px;}}

/* Share sheet */
.share-url-preview{
  font-size:12px;color:var(--muted);
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:8px 12px;margin:0 0 14px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.share-sheet-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.share-chip{
  display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);
  border-radius:18px;padding:14px 6px;cursor:pointer;transition:background .15s;color:#fff;
  font-family:inherit;
}
.share-chip:hover{background:rgba(255,255,255,.12);}
.share-chip span{font-size:24px;line-height:1;}
.share-chip b{font-size:11px;font-weight:900;text-align:center;color:#fff;}
@media(max-width:480px){.share-sheet-grid{grid-template-columns:repeat(3,1fr);}}

/* Kamera studio rozšíření */
.filter-row{
  display:grid;grid-template-columns:72px 1fr 36px;
  align-items:center;gap:6px 10px;
  padding:8px 10px;background:rgba(0,0,0,.2);border-radius:14px;margin:6px 0;
}
.filter-row label{font-size:11px;font-weight:900;color:var(--muted);text-align:right;}
.filter-row input[type=range]{
  -webkit-appearance:none;appearance:none;
  height:4px;background:rgba(255,255,255,.18);border-radius:2px;outline:none;cursor:pointer;
}
.filter-row input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:16px;height:16px;border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--cyan));cursor:pointer;
}
.filter-row span{font-size:11px;color:var(--muted);text-align:right;font-weight:900;}
.zoom-row{display:flex;align-items:center;gap:10px;padding:6px 10px;}
.zoom-row label{font-size:12px;font-weight:900;color:var(--muted);white-space:nowrap;}
.zoom-row input{flex:1;}
.zoom-row span{font-size:12px;color:var(--muted);min-width:36px;font-weight:900;}

/* v17: oprava useknuté horní lišty + stabilní zprávy */
:root{--topbar-h:96px;--bottom-nav-h:78px}
.topbar{
  min-height:var(--topbar-h);
  padding-top:calc(12px + env(safe-area-inset-top));
  overflow:visible;
}
.brand{flex:0 1 auto;max-width:min(420px,42vw)}
.top-actions{
  flex:1 1 auto;
  min-width:0;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:visible;
  padding:2px max(10px,env(safe-area-inset-right)) 4px 2px;
  scrollbar-width:none;
}
.top-actions::-webkit-scrollbar{display:none}
.pill,.big-btn{white-space:nowrap}
.view[data-view="feed"].active{
  height:calc(100svh - var(--topbar-h,86px) - var(--bottom-nav-h,78px));
}
.view[data-view="feed"] .feed-head.panel{
  width:100%;
  max-width:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  overflow:visible;
}
.feed-head h1{margin:0 0 8px;font-size:clamp(36px,5vw,54px);line-height:1.02}
.feed-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.42}
.feed-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.thread-card{transition:border-color .12s,background .12s,transform .08s}
.thread-card:active{transform:scale(.985)}
.message-form input:disabled{opacity:.65;cursor:wait}

@media(max-width:720px){
  .topbar{display:grid;grid-template-columns:1fr;gap:8px;min-height:auto}
  .brand{max-width:100%}
  .top-actions{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:0}
  .top-actions .primary{grid-column:1/-1}
  .view[data-view="feed"].active{height:calc(100svh - var(--topbar-h,150px) - var(--bottom-nav-h,76px))}
  .view[data-view="feed"] .feed-head.panel{padding:11px 14px;gap:10px}
  .feed-head h1{font-size:34px}
  .feed-head p{font-size:13px}
  .feed-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
  .feed-tabs .pill{min-height:38px;padding:8px 10px;font-size:12px}
}


/* v18: Windows/desktop feed - celé video bez ořezu, viditelný název a popis */
:root{--topbar-real:96px;--bottom-nav-real:78px;--feed-head-real:110px;--feed-card-h:720px}
body.feed-shell{
  height:100svh;
  overflow:hidden;
}
body.feed-shell #app{
  height:calc(100svh - var(--topbar-real,96px));
  overflow:hidden;
}
body.feed-shell .view[data-view="feed"].active{
  height:calc(100svh - var(--topbar-real,96px) - var(--bottom-nav-real,78px));
  min-height:0;
  padding:0;
  overflow:hidden;
  display:flex!important;
  flex-direction:column;
}
body.feed-shell .view[data-view="feed"] .feed-head.panel{
  flex:0 0 auto;
  min-height:0;
  margin:0;
  padding:12px 16px;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
}
body.feed-shell .feed-head h1{
  font-size:clamp(30px,4.2vw,44px);
  margin:0 0 5px;
  line-height:1;
}
body.feed-shell .feed-head p{
  font-size:13px;
  line-height:1.35;
  max-width:720px;
}
body.feed-shell .feed-tabs .pill{
  min-height:34px;
  padding:7px 12px;
  font-size:12px;
}
body.feed-shell #feed{
  flex:0 0 auto;
  width:min(520px,100%);
  min-height:0;
  height:var(--feed-card-h,720px);
  max-height:var(--feed-card-h,720px);
  margin:0 auto;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-snap-type:y mandatory;
  overscroll-behavior-y:contain;
  scrollbar-width:none;
}
body.feed-shell #feed::-webkit-scrollbar{display:none}
body.feed-shell .short-card{
  height:100%!important;
  min-height:0!important;
  max-height:none;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  overflow:hidden;
  background:#000;
}
body.feed-shell .video-backdrop{
  position:absolute;
  inset:-4%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:blur(34px) saturate(1.15);
  transform:scale(1.12);
  opacity:.72;
  z-index:0;
  pointer-events:none;
}
body.feed-shell .video-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.12) 20%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.12) 80%,rgba(0,0,0,.42));
}
body.feed-shell .short-card video,
body.feed-shell .short-card iframe,
body.feed-shell .short-card .empty,
body.feed-shell .short-card .sound-hint,
body.feed-shell .short-card .play-state-icon,
body.feed-shell .short-card .video-loading,
body.feed-shell .short-card .video-progress,
body.feed-shell .short-card .shade,
body.feed-shell .short-info,
body.feed-shell .sound-bar,
body.feed-shell .side-actions{
  position:relative;
  z-index:1;
}
body.feed-shell .short-card video,
body.feed-shell .short-card iframe{
  width:100%;
  height:100%;
  object-fit:contain!important;
  background:#000;
}
body.feed-shell .short-card .shade{
  background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 48%,rgba(0,0,0,.86));
}
body.feed-shell .short-info{
  left:14px;
  right:84px;
  bottom:86px;
  max-height:34%;
  overflow:hidden;
}
body.feed-shell .caption{
  font-size:16px;
  line-height:1.25;
  margin:0 0 5px;
}
body.feed-shell .desc{
  font-size:12px;
  line-height:1.32;
  max-height:48px;
  overflow:hidden;
}
body.feed-shell .author-row{
  margin-bottom:6px;
}
body.feed-shell .author-row img{
  width:38px;
  height:38px;
}
body.feed-shell .author-row button{
  font-size:14px;
}
body.feed-shell .sound-bar{
  padding:8px 78px 8px 12px;
  min-height:42px;
}
body.feed-shell .sound-disc{
  width:26px;
  height:26px;
}
body.feed-shell .sound-bar-text{
  font-size:12px;
}
body.feed-shell .side-actions{
  right:10px;
  bottom:74px;
  gap:7px;
}
body.feed-shell .round-action{
  width:54px;
  min-height:54px;
  border-radius:18px;
  padding:6px;
}
body.feed-shell .round-action span{
  font-size:22px;
}
body.feed-shell .round-action small{
  font-size:10px;
}
@media(min-width:900px){
  body.feed-shell .feed-head.panel{
    align-items:center;
  }
}

@media(max-width:720px){
  body.feed-shell #app{
    height:calc(100svh - var(--topbar-real,150px));
  }
  body.feed-shell .view[data-view="feed"].active{
    height:calc(100svh - var(--topbar-real,150px) - var(--bottom-nav-real,76px));
  }
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    padding:9px 12px;
  }
  body.feed-shell .feed-head h1{
    font-size:30px;
  }
  body.feed-shell .feed-head p{
    font-size:12px;
  }
  body.feed-shell #feed{
    width:100%;
  }
  body.feed-shell .short-info{
    right:78px;
    bottom:76px;
  }
  body.feed-shell .side-actions{
    bottom:66px;
  }
  body.feed-shell .round-action{
    width:50px;
    min-height:50px;
    border-radius:17px;
  }
}
@media(max-height:780px){
  body.feed-shell .feed-head p{
    display:none;
  }
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    padding-top:9px;
    padding-bottom:9px;
  }
  body.feed-shell .short-info{
    bottom:76px;
  }
  body.feed-shell .side-actions{
    bottom:64px;
    gap:6px;
  }
  body.feed-shell .round-action{
    width:50px;
    min-height:50px;
    border-radius:16px;
  }
}

/* v19: sjednocení mobilní PWA s PC rozhraním + žádné nechtěné odskoky na hlavní web */

@media(max-width:720px){
  .topbar{
    display:block!important;
    min-height:auto!important;
    padding:8px max(10px,env(safe-area-inset-left)) 7px max(10px,env(safe-area-inset-right))!important;
  }
  .brand{
    max-width:100%!important;
    gap:9px;
  }
  .brand img{
    width:44px!important;
    height:44px!important;
    border-radius:14px;
  }
  .brand strong{
    font-size:24px!important;
  }
  .brand span{
    font-size:9px!important;
    letter-spacing:.12em;
    margin-top:4px;
  }
  .top-actions{
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    gap:6px!important;
    margin-top:8px;
    padding:1px 1px 4px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .top-actions::-webkit-scrollbar{display:none}
  .top-actions .pill{
    flex:0 0 auto;
    min-height:34px;
    padding:8px 11px;
    font-size:12px;
  }
  .top-actions .primary{
    grid-column:auto!important;
  }
  .view[data-view="home"],
  .view[data-view="feed"]{
    padding-top:8px;
  }
  .bottom-nav{
    overflow-x:auto!important;
  }
  .bottom-nav button{
    min-width:0!important;
  }
}
.device-upload-note{
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
  margin-top:10px;
}
.standalone-app #installBtn{
  opacity:.7;
}

/* v20: mobilní PWA má stejné hlavní akce jako desktop, bez osekání tlačítek */
.wallet-panel{max-width:1180px;margin:0 auto 92px;padding:22px}
.wallet-box{display:grid;gap:14px}
.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wallet-grid div{border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,43,214,.10),rgba(0,231,255,.08));border-radius:24px;padding:20px;min-height:118px;display:flex;flex-direction:column;justify-content:center}
.wallet-grid b{font-size:38px;line-height:1;color:#fff}
.wallet-grid span{color:var(--muted);font-weight:900;margin-top:8px}
.wallet-actions{display:flex;gap:10px;flex-wrap:wrap}.wallet-actions .big-btn{flex:1 1 220px;justify-content:center}
.wallet-convert-card{border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(53,255,147,.10),rgba(0,231,255,.08));border-radius:24px;padding:18px;display:grid;gap:14px}
.wallet-convert-copy b{display:block;font-size:20px}.wallet-convert-copy span{display:block;color:var(--muted);font-weight:800;line-height:1.45;margin-top:5px}
.wallet-convert-row{display:grid;grid-template-columns:auto minmax(130px,220px) auto;gap:10px;align-items:center}.wallet-convert-row label{color:var(--muted);font-weight:1000}.wallet-convert-row input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.28);color:#fff;font-weight:1000;font-size:18px;padding:13px 14px;outline:none}.wallet-convert-row input:focus{border-color:rgba(0,231,255,.60);box-shadow:0 0 0 3px rgba(0,231,255,.12)}.wallet-convert-card small{color:var(--green);font-weight:1000}
.wallet-convert-card-visible{box-shadow:0 18px 60px rgba(0,231,255,.10),inset 0 0 0 1px rgba(53,255,147,.08)}
.wallet-convert-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wallet-amount-chip{border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(0,0,0,.24);color:#fff;padding:13px 10px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer;font-weight:1000;min-height:72px;box-shadow:none;transition:.16s transform,.16s border-color,.16s background}
.wallet-amount-chip:hover{transform:translateY(-1px);border-color:rgba(0,231,255,.55)}
.wallet-amount-chip.active{background:linear-gradient(135deg,var(--pink),var(--cyan));border-color:rgba(255,255,255,.42);box-shadow:0 10px 34px rgba(0,231,255,.18)}
.wallet-amount-chip b{font-size:18px}.wallet-amount-chip span{font-size:12px;color:rgba(255,255,255,.78)}
.wallet-convert-row-final{grid-template-columns:1fr auto}.wallet-convert-row-final small{font-size:14px}


@media(max-width:720px){
  .top-actions{scroll-snap-type:x proximity}
  .top-actions .pill{scroll-snap-align:start}
  .bottom-nav{
    grid-template-columns:none!important;
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .bottom-nav::-webkit-scrollbar{display:none}
  .bottom-nav button{
    flex:0 0 72px!important;
    min-width:72px!important;
    padding:7px 4px!important;
  }
  .bottom-nav b{font-size:10px!important}
  .messages-panel,.activity-panel,.people-panel,.wallet-panel{padding:14px;margin-bottom:88px}
  .messages-layout{gap:10px}
  .thread-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;height:auto!important;max-height:none!important;padding:10px;scrollbar-width:none}
  .thread-list::-webkit-scrollbar{display:none}
  .thread-card{flex:0 0 238px;min-width:238px}
  .message-list{height:calc(100svh - 430px)!important;min-height:300px}
  .wallet-grid{grid-template-columns:1fr}
  .wallet-grid div{min-height:92px;padding:16px}.wallet-grid b{font-size:34px}
  .wallet-convert-row{grid-template-columns:1fr}
  .wallet-convert-row .big-btn{width:100%;justify-content:center}
  .wallet-convert-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wallet-amount-chip{min-height:62px}
}
@media(max-width:420px){.thread-card{flex-basis:210px;min-width:210px}.bottom-nav button{flex:1 1 0!important;min-width:0!important}}


/* v21: boční ikony u videa jsou na mobilu samostatně posuvné nahoru/dolů */
body.feed-shell .side-actions{
  top:12px!important;
  right:8px!important;
  bottom:64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  padding:4px 4px 10px 8px;
  scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
}
body.feed-shell .side-actions::-webkit-scrollbar{display:none}
body.feed-shell .side-actions .round-action{
  flex:0 0 auto!important;
}
body.feed-shell .side-actions:active{
  cursor:grabbing;
}

@media(max-width:720px){
  body.feed-shell .side-actions{
    top:10px!important;
    bottom:58px!important;
    right:7px!important;
    max-height:calc(100% - 68px)!important;
  }
  body.feed-shell .round-action{
    width:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
    padding:5px!important;
  }
  body.feed-shell .round-action span{font-size:21px!important}
  body.feed-shell .round-action small{font-size:9px!important}
}
@media(max-height:760px){
  body.feed-shell .side-actions{
    top:8px!important;
    bottom:54px!important;
    gap:6px!important;
  }
}


/* v22: mobilní dárky nesmí být osekané jako blecha v rukávu */

@media(max-width:720px){
  #commentSheet .sheet-card{
    max-height:92svh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding-bottom:calc(12px + env(safe-area-inset-bottom));
  }
  #commentSheet .comments-list{
    flex:1 1 auto;
    min-height:120px;
    max-height:38svh;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  #commentSheet .gifts-panel{
    flex:0 0 auto;
    margin:8px 0 10px;
    padding:10px;
  }
  #commentSheet .gift-head{
    gap:8px;
    margin-bottom:8px;
  }
  #commentSheet .gift-head span{
    font-size:11px;
    line-height:1.25;
  }
  #commentSheet .gift-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    max-height:34svh;
    overflow-y:auto;
    overflow-x:hidden;
    padding:2px 2px 6px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  #commentSheet .gift-chip{
    min-width:0;
    width:100%;
    min-height:76px;
    padding:8px 5px;
    border-radius:16px;
    font-size:11px;
    touch-action:manipulation;
  }
  #commentSheet .gift-chip .emoji{
    font-size:24px;
  }
  #commentSheet .gift-chip b{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }
  #commentSheet .gift-chip small{
    font-size:10px;
  }
  #commentSheet .comment-form{
    flex:0 0 auto;
  }
}
@media(max-width:360px){
  #commentSheet .gift-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:38svh}
}


/* v23: mobilní feed je kompaktnější a dárky se rozbalí až po kliknutí */

@media(max-width:720px){
  body.feed-shell .topbar{
    padding-top:calc(5px + env(safe-area-inset-top))!important;
    padding-bottom:5px!important;
  }
  body.feed-shell .brand{gap:8px!important}
  body.feed-shell .brand img{width:40px!important;height:40px!important;border-radius:12px!important}
  body.feed-shell .brand strong{font-size:22px!important;letter-spacing:-.4px!important}
  body.feed-shell .brand span{font-size:8px!important;margin-top:3px!important;letter-spacing:.11em!important}
  body.feed-shell .top-actions{margin-top:5px!important;gap:5px!important;padding-bottom:2px!important}
  body.feed-shell .top-actions .pill{min-height:30px!important;padding:6px 9px!important;font-size:11px!important}

  body.feed-shell .view[data-view="feed"]{padding-top:0!important}
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    padding:6px 10px 7px!important;
    gap:6px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    margin:0!important;
    border-radius:0!important;
  }
  body.feed-shell .feed-head h1{
    font-size:22px!important;
    line-height:1!important;
    margin:0!important;
    letter-spacing:-.5px!important;
  }
  body.feed-shell .feed-head p{display:none!important}
  body.feed-shell .feed-tabs{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.feed-shell .feed-tabs .pill{
    min-height:30px!important;
    padding:5px 7px!important;
    font-size:11px!important;
  }
  body.feed-shell .short-info{
    bottom:70px!important;
    left:12px!important;
    right:68px!important;
  }
  body.feed-shell .author-row img{width:34px!important;height:34px!important}
  body.feed-shell .caption{font-size:15px!important;margin-bottom:4px!important}
  body.feed-shell .desc{font-size:12px!important;max-height:38px!important}

  #commentSheet .sheet-card{
    max-height:min(76svh, 590px)!important;
    border-radius:20px 20px 0 0!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
  }
  #commentSheet .sheet-head h2{font-size:20px!important}
  #commentSheet .icon-btn{width:36px!important;height:36px!important;font-size:24px!important}
  #commentSheet .comments-list{
    padding:6px 0!important;
    gap:8px!important;
    min-height:135px!important;
    max-height:none!important;
  }
  #commentSheet .comment{padding:9px 10px!important;border-radius:15px!important}
  #commentSheet .comment p{font-size:13px!important;line-height:1.32!important}
  #commentSheet .comment small{font-size:11px!important;color:var(--muted)}
  #commentSheet .comment-form{gap:6px!important}
  #commentSheet .comment-form input{min-height:38px!important;font-size:14px!important}
  #commentSheet .comment-form .pill{min-height:38px!important;padding:8px 12px!important;font-size:12px!important}

  #commentSheet .gifts-panel{
    padding:7px 9px!important;
    margin:5px 0 7px!important;
    border-radius:18px!important;
  }
  #commentSheet .gift-head{
    align-items:center!important;
    margin-bottom:0!important;
    gap:7px!important;
  }
  #commentSheet .gift-head span{display:none!important}
  #commentSheet .gift-head b{font-size:14px!important}
  #commentSheet .gift-head-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
  }
  #commentSheet #giftBalance{
    font-size:11px!important;
    padding:6px 7px!important;
  }
  #commentSheet .gift-toggle{
    min-height:32px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
  #commentSheet .gifts-panel:not(.gift-open) .gift-list{display:none!important}
  #commentSheet .gifts-panel.gift-open .gift-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-height:28svh!important;
    margin-top:8px!important;
  }
}
@media(max-width:360px){
  #commentSheet .gifts-panel.gift-open .gift-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #commentSheet .gift-head-actions{gap:4px}
  #commentSheet #giftBalance{display:none!important}
}

/* v24: kamera bez ořezu, čitelnější popisy, zprávy drží stopu a mobilní feed šetří místo */
.dm-msg.pending small{color:rgba(0,231,255,.86)!important}
body.feed-shell .short-info{overflow:visible!important;max-height:none!important}
body.feed-shell .caption{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
body.feed-shell .desc{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
}
body.feed-shell .desc-more{
  margin-top:4px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.42);
  color:#fff;
  border-radius:999px;
  padding:4px 9px;
  font-size:11px;
  font-weight:950;
  backdrop-filter:blur(8px);
}
body.feed-shell .short-info.info-expanded{
  right:64px!important;
  bottom:58px!important;
  max-height:46%!important;
  overflow:auto!important;
  padding:10px 11px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.48));
  border:1px solid rgba(255,255,255,.12);
  -webkit-overflow-scrolling:touch;
}
body.feed-shell .short-info.info-expanded .caption,
body.feed-shell .short-info.info-expanded .desc{
  display:block!important;
  -webkit-line-clamp:unset!important;
  max-height:none!important;
}
#cameraFit:checked{accent-color:#00e7ff}
.studio-grid select#cameraMask{border-color:rgba(255,43,214,.32)}
.studio-tools-row label:has(#cameraFit){border-color:rgba(0,231,255,.32);background:rgba(0,231,255,.08)}

@media(max-width:720px){
  body.feed-shell .top-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
  }
  body.feed-shell .top-actions::-webkit-scrollbar{display:none}
  body.feed-shell .top-actions .pill{
    flex:0 0 auto!important;
    min-height:28px!important;
    padding:5px 8px!important;
    font-size:10px!important;
  }
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    padding:4px 9px 5px!important;
    gap:4px!important;
  }
  body.feed-shell .feed-head h1{font-size:18px!important;line-height:.95!important}
  body.feed-shell .feed-tabs{gap:5px!important}
  body.feed-shell .feed-tabs .pill{min-height:26px!important;padding:4px 6px!important;font-size:10px!important}
  body.feed-shell .short-info{
    bottom:54px!important;
    left:10px!important;
    right:62px!important;
    text-shadow:0 2px 14px #000,0 0 16px #000;
  }
  body.feed-shell .author-row{gap:7px!important;margin-bottom:5px!important}
  body.feed-shell .author-row img{width:30px!important;height:30px!important}
  body.feed-shell .author-row button{font-size:14px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.feed-shell .caption{font-size:14px!important;line-height:1.18!important;margin-bottom:3px!important;-webkit-line-clamp:2}
  body.feed-shell .desc{font-size:12px!important;line-height:1.22!important;-webkit-line-clamp:3!important;max-height:none!important}
  body.feed-shell .sound-bar{padding:6px 66px 6px 10px!important;min-height:34px!important}
  body.feed-shell .sound-disc{width:22px!important;height:22px!important}
  body.feed-shell .sound-bar-text{font-size:11px!important}
  body.feed-shell .short-info.info-expanded{
    left:8px!important;
    right:58px!important;
    bottom:44px!important;
    max-height:50%!important;
  }
  .studio-modal{align-items:flex-start!important;padding:calc(8px + env(safe-area-inset-top)) 10px 10px!important}
  .studio-card{max-height:calc(100svh - 18px - env(safe-area-inset-top))!important;padding:12px!important;border-radius:20px!important}
  .studio-note{font-size:13px!important;line-height:1.3!important;margin:4px 0 9px!important}
  .studio-preview-wrap{width:min(300px,100%)!important;margin-bottom:10px!important;border-radius:22px!important}
  .studio-grid{gap:9px!important}
  .studio-tools-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .studio-tools-row label{border-radius:18px!important;padding:8px!important;font-size:13px!important;line-height:1.15!important}
  .filter-row{grid-template-columns:74px minmax(0,1fr) 44px!important;gap:7px!important}
}
@media(max-width:380px){
  body.feed-shell .feed-head h1{font-size:16px!important}
  body.feed-shell .feed-tabs .pill{font-size:9px!important;min-height:24px!important}
  .studio-preview-wrap{width:min(260px,100%)!important}
}


/* v25: stabilizace přehrávání videí a zvuku */
.short-card{cursor:pointer}
.video-loading{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:8;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.58);
  color:#fff;
  font-weight:950;
  font-size:13px;
  box-shadow:0 12px 34px rgba(0,0,0,.35);
  pointer-events:none;
}
.short-card.video-is-loading video{filter:brightness(.82)}

@media(max-width:720px){
  .video-loading{font-size:12px;padding:8px 11px}
}

/* ── v28: UX vrstva – navigace, gesta, progress, skeletony, přístupnost ── */

/* Štíhlejší horní lišta na mobilu: duplikáty (jsou ve spodní liště) pryč, ostatní jen jako ikony. */
@media(max-width:820px){
  .top-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:0}
  .top-actions .pill{min-height:40px}
  .top-actions .tb-dupe{display:none}
  .top-actions .tb-compact .tb-txt{display:none}
  .top-actions .tb-compact{min-width:44px;padding:9px 11px}
  #installBtn{order:-2;flex:1 1 100%}
  #loginBtn{order:-1}
}

/* Dvojklik = lajk: srdíčko vyletí v místě klepnutí */
.like-burst{
  position:absolute;z-index:9;font-size:92px;pointer-events:none;
  transform:translate(-50%,-50%);opacity:0;
  animation:likeBurst .76s cubic-bezier(.2,.8,.3,1) forwards;
  filter:drop-shadow(0 8px 22px rgba(255,43,214,.55));
}
@keyframes likeBurst{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-14deg)}
  22%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(8deg)}
  55%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-92%) scale(1.05)}
}

/* Středová ikona play/pauza – jasná zpětná vazba, že video stojí */
.play-state-icon{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:8;font-size:74px;color:rgba(255,255,255,.94);
  text-shadow:0 6px 26px rgba(0,0,0,.6);pointer-events:none;
  animation:playPop .22s ease;
}
@keyframes playPop{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* Progress bar (přetažitelný) na aktivní kartě */
.video-progress{
  position:absolute;left:0;right:0;bottom:0;height:16px;z-index:7;
  display:flex;align-items:flex-end;cursor:pointer;touch-action:none;
}
.video-progress > i{
  display:block;height:3px;width:0;border-radius:0 2px 2px 0;
  background:linear-gradient(90deg,var(--pink),var(--cyan));
  box-shadow:0 0 8px rgba(0,231,255,.45);
  transition:width .12s linear;
}
.short-card.scrubbing .video-progress{height:26px}
.short-card.scrubbing .video-progress > i{transition:none;height:5px}

/* Skeletony místo velkých nápisů „Načítám…“ */
.sk{position:relative;overflow:hidden;background:rgba(255,255,255,.06);border-radius:12px}
.sk::after{content:'';position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  animation:sk 1.25s infinite}
@keyframes sk{100%{transform:translateX(100%)}}
.sk-card{position:relative;height:100%;min-height:60vh;background:linear-gradient(180deg,#0c0c16,#05050a);overflow:hidden}
.sk-feed{position:absolute;left:16px;right:96px;bottom:80px;display:grid;gap:12px}
.sk-feed .line{height:16px}
.sk-feed .line.short{width:46%}
.sk-feed .line.avatar{width:130px;height:18px;border-radius:999px}
.sk-side{position:absolute;right:14px;bottom:92px;display:grid;gap:14px}
.sk-side .sk{width:58px;height:58px;border-radius:20px}

/* Přístupnost: viditelný focus pro klávesnici */
.pill:focus-visible,.big-btn:focus-visible,.round-action:focus-visible,
.bottom-nav button:focus-visible,.icon-btn:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--cyan);outline-offset:2px;
}

/* Respekt k „omezit pohyb“ */
@media(prefers-reduced-motion:reduce){
  .sound-disc{animation:none!important}
  .like-burst{animation-duration:.3s}
  .play-state-icon{animation:none}
  .sk::after{animation:none}
  *{scroll-behavior:auto!important}
}


/* v29: PC komentáře + dárky. Křížek je vždy vpravo nahoře, dárky se rozbalí až po kliknutí. */
#commentSheet .sheet-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#commentSheet .sheet-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  position:relative!important;
  z-index:6!important;
  padding:0 2px 10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
#commentSheet .sheet-head h2{
  min-width:0!important;
}
#commentSheet #closeComments{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  margin-left:auto!important;
  cursor:pointer!important;
  line-height:1!important;
}
#commentSheet .comments-list{
  flex:1 1 auto!important;
  min-height:120px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
#commentSheet .comment-form{
  flex:0 0 auto!important;
}
#commentSheet .gifts-panel{
  flex:0 0 auto!important;
}
#commentSheet .gifts-panel:not(.gift-open) .gift-list{
  display:none!important;
}
#commentSheet .gifts-panel:not(.gift-open){
  margin-bottom:8px!important;
}
#commentSheet .gift-toggle{
  cursor:pointer!important;
}

@media(min-width:721px){
  #commentSheet .sheet-card{
    max-height:min(82svh, 760px)!important;
    min-height:min(520px, 82svh)!important;
  }
  #commentSheet .gifts-panel.gift-open .gift-list{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(86px,1fr))!important;
    gap:8px!important;
    max-height:min(34svh, 290px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px 4px 6px 0!important;
    scrollbar-gutter:stable!important;
  }
  #commentSheet .gift-chip{
    min-width:0!important;
    width:100%!important;
  }
  #commentSheet .gift-chip b{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}


@media(max-width:720px){
  #commentSheet .sheet-card{
    min-height:0!important;
  }
  #commentSheet .sheet-head{
    padding-bottom:8px!important;
  }
  #commentSheet #closeComments{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
  }
  #commentSheet .comments-list{
    min-height:135px!important;
  }
}


/* v31 base: postranní rozmazané pozadí se zapíná až na desktopu v jediném bloku v32 níž. */
.video-backdrop-live{display:none!important}

/* v31: otevření komentářů nesmí po doběhnutí API samo rozbalit katalog dárků. */
#commentSheet .gifts-panel:not(.gift-open) .gift-list{
  display:none!important;
  max-height:0!important;
  overflow:hidden!important;
  padding:0!important;
}
#commentSheet .gifts-panel:not(.gift-open) .gift-head{
  margin-bottom:0!important;
}


/* v32: tvrdý cache-fix + PC live blur přes skutečně běžící video. */
@media (min-width:821px){
  body.feed-shell #feed{width:100%!important;max-width:none!important;}
  body.feed-shell .short-card{position:relative!important;width:100%!important;isolation:isolate!important;background:#000!important;}
  body.feed-shell .video-backdrop-live{
    display:block!important;
    position:absolute!important;
    inset:-10%!important;
    width:120%!important;
    height:120%!important;
    object-fit:cover!important;
    filter:blur(42px) saturate(1.28) brightness(.55)!important;
    transform:scale(1.10)!important;
    opacity:.95!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  body.feed-shell .short-card video.main-video,
  body.feed-shell .short-card iframe{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:min(520px,100%)!important;
    height:100%!important;
    margin:0 auto!important;
    object-fit:contain!important;
    background:#000!important;
  }
  body.feed-shell .short-card .shade{z-index:4!important;left:50%!important;right:auto!important;width:min(520px,100%)!important;transform:translateX(-50%)!important;}
  body.feed-shell .short-info{z-index:6!important;left:max(14px,calc(50% - 260px + 14px))!important;right:max(84px,calc(50% - 260px + 84px))!important;}
  body.feed-shell .sound-bar{z-index:6!important;left:max(14px,calc(50% - 260px + 14px))!important;right:max(78px,calc(50% - 260px + 78px))!important;}
  body.feed-shell .side-actions{z-index:7!important;right:max(10px,calc(50% - 260px + 10px))!important;}
  body.feed-shell .video-progress{z-index:8!important;left:max(0px,calc(50% - 260px))!important;right:max(0px,calc(50% - 260px))!important;}
}
#commentSheet .gifts-panel:not(.gift-open) .gift-list,
#commentSheet .gifts-panel:not(.gift-open) #giftList{
  display:none!important;
  max-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
}
#commentSheet .gifts-panel:not(.gift-open){min-height:82px!important;}
#commentSheet .gifts-panel.gift-open #giftList{display:grid!important;}


/* v33: čistý klientský PWA install průvodce pro iOS/iPadOS */
.install-guide{
  position:fixed;
  inset:0;
  z-index:180;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px max(14px, env(safe-area-inset-left)) calc(18px + env(safe-area-inset-bottom));
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.install-guide.hidden{display:none!important}
.install-guide-card{
  width:min(460px,100%);
  position:relative;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045)),#11121c;
  box-shadow:0 28px 90px rgba(0,0,0,.7);
  padding:24px;
}
.install-guide-close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.install-guide-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  margin-bottom:14px;
  background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));
  box-shadow:0 16px 42px rgba(255,43,214,.28);
  font-size:30px;
}
.install-guide h2{
  margin:0 48px 8px 0;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.5px;
}
.install-guide p{
  color:var(--muted);
  line-height:1.5;
  margin:8px 0 14px;
}
.install-guide ol{
  margin:0;
  padding-left:22px;
  display:grid;
  gap:8px;
  font-weight:850;
}
.install-guide-note{
  font-size:13px;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:12px;
  margin-bottom:0!important;
}
.install-guide-open{overflow:hidden}
.standalone-app #installBtn{display:none!important}
@media(min-width:760px){
  .install-guide{align-items:center}
}


/* v35: restore short-video side icons. Jen viditelnost a poloha akcí, bez zásahu do videí. */
.short-card .side-actions,
body.feed-shell .short-card .side-actions{
  position:absolute!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:90!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-46%)!important;
  max-height:calc(100% - 118px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:6px!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  scrollbar-width:none!important;
}
.short-card .side-actions::-webkit-scrollbar,
body.feed-shell .short-card .side-actions::-webkit-scrollbar{display:none!important}
.short-card .side-actions .round-action,
body.feed-shell .short-card .side-actions .round-action{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  flex:0 0 auto!important;
  width:58px!important;
  min-height:58px!important;
  border-radius:20px!important;
  background:rgba(15,16,24,.72)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.short-card .side-actions .round-action span,
body.feed-shell .short-card .side-actions .round-action span{font-size:23px!important;line-height:1!important}
.short-card .side-actions .round-action small,
body.feed-shell .short-card .side-actions .round-action small{display:block!important;font-size:10px!important;line-height:1.05!important;max-width:52px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(min-width:821px){
  body.feed-shell .short-card .side-actions{
    right:max(10px,calc(50% - 260px + 10px))!important;
    left:auto!important;
  }
}
@media(max-width:820px){
  body.feed-shell .short-card .side-actions,
  .short-card .side-actions{
    right:7px!important;
    left:auto!important;
    gap:7px!important;
    max-height:calc(100% - 98px)!important;
  }
  body.feed-shell .short-card .side-actions .round-action,
  .short-card .side-actions .round-action{
    width:48px!important;
    min-height:48px!important;
    border-radius:16px!important;
    padding:5px!important;
  }
  body.feed-shell .short-card .side-actions .round-action span,
  .short-card .side-actions .round-action span{font-size:20px!important}
  body.feed-shell .short-card .side-actions .round-action small,
  .short-card .side-actions .round-action small{font-size:9px!important;max-width:43px!important}
}


/* v36: FIX klikání na Poslat dárek v komentářovém sheetu.
   Nehýbe s videi ani se side-actions, jen vrací pointer-events a správnou vrstvu tlačítku dárků. */
#commentSheet:not(.hidden){pointer-events:auto!important;}
#commentSheet .sheet-card{pointer-events:auto!important;}
#commentSheet #commentsList,
#commentSheet .comments-list{position:relative!important;z-index:4!important;}
#commentSheet #giftPanel,
#commentSheet .gifts-panel{position:relative!important;z-index:30!important;pointer-events:auto!important;isolation:isolate!important;}
#commentSheet .gift-head{position:relative!important;z-index:40!important;pointer-events:auto!important;}
#commentSheet .gift-head-actions{position:relative!important;z-index:50!important;pointer-events:auto!important;}
#commentSheet #giftToggle,
#commentSheet .gift-toggle{position:relative!important;z-index:60!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;-webkit-tap-highlight-color:transparent!important;}
#commentSheet #giftList,
#commentSheet .gift-list,
#commentSheet .gift-chip{pointer-events:auto!important;}
#commentSheet #commentForm,
#commentSheet .comment-form{position:relative!important;z-index:20!important;pointer-events:auto!important;}

/* v37: návrat popisu videa + ochrana proti spodnímu uříznutí na PC i mobilu.
   Jen layout overlay vrstev, nesahá na zdroje videí, API ani přehrávání. */
body.feed-shell .view[data-view="feed"].active{
  height:calc(100dvh - var(--topbar-real,96px) - var(--bottom-nav-real,78px))!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.feed-shell #feed{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.feed-shell .short-card{
  position:relative!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
}
body.feed-shell .short-card .shade{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
}
body.feed-shell .short-card .sound-hint,
body.feed-shell .short-card .play-state-icon,
body.feed-shell .short-card .video-loading,
body.feed-shell .short-card .video-progress,
body.feed-shell .short-card .sound-bar{
  position:absolute!important;
}
body.feed-shell .short-card .sound-hint{left:16px!important;top:16px!important;right:auto!important;bottom:auto!important;z-index:75!important;}
body.feed-shell .short-card .play-state-icon,
body.feed-shell .short-card .video-loading{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;z-index:76!important;}
body.feed-shell .short-card .video-progress{left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:74!important;}
body.feed-shell .short-card .sound-bar{
  left:max(12px,calc(50% - 260px + 12px))!important;
  right:max(74px,calc(50% - 260px + 74px))!important;
  bottom:0!important;
  top:auto!important;
  z-index:65!important;
}
body.feed-shell .short-card .short-info{
  position:absolute!important;
  display:block!important;
  left:max(14px,calc(50% - 260px + 14px))!important;
  right:max(86px,calc(50% - 260px + 86px))!important;
  bottom:68px!important;
  top:auto!important;
  z-index:66!important;
  max-height:38%!important;
  overflow:visible!important;
  pointer-events:auto!important;
  text-shadow:0 2px 18px #000, 0 0 22px #000!important;
}
body.feed-shell .short-card .author-row{
  display:flex!important;
  align-items:center!important;
  visibility:visible!important;
  opacity:1!important;
}
body.feed-shell .short-card .caption,
body.feed-shell .short-card .desc,
body.feed-shell .short-card .desc-more{
  visibility:visible!important;
  opacity:1!important;
}
body.feed-shell .short-card .caption{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:0 0 4px!important;
}
body.feed-shell .short-card .desc{
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-height:none!important;
}
body.feed-shell .short-card .desc-more{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
}
body.feed-shell .short-info.info-expanded{
  position:absolute!important;
  bottom:50px!important;
  max-height:52%!important;
  overflow:auto!important;
  z-index:95!important;
}
body.feed-shell .short-info.info-expanded .caption,
body.feed-shell .short-info.info-expanded .desc{
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
}
@media(max-width:820px){
  body.feed-shell .view[data-view="feed"].active{
    height:calc(100dvh - var(--topbar-real,150px) - var(--bottom-nav-real,76px))!important;
  }
  body.feed-shell .short-card .sound-bar{
    left:10px!important;
    right:64px!important;
    bottom:0!important;
    min-height:36px!important;
    padding:6px 8px!important;
  }
  body.feed-shell .short-card .short-info{
    left:10px!important;
    right:64px!important;
    bottom:58px!important;
    max-height:42%!important;
  }
  body.feed-shell .short-card .caption{font-size:14px!important;line-height:1.2!important;}
  body.feed-shell .short-card .desc{font-size:12px!important;line-height:1.24!important;-webkit-line-clamp:3!important;}
  body.feed-shell .short-info.info-expanded{
    left:8px!important;
    right:58px!important;
    bottom:46px!important;
    max-height:54%!important;
  }
}
@media(max-height:700px){
  body.feed-shell .short-card .short-info{bottom:50px!important;max-height:34%!important;}
  body.feed-shell .short-card .desc{-webkit-line-clamp:2!important;}
}


/* v39: MOBIL ONLY - popis videa nesmí být uříznutý pod spodní navigací.
   Oprava používá skutečnou výšku viewportu z JS a odečítá i horní panel Objevuj klipy.
   PC layout, video zdroje, side-actions, komentáře a dárky zůstávají beze změny. */
@media(max-width:820px){
  body.feed-shell{
    height:var(--app-vvh,100svh)!important;
    max-height:var(--app-vvh,100svh)!important;
    overflow:hidden!important;
  }
  body.feed-shell #app{
    height:calc(var(--app-vvh,100svh) - var(--topbar-real,150px))!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.feed-shell .view[data-view="feed"].active{
    height:calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px))!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.feed-shell #feed{
    flex:0 0 calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px) - var(--feed-head-real,92px))!important;
    height:calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px) - var(--feed-head-real,92px))!important;
    max-height:calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px) - var(--feed-head-real,92px))!important;
    min-height:260px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-snap-type:y mandatory!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.feed-shell #feed .short-card{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
  }
  body.feed-shell .short-card .short-info{
    bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
    max-height:42%!important;
    overflow:visible!important;
    z-index:90!important;
  }
  body.feed-shell .short-card .caption{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.feed-shell .short-card .desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-height:none!important;
  }
  body.feed-shell .short-info.info-expanded{
    bottom:calc(46px + env(safe-area-inset-bottom,0px))!important;
    max-height:58%!important;
    overflow:auto!important;
  }
}
@media(max-width:820px) and (max-height:720px){
  body.feed-shell .short-card .short-info{
    bottom:calc(48px + env(safe-area-inset-bottom,0px))!important;
    max-height:36%!important;
  }
  body.feed-shell .short-card .desc{-webkit-line-clamp:1!important;}
}


/* v40: mobilní FIX tlačítka Poslat dárek v komentářích.
   Jen comments/gift sheet na mobilech. Nesahá na videa, feed, side-actions ani PC layout. */

@media(max-width:720px){
  #commentSheet:not(.hidden){
    z-index:9999!important;
    pointer-events:auto!important;
  }
  #commentSheet .sheet-card{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    min-height:0!important;
    max-height:calc(100svh - env(safe-area-inset-top) - 8px)!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
    touch-action:auto!important;
  }
  #commentSheet .sheet-head{order:1!important;flex:0 0 auto!important;position:relative!important;z-index:20!important;}
  #commentSheet #commentsList,
  #commentSheet .comments-list{
    order:2!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    position:relative!important;
    z-index:10!important;
    pointer-events:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #commentSheet #giftPanel,
  #commentSheet .gifts-panel{
    order:3!important;
    flex:0 0 auto!important;
    position:relative!important;
    z-index:120!important;
    pointer-events:auto!important;
    isolation:isolate!important;
    transform:translateZ(0)!important;
  }
  #commentSheet .gift-head,
  #commentSheet .gift-head-actions{
    position:relative!important;
    z-index:130!important;
    pointer-events:auto!important;
  }
  #commentSheet #giftToggle,
  #commentSheet .gift-toggle{
    position:relative!important;
    z-index:140!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    min-width:112px!important;
    min-height:34px!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-tap-highlight-color:rgba(0,231,255,.18)!important;
  }
  #commentSheet #giftList,
  #commentSheet .gift-list,
  #commentSheet .gift-chip{
    position:relative!important;
    z-index:125!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  #commentSheet #commentForm,
  #commentSheet .comment-form{
    order:4!important;
    flex:0 0 auto!important;
    position:relative!important;
    z-index:60!important;
    pointer-events:auto!important;
  }
}


/* v41: MOBIL ONLY - u dlouhých popisů vrací tlačítko „více“ a bezpečné rozbalení.
   PC layout, videa, side-actions, komentáře, dárky ani API se nemění. */
@media(max-width:820px){
  body.feed-shell .short-card .desc-more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:26px!important;
    margin-top:5px!important;
    padding:4px 10px!important;
    font-size:11px!important;
    line-height:1!important;
    position:relative!important;
    z-index:120!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(0,231,255,.18)!important;
  }
  body.feed-shell .short-info.info-expanded{
    left:10px!important;
    right:66px!important;
    bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
    max-height:56%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 11px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.54))!important;
    border:1px solid rgba(255,255,255,.14)!important;
    -webkit-overflow-scrolling:touch!important;
    pointer-events:auto!important;
    z-index:125!important;
  }
  body.feed-shell .short-info.info-expanded .caption,
  body.feed-shell .short-info.info-expanded .desc{
    display:block!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    overflow:visible!important;
    max-height:none!important;
    white-space:normal!important;
  }
  body.feed-shell .short-info.info-expanded .desc{
    font-size:13px!important;
    line-height:1.34!important;
  }
}

/* ── v42: živý kanál, globální rádio, badge zpráv ── */

/* Živý kanál (obdoba živý kanál) */
.live-stage{max-width:min(540px,100%);margin:0 auto}
.live-card{position:relative;height:calc(100vh - 184px);min-height:520px;border-radius:22px;overflow:hidden;background:#000}
.live-video{width:100%;height:100%;object-fit:cover;background:#000;display:block}
.live-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,rgba(0,0,0,.82));pointer-events:none}
.live-badge{position:absolute;top:14px;left:14px;z-index:5;background:linear-gradient(135deg,var(--red),var(--pink));color:#fff;font-weight:950;font-size:13px;padding:6px 12px;border-radius:999px;letter-spacing:.06em;box-shadow:0 8px 24px rgba(255,43,104,.45);animation:livePulse 1.6s infinite}
@keyframes livePulse{0%,100%{box-shadow:0 8px 24px rgba(255,43,104,.45)}50%{box-shadow:0 8px 34px rgba(255,43,104,.9)}}
.live-progress{position:absolute;left:0;right:0;top:0;height:4px;z-index:6;background:rgba(255,255,255,.12)}
.live-progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan))}
.live-meta{position:absolute;left:16px;right:16px;bottom:20px;z-index:5;text-shadow:0 2px 14px #000}
.live-author{display:flex;align-items:center;gap:10px}
.live-author img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6)}
.live-author b{font-size:16px}
.live-author span{display:block;color:#e6e8f2;font-size:13px;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-next{margin-top:10px;display:inline-block;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;font-size:12px;color:#dfe3f0}
.live-sound-hint{position:absolute;right:16px;bottom:22px;z-index:5;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}
.live-card.sound-on .live-sound-hint{display:none}
.live-in{animation:liveIn .5s ease}
@keyframes liveIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(max-width:820px){.live-card{height:calc(100vh - 150px);border-radius:0;border-left:0;border-right:0}}

/* Rádio karta na profilu */
.radio-card{margin:14px 0;padding:16px;border:1px solid rgba(0,231,255,.22);border-radius:20px;background:linear-gradient(135deg,rgba(0,231,255,.10),rgba(255,43,214,.07));display:grid;gap:12px}
.radio-card-head{display:flex;align-items:center;gap:12px}
.radio-ico{font-size:30px}
.radio-card-head b{font-size:16px}
.radio-card-head small{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:2px}
.radio-card-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.radio-play-btn{margin:0}
.radio-vol-wrap{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:900;flex:1;min-width:160px}
.radio-vol{flex:1}
.notif-sound-row{display:flex;align-items:center;gap:10px;color:#dfe3f0;font-weight:800;font-size:14px}
.notif-sound-row input{width:20px;height:20px;flex:0 0 auto}

/* Plovoucí lišta rádia – ovládání z kteréhokoli místa appky */
.radio-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom));z-index:70;width:min(520px,calc(100% - 20px));display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:18px;background:rgba(12,13,22,.94);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.radio-bar.hidden{display:none}
.radio-bar-btn{width:42px;height:42px;flex:0 0 auto;border-radius:50%;border:1px solid var(--stroke);background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));color:#fff;font-size:18px;font-weight:950;cursor:pointer}
.radio-bar-btn.ghost{background:rgba(255,255,255,.08)}
.radio-bar-info{flex:1;min-width:0}
.radio-bar-info b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radio-bar-info small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radio-bar-vol{width:90px;flex:0 0 auto}
@media(max-width:520px){.radio-bar-vol{width:62px}}

/* Badge nepřečtených zpráv na horní liště */
.top-actions [data-route="messages"]{position:relative}
.tb-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:950;font-style:normal;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,43,104,.5)}

@media(prefers-reduced-motion:reduce){.live-badge{animation:none}.live-in{animation:none}}

/* ── veřejný chat: Radio chat + Lajkto chat ── */
.pubchat-panel{display:flex;flex-direction:column;max-height:calc(100vh - 150px)}
.pubchat-head{gap:12px;align-items:flex-start}
.pubchat-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0;padding:5px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pubchat-switch-btn{border:0;border-radius:14px;min-height:42px;background:transparent;color:var(--muted);font:inherit;font-weight:950;cursor:pointer;transition:.18s transform,.18s background,.18s color,.18s box-shadow}
.pubchat-switch-btn.active{color:#fff;background:linear-gradient(135deg,rgba(255,43,214,.92),rgba(124,92,255,.78),rgba(0,231,255,.68));box-shadow:0 10px 30px rgba(124,92,255,.28)}
.pubchat-switch-btn:active{transform:scale(.98)}
.pubchat-rooms{display:flex;gap:8px;margin:10px 0 0;overflow:auto;padding:2px 0 4px;-webkit-overflow-scrolling:touch}
.pubchat-rooms.hidden{display:none}
.pubchat-rooms button{flex:0 0 auto;border:1px solid var(--stroke);border-radius:999px;min-height:34px;padding:0 12px;background:rgba(0,0,0,.24);color:#dfe3f0;font:inherit;font-size:13px;font-weight:900;cursor:pointer}
.pubchat-rooms button.active{background:rgba(0,231,255,.14);border-color:rgba(0,231,255,.45);color:#fff;box-shadow:0 0 18px rgba(0,231,255,.12)}
.pubchat-online{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border:1px solid rgba(0,231,255,.2);border-radius:14px;background:linear-gradient(135deg,rgba(0,231,255,.08),rgba(255,43,214,.055));font-size:12px;color:#dfe3f0}
.pubchat-online.hidden{display:none}
.pubchat-online b{color:var(--cyan);margin-right:2px;font-size:12px}
.pubchat-online-user{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.05);font-weight:850;cursor:pointer}
.pubchat-online-user i{width:7px;height:7px;border-radius:50%;background:#53ff91;box-shadow:0 0 10px #53ff91}
.pubchat-pinned{margin:8px 0 0;padding:10px 12px;border-radius:14px;background:rgba(255,213,0,.12);border:1px solid rgba(255,213,0,.32);font-size:13px;font-weight:800;color:#ffe9a8}
.pubchat-pinned.hidden{display:none}
.pubchat-list{flex:1 1 auto;min-height:220px;max-height:56vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px 2px;margin-top:10px;-webkit-overflow-scrolling:touch}
.pc-msg{display:flex;gap:10px;align-items:flex-start}
.pc-msg.mine{flex-direction:row-reverse}
.pc-av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--stroke)}
.pc-av-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;font-weight:950;font-size:16px}
.pc-body{max-width:76%;background:rgba(255,255,255,.06);border:1px solid var(--stroke);border-radius:16px;padding:8px 12px}
.pc-msg.mine .pc-body{background:linear-gradient(135deg,rgba(255,43,214,.18),rgba(0,231,255,.12));border-color:rgba(255,43,214,.3)}
.pc-head{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:3px;min-width:0}
.pc-head b{color:var(--cyan);font-size:13px;cursor:pointer;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-msg.mine .pc-head b{color:#fff}
.pc-head small{color:var(--muted);margin-left:auto;white-space:nowrap}
.pc-role,.pc-room{font-size:11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:1px 6px;background:rgba(255,255,255,.06);color:#ffe9a8}
.pc-room{color:#9ff8ff;border-color:rgba(0,231,255,.18)}
.pc-text{font-size:14px;line-height:1.42;word-break:break-word;white-space:pre-wrap}
.pc-voice{width:240px;max-width:58vw;height:38px;display:block}
.pubchat-form{display:flex;gap:8px;margin-top:12px}
.pubchat-form input{flex:1;border:1px solid var(--stroke);border-radius:999px;background:rgba(0,0,0,.35);color:#fff;padding:0 16px;min-height:46px;font:inherit}
.pubchat-form input:disabled{opacity:.55}
.pubchat-hint{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.4}
@media(max-width:820px){.pubchat-panel{max-height:none}.pubchat-list{max-height:none;flex:1 1 auto;min-height:46vh}.pc-body{max-width:80%}.pubchat-switch{position:sticky;top:6px;z-index:3;backdrop-filter:blur(14px)}.pubchat-head .pill{min-height:38px}.pc-head b{max-width:120px}}

/* ── v42.3: tlačítko Novinky + patch log ── */
#updatesBtn{position:relative}
.updates-dot{position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);border:2px solid #05050a;font-style:normal}
.updates-dot.hidden{display:none}
.update-log{overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px 2px 4px;-webkit-overflow-scrolling:touch}
.update-current{margin:0 0 4px;color:var(--muted);font-size:13px}
.update-entry{border:1px solid var(--stroke);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.04)}
.update-entry-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.update-entry-head b{color:var(--cyan);font-size:15px}
.update-entry-head span{font-weight:800}
.update-entry-head small{color:var(--muted);margin-left:auto;font-size:12px}
.update-entry ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.update-entry li{font-size:13px;line-height:1.42;color:#dfe3f0}
.app-version{margin:18px 0 0;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;padding:8px}
.app-version:hover{color:#fff}
/* update sheet na PC: hlavička s křížkem vždy nahoře, obsah scrolluje */
@media(min-width:721px){
  #updateSheet .sheet-card{display:flex;flex-direction:column;max-height:82vh}
  #updateSheet .sheet-head{flex:0 0 auto}
  #updateSheet .update-log{flex:1 1 auto;min-height:0}
}

/* ── v42.4: FussyCraft Algo karta na profilu ── */
.algo-card{margin:14px 0;padding:16px;border:1px solid rgba(122,77,255,.3);border-radius:20px;background:linear-gradient(135deg,rgba(122,77,255,.12),rgba(0,231,255,.06));display:grid;gap:12px}
.algo-head{display:flex;align-items:center;gap:12px}
.algo-ico{font-size:28px}
.algo-head b{font-size:16px}
.algo-head small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:2px}
.algo-card .pill{justify-self:start}

/* v43: YouTube/import přehrávač, People Event strom a reporty */
.external-video-wrap{
  position:relative;
  width:100%;
  height:100%;
  z-index:2;
  background:#000;
  overflow:hidden;
}
.external-video-wrap iframe,
.youtube-embed-feed{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#000;
}
.external-video-badge{
  position:absolute;
  left:14px;
  top:14px;
  z-index:4;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.55);
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:950;
  backdrop-filter:blur(10px);
  pointer-events:none;
}
body.feed-shell .external-video-wrap{position:relative;z-index:2;}
@media(min-width:821px){
  body.feed-shell .short-card .external-video-wrap{
    width:min(520px,100%)!important;
    height:100%!important;
    margin:0 auto!important;
  }
}
.people-event-card{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:16px;
  align-items:center;
  border:1px solid rgba(53,255,147,.26);
  background:radial-gradient(circle at 8% 20%,rgba(53,255,147,.22),transparent 34%),linear-gradient(135deg,rgba(0,231,255,.11),rgba(255,43,214,.08));
  border-radius:26px;
  padding:16px;
  margin:14px 0 16px;
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.people-event-tree{
  width:112px;
  height:112px;
  border-radius:34px;
  display:grid;
  place-items:center;
  gap:2px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.14);
}
.people-event-tree span{font-size:46px;line-height:1}
.people-event-tree b{font-size:22px;color:var(--green)}
.people-event-body h2{margin:0 0 7px;font-size:clamp(24px,4vw,36px);letter-spacing:-.9px}
.people-event-body p{margin:0 0 12px;color:var(--muted);line-height:1.45;font-weight:800}
.tree-progress{
  height:16px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(0,0,0,.36);
  border:1px solid rgba(255,255,255,.13);
}
.tree-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green),var(--cyan),var(--pink));
  box-shadow:0 0 26px rgba(53,255,147,.35);
}
.tree-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tree-stats span{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  border-radius:999px;
  padding:7px 10px;
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.old-cost{
  color:rgba(255,255,255,.48)!important;
  text-decoration:line-through;
  font-size:10px!important;
}
.round-action[data-report]{border-color:rgba(255,59,104,.32)}
@media(max-width:760px){
  .people-event-card{grid-template-columns:1fr;text-align:center;padding:14px}
  .people-event-tree{margin:auto;width:98px;height:98px;border-radius:30px}
  .people-event-tree span{font-size:40px}
  .tree-stats{justify-content:center}
}


/* v47: mazání vlastních videí z profilu */
.mini-video-shell{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#111;border:1px solid var(--stroke)}
.mini-video-shell .mini-video{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;margin:0;display:block}
.mini-delete-video{position:absolute;right:7px;top:7px;z-index:4;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:rgba(0,0,0,.74);color:#fff;font-size:26px;line-height:28px;font-weight:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.mini-delete-video:hover,.mini-delete-video:focus{background:rgba(255,59,104,.9);outline:none}
.mini-delete-video:disabled{opacity:.65;cursor:wait}


/* v48: kompaktní mobilní feed, menu Další, zvuková karta a ochrana proti ořezu */
.more-actions-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 auto}
.more-actions-panel{position:absolute;right:62px;bottom:0;z-index:160;min-width:174px;display:grid;gap:6px;padding:8px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:rgba(12,13,22,.96);box-shadow:0 18px 54px rgba(0,0,0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.more-actions-panel button{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.06);color:#fff;display:flex;align-items:center;gap:9px;padding:8px 10px;text-align:left;font-weight:950;cursor:pointer}
.more-actions-panel button span{font-size:17px;line-height:1}.more-actions-panel button b{font-size:12px;line-height:1.1}.more-actions-panel button.danger{border-color:rgba(255,59,104,.38);background:rgba(255,59,104,.13)}
.original-sound-ribbon{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:95;border:1px solid rgba(53,255,147,.36);background:linear-gradient(135deg,rgba(53,255,147,.88),rgba(0,231,255,.76));color:#031014;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 30px rgba(0,231,255,.22);pointer-events:none}
.sound-videos-card{max-width:min(760px,100%);max-height:86vh}.sound-videos-list{overflow:auto;padding:12px 2px;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;-webkit-overflow-scrolling:touch}.sound-video-tile{position:relative;min-height:228px;border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden;background:#10111b;color:#fff;text-align:left;cursor:pointer;padding:0;box-shadow:0 12px 34px rgba(0,0,0,.28)}.sound-video-tile img{width:100%;height:170px;object-fit:cover;display:block;background:#000}.sound-video-tile b{display:block;font-size:12px;line-height:1.2;padding:8px 9px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-video-tile span{display:block;color:var(--muted);font-size:11px;padding:0 9px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-video-tile em{position:absolute;left:7px;top:7px;z-index:2;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#031014;font-style:normal;font-size:10px;font-weight:1000;padding:5px 8px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:820px){
  body.feed-shell .view[data-view="feed"] .feed-head.panel{padding:4px 7px!important;gap:0!important;min-height:36px!important;background:rgba(15,16,24,.78)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  body.feed-shell .feed-head h1,body.feed-shell .feed-head p{display:none!important}
  body.feed-shell .feed-tabs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;width:100%!important;justify-content:flex-start!important}
  body.feed-shell .feed-tabs::-webkit-scrollbar{display:none!important}
  body.feed-shell .feed-tabs .pill{flex:0 0 auto!important;min-height:28px!important;padding:5px 12px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap!important}
  body.feed-shell #feed{flex:0 0 calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px) - var(--feed-head-real,36px))!important;height:calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px) - var(--feed-head-real,36px))!important;max-height:calc(var(--app-vvh,100svh) - var(--topbar-real,150px) - var(--bottom-nav-real,76px) - var(--feed-head-real,36px))!important}
  body.feed-shell .short-card video.main-video{object-fit:contain!important;background:#000!important}
  body.feed-shell .short-card .side-actions,.short-card .side-actions{right:5px!important;top:50%!important;transform:translateY(-50%)!important;gap:7px!important;max-height:calc(100% - 90px)!important;overflow:visible!important;padding:3px!important}
  body.feed-shell .short-card .side-actions .round-action,.short-card .side-actions .round-action{width:48px!important;min-height:48px!important;border-radius:16px!important;padding:5px!important}
  body.feed-shell .short-card .side-actions .round-action span,.short-card .side-actions .round-action span{font-size:19px!important}.short-card .side-actions .round-action small,body.feed-shell .short-card .side-actions .round-action small{font-size:9px!important;max-width:43px!important}
  body.feed-shell .short-card .short-info{right:62px!important;bottom:calc(52px + env(safe-area-inset-bottom,0px))!important}
  body.feed-shell .short-card .sound-bar{right:60px!important;min-height:32px!important;padding:5px 7px!important}.more-actions-panel{right:54px;bottom:-4px;min-width:160px}.sound-videos-card{max-height:84vh}.sound-videos-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 0}.sound-video-tile{min-height:214px}.sound-video-tile img{height:158px}.original-sound-ribbon{top:10px;font-size:10px;padding:6px 10px}
}


/* v49: PC fix menu Další + kompaktní lišta Tvůj feed */
@media(min-width:821px){
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    padding:6px 14px!important;
    min-height:42px!important;
    margin:0!important;
    gap:12px!important;
    border-radius:0!important;
    background:rgba(15,16,24,.82)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.feed-shell .feed-head h1{
    font-size:26px!important;
    line-height:1!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body.feed-shell .feed-head p{display:none!important}
  body.feed-shell .feed-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  body.feed-shell .feed-tabs .pill{
    min-height:30px!important;
    padding:5px 12px!important;
    font-size:12px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  body.feed-shell .short-card,
  body.feed-shell .side-actions,
  body.feed-shell .more-actions-wrap{
    overflow:visible!important;
  }
  body.feed-shell .short-card .side-actions{
    z-index:420!important;
    overflow:visible!important;
    max-height:none!important;
    padding:4px!important;
  }
  body.feed-shell .short-card .more-actions-panel{
    position:absolute!important;
    right:66px!important;
    bottom:0!important;
    z-index:9999!important;
    min-width:190px!important;
    pointer-events:auto!important;
    transform:translateZ(0)!important;
  }
  body.feed-shell .short-card .more-actions-panel:not(.hidden){
    display:grid!important;
  }
}


/* v50: původní zvuk se nesmí ztratit pod videem ani pod PC vrstvami */
body.feed-shell .short-card .sound-bar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:230!important;
}
body.feed-shell .short-card .sound-disc,
body.feed-shell .short-card .sound-bar-text,
body.feed-shell .short-card .sound-badge{
  visibility:visible!important;
  opacity:1!important;
}
body.feed-shell .short-card .sound-badge{
  flex:0 0 auto!important;
}
@media(min-width:821px){
  body.feed-shell .short-card .sound-bar{
    bottom:0!important;
    left:max(12px,calc(50% - 260px + 12px))!important;
    right:max(74px,calc(50% - 260px + 74px))!important;
    z-index:430!important;
  }
  body.feed-shell .short-card .short-info{
    z-index:220!important;
  }
  body.feed-shell .short-card .shade{
    z-index:40!important;
  }
}
@media(max-width:820px){
  body.feed-shell .short-card .sound-bar{
    left:10px!important;
    right:64px!important;
    bottom:0!important;
    z-index:230!important;
  }
}


/* v51: Kamera studio bez chaosu, mobil 9:16 a náhled z videa */
.studio-card-v51{width:min(1180px,100%)!important;padding:16px!important}
.studio-head-v51{align-items:flex-start!important;gap:14px!important}.studio-head-v51 h2{margin-bottom:4px}.studio-head-v51 .studio-note{margin:0;max-width:760px}
.studio-layout-v51{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:16px;align-items:start}
.studio-preview-pane{position:sticky;top:10px;display:grid;gap:10px;align-content:start}.studio-control-pane{display:grid;gap:12px}
.studio-mode-pill{justify-self:center;border:1px solid rgba(0,231,255,.28);background:linear-gradient(135deg,rgba(0,231,255,.12),rgba(255,43,214,.08));color:#eaffff;border-radius:999px;padding:8px 12px;font-weight:950;font-size:13px;box-shadow:0 0 22px rgba(0,231,255,.08)}
.studio-card-v51 .studio-preview-wrap{width:min(360px,100%)!important;margin:0 auto!important;aspect-ratio:9/16!important;background:#030307!important;position:relative!important}
#cameraCanvas,.record-preview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block;background:#07070c}.record-preview.hidden{display:none!important}.record-preview{z-index:6}.rec-badge{z-index:8}
.studio-step-card{border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:22px;padding:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.studio-step-card h3{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:16px}.studio-step-card h3 span{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 18px rgba(0,231,255,.16);font-size:13px}
.studio-actions-compact{margin-top:0!important}.studio-actions-compact .big-btn{flex:1 1 150px!important;padding:11px 12px!important}.studio-record-actions .big-btn{flex:1 1 135px!important}
.studio-tools-compact{margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.studio-tools-compact label{margin:0!important;display:flex;align-items:center;gap:7px;border-radius:14px!important;padding:9px 10px!important;font-size:12px!important;line-height:1.15}
.studio-grid-v51{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:0!important}.studio-grid-v51 .wide{grid-column:1/-1}.studio-grid-v51 input,.studio-grid-v51 select{padding:10px 11px!important;border-radius:13px!important}
.studio-step-card .filter-row,.studio-step-card .zoom-row{margin:8px 0 0!important;border-radius:14px!important;padding:8px 10px!important;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.10)}
.studio-preview-pane .selected-sound-box{margin:0!important}.studio-preview-pane .studio-status{margin-top:0!important}
@media(max-width:860px){.studio-card-v51{max-height:calc(100svh - 10px - env(safe-area-inset-top))!important;padding:10px!important}.studio-layout-v51{grid-template-columns:1fr!important;gap:10px}.studio-preview-pane{position:relative!important;top:auto}.studio-head-v51 .studio-note{display:none}.studio-card-v51 .studio-preview-wrap{width:min(250px,100%)!important;border-radius:20px!important}.studio-control-pane{gap:8px}.studio-step-card{padding:10px;border-radius:18px}.studio-step-card h3{font-size:14px;margin-bottom:8px}.studio-tools-compact{grid-template-columns:1fr 1fr!important}.studio-grid-v51{grid-template-columns:1fr!important}.studio-record-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.studio-record-actions .big-btn{font-size:12px!important;padding:11px 8px!important}.studio-mode-pill{font-size:12px;padding:6px 10px}.studio-note.small{display:none}}
@media(max-width:390px){.studio-card-v51 .studio-preview-wrap{width:min(220px,100%)!important}.studio-tools-compact{grid-template-columns:1fr!important}.studio-record-actions{grid-template-columns:1fr!important}}

/* v52: Kamera studio – klikací efekty, masky a systémová kamera */
.studio-look-card{overflow:hidden!important}
.studio-mini-help{margin:0 0 9px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}
.effect-preset-strip,.mask-preset-strip{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 9px;margin:0 -2px 8px;scrollbar-width:thin}
.effect-preset,.mask-preset{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:18px;padding:7px 9px;min-width:72px;display:grid;justify-items:center;gap:5px;font-weight:950;font-size:11px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .12s ease,border-color .12s ease,background .12s ease}
.mask-preset{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:auto;padding:10px 12px;border-radius:999px;font-size:12px}
.effect-preset:hover,.mask-preset:hover{transform:translateY(-1px)}
.effect-preset.active,.mask-preset.active{border-color:rgba(0,231,255,.72);background:linear-gradient(135deg,rgba(255,43,214,.28),rgba(0,231,255,.22));box-shadow:0 0 0 2px rgba(0,231,255,.12),0 10px 28px rgba(0,0,0,.22)}
.effect-preset .fx{width:42px;height:42px;border-radius:14px;display:block;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.26);background:linear-gradient(145deg,#2a2d48,#171927)}
.fx-normal{background:linear-gradient(145deg,#202334,#4a4d66)!important}.fx-cinema{background:linear-gradient(145deg,#0f1119,#77705d)!important;filter:contrast(1.25)}.fx-vivid{background:linear-gradient(145deg,#ff2bd6,#00e7ff,#35ff93)!important;filter:saturate(1.7)}.fx-neon{background:radial-gradient(circle at 30% 20%,#00e7ff,transparent 35%),radial-gradient(circle at 70% 75%,#ff2bd6,transparent 35%),#10121b!important}.fx-warm{background:linear-gradient(145deg,#ffd166,#ff6b3d,#332018)!important}.fx-cold{background:linear-gradient(145deg,#00e7ff,#283bff,#111827)!important}.fx-bw{background:linear-gradient(145deg,#f5f5f5,#333,#000)!important;filter:grayscale(1)}.fx-vhs{background:repeating-linear-gradient(0deg,#302842 0 5px,#0c0e18 5px 10px)!important}.fx-glitter{background:radial-gradient(circle at 20% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 45%,#ffd166 0 3px,transparent 4px),linear-gradient(145deg,#27143a,#145066)!important}.fx-comic{background:repeating-linear-gradient(45deg,#fff 0 3px,#00e7ff 3px 7px,#ff2bd6 7px 10px)!important;filter:contrast(1.25)}
.studio-text-line{display:grid;gap:6px;margin-top:4px;color:var(--muted);font-size:12px;font-weight:900}.studio-text-line input{width:100%;padding:10px 11px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.26);color:#fff;font-weight:800}
.studio-advanced-controls{margin-top:10px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(0,0,0,.18);padding:8px 10px}.studio-advanced-controls summary{cursor:pointer;color:#fff;font-weight:950;font-size:13px;list-style:none}.studio-advanced-controls summary::-webkit-details-marker{display:none}.studio-advanced-controls[open] summary{margin-bottom:8px;color:var(--cyan)}
#nativeCameraCapture{border-color:rgba(53,255,147,.28)!important;background:linear-gradient(135deg,rgba(53,255,147,.10),rgba(0,231,255,.08))!important}
@media(max-width:860px){.studio-look-card{order:-1}.effect-preset-strip{padding-bottom:7px;margin-bottom:6px}.effect-preset{min-width:62px;padding:6px}.effect-preset .fx{width:36px;height:36px;border-radius:12px}.mask-preset{padding:9px 10px;font-size:11px}.studio-mini-help{display:none}.studio-actions-compact{display:grid!important;grid-template-columns:1fr 1fr!important}.studio-actions-compact #nativeCameraCapture{grid-column:1/-1}.studio-advanced-controls{padding:7px 9px}.studio-text-line input{padding:9px 10px}}


/* v53: Kamera studio - Beauty, HDR, AI Boost a Noc */
.camera-boost-block{border:1px solid rgba(0,231,255,.14);background:linear-gradient(135deg,rgba(0,231,255,.075),rgba(255,43,214,.055));border-radius:18px;padding:10px;margin:0 0 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.camera-boost-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#fff;font-size:13px;font-weight:950}.camera-boost-head span{color:var(--muted);font-size:11px;font-weight:900;text-align:right}
.camera-boost-strip{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:1px 1px 4px;scrollbar-width:thin}
.camera-boost{appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.22);color:#fff;border-radius:17px;min-width:106px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico name" "ico sub";column-gap:7px;align-items:center;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.18);transition:transform .12s ease,border-color .12s ease,background .12s ease}
.camera-boost i{grid-area:ico;width:34px;height:34px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;background:linear-gradient(135deg,rgba(255,43,214,.25),rgba(0,231,255,.18));font-size:18px}.camera-boost b{grid-area:name;font-size:12px;line-height:1}.camera-boost small{grid-area:sub;color:var(--muted);font-weight:850;font-size:9px;line-height:1.1;margin-top:3px}
.camera-boost.active{border-color:rgba(53,255,147,.78);background:linear-gradient(135deg,rgba(53,255,147,.18),rgba(0,231,255,.15),rgba(255,43,214,.12));box-shadow:0 0 0 2px rgba(53,255,147,.10),0 14px 28px rgba(0,0,0,.28)}
.camera-boost.active i{background:linear-gradient(135deg,rgba(53,255,147,.32),rgba(0,231,255,.24));box-shadow:0 0 18px rgba(53,255,147,.14)}
@media(max-width:860px){.camera-boost-block{padding:8px;border-radius:16px;margin-bottom:8px}.camera-boost-head{margin-bottom:6px}.camera-boost-head span{display:none}.camera-boost{min-width:96px;padding:8px}.camera-boost i{width:30px;height:30px;border-radius:11px;font-size:16px}.camera-boost small{font-size:8px}}

/* v56 face tracking controls */

.face-track-tools{
  margin:10px 0 12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.055);
}
.face-track-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.face-track-head span{
  font-size:.78rem;
  color:rgba(255,255,255,.68);
  text-align:right;
}
.face-size-line{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  margin-top:8px;
  font-size:.84rem;
  color:rgba(255,255,255,.82);
}
.face-size-line input{ width:100%; }
.face-track-tools small{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.58);
  line-height:1.32;
}
.studio-preview-wrap.face-lock-armed{
  outline:2px dashed rgba(0,231,255,.85);
  outline-offset:4px;
}

/* v66: mezikrok po renderu - popis, tagy, kategorie a náhled před odesláním */
.publish-review-card{max-width:980px!important;margin:0 auto!important;border-radius:28px!important;max-height:min(92vh,860px)!important;display:grid!important;grid-template-rows:auto 1fr!important;overflow:hidden!important}
.publish-review-grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px;overflow:auto;padding:8px 2px 2px}
.publish-preview-box{display:grid;gap:12px;align-content:start}
.publish-video-wrap{position:relative;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#05050a;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 45px rgba(0,231,255,.12)}
.publish-video-wrap video,.publish-video-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05050a}
.publish-video-wrap img{pointer-events:none;opacity:.0;transition:opacity .18s}
.publish-video-wrap.show-thumb img{opacity:1}
.publish-thumb-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.publish-preview-box small{color:var(--muted);line-height:1.45}
.publish-review-form{display:grid;gap:12px;align-content:start}
.publish-review-form label{display:grid;gap:7px;color:#fff;font-weight:950}
.publish-review-form input,.publish-review-form textarea,.publish-review-form select{width:100%;border:1px solid var(--stroke);border-radius:16px;background:rgba(0,0,0,.38);color:#fff;padding:13px 14px;font:inherit;outline:none}
.publish-review-form textarea{resize:vertical;min-height:116px;line-height:1.45}
.publish-review-form input:focus,.publish-review-form textarea:focus,.publish-review-form select:focus{border-color:rgba(0,231,255,.55);box-shadow:0 0 0 3px rgba(0,231,255,.12)}
.publish-submit-row{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:4px}
#publishReviewStatus{margin:0!important}
@media(max-width:760px){.publish-review-card{border-radius:24px 24px 0 0!important;max-height:92vh!important}.publish-review-grid{grid-template-columns:1fr}.publish-video-wrap{width:min(250px,100%);margin:0 auto}.publish-submit-row{grid-template-columns:1fr}.publish-thumb-actions{grid-template-columns:1fr 1fr}}
.publish-video-wrap img{inset:auto 10px 10px auto!important;width:92px!important;height:132px!important;border-radius:14px!important;border:2px solid rgba(255,255,255,.75)!important;box-shadow:0 10px 30px rgba(0,0,0,.55)!important;background:#05050a!important;opacity:0}
.publish-video-wrap.show-thumb img{opacity:1!important}
@media(max-width:760px){.publish-video-wrap img{width:72px!important;height:104px!important}}


/* v69: plynulejší kamera studio + ovládání přímo u náhledu */
.studio-preview-wrap{contain:layout paint style;transform:translateZ(0);will-change:contents;touch-action:manipulation;overflow:hidden!important}
.studio-preview-pane{contain:layout style}.studio-control-pane{content-visibility:auto;contain-intrinsic-size:900px 1200px}
.studio-quick-actions{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:12;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;border-radius:999px;background:rgba(5,5,10,.58);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.36)}
.quick-record-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(18,18,26,.86);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:950;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.22)}
.quick-record-btn.rec{color:#ff3b5f;border-color:rgba(255,59,95,.55);box-shadow:0 0 0 2px rgba(255,59,95,.10),0 7px 18px rgba(0,0,0,.22)}
.quick-record-btn.upload{color:#35ff93;border-color:rgba(53,255,147,.42)}.quick-record-btn.mic.active{color:#00e7ff;border-color:rgba(0,231,255,.48)}.quick-record-btn.mic.disabled{opacity:.72;color:#ffd166;border-color:rgba(255,209,102,.42)}
.quick-record-btn:disabled{opacity:.38;filter:grayscale(.4);cursor:not-allowed}.studio-preview-wrap.recording-now .quick-record-btn.rec{opacity:.38}.studio-preview-wrap.recording-paused:after{content:'PAUZA';position:absolute;inset:auto 0 56%;z-index:11;text-align:center;font-weight:1000;letter-spacing:.16em;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.75)}
.studio-modal.recording-now .studio-card-v51 .studio-head-v51 .studio-note{display:none}.studio-modal.recording-now .studio-card-v51 .studio-step-card{box-shadow:none}.studio-record-actions{display:none!important}.studio-grid-v51 input[type="hidden"]{display:none!important}
@media(max-width:860px){
  .studio-modal{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch}.studio-card-v51{overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin}.studio-layout-v51{gap:8px!important}.studio-preview-pane{position:sticky!important;top:calc(6px + env(safe-area-inset-top))!important;z-index:5;background:linear-gradient(180deg,rgba(5,5,12,.98),rgba(5,5,12,.82));border-radius:20px;padding-bottom:6px}.studio-card-v51 .studio-preview-wrap{width:min(235px,100%)!important}.studio-quick-actions{bottom:8px;gap:5px;padding:6px}.quick-record-btn{width:36px;height:36px;font-size:16px}.studio-control-pane{gap:7px}.studio-step-card{contain:content}.studio-grid-v51{grid-template-columns:1fr!important}.studio-grid-v51 label{margin:0}.face-track-tools small{display:none}.studio-modal.recording-now .studio-card-v51 .studio-look-card .camera-boost-block,.studio-modal.recording-now .studio-card-v51 .studio-look-card .studio-mini-help{display:none!important}
}
@media(max-width:390px){.quick-record-btn{width:34px;height:34px;font-size:15px}.studio-quick-actions{gap:4px}.studio-card-v51 .studio-preview-wrap{width:min(218px,100%)!important}}


/* v72 camera studio mobile-first creator UI */
.studio-card-v72{width:min(520px,100%)!important;max-height:calc(100svh - 8px - env(safe-area-inset-top))!important;padding:10px!important;overflow:auto!important;border-radius:28px!important;background:linear-gradient(180deg,#0a0b15 0%,#101324 100%)!important;border:1px solid rgba(255,255,255,.12)!important}
.studio-head-v72{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-bottom:10px}
.studio-close-v72{grid-row:1 / span 2;align-self:start;width:56px;height:56px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.studio-title-v72 h2{margin:0;color:#fff;font-size:22px;line-height:1.05}.studio-title-v72 p{margin:6px 0 0;color:#bfc8d8;font-weight:700;font-size:13px;line-height:1.35}
.studio-head-v72 .studio-mode-pill{grid-column:2;justify-self:start;margin-top:2px}
.studio-core-v72{display:grid;gap:12px}
.studio-main-v72{display:grid;gap:10px}
.studio-preview-shell-v72{display:grid;gap:10px}
.studio-preview-wrap-v72{width:min(360px,100%)!important;margin:0 auto!important;border-radius:28px!important;box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06) inset!important}
.studio-control-dock-v72{display:grid;gap:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(14,16,30,.92),rgba(10,11,20,.96));border-radius:24px;padding:12px;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.studio-dock-label{font-size:12px;font-weight:1000;color:#d8def1;letter-spacing:.04em}
.camera-boost-block-v72{margin:0!important;padding:0!important;background:none!important;border:none!important}
.camera-boost-block-v72 .camera-boost-head{margin-bottom:6px}.camera-boost-block-v72 .camera-boost-head b{font-size:13px}
.effect-preset-strip-v72,.mask-preset-strip-v72{padding-bottom:4px!important;margin-bottom:0!important}
.studio-quick-actions-v72{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;z-index:auto!important;justify-content:space-between;gap:8px;padding:10px 8px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:none!important}
.quick-record-btn{width:44px;height:44px;font-size:18px}
.selected-sound-box-v72{margin:0!important}
.studio-status-v72{margin:0!important;border-radius:18px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);padding:12px 14px;font-size:14px;font-weight:900;color:#fff}
.studio-settings-v72{display:grid;gap:10px}
.studio-settings-drawer{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);border-radius:22px;padding:10px}.studio-settings-drawer>summary{cursor:pointer;list-style:none;font-weight:1000;color:#fff;display:flex;align-items:center;gap:10px}.studio-settings-drawer>summary::-webkit-details-marker{display:none}
.studio-step-card-v72{padding:12px;margin-top:10px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.studio-actions-v72{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.studio-actions-v72 #nativeCameraCapture{grid-column:1/-1}
.studio-tools-v72{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-tools-v72 label{display:flex;align-items:center;gap:8px;padding:10px 12px}
.studio-grid-v72{display:grid;grid-template-columns:1fr;gap:10px}.studio-grid-v72 label{display:grid;gap:6px;font-weight:900;color:#fff}
.studio-grid-v72 select,.studio-grid-v72 input{width:100%}
.studio-modal.recording-now .studio-control-dock-v72 .camera-boost-block-v72,.studio-modal.recording-now .studio-control-dock-v72 .studio-dock-label{opacity:.55}
@media (min-width:861px){.studio-card-v72{width:min(920px,100%)!important}.studio-core-v72{grid-template-columns:minmax(330px,390px) minmax(0,1fr);align-items:start}.studio-settings-v72{align-self:start}.studio-preview-wrap-v72{width:min(390px,100%)!important}.studio-settings-drawer{position:sticky;top:4px}}
@media (max-width:860px){.studio-modal{align-items:flex-start!important;padding:calc(6px + env(safe-area-inset-top)) 8px 8px!important}.studio-card-v72{padding:8px!important;border-radius:24px!important}.studio-title-v72 h2{font-size:19px}.studio-title-v72 p{font-size:12px}.studio-head-v72 .studio-mode-pill{font-size:12px;padding:7px 10px}.studio-preview-wrap-v72{width:min(340px,100%)!important}.quick-record-btn{width:42px;height:42px}.camera-boost-strip{grid-template-columns:repeat(4,minmax(72px,1fr))!important;display:grid!important;gap:8px}.camera-boost{min-width:0!important;padding:8px 6px!important}.effect-preset{min-width:64px}.mask-preset{font-size:11px;padding:8px 9px}.studio-tools-v72{grid-template-columns:1fr 1fr}.studio-note.small{font-size:12px;margin-top:8px}}
@media (max-width:390px){.studio-head-v72{grid-template-columns:auto 1fr}.studio-close-v72{width:52px;height:52px}.studio-preview-wrap-v72{width:min(310px,100%)!important}.quick-record-btn{width:38px;height:38px;font-size:16px}.studio-tools-v72{grid-template-columns:1fr}.camera-boost-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* v73 camera studio thumb-reach layout */
.studio-card-v73{width:min(560px,100%)!important;max-height:calc(100svh - 8px - env(safe-area-inset-top))!important;padding:8px!important;overflow:auto!important;border-radius:28px!important;background:linear-gradient(180deg,#05060d 0%,#0b1020 100%)!important;border:1px solid rgba(255,255,255,.12)!important}
.studio-stage-v73{display:grid;gap:10px}.studio-preview-wrap-v73{width:min(100%,420px)!important;aspect-ratio:9/16!important;margin:0 auto!important;border-radius:28px!important;position:relative!important;overflow:hidden!important;background:#030307!important;box-shadow:0 20px 48px rgba(0,0,0,.4)}
.studio-topbar-v73{position:absolute;left:12px;right:12px;top:12px;z-index:14;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.studio-overlay-btn-v73{width:46px;height:46px;border-radius:18px;background:rgba(0,0,0,.36);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);color:#fff}.sound-pill-v73{justify-self:center;max-width:100%;padding:13px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(60,60,70,.78);backdrop-filter:blur(14px);color:#fff;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-mode-pill-v73{margin:0!important;background:rgba(0,0,0,.36)!important}
.studio-side-actions-v73{position:absolute;right:12px;top:50%;transform:translateY(-42%);z-index:14;display:flex;flex-direction:column;gap:10px}.studio-side-btn-v73{width:48px;height:48px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.34);backdrop-filter:blur(12px);color:#fff;font-size:22px;font-weight:900}
.studio-bottom-zone-v73{position:absolute;left:10px;right:10px;bottom:10px;z-index:14;display:grid;gap:10px}.studio-filter-dock-v73{display:grid;gap:8px;padding:10px;border-radius:22px;background:linear-gradient(180deg,rgba(9,10,17,.72),rgba(9,10,17,.9));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}
.studio-filter-tabs-v73{display:flex;gap:8px}.studio-filter-tab-v73{flex:1;padding:9px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#dfe7f6;font-weight:900}.studio-filter-tab-v73.active{background:linear-gradient(135deg,var(--pink),var(--cyan));color:#fff;border-color:transparent}.studio-filter-panel-v73.hidden{display:none}.camera-boost-strip-v73,.effect-preset-strip-v73,.mask-preset-strip-v73{padding-bottom:2px!important;margin-bottom:0!important}
.studio-length-row-v73{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.studio-length-btn-v73{min-width:58px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.36);backdrop-filter:blur(10px);color:#fff;font-weight:1000}.studio-length-btn-v73.active{background:#fff;color:#111;border-color:#fff}
.studio-record-row-v73{display:grid;grid-template-columns:50px 50px 1fr 50px 50px;gap:12px;align-items:center}.quick-record-btn-v73{width:50px;height:50px;border-radius:18px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);color:#fff;font-size:22px}.record-main-btn-v73{height:82px;min-width:82px;border-radius:999px;border:6px solid rgba(255,255,255,.92);background:#ff245f;color:#fff;font-size:36px;font-weight:1000;box-shadow:0 10px 30px rgba(255,36,95,.4)}
.selected-sound-box-v73{margin:0 auto!important;width:min(100%,420px);border-radius:22px}.studio-status-v73{margin:0 auto!important;width:min(100%,420px);border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:12px 14px;font-weight:900;color:#fff}
.studio-settings-drawer-v73{width:min(100%,420px);margin:0 auto;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);border-radius:22px;padding:10px}.studio-settings-drawer-v73>summary{cursor:pointer;list-style:none;font-weight:1000;color:#fff}.studio-settings-drawer-v73>summary::-webkit-details-marker{display:none}.studio-step-card-v73{padding:12px;margin-top:10px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.studio-actions-v73{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px}.studio-tools-v73{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-tools-v73 label{display:flex;align-items:center;gap:8px;padding:10px 12px}.studio-grid-v73{display:grid;gap:10px}.studio-grid-v73 label{display:grid;gap:6px;font-weight:900;color:#fff}
@media (min-width:861px){.studio-card-v73{width:min(940px,100%)!important}.studio-stage-v73{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start}.studio-settings-drawer-v73{width:100%;margin:0}.selected-sound-box-v73,.studio-status-v73{width:100%}.studio-preview-wrap-v73{width:100%!important}.studio-stage-v73>.studio-settings-drawer-v73{grid-column:2;grid-row:1 / span 3}.studio-stage-v73>.selected-sound-box-v73{grid-column:1}.studio-stage-v73>.studio-status-v73{grid-column:1}}
@media (max-width:860px){.studio-modal{align-items:flex-start!important;padding:calc(6px + env(safe-area-inset-top)) 8px 8px!important}.studio-card-v73{border-radius:24px!important}.studio-preview-wrap-v73{width:min(100%,380px)!important}.sound-pill-v73{padding:11px 14px;font-size:14px}.studio-side-btn-v73{width:46px;height:46px}.studio-filter-dock-v73{padding:9px}.camera-boost{min-width:82px!important}.effect-preset{min-width:64px!important}.mask-preset{font-size:11px!important;padding:8px 9px!important}}
@media (max-width:430px){.studio-topbar-v73{left:10px;right:10px;top:10px;grid-template-columns:auto 1fr}.studio-mode-pill-v73{display:none}.sound-pill-v73{font-size:13px}.studio-side-actions-v73{right:10px;gap:8px;transform:translateY(-38%)}.studio-side-btn-v73{width:44px;height:44px;font-size:20px}.studio-bottom-zone-v73{left:8px;right:8px;bottom:8px}.studio-record-row-v73{grid-template-columns:46px 46px 1fr 46px 46px;gap:8px}.quick-record-btn-v73{width:46px;height:46px;font-size:20px}.record-main-btn-v73{height:74px;min-width:74px;font-size:32px;border-width:5px}.studio-tools-v73{grid-template-columns:1fr}.camera-boost-strip-v73,.effect-preset-strip-v73,.mask-preset-strip-v73{padding-bottom:0!important}}


/* v74 preview-first controls */
.studio-bottom-zone-v73{left:8px!important;right:8px!important;bottom:8px!important;gap:8px!important}
.studio-filter-dock-v73{padding:8px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(8,10,19,.60),rgba(8,10,19,.82))!important;border:1px solid rgba(255,255,255,.10)!important}
.studio-filter-tabs-v73{gap:6px!important}.studio-filter-tab-v73{padding:9px 12px!important;font-size:12px!important;border-radius:14px!important}
.camera-boost-strip-v73 .camera-boost{min-width:76px!important;padding:8px 6px!important}.camera-boost-strip-v73 .camera-boost b{font-size:12px!important}.camera-boost-strip-v73 .camera-boost small{font-size:10px!important}
.effect-preset-strip-v73 .effect-preset{min-width:60px!important;padding:6px!important}.effect-preset-strip-v73 .effect-preset span{font-size:11px!important}
.mask-preset-strip-v73 .mask-preset{padding:8px 10px!important;font-size:11px!important}
.studio-record-row-v73{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(9,11,22,.78),rgba(5,7,14,.92))!important;border:1px solid rgba(0,231,255,.18)!important;backdrop-filter:blur(14px)!important;box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 0 1px rgba(255,43,214,.07) inset!important}
.quick-record-btn-v73{width:48px!important;height:48px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(20,24,44,.98),rgba(9,11,20,.98))!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:21px!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important}
.quick-record-btn-v73#recordPauseQuick,.quick-record-btn-v73#recordStopQuick{width:54px!important;height:54px!important;font-size:24px!important;border-color:rgba(0,231,255,.22)!important}
.record-main-btn-v73{height:76px!important;min-width:76px!important;border-radius:999px!important;border:5px solid rgba(255,255,255,.94)!important;background:radial-gradient(circle at 30% 30%,#ff4a8f,#ff2460 72%)!important;color:#fff!important;font-size:34px!important;font-weight:1000!important;box-shadow:0 0 0 3px rgba(0,231,255,.18),0 14px 30px rgba(255,36,95,.34)!important}
#recordDiscardQuick.quick-record-btn-v73,#recordUploadQuick.quick-record-btn-v73{width:42px!important;height:42px!important;font-size:18px!important;opacity:.95!important}
#recordUploadQuick.quick-record-btn-v73{border-color:rgba(53,255,147,.22)!important}
.studio-preview-wrap.recording-now .record-main-btn-v73{opacity:.46!important}.studio-preview-wrap.recording-paused .studio-record-row-v73{box-shadow:0 0 0 2px rgba(255,209,102,.26),0 16px 34px rgba(0,0,0,.34)!important}
@media(max-width:430px){.studio-topbar-v73{top:8px!important;left:8px!important;right:8px!important}.studio-side-actions-v73{right:8px!important;gap:7px!important}.studio-side-btn-v73{width:42px!important;height:42px!important}.sound-pill-v73{padding:10px 12px!important;font-size:12px!important}.studio-bottom-zone-v73{left:6px!important;right:6px!important;bottom:6px!important}.studio-record-row-v73{gap:6px!important;padding:7px 8px!important}.quick-record-btn-v73{width:42px!important;height:42px!important;font-size:18px!important}.quick-record-btn-v73#recordPauseQuick,.quick-record-btn-v73#recordStopQuick{width:46px!important;height:46px!important;font-size:20px!important}.record-main-btn-v73{height:68px!important;min-width:68px!important;font-size:30px!important;border-width:4px!important}#recordDiscardQuick.quick-record-btn-v73,#recordUploadQuick.quick-record-btn-v73{width:36px!important;height:36px!important;font-size:16px!important}}


/* v75 preview-visible camera UI */
.studio-card-v73{overflow:hidden!important}
.studio-preview-wrap-v73{width:min(100%,430px)!important;max-height:calc(100svh - 110px)!important}
.studio-bottom-zone-v73{left:6px!important;right:6px!important;bottom:6px!important;gap:6px!important;pointer-events:none!important}.studio-bottom-zone-v73>*{pointer-events:auto!important}
.studio-filter-dock-v73.hidden{display:none!important}.studio-filter-dock-v73{max-height:32svh!important;overflow:auto!important;background:linear-gradient(180deg,rgba(8,10,20,.74),rgba(7,8,15,.9))!important;border-color:rgba(0,231,255,.18)!important}
.studio-filter-dock-v73:not(.hidden){animation:lajktoDockIn .16s ease-out}
@keyframes lajktoDockIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.studio-length-row-v73{justify-content:center!important;gap:8px!important}.studio-length-btn-v73{padding:9px 14px!important;font-size:13px!important;background:rgba(0,0,0,.42)!important}
.studio-record-row-v73{max-width:calc(100% - 16px)!important;margin:0 auto!important;background:linear-gradient(180deg,rgba(8,10,20,.68),rgba(6,8,15,.88))!important;border-color:rgba(0,231,255,.24)!important;backdrop-filter:blur(16px)!important}
.studio-status-v73{position:absolute!important;left:12px!important;right:12px!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;z-index:13!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.1)!important;padding:8px 10px!important;font-size:12px!important;line-height:1.25!important;opacity:.82!important;pointer-events:none!important}
.studio-filter-dock-v73:not(.hidden) ~ .studio-length-row-v73{display:none!important}.studio-filter-dock-v73:not(.hidden) ~ .studio-record-row-v73{margin-top:4px!important}
.studio-side-actions-v73{z-index:20!important}.studio-side-btn-v73{background:rgba(0,0,0,.38)!important;border-color:rgba(255,255,255,.16)!important}.studio-side-btn-v73.active{background:linear-gradient(135deg,rgba(255,43,214,.72),rgba(0,231,255,.72))!important;border-color:rgba(255,255,255,.34)!important}
@media(max-width:430px){.studio-preview-wrap-v73{max-height:calc(100svh - 82px)!important}.studio-filter-dock-v73{max-height:30svh!important}.studio-length-row-v73{gap:6px!important}.studio-length-btn-v73{padding:8px 12px!important;font-size:12px!important}.studio-status-v73{bottom:calc(84px + env(safe-area-inset-bottom))!important}.studio-filter-dock-v73:not(.hidden) ~ .studio-record-row-v73 .record-main-btn-v73{height:62px!important;min-width:62px!important}.studio-filter-dock-v73:not(.hidden) ~ .studio-record-row-v73 .quick-record-btn-v73#recordPauseQuick,.studio-filter-dock-v73:not(.hidden) ~ .studio-record-row-v73 .quick-record-btn-v73#recordStopQuick{width:42px!important;height:42px!important}}


/* v76: vodorovné tahání filtrů + neuříznuté popisy */
.studio-filter-dock-v73,
.studio-filter-panel-v73{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
.studio-filter-tabs-v73,
.camera-boost-strip-v73,
.effect-preset-strip-v73,
.mask-preset-strip-v73{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  padding:2px 4px 7px!important;
  margin:0!important;
  cursor:grab;
}
.studio-filter-tabs-v73:active,
.camera-boost-strip-v73:active,
.effect-preset-strip-v73:active,
.mask-preset-strip-v73:active{cursor:grabbing}
.studio-filter-tabs-v73::-webkit-scrollbar,
.camera-boost-strip-v73::-webkit-scrollbar,
.effect-preset-strip-v73::-webkit-scrollbar,
.mask-preset-strip-v73::-webkit-scrollbar{display:none}
.studio-filter-tab-v73,
.camera-boost-strip-v73 .camera-boost,
.effect-preset-strip-v73 .effect-preset,
.mask-preset-strip-v73 .mask-preset{
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
}
.studio-filter-tab-v73{
  min-width:108px!important;
  white-space:nowrap!important;
}
.camera-boost-strip-v73 .camera-boost{
  min-width:136px!important;
  max-width:156px!important;
  min-height:64px!important;
  white-space:normal!important;
  overflow:visible!important;
}
.camera-boost-strip-v73 .camera-boost b,
.camera-boost-strip-v73 .camera-boost small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
  line-height:1.15!important;
  max-width:100%!important;
}
.camera-boost-strip-v73 .camera-boost small{
  font-size:10px!important;
  opacity:.92!important;
}
.effect-preset-strip-v73 .effect-preset{
  min-width:72px!important;
  width:72px!important;
  min-height:76px!important;
  overflow:visible!important;
}
.effect-preset-strip-v73 .effect-preset span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.08!important;
  max-width:68px!important;
  text-align:center!important;
}
.mask-preset-strip-v73 .mask-preset{
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
.studio-filter-dock-v73:after{
  content:'⇢';
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:rgba(255,255,255,.5);
  font-weight:1000;
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}
.studio-filter-dock-v73{position:relative!important}
.studio-filter-dock-v73.is-scrolling:after{opacity:.25}
@media(max-width:430px){
  .camera-boost-strip-v73 .camera-boost{min-width:128px!important;max-width:148px!important}
  .effect-preset-strip-v73 .effect-preset{min-width:68px!important;width:68px!important}
  .studio-filter-tab-v73{min-width:96px!important}
}


/* v77 fullscreen camera priority: preview first, no black card, no status text over image */
#cameraStudio.studio-modal{padding:0!important;background:#000!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;backdrop-filter:none!important}
#cameraStudio .studio-card-v73{width:100vw!important;height:100svh!important;max-height:100svh!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important;box-shadow:none!important}
#cameraStudio .studio-stage-v73{position:relative!important;width:100%!important;height:100%!important;display:block!important;gap:0!important;background:#000!important;overflow:hidden!important}
#cameraStudio .studio-preview-wrap-v73{width:100vw!important;height:100svh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;box-shadow:none!important;overflow:hidden!important}
#cameraStudio #cameraCanvas,#cameraStudio .record-preview{width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important}
#cameraStudio .studio-status-v73,#cameraStudio .studio-note.small{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#cameraStudio .studio-topbar-v73{top:calc(8px + env(safe-area-inset-top))!important;left:10px!important;right:10px!important;z-index:30!important}
#cameraStudio .studio-side-actions-v73{right:10px!important;top:44%!important;z-index:31!important;transform:translateY(-50%)!important}
#cameraStudio .studio-bottom-zone-v73{position:absolute!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:32!important;display:grid!important;gap:7px!important;pointer-events:none!important}
#cameraStudio .studio-bottom-zone-v73>*{pointer-events:auto!important}
#cameraStudio .studio-record-row-v73{max-width:min(560px,calc(100vw - 16px))!important;margin:0 auto!important;background:linear-gradient(180deg,rgba(8,10,20,.58),rgba(6,8,15,.82))!important;border-color:rgba(0,231,255,.22)!important;box-shadow:0 14px 30px rgba(0,0,0,.30),0 0 0 1px rgba(255,43,214,.08) inset!important}
#cameraStudio .studio-length-row-v73{justify-content:center!important;gap:8px!important;pointer-events:auto!important}
#cameraStudio .studio-filter-dock-v73{max-height:min(42svh,330px)!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(7,9,18,.70),rgba(5,7,14,.88))!important}
#cameraStudio .selected-sound-box-v73:not(.hidden){position:absolute!important;left:10px!important;right:10px!important;top:calc(76px + env(safe-area-inset-top))!important;z-index:45!important;max-height:38svh!important;overflow:auto!important;background:rgba(8,10,20,.88)!important;backdrop-filter:blur(14px)!important}
#cameraStudio .studio-settings-drawer-v73{display:none!important;position:absolute!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:50!important;max-height:70svh!important;overflow:auto!important;margin:0!important;background:rgba(8,10,20,.92)!important;backdrop-filter:blur(16px)!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.14)!important;padding:12px!important}
#cameraStudio .studio-settings-drawer-v73[open]{display:block!important}
#cameraStudio .studio-settings-drawer-v73[open] summary{position:sticky;top:0;z-index:2;background:rgba(8,10,20,.95);border-radius:16px;padding:10px}
@media(max-width:430px){
  #cameraStudio .sound-pill-v73{max-width:58vw!important;font-size:12px!important;padding:10px 12px!important}
  #cameraStudio .studio-side-btn-v73{width:42px!important;height:42px!important;border-radius:16px!important}
  #cameraStudio .studio-record-row-v73{gap:6px!important;padding:7px 8px!important}
  #cameraStudio .record-main-btn-v73{height:66px!important;min-width:66px!important;font-size:30px!important}
  #cameraStudio .quick-record-btn-v73#recordPauseQuick,#cameraStudio .quick-record-btn-v73#recordStopQuick{width:45px!important;height:45px!important}
  #cameraStudio #recordDiscardQuick.quick-record-btn-v73,#cameraStudio #recordUploadQuick.quick-record-btn-v73{width:36px!important;height:36px!important}
  #cameraStudio .studio-filter-dock-v73:not(.hidden) ~ .studio-length-row-v73{display:none!important}
}


/* v80: zákaz nativního kopírovacího/překladového menu + výkonové hinty bez změny vzhledu */
html,body,body *:not(input):not(textarea):not(select):not([contenteditable="true"]):not([contenteditable=""]){-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;}
img,video,canvas,svg,iframe{user-drag:none!important;-webkit-user-drag:none!important;}
.short-card,.mini-video-shell,.person-card,.activity-item,.thread-card,.comment,.gift-chip,.music-card{contain:layout paint style;}
body.lajkto-hwa-on .short-card video,body.lajkto-hwa-on .short-card canvas,body.lajkto-hwa-on .camera-preview canvas,body.lajkto-hwa-on .camera-preview video{will-change:transform,opacity;}


/* v288: volitelná hardwarová akcelerace PWA - zapnuto defaultně, vypínatelné v profilu */
html.lajkto-hwa-on,body.lajkto-hwa-on{scroll-behavior:auto;}
body.lajkto-hwa-on .feed,
body.lajkto-hwa-on .short-card,
body.lajkto-hwa-on .bottom-nav,
body.lajkto-hwa-on .topbar,
body.lajkto-hwa-on .sheet-card,
body.lajkto-hwa-on .profile-meta-card,
body.lajkto-hwa-on .lajkto-video-watermark{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
body.lajkto-hwa-on .short-card video.main-video,
body.lajkto-hwa-on .short-card iframe,
body.lajkto-hwa-on .external-video-wrap,
body.lajkto-hwa-on .game-frame,
body.lajkto-hwa-on .daily-challenges-card{transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
body.lajkto-hwa-on .short-card.active video.main-video{will-change:transform,opacity;}
body.lajkto-hwa-off .short-card video,
body.lajkto-hwa-off .short-card canvas,
body.lajkto-hwa-off .camera-preview canvas,
body.lajkto-hwa-off .camera-preview video{will-change:auto!important;}
.performance-boost-box{border:1px solid rgba(103,245,255,.18);background:linear-gradient(135deg,rgba(103,245,255,.09),rgba(157,80,255,.08));border-radius:22px;padding:12px;display:grid;gap:10px;}

/* ── v81: sociální funkce bez překopání vzhledu ── */
.video-meta-line{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:2px 0 5px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:750;
  text-shadow:0 1px 7px rgba(0,0,0,.8);
}
.top-video-badge{
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:2px 7px;
  background:rgba(0,0,0,.34);
  color:#fff;
  font-size:11px;
  font-weight:950;
}
.comment-tabs{
  display:flex;
  gap:8px;
  padding:0 2px 8px;
  flex:0 0 auto;
}
.comment-tabs .pill{flex:1;justify-content:center}
#commentSheet.likes-mode #giftPanel,
#commentSheet.likes-mode #commentForm{display:none!important}
.comment-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.comment-tools button{
  border:0;
  background:transparent;
  color:var(--cyan);
  font:inherit;
  font-size:12px;
  font-weight:900;
  padding:2px 0;
  cursor:pointer;
}
.like-row{display:flex!important;align-items:center;gap:10px}
.like-row img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.like-row p{margin:2px 0 0!important;color:var(--muted)}
@media(max-width:820px){
  .video-meta-line{font-size:11px;gap:6px;margin-bottom:4px}
  .comment-tabs{gap:6px;padding-bottom:6px}
  .comment-tabs .pill{min-height:34px!important;font-size:12px!important;padding:7px 10px!important}
}

/* v82: Uložená videa bez změny layoutu feedu */
.profile-video-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.short-card .round-action[data-save-video]{border-color:rgba(255,209,102,.34)}
.short-card .round-action[data-save-video].active{background:linear-gradient(135deg,rgba(255,209,102,.58),rgba(255,43,214,.42));border-color:rgba(255,255,255,.42)}

/* v86: publikovací karta po odeslání z kamery musí být vždy nad kamerou */
#publishReviewSheet{z-index:1200!important}


/* v87: patch log musí být nad kamerou i nad publikační kartou */
#updateSheet{z-index:3000!important;}
#updateSheet .sheet-card{position:relative;z-index:3001;}

/* v88: výběr zvuku v kameře a publikační karta nad kamerou/klávesnicí */
#soundVideosSheet{z-index:1250!important}
.sound-choice-tile{display:block;padding-bottom:10px}
.sound-choice-actions{display:flex;gap:7px;padding:7px 8px 0}
.sound-choice-actions .pill{min-height:34px;padding:7px 10px;font-size:12px;flex:1}
#publishReviewSheet{align-items:flex-end!important}
#publishReviewSheet .publish-review-card{position:relative;z-index:1201;max-height:min(86vh, calc(100svh - env(safe-area-inset-top) - 10px));overflow:auto;-webkit-overflow-scrolling:touch}
@media(max-width:820px){
  #publishReviewSheet{align-items:flex-start!important;padding-top:calc(6px + env(safe-area-inset-top));background:rgba(0,0,0,.72)}
  #publishReviewSheet .publish-review-card{max-height:calc(100svh - env(safe-area-inset-top) - 8px);border-radius:22px;margin:0 8px 0;width:calc(100% - 16px)}
}


/* v89: Klipy bez horní ikonové lišty + nižší spodní navigace v Klipech */
body.feed-shell .topbar{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.feed-shell #app{
  height:calc(var(--app-vvh,100svh) - var(--bottom-nav-real,52px))!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.feed-shell .view[data-view="feed"].active{
  height:calc(var(--app-vvh,100svh) - var(--bottom-nav-real,52px))!important;
  min-height:0!important;
}
body.feed-shell .view[data-view="feed"] .feed-head.panel{
  padding:calc(5px + env(safe-area-inset-top,0px)) 8px 5px!important;
  min-height:38px!important;
}
body.feed-shell .feed-head > div:first-child{
  display:none!important;
}
body.feed-shell .feed-tabs{
  width:100%!important;
  justify-content:center!important;
}
body.feed-shell .bottom-nav{
  padding:3px max(6px,env(safe-area-inset-left)) calc(3px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-right))!important;
  min-height:50px!important;
  gap:4px!important;
}
body.feed-shell .bottom-nav button{
  min-height:42px!important;
  padding:3px 3px!important;
  border-radius:15px!important;
}
body.feed-shell .bottom-nav span{
  font-size:17px!important;
  line-height:1!important;
}
body.feed-shell .bottom-nav b{
  font-size:9px!important;
  line-height:1.05!important;
  margin-top:0!important;
}
body.feed-shell .bottom-nav button[data-route="upload"] span{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  font-size:17px!important;
}
body.feed-shell #feed{
  flex:1 1 auto!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
}
@media(max-width:820px){
  body.feed-shell .bottom-nav button{
    flex:0 0 62px!important;
    min-width:62px!important;
  }
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    min-height:36px!important;
    padding:calc(4px + env(safe-area-inset-top,0px)) 7px 4px!important;
  }
  body.feed-shell .feed-tabs .pill{
    min-height:27px!important;
    padding:5px 12px!important;
  }
}
@media(max-width:380px){
  body.feed-shell .bottom-nav button{
    flex:0 0 58px!important;
    min-width:58px!important;
  }
  body.feed-shell .bottom-nav b{font-size:8.5px!important}
}


/* v90: reklamní karta po každém 6. videu */
.ad-card{background:#05050a;display:block;}
.ad-card .ad-card-media,.ad-card .ad-card-media img{width:100%;height:100%;display:block;}
.ad-card .ad-card-media img{object-fit:cover;background:#05050a;}
.ad-card .ad-card-overlay{position:absolute;left:14px;right:14px;top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:7;pointer-events:none}
.ad-card .ad-card-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(10,12,22,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);font-weight:950;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.ad-card .ad-card-cta{pointer-events:auto;min-height:46px;padding:11px 16px;box-shadow:0 14px 34px rgba(255,43,214,.28)}
body.feed-shell .ad-card .ad-card-overlay{left:18px;right:18px;top:18px}
@media(max-width:720px){.ad-card .ad-card-overlay{left:10px;right:10px;top:10px}.ad-card .ad-card-badge{padding:8px 12px;font-size:12px}.ad-card .ad-card-cta{min-height:40px;padding:9px 14px;font-size:13px}}


/* v91: minihry v Objevovat jako video karta */
.feed-game-card{
  display:block;
  background:#05050a;
  overflow:hidden;
}
.feed-game-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 28%,rgba(0,231,255,.28),transparent 38%),
    radial-gradient(circle at 82% 70%,rgba(255,43,214,.22),transparent 42%),
    linear-gradient(180deg,#090b14,#030306);
}
.feed-game-bg:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.76));
}
.feed-game-frame{
  position:absolute;
  inset:0;
  z-index:4;
  background:#05050a;
}
.feed-game-iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#05050a;
}
.feed-game-start{
  position:absolute;
  inset:0;
  z-index:7;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  padding:24px;
  background:linear-gradient(180deg,rgba(4,5,12,.16),rgba(4,5,12,.74));
  text-shadow:0 3px 24px #000;
}
.feed-game-start .feed-game-icon{
  width:86px;
  height:86px;
  border-radius:28px;
  display:grid;
  place-items:center;
  font-size:44px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(255,43,214,.24),rgba(0,231,255,.20));
  box-shadow:0 18px 56px rgba(0,0,0,.42);
}
.feed-game-start b{
  font-size:clamp(32px,8vw,54px);
  line-height:1;
  letter-spacing:-1px;
}
.feed-game-start span{
  color:rgba(255,255,255,.78);
  font-weight:900;
}
.feed-game-start small{
  color:rgba(255,255,255,.66);
  font-weight:800;
}
.feed-game-card:not(.game-running) .feed-game-frame{
  display:none;
}
.feed-game-card.game-running .feed-game-start{
  display:none!important;
}
body.feed-shell .feed-game-card .feed-game-start{
  padding-bottom:calc(24px + env(safe-area-inset-bottom));
}


/* v93: akce u spuštěné minihry */
.feed-game-actions{
  position:absolute;
  right:12px;
  bottom:34px;
  z-index:9;
  display:grid;
  gap:10px;
  justify-items:center;
  pointer-events:auto;
}
.feed-game-actions.hidden{display:none!important}
.feed-game-stat{
  min-width:74px;
  padding:9px 10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(15,16,24,.68);
  color:#fff;
  font-size:11px;
  font-weight:950;
  text-align:center;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.feed-game-actions .round-action{
  width:62px;
  min-height:62px;
}
@media(max-width:720px){
  .feed-game-actions{
    right:9px;
    bottom:22px;
    gap:8px;
  }
  .feed-game-actions .round-action{
    width:56px;
    min-height:56px;
  }
  .feed-game-stat{
    min-width:66px;
    padding:8px 8px;
    font-size:10px;
  }
}


/* v94: herní akce jsou před spuštěním pod tlačítkem Hrát */
.feed-game-start .feed-game-actions{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin:4px 0 2px;
  pointer-events:auto;
}
.feed-game-start .feed-game-actions.hidden{
  display:flex!important;
}
.feed-game-start .feed-game-stat{
  min-width:auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  font-size:12px;
}
.feed-game-start .feed-game-actions .round-action{
  width:50px!important;
  min-height:50px!important;
  border-radius:17px!important;
}
.feed-game-start .feed-game-actions .round-action span{
  font-size:20px!important;
}
.feed-game-start .feed-game-actions .round-action small{
  font-size:10px!important;
}
.feed-game-card.game-running .feed-game-actions{
  display:none!important;
}
@media(max-width:720px){
  .feed-game-start .feed-game-actions{
    gap:7px;
    max-width:min(330px,94vw);
  }
  .feed-game-start .feed-game-stat{
    min-height:38px;
    padding:8px 10px;
    font-size:11px;
  }
  .feed-game-start .feed-game-actions .round-action{
    width:46px!important;
    min-height:46px!important;
  }
}


/* v95: přehled komentářů a dárků u her */
.game-social-card{
  max-height:84vh;
}
.game-social-body{
  overflow:auto;
  padding:12px 0 4px;
  display:grid;
  gap:10px;
}
.game-social-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:0 0 8px;
}
.game-social-top small{
  color:var(--muted);
  font-weight:800;
}
.game-social-list{
  display:grid;
  gap:10px;
}
.game-social-item{
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.11);
}
.game-social-item b{
  color:var(--cyan);
}
.game-social-item p{
  margin:6px 0 0;
  color:#fff;
  font-weight:800;
}
.game-social-item small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}
.mini-empty{
  margin:0;
  padding:22px 16px;
  font-size:16px;
}


/* v98: spodní rádio má vlastní klikací vrstvu, aby křížek na mobilu nezůstával pod navigací / překryvem */
.radio-bar{z-index:99!important;pointer-events:auto!important;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.radio-bar *{pointer-events:auto!important}
.radio-bar-btn{position:relative;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
#radioBarClose{position:relative;z-index:12!important;display:inline-flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;flex:0 0 52px;font-size:30px;line-height:1;margin-left:2px}
@media(max-width:520px){
  .radio-bar{bottom:calc(96px + env(safe-area-inset-bottom));gap:8px;padding:8px 10px;width:min(520px,calc(100% - 20px))}
  .radio-bar-vol{width:52px;flex:0 0 52px}
  #radioBarClose{width:54px;min-width:54px;height:54px;flex-basis:54px;font-size:32px}
}


/* v99: bezpečné mini rádio – X má přesný hitbox, panel neleze přes spodní navigaci */
:root{--radio-bar-bottom:calc(88px + env(safe-area-inset-bottom,0px));}
.radio-bar{
  z-index:66!important;
  bottom:var(--radio-bar-bottom)!important;
  pointer-events:none!important;
  width:min(520px,calc(100% - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  gap:9px!important;
  padding:8px 10px!important;
  touch-action:none!important;
}
.radio-bar > #radioBarToggle,
.radio-bar > #radioBarVol,
.radio-bar > #radioBarClose{
  pointer-events:auto!important;
}
.radio-bar-info,
.radio-bar-info *{
  pointer-events:none!important;
}
.radio-bar-btn{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex:0 0 44px!important;
  position:relative!important;
  z-index:2!important;
  touch-action:manipulation!important;
}
#radioBarClose{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  flex:0 0 48px!important;
  font-size:28px!important;
  line-height:1!important;
  margin-left:0!important;
  z-index:4!important;
  touch-action:manipulation!important;
}
.radio-bar-vol{
  width:82px!important;
  min-width:54px!important;
  pointer-events:auto!important;
  touch-action:pan-x!important;
}
@media(max-width:520px){
  .radio-bar{
    bottom:var(--radio-bar-bottom)!important;
    width:calc(100% - 18px)!important;
    gap:7px!important;
    padding:8px 9px!important;
  }
  .radio-bar-info b{font-size:12.5px!important;}
  .radio-bar-info small{font-size:10.5px!important;}
  .radio-bar-vol{width:52px!important;flex:0 0 52px!important;}
  #radioBarClose{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;font-size:28px!important;}
}


/* ===== v103: křížek rádia nad klipy + loading miniher + okno 18+ ===== */
/* Rádio musí být nad scrub lištou videa (z-index 74) a dalšími overlay prvky (75/76),
   jinak v klipech leží X pod nimi a nejde klepnout. Drží pod sheety (100) a toastem (120). */
.radio-bar{z-index:80!important;}

/* Loading minihry s procenty (rám .feed-game-frame je position:absolute, takže
   loader s inset:0 funguje; ŽÁDNÉ přepisování position rámu – to hru zmenšovalo). */
.feed-game-loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:radial-gradient(120% 120% at 50% 30%,rgba(22,16,44,.88),rgba(5,5,12,.95));color:#fff}
.feed-game-loading .fg-load-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:4px solid rgba(255,255,255,.14);box-shadow:0 0 30px rgba(255,43,214,.28)}
.feed-game-loading .fg-load-ring b{font-size:22px;font-weight:1000;letter-spacing:.5px}
.feed-game-loading .fg-load-bar{width:min(70%,260px);height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.feed-game-loading .fg-load-bar > i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .18s ease}
.feed-game-loading span{font-weight:900;color:var(--muted);letter-spacing:.04em}

/* Okno potvrzení věku (18+) pro nepřihlášené */
.age-gate{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,3,9,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.age-gate-open{overflow:hidden}
.age-gate-card{width:min(420px,100%);text-align:center;padding:28px 24px;border-radius:26px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03)),var(--panel);box-shadow:var(--shadow)}
.age-gate-logo{width:72px;height:72px;border-radius:20px;margin:0 auto 14px;display:block;box-shadow:0 0 30px rgba(255,43,214,.35)}
.age-gate-card h2{margin:0 0 8px;font-size:26px}
.age-gate-card p{margin:0 0 20px;color:var(--muted);line-height:1.5}
.age-gate-card p b{color:#fff}
.age-gate-actions{display:grid;gap:10px}
.age-gate-actions .big-btn{margin:0;width:100%;justify-content:center}


/* ===== v104: propracovaná analytika videa (grafy zapojení a publika) ===== */
.analytics-block{margin-top:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;background:rgba(0,0,0,.22)}
.analytics-block h3{margin:0 0 12px;font-size:15px;letter-spacing:.02em}
.analytics-bar-row{display:grid;grid-template-columns:minmax(120px,1.1fr) 2fr auto;gap:10px;align-items:center;margin:8px 0}
.analytics-bar-row > span{font-size:13px;color:var(--muted)}
.analytics-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.analytics-bar > i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--cyan));min-width:2px;transition:width .3s ease}
.analytics-bar-row > b{font-size:13px;font-weight:1000;min-width:44px;text-align:right}
.analytics-empty{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
@media(max-width:520px){.analytics-bar-row{grid-template-columns:minmax(92px,1fr) 1.6fr auto}.analytics-bar-row > span{font-size:12px}}

/* v105: spodní navigace kompaktní všude + analytika posuvná prstem */
:root{
  --bottom-nav-h:54px;
  --bottom-nav-real:54px;
}
.bottom-nav,
body.feed-shell .bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  min-height:50px!important;
  padding:3px max(6px,env(safe-area-inset-left,0px)) calc(3px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-right,0px))!important;
}
.bottom-nav button,
body.feed-shell .bottom-nav button{
  width:100%!important;
  min-width:0!important;
  max-width:78px!important;
  flex:0 1 auto!important;
  min-height:42px!important;
  padding:3px 2px!important;
  border-radius:15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:1px!important;
  margin:0 auto!important;
}
.bottom-nav span,
body.feed-shell .bottom-nav span{
  font-size:17px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
}
.bottom-nav b,
body.feed-shell .bottom-nav b{
  font-size:9px!important;
  line-height:1.05!important;
  margin:0 auto!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.bottom-nav button[data-route="upload"] span,
body.feed-shell .bottom-nav button[data-route="upload"] span{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:10px!important;
  font-size:17px!important;
}
.view{
  padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;
}
#app{
  padding-bottom:0!important;
}
@media(max-width:720px){
  .bottom-nav,
  body.feed-shell .bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-content:center!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
  }
  .bottom-nav button,
  body.feed-shell .bottom-nav button{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:72px!important;
  }
}
@media(max-width:380px){
  .bottom-nav button,
  body.feed-shell .bottom-nav button{
    max-width:64px!important;
  }
  .bottom-nav b,
  body.feed-shell .bottom-nav b{
    font-size:8.5px!important;
  }
}
#analyticsSheet{
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
}
#analyticsSheet .analytics-card{
  max-height:min(86dvh, calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 14px))!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
#analyticsSheet .analytics-content{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  padding:12px 2px 18px!important;
}
#analyticsSheet .analytics-grid,
#analyticsSheet .analytics-block,
#analyticsSheet .analytics-video{
  transform:translateZ(0);
}
@media(max-width:520px){
  #analyticsSheet .analytics-card{
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 10px)!important;
    border-radius:22px 22px 0 0!important;
  }
  #analyticsSheet .analytics-content{
    padding-bottom:24px!important;
  }
}

/* v108: Uložené hry na profilu + ikonka uložit hru u miniher */
.feed-game-actions .round-action[data-game-save]{border-color:rgba(255,209,102,.34)}
.feed-game-actions .round-action[data-game-save].active{background:linear-gradient(135deg,rgba(255,209,102,.62),rgba(0,231,255,.38));border-color:rgba(255,255,255,.42)}
.profile-games-grid{align-items:stretch}
.profile-game-shell{position:relative;min-width:0}
.profile-game-preview{display:grid;place-items:center;gap:8px;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(0,231,255,.26),transparent 34%),radial-gradient(circle at 30% 80%,rgba(255,43,214,.28),transparent 38%),linear-gradient(180deg,#121429,#05050a)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff;cursor:pointer}
.profile-game-preview strong{position:relative;z-index:2;font-size:clamp(42px,8vw,68px);filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.profile-game-preview span{position:absolute!important;left:9px!important;right:9px!important;bottom:38px!important;font-size:13px!important;line-height:1.12!important;font-weight:1000!important;text-shadow:0 3px 15px #000!important;z-index:3}
.profile-game-preview small{position:absolute;left:9px;right:9px;bottom:10px;color:rgba(255,255,255,.82);font-size:11px;font-weight:900;text-shadow:0 2px 10px #000;z-index:3}
.profile-game-preview small em{font-style:normal}
.profile-game-glow{position:absolute;inset:12%;border-radius:32px;background:linear-gradient(135deg,rgba(255,43,214,.22),rgba(0,231,255,.22));filter:blur(12px);opacity:.9;z-index:1}
.profile-game-save-btn{position:absolute;top:8px;right:8px;z-index:4;width:38px;height:38px;border-radius:15px;border:1px solid rgba(255,255,255,.22);background:rgba(5,5,10,.70);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.profile-game-save-btn.active{background:linear-gradient(135deg,rgba(255,209,102,.62),rgba(255,43,214,.42));border-color:rgba(255,255,255,.45)}
.profile-game-player{height:min(82vh,760px);min-height:520px;border-radius:22px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.14)}
.profile-game-iframe{width:100%;height:100%;display:block;border:0;background:#000}
@media(max-width:820px){.profile-game-player{height:calc(82svh - 80px);min-height:420px;border-radius:18px}.profile-game-preview strong{font-size:48px}.profile-game-save-btn{width:34px;height:34px;border-radius:13px}.profile-video-tabs .pill{flex:1 1 auto;font-size:12px;padding:8px 10px;min-height:38px}}
.profile-game-preview{width:100%;padding:0}


/* v110: profilové spuštění uložené hry přes celou obrazovku */
.profile-game-fullscreen{
  position:fixed;
  inset:0;
  z-index:9999;
  background:#000;
  display:block;
  overflow:hidden;
}
.profile-game-fullscreen.hidden{display:none!important}
.profile-game-fullbar{
  position:absolute;
  left:max(10px,env(safe-area-inset-left));
  right:max(10px,env(safe-area-inset-right));
  top:max(8px,env(safe-area-inset-top));
  z-index:3;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:none;
}
.profile-game-fullbar strong{
  max-width:calc(100vw - 92px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(5,5,10,.62);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 40px rgba(0,0,0,.45);
  backdrop-filter:blur(14px);
  font-weight:1000;
  font-size:13px;
  pointer-events:auto;
}
.profile-game-full-close{
  width:48px;
  height:48px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(5,5,10,.82);
  color:#fff;
  font-size:34px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 12px 45px rgba(0,0,0,.55);
  backdrop-filter:blur(14px);
  pointer-events:auto;
}
.profile-game-full-close:active{transform:scale(.94)}
.profile-game-full-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:#000;
  display:block;
}
body.profile-game-open .bottom-nav,
body.profile-game-open .topbar{display:none!important}
@media(max-width:820px){
  .profile-game-fullbar{top:max(4px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left))}
  .profile-game-fullbar strong{font-size:12px;max-width:calc(100vw - 74px);padding:8px 10px}
  .profile-game-full-close{width:44px;height:44px;border-radius:16px;font-size:32px}
}


/* v111: uložené hry na profilu centrovaně, bez uříznuté ikony vlevo */
.profile-games-grid .profile-game-shell{
  display:block!important;
  overflow:hidden!important;
}
.profile-games-grid .profile-game-preview{
  display:grid!important;
  grid-template-rows:1fr auto auto!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  width:100%!important;
  height:100%!important;
  padding:18px 10px 12px!important;
}
.profile-games-grid .profile-game-preview .profile-game-glow{
  left:14%!important;
  right:14%!important;
}
.profile-games-grid .profile-game-preview strong{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  transform:none!important;
  text-align:center!important;
}
.profile-games-grid .profile-game-preview span,
.profile-games-grid .profile-game-preview small{
  text-align:center!important;
  pointer-events:none!important;
}
@media(max-width:820px){
  .profile-games-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:10px!important}
  .profile-games-grid .profile-game-preview{padding:14px 8px 10px!important}
  .profile-games-grid .profile-game-preview strong{font-size:46px!important}
}


/* v112: feed odměny za aktivitu */
.feed-reward-card{
  position:relative;
  display:grid;
  place-items:center;
  min-height:100svh;
  overflow:hidden;
  background:#05050a;
  color:#fff;
  scroll-snap-align:start;
}
.feed-reward-bg{
  position:absolute;
  inset:-18%;
  background:
    radial-gradient(circle at 50% 24%,rgba(255,209,102,.34),transparent 28%),
    radial-gradient(circle at 18% 72%,rgba(255,43,214,.30),transparent 34%),
    radial-gradient(circle at 82% 72%,rgba(0,231,255,.24),transparent 32%),
    linear-gradient(180deg,#121429,#05050a 74%);
  filter:saturate(1.18);
}
.feed-reward-inner{
  position:relative;
  z-index:2;
  width:min(86vw,430px);
  min-height:min(68svh,620px);
  padding:32px 22px;
  border-radius:34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 30px 90px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(18px);
}
.feed-reward-orbit{
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,209,102,.96),rgba(255,138,76,.35) 52%,rgba(255,255,255,.08) 54%);
  box-shadow:0 0 46px rgba(255,209,102,.42), inset 0 0 24px rgba(255,255,255,.22);
}
.feed-reward-orbit span{font-size:58px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.40))}
.feed-reward-inner p{margin:0;color:rgba(255,255,255,.78);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.feed-reward-inner b{font-size:clamp(42px,11vw,72px);line-height:.95;letter-spacing:-.04em;text-shadow:0 10px 36px rgba(255,209,102,.26)}
.feed-reward-inner small{max-width:320px;color:rgba(255,255,255,.70);font-weight:800;line-height:1.35}
.feed-reward-status{min-height:22px;max-width:330px;color:rgba(255,255,255,.72);font-weight:900;font-size:13px;text-align:center;line-height:1.35}
.feed-reward-claim{margin-top:6px;min-width:170px;justify-content:center;font-size:18px!important;padding:14px 22px!important;border-radius:999px!important}
.feed-reward-skip{min-width:150px;justify-content:center;font-size:14px!important;padding:10px 18px!important;border-radius:999px!important;opacity:.88}
.feed-reward-card.claimed .feed-reward-inner{opacity:.82}
.feed-reward-card.claimed .feed-reward-orbit{filter:grayscale(.16)}
@media(max-width:820px){
  .feed-reward-inner{width:min(90vw,390px);min-height:min(62svh,560px);border-radius:28px;padding:26px 18px}
  .feed-reward-orbit{width:102px;height:102px}
  .feed-reward-orbit span{font-size:50px}
  .feed-reward-claim{min-width:150px;font-size:16px!important}.feed-reward-skip{font-size:13px!important}
}


/* v113: tvrdé centrování ikon uložených her na profilu */
.profile-games-grid .profile-game-preview{
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
}
.profile-games-grid .profile-game-preview .profile-game-glow{
  position:absolute!important;
  left:50%!important;
  top:43%!important;
  width:68%!important;
  height:46%!important;
  transform:translate(-50%,-50%)!important;
  right:auto!important;
  bottom:auto!important;
  pointer-events:none!important;
}
.profile-games-grid .profile-game-preview strong{
  position:absolute!important;
  left:50%!important;
  top:42%!important;
  width:auto!important;
  max-width:82%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  text-align:center!important;
  line-height:1!important;
  margin:0!important;
  z-index:3!important;
}
.profile-games-grid .profile-game-preview span{
  left:10px!important;
  right:10px!important;
  bottom:38px!important;
  text-align:center!important;
}
.profile-games-grid .profile-game-preview small{
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  text-align:center!important;
}


/* v115: serverově synchronizované bio profilu + 3 klikací odkazy */
.profile-bio-card{margin:12px 0 6px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.profile-bio-text{margin:0!important;color:#f2f4ff!important;font-size:16px!important;line-height:1.48!important;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-bio-empty{margin:0!important;color:var(--muted)!important;font-size:15px!important;line-height:1.45!important}
.profile-link-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.profile-link-row a{max-width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,231,255,.09);border-radius:999px;padding:9px 12px;font-weight:950;color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-link-row a:active{transform:scale(.98)}
.profile-meta-editor{position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.profile-meta-editor.hidden{display:none!important}
.profile-meta-card{width:min(720px,calc(100vw - 24px));max-height:min(92svh,760px);overflow:auto;border:1px solid var(--stroke);border-radius:28px;background:#141521;box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}
.profile-meta-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.profile-meta-head h2{margin:0}.profile-meta-head p{margin:5px 0 0;color:var(--muted);line-height:1.35}
.profile-meta-label{display:flex;justify-content:space-between;color:#fff;font-weight:950}.profile-meta-card textarea,.profile-meta-card input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,0,0,.32);color:#fff;font:inherit;padding:12px;outline:none}.profile-meta-card textarea:focus,.profile-meta-card input:focus{border-color:rgba(0,231,255,.65);box-shadow:0 0 0 3px rgba(0,231,255,.12)}
.profile-meta-links{display:grid;gap:10px}.profile-meta-link{display:grid;grid-template-columns:minmax(120px,.42fr) 1fr;gap:8px}.profile-meta-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){.profile-meta-editor{align-items:flex-end;padding:10px}.profile-meta-card{border-radius:26px 26px 0 0;width:100%;max-height:88svh}.profile-meta-link{grid-template-columns:1fr}.profile-link-row{justify-content:center}.profile-link-row a{font-size:13px}}


/* v116: bio je pod profilovými tlačítky a drží se ve stejné šířce jako akční karty */
.profile-top .profile-bio-card{margin-top:12px;margin-bottom:0;width:100%}
.profile-top .profile-action-row + .profile-bio-card{clear:both}


/* v117 Daily Stories */
.story-avatar-btn{border:0;background:transparent;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;position:relative;flex:0 0 auto}
.story-avatar-btn::before{content:"";position:absolute;inset:-4px;border-radius:999px;background:conic-gradient(from 20deg,#68f5ff,#b86bff,#ffca64,#61ff91,#68f5ff);z-index:0;filter:saturate(1.15)}
.story-avatar-btn img{position:relative;z-index:1;width:44px;height:44px;border-radius:999px;object-fit:cover;border:3px solid rgba(10,14,20,.92);background:#111;display:block}
.author-row .story-avatar-btn{margin-right:8px}
.profile-top .profile-story-avatar{width:96px;height:96px;align-self:flex-start}
.profile-top .profile-story-avatar img{width:96px;height:96px;border-width:4px}
.person-card .story-avatar-btn img{width:54px;height:54px}
.story-overlay,.story-composer-overlay{position:fixed;inset:0;z-index:99980;background:rgba(4,8,12,.82);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));}
.story-overlay.hidden,.story-composer-overlay.hidden{display:none}
.story-phone{width:min(430px,96vw);height:min(760px,94dvh);background:#0b0e17;border:1px solid rgba(255,255,255,.16);border-radius:30px;overflow:hidden;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.45);color:#fff}
.story-close{position:absolute;right:12px;top:12px;z-index:5;width:42px;height:42px;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.story-progress{position:absolute;left:12px;right:62px;top:12px;z-index:5;display:flex;gap:5px}
.story-progress i{display:block;height:4px;flex:1;border-radius:999px;background:rgba(255,255,255,.35);overflow:hidden}
.story-progress i.done,.story-progress i.active{background:rgba(255,255,255,.95)}
.story-head{position:absolute;left:14px;right:70px;top:24px;z-index:5;display:flex;align-items:center;gap:10px;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.story-head img{width:36px;height:36px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.75)}
.story-head b{display:block;font-weight:900}.story-head small{display:block;opacity:.8;font-size:12px}
.story-stage{position:absolute;inset:0}.story-media{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:72px 24px 58px;overflow:hidden}.story-media::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 40%),linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.05) 35%,rgba(0,0,0,.45));pointer-events:none}.story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.story-text{position:relative;z-index:2;max-width:92%;padding:14px 18px;border-radius:20px;background:rgba(0,0,0,.28);font-size:clamp(24px,7vw,42px);line-height:1.08;font-weight:900;text-align:center;white-space:pre-wrap;word-break:break-word;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.story-font-system{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.story-font-bold{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:1000;letter-spacing:.02em}.story-font-serif{font-family:Georgia,Times New Roman,serif}.story-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.story-font-comic{font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif}
.story-anim-pop{animation:storyPop .55s cubic-bezier(.2,1.4,.2,1)}.story-anim-slide{animation:storySlide .7s ease}.story-anim-glow{animation:storyGlow 1.8s ease-in-out infinite alternate}.story-anim-type{animation:storyType .65s steps(8,end)}.story-anim-float{animation:storyFloat 2.4s ease-in-out infinite}
@keyframes storyPop{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}@keyframes storySlide{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes storyGlow{from{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}to{filter:drop-shadow(0 0 18px rgba(255,255,255,.75))}}@keyframes storyType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes storyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.story-nav{position:absolute;top:45%;z-index:6;width:44px;height:68px;border:0;background:rgba(0,0,0,.28);color:#fff;font-size:48px;line-height:1;border-radius:18px;cursor:pointer}.story-prev{left:8px}.story-next{right:8px}.story-loading,.story-empty{position:absolute;left:24px;right:24px;top:50%;transform:translateY(-50%);z-index:6;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;font-weight:900}.story-empty.hidden{display:none}
.story-composer{width:min(760px,96vw);max-height:94dvh;overflow:auto;background:rgba(255,255,255,.96);color:#18271f;border-radius:26px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.36);border:1px solid rgba(0,0,0,.08)}.story-composer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.story-composer-head h2{margin:0}.story-composer-head p{margin:.2rem 0 0;color:#66756e}.story-composer label{display:block;font-weight:900;margin-top:10px}.story-composer textarea,.story-composer input,.story-composer select{width:100%;border:1px solid rgba(25,40,32,.14);border-radius:14px;padding:10px 12px;background:#fff;font:inherit}.story-composer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;gap:10px}.story-template-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.story-template{min-height:82px;border:2px solid transparent;border-radius:18px;background-size:cover;background-position:center;color:#fff;font-weight:1000;text-shadow:0 2px 10px rgba(0,0,0,.75);cursor:pointer;overflow:hidden;position:relative}.story-template::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.16)}.story-template span{position:relative;z-index:1}.story-template.active{border-color:#55c970;box-shadow:0 0 0 4px rgba(85,201,112,.18)}.story-file-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.story-file-row span{font-size:13px;color:#66756e}.story-preview{height:260px;border-radius:22px;overflow:hidden;background:#111;border:1px solid rgba(25,40,32,.12);position:relative}.story-preview .story-media{position:relative;height:100%;padding:18px}.story-composer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media(max-width:720px){.story-composer-grid{grid-template-columns:1fr}.story-template-list{grid-template-columns:1fr 1fr}.story-phone{border-radius:22px}.story-composer{border-radius:20px;padding:14px}.profile-top .profile-story-avatar,.profile-top .profile-story-avatar img{width:82px;height:82px}}


/* v118: profilový avatar podle zařízení
   - mobil/PWA: avatar nad nickem přesně na středu
   - PC: avatar v horním profilovém výřezu vedle informací a nad bio */
.profile-top-v118{
  position:relative;
  align-items:start;
}
.profile-top-v118 .profile-story-avatar{
  justify-self:center;
  align-self:start;
}
.profile-top-v118 .profile-story-avatar img{
  display:block;
}
.profile-main-v118{
  min-width:0;
  display:block;
}
.profile-headline-v118{
  min-width:0;
}
@media (min-width:721px){
  .profile-top-v118{
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .profile-top-v118 .profile-story-avatar{
    width:150px!important;
    height:150px!important;
    margin:0!important;
    transform:none!important;
    justify-self:start!important;
    align-self:start!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  .profile-top-v118 .profile-story-avatar img{
    width:150px!important;
    height:150px!important;
    border-radius:34px!important;
    margin:0!important;
  }
  .profile-top-v118 .profile-story-avatar::before{
    inset:-5px!important;
    border-radius:38px!important;
  }
  .profile-main-v118{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    padding-top:0!important;
  }
  .profile-main-v118 .profile-bio-card{
    margin-top:12px!important;
    width:100%!important;
  }
}
@media (max-width:720px){
  .profile-top-v118{
    grid-template-columns:1fr!important;
    gap:14px!important;
    text-align:center!important;
    justify-items:center!important;
    align-items:start!important;
  }
  .profile-top-v118 .profile-story-avatar{
    width:122px!important;
    height:122px!important;
    margin:0 auto 6px!important;
    justify-self:center!important;
    align-self:center!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  .profile-top-v118 .profile-story-avatar img{
    width:122px!important;
    height:122px!important;
    border-radius:999px!important;
    margin:0 auto!important;
  }
  .profile-top-v118 .profile-story-avatar::before{
    inset:-6px!important;
    border-radius:999px!important;
  }
  .profile-main-v118{
    width:100%!important;
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  .profile-headline-v118,
  .profile-headline-v118 h1,
  .profile-headline-v118 p{
    text-align:center!important;
    width:100%!important;
  }
  .profile-headline-v118 h1{
    margin-top:0!important;
  }
  .profile-stats{
    justify-content:center!important;
    width:100%!important;
  }
  .profile-action-row{
    width:100%!important;
    justify-content:center!important;
  }
  .profile-top-v118 .profile-bio-card{
    width:100%!important;
    text-align:left!important;
  }
}


/* v119: PC profil podle nákresu + stejný obsah ve webu i PWA
   - PC: jméno nahoře, avatar v levém prostoru vedle akčních tlačítek a bio
   - mobil/PWA: avatar zůstává nad nickem na středu
   - z profilové karty jsou pryč duplicitní zkratky upload/kamera/aktivity/chat */
.profile-top-v119{
  position:relative;
  align-items:start;
}
.profile-top-v119 .profile-story-avatar{
  justify-self:center;
  align-self:start;
}
.profile-top-v119 .profile-story-avatar img{
  display:block;
}
.profile-headline-v119,
.profile-main-v119{
  min-width:0;
}
@media (min-width:721px){
  .profile-top-v119{
    grid-template-columns:150px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:18px!important;
    row-gap:14px!important;
    align-items:start!important;
  }
  .profile-top-v119 .profile-headline-v119{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    min-width:0!important;
  }
  .profile-top-v119 .profile-story-avatar{
    grid-column:1!important;
    grid-row:2!important;
    width:150px!important;
    height:150px!important;
    margin:2px 0 0!important;
    transform:none!important;
    justify-self:start!important;
    align-self:start!important;
  }
  .profile-top-v119 .profile-story-avatar img{
    width:150px!important;
    height:150px!important;
    border-radius:34px!important;
    margin:0!important;
  }
  .profile-top-v119 .profile-story-avatar::before{
    inset:-5px!important;
    border-radius:38px!important;
  }
  .profile-main-v119{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
  .profile-action-row-v119{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(150px,1fr))!important;
    gap:10px!important;
    margin-top:0!important;
  }
  .profile-action-row-v119 .big-btn{
    width:100%!important;
    margin:0!important;
    min-height:52px!important;
    text-align:center!important;
  }
  .profile-top-v119 .profile-bio-card{
    margin-top:12px!important;
    margin-bottom:0!important;
    width:100%!important;
  }
}
@media (max-width:720px){
  .profile-top-v119{
    grid-template-columns:1fr!important;
    gap:14px!important;
    text-align:center!important;
    justify-items:center!important;
    align-items:start!important;
  }
  .profile-top-v119 .profile-story-avatar{
    width:122px!important;
    height:122px!important;
    margin:0 auto 6px!important;
    justify-self:center!important;
    align-self:center!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  .profile-top-v119 .profile-story-avatar img{
    width:122px!important;
    height:122px!important;
    border-radius:999px!important;
    margin:0 auto!important;
  }
  .profile-top-v119 .profile-story-avatar::before{
    inset:-6px!important;
    border-radius:999px!important;
  }
  .profile-headline-v119{
    width:100%!important;
    grid-column:1!important;
    grid-row:2!important;
  }
  .profile-headline-v119,
  .profile-headline-v119 h1,
  .profile-headline-v119 p{
    text-align:center!important;
  }
  .profile-headline-v119 h1{
    margin-top:0!important;
  }
  .profile-headline-v119 .profile-stats{
    justify-content:center!important;
    width:100%!important;
  }
  .profile-main-v119{
    width:100%!important;
    grid-column:1!important;
    grid-row:3!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  .profile-action-row-v119{
    width:100%!important;
    justify-content:center!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .profile-action-row-v119 .big-btn{
    width:100%!important;
    margin:0!important;
    min-height:50px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .profile-top-v119 .profile-bio-card{
    width:100%!important;
    text-align:left!important;
  }
}
@media (max-width:420px){
  .profile-action-row-v119{
    grid-template-columns:1fr!important;
  }
}


/* v120: Zprávy na mobilu/PWA jako seznam -> samostatný chat se šipkou zpět.
   PC zůstává dvousloupcové, ale bez divných horizontálních scrollů. */
.messages-panel{max-width:1120px!important;}
.thread-list{overflow-x:hidden!important;}
.threads-box{overflow:hidden!important;}
.thread-box{display:flex;flex-direction:column;}
.message-list{scrollbar-color:rgba(255,255,255,.32) rgba(0,0,0,.12);}
.message-list::-webkit-scrollbar,.thread-list::-webkit-scrollbar{width:8px;height:0}
.message-list::-webkit-scrollbar-thumb,.thread-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}
.message-back-btn{display:none;border:0;background:rgba(255,255,255,.09);color:#fff;width:42px;height:42px;border-radius:999px;font-size:34px;line-height:1;font-weight:900;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 18px rgba(0,231,255,.12)}
.message-back-btn:active{transform:scale(.96)}
@media (min-width:861px){
  .messages-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr)!important;}
  .thread-list{display:grid!important;overflow-y:auto!important;height:560px!important;max-height:560px!important;}
  .thread-card{min-width:0!important;flex:auto!important;}
}
@media (max-width:860px){
  #messagesView .messages-panel{padding:12px!important;margin:0 0 calc(var(--bottom-nav-real,86px) + 20px)!important;width:100%!important;max-width:100%!important;}
  #messagesView .section-head{margin-bottom:12px!important;gap:10px!important;}
  #messagesView .section-head h1{font-size:clamp(38px,12vw,54px)!important;}
  #messagesView .section-head p{font-size:14px!important;line-height:1.35!important;}
  #messagesView .messages-layout{display:block!important;}
  #messagesView .threads-box,
  #messagesView .thread-box{border-radius:24px!important;min-height:0!important;width:100%!important;}
  #messagesView .threads-box{display:block!important;max-height:none!important;}
  #messagesView .thread-box{display:none!important;}
  #messagesView.message-thread-open .threads-box{display:none!important;}
  #messagesView.message-thread-open .thread-box{display:flex!important;}
  #messagesView .thread-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:10px!important;}
  #messagesView .thread-card{width:100%!important;min-width:0!important;flex:initial!important;border-radius:20px!important;padding:12px!important;}
  #messagesView .thread-card img{width:54px!important;height:54px!important;border-radius:18px!important;}
  #messagesView .thread-card b{font-size:17px!important;}
  #messagesView .thread-card small{font-size:13px!important;}
  #messagesView .thread-head{position:relative;min-height:72px!important;padding:12px 12px 12px 60px!important;gap:10px!important;}
  #messagesView .message-back-btn{display:flex!important;position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:2;}
  #messagesView .thread-head img{width:48px!important;height:48px!important;border-radius:16px!important;}
  #messagesView .thread-head b{font-size:20px!important;}
  #messagesView .thread-head .pill{margin-left:auto!important;white-space:nowrap!important;padding:10px 14px!important;}
  #messagesView .message-list{height:calc(100svh - var(--topbar-real,92px) - var(--bottom-nav-real,86px) - 245px)!important;min-height:280px!important;max-height:none!important;padding:14px 10px!important;overflow-y:auto!important;}
  #messagesView .dm-msg{max-width:86%!important;border-radius:20px!important;padding:11px 13px!important;}
  #messagesView .dm-msg p{font-size:16px!important;}
  #messagesView .message-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;padding-bottom:max(14px,env(safe-area-inset-bottom))!important;}
  #messagesView .message-form input{min-height:54px!important;border-radius:24px!important;font-size:16px!important;padding:14px 18px!important;}
  #messagesView .message-form button{width:100%!important;min-height:52px!important;border-radius:24px!important;font-size:16px!important;}
}
@media (max-width:420px){
  #messagesView .messages-panel{padding-left:10px!important;padding-right:10px!important;}
  #messagesView .thread-head{padding-left:56px!important;}
  #messagesView .thread-head .pill{padding:9px 12px!important;font-size:13px!important;}
  #messagesView .message-list{height:calc(100svh - var(--topbar-real,88px) - var(--bottom-nav-real,86px) - 232px)!important;min-height:250px!important;}
}


/* v121: tvrdá oprava otevření mobilního chatu po kliknutí na uživatele. */
@media (max-width:860px){
  #messagesView.message-thread-open .threads-box{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  #messagesView.message-thread-open .thread-box{display:flex!important;visibility:visible!important;pointer-events:auto!important;}
  #messagesView .thread-card{touch-action:manipulation!important;cursor:pointer!important;position:relative!important;z-index:1!important;}
  #messagesView .message-back-btn{pointer-events:auto!important;z-index:20!important;}
}

.verification-card input,.verification-card select{width:100%;min-height:46px;border:1px solid var(--stroke);border-radius:16px;background:rgba(0,0,0,.28);color:#fff;padding:10px 14px;font:inherit;font-weight:800;outline:none}.verification-card option{background:#171827;color:#fff}.verification-cost{margin:8px 0 12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(0,231,255,.25);background:rgba(0,231,255,.08);color:#fff}.verify-artist-fields{display:grid;gap:8px;margin-top:8px}


/* v126: admin centrum */
.admin-center-card{max-width:min(980px,calc(100vw - 22px));}
.admin-owner-tools{margin:10px 0 16px;padding:12px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.04)}
.admin-inline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.admin-inline input{width:100%;min-height:46px;border:1px solid var(--stroke);border-radius:16px;background:rgba(0,0,0,.28);color:#fff;padding:10px 14px;font:inherit;font-weight:800;outline:none}
.admin-current-list{display:grid;gap:8px;margin-top:10px}.admin-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--stroke)}
.admin-requests-list{display:grid;gap:10px;max-height:min(62vh,620px);overflow:auto;padding-right:4px}.admin-request-card{padding:12px;border-radius:18px;border:1px solid var(--stroke);background:rgba(255,255,255,.045)}.admin-request-card.pending{border-color:rgba(0,231,255,.38)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.admin-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-details{margin-top:10px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.15);padding:9px 11px}.admin-details summary{cursor:pointer;font-weight:950;color:#d9e3ff}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.admin-form-grid div{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;background:rgba(255,255,255,.035)}.admin-form-grid b{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.admin-form-grid span{white-space:pre-wrap;word-break:break-word}.admin-report-card{border-color:rgba(255,77,109,.26)}@media(max-width:760px){.admin-form-grid{grid-template-columns:1fr}}

@media(max-width:760px){.admin-inline{grid-template-columns:1fr}.admin-actions{display:grid;grid-template-columns:1fr}.admin-requests-list{max-height:58vh}}



/* v128: ověření a čistý patchlog */
/* v127: admin promo videa */
.promo-video-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:linear-gradient(90deg,#ff3bd5,#22d3ff);color:#fff;font-size:11px;font-weight:900;box-shadow:0 0 14px rgba(34,211,255,.35)}
.admin-promo-sheet .admin-promo-card{max-width:560px}
.admin-promo-sheet select.profile-meta-input{width:100%;font-weight:900}

/* v139: reklamní karta musí být viditelná jako samostatný snap slot ve feedu */
.ad-card{background:#05050a;display:block;}
.ad-card .ad-card-center{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(255,43,214,.18),transparent 32%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62));}
.ad-card .ad-card-center h2{margin:16px 0 8px;font-size:clamp(32px,7vw,58px);line-height:1.02;letter-spacing:-1px;text-shadow:0 6px 30px rgba(0,0,0,.72);}
.ad-card .ad-card-center p{margin:0 0 20px;color:#e8ecff;font-size:clamp(15px,3vw,19px);font-weight:850;text-shadow:0 4px 20px rgba(0,0,0,.7);}
.ad-card .ad-card-center .ad-card-badge{position:static;}
.ad-card .ad-card-center .ad-card-cta{pointer-events:auto;}
@media(max-width:720px){.ad-card .ad-card-center{padding:18px}.ad-card .ad-card-center h2{font-size:34px}.ad-card .ad-card-center p{font-size:14px}}

/* v141: reklama ve feedu drží vlastní snap slot a neschová se pod video vrstvami */
.ad-card,.promo-insert-card,.feed-reward-card,.feed-game-card{scroll-snap-align:start!important;scroll-snap-stop:always!important;}
.ad-card{position:relative!important;min-height:100%!important;overflow:hidden!important;background:#05050a!important;}
.ad-card .ad-card-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;}
.ad-card .ad-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.ad-card .ad-card-center{z-index:9!important;pointer-events:auto!important;}
body.feed-shell .ad-card .ad-card-media,body.feed-shell .ad-card .ad-card-center{position:absolute!important;}

/* v146: instalační tlačítko musí být vždy viditelné nahoře vedle loga */
.top-install-secondary{display:none!important}
.brand-install-btn{
  min-height:42px;
  padding:10px 15px;
  border-radius:999px;
  border:0;
  color:#fff;
  font-weight:950;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 12px 42px rgba(255,43,214,.24), inset 0 0 0 1px rgba(255,255,255,.05);
  flex:0 0 auto;
  position:relative;
  z-index:55;
}
html.standalone-app #installBtnTop,
.standalone-app #installBtnTop{
  display:inline-flex!important;
  opacity:1!important;
}
html.standalone-app #installBtn,
.standalone-app #installBtn{display:none!important}
@media(min-width:821px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(260px,auto) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
  }
  .brand{grid-column:1!important;min-width:0!important}
  #installBtnTop{grid-column:2!important;justify-self:start!important}
  .top-actions{grid-column:3!important;min-width:0!important}
}
@media(max-width:820px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px max(10px,env(safe-area-inset-left)) 7px max(10px,env(safe-area-inset-right))!important;
  }
  .brand{grid-column:1!important;min-width:0!important;max-width:100%!important}
  #installBtnTop{
    grid-column:2!important;
    justify-self:end!important;
    min-height:44px!important;
    padding:10px 13px!important;
    margin:0!important;
    max-width:48vw;
  }
  .top-actions{
    grid-column:1 / -1!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    margin-top:0!important;
    padding:1px 1px 4px!important;
    -webkit-overflow-scrolling:touch;
  }
}
@media(max-width:430px){
  #installBtnTop{padding:10px 12px!important}
  #installBtnTop .tb-txt{font-size:0!important;width:0!important;overflow:hidden!important}
  #installBtnTop .tb-ico{font-size:20px!important;margin:0!important}
}

/* v149: profilová fotka, pozadí, nick a MP3 hudba profilu */
.profile-top-v149{overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(0,231,255,.22),transparent 34%),radial-gradient(circle at 88% 0,rgba(255,46,136,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));background-size:cover;background-position:center;isolation:isolate}
.profile-top-v149::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.38));pointer-events:none;z-index:-1}.profile-top-v149>*{position:relative;z-index:1}.profile-top-v149.has-profile-bg{border-color:rgba(0,231,255,.28)}
.profile-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-file-tile{display:grid;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.045);padding:12px;color:#fff;font-weight:950}.profile-file-tile input{padding:10px!important;background:rgba(0,0,0,.28)!important}.profile-file-tile span{color:var(--muted);font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta-hint{margin:-6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.profile-upload-status{min-height:20px;color:#b9f7ff;font-weight:850;font-size:13px}.profile-music-card{margin:12px 0;padding:14px;border:1px solid rgba(0,231,255,.22);border-radius:22px;background:linear-gradient(135deg,rgba(0,231,255,.10),rgba(255,46,136,.08));display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.profile-music-card.playing{border-color:rgba(0,255,170,.42);box-shadow:0 0 22px rgba(0,231,255,.10),inset 0 0 0 1px rgba(255,255,255,.04)}.profile-music-info{display:grid;gap:3px;min-width:0}.profile-music-info b{color:#fff}.profile-music-info span{color:var(--muted);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.profile-media-grid{grid-template-columns:1fr}.profile-music-card{align-items:stretch;flex-direction:column}.profile-music-card .pill{width:100%}.profile-top-v149{background-position:center}}

/* v150: profilový avatar o kousek níž, aby na mobilu/PWA nebyl nahoře uříznutý */
.profile-top-v150 .profile-story-avatar{
  margin-top:14px!important;
}
@media(max-width:720px){
  .profile-top-v150 .profile-story-avatar{
    margin-top:24px!important;
    margin-bottom:10px!important;
  }
}

/* v153: živý upload, profilová hudba pod kontrolou a 10 stylů appky */
.upload-progress-line{height:9px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.upload-progress-line i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 54%,transparent);transition:width .22s ease}.upload-status-text{line-height:1.32}
.profile-theme-box{margin-top:12px;padding:12px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.04)}
.profile-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.theme-choice{min-height:58px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.055);color:#fff;display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;font-weight:950;text-align:left}.theme-choice span{width:36px;height:36px;border-radius:999px;display:block;box-shadow:0 0 18px rgba(255,255,255,.16),inset 0 0 0 2px rgba(255,255,255,.22);flex:0 0 auto}.theme-choice b{font-size:13px;line-height:1.1}.theme-choice.active{border-color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 46%,transparent),0 0 24px color-mix(in srgb,var(--cyan) 22%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 18%,transparent),color-mix(in srgb,var(--cyan) 14%,transparent))}.theme-choice-neon span{background:linear-gradient(135deg,#ff2bd6,#7a4dff,#00e7ff)}.theme-choice-ocean span{background:linear-gradient(135deg,#0ea5e9,#06b6d4,#67e8f9)}.theme-choice-bubblegum span{background:linear-gradient(135deg,#ff4fd8,#ff8fc7,#38bdf8)}.theme-choice-gold span{background:linear-gradient(135deg,#f59e0b,#fde68a,#f97316)}.theme-choice-toxic span{background:linear-gradient(135deg,#22c55e,#a3e635,#14b8a6)}.theme-choice-inferno span{background:linear-gradient(135deg,#ef4444,#f97316,#f43f5e)}.theme-choice-ice span{background:linear-gradient(135deg,#dbeafe,#93c5fd,#64748b)}.theme-choice-royal span{background:linear-gradient(135deg,#a855f7,#6366f1,#f0abfc)}.theme-choice-sunset span{background:linear-gradient(135deg,#fb7185,#f97316,#facc15)}.theme-choice-matrix span{background:linear-gradient(135deg,#052e16,#22c55e,#84cc16)}
@media(max-width:520px){.profile-theme-grid{grid-template-columns:1fr}.theme-choice{min-height:54px}}
body.theme-neon{--bg:#05050a;--panel:rgba(27,28,43,.84);--panel2:rgba(255,255,255,.07);--stroke:rgba(255,255,255,.14);--txt:#fff;--muted:#b6bad0;--cyan:#00e7ff;--pink:#ff2bd6;--violet:#7a4dff;--green:#37ff93;--red:#ff3b68;background:radial-gradient(circle at 10% 6%,rgba(255,43,214,.25),transparent 30%),radial-gradient(circle at 92% 4%,rgba(0,231,255,.18),transparent 32%),linear-gradient(180deg,#080812 0,#010103 100%)}
body.theme-ocean{--bg:#03151d;--panel:rgba(8,31,44,.86);--panel2:rgba(88,196,255,.09);--stroke:rgba(125,211,252,.22);--cyan:#67e8f9;--pink:#0ea5e9;--violet:#2563eb;--green:#2dd4bf;--red:#fb7185;background:radial-gradient(circle at 15% 10%,rgba(14,165,233,.28),transparent 34%),radial-gradient(circle at 90% 0,rgba(103,232,249,.20),transparent 32%),linear-gradient(180deg,#062332 0,#020b12 100%)}
body.theme-bubblegum{--bg:#16051a;--panel:rgba(44,18,55,.86);--panel2:rgba(255,255,255,.075);--stroke:rgba(255,182,217,.24);--cyan:#38bdf8;--pink:#ff4fd8;--violet:#d946ef;--green:#86efac;--red:#fb7185;background:radial-gradient(circle at 12% 8%,rgba(255,79,216,.30),transparent 34%),radial-gradient(circle at 92% 4%,rgba(56,189,248,.20),transparent 32%),linear-gradient(180deg,#240828 0,#08020c 100%)}
body.theme-gold{--bg:#120d03;--panel:rgba(42,30,10,.88);--panel2:rgba(255,236,153,.08);--stroke:rgba(253,224,71,.24);--cyan:#fde68a;--pink:#f59e0b;--violet:#f97316;--green:#bef264;--red:#ef4444;background:radial-gradient(circle at 12% 8%,rgba(245,158,11,.28),transparent 32%),radial-gradient(circle at 92% 4%,rgba(253,230,138,.18),transparent 32%),linear-gradient(180deg,#211604 0,#070401 100%)}
body.theme-toxic{--bg:#02120a;--panel:rgba(8,39,22,.88);--panel2:rgba(132,204,22,.08);--stroke:rgba(163,230,53,.23);--cyan:#14b8a6;--pink:#22c55e;--violet:#84cc16;--green:#a3e635;--red:#f43f5e;background:radial-gradient(circle at 10% 8%,rgba(34,197,94,.30),transparent 33%),radial-gradient(circle at 90% 3%,rgba(163,230,53,.18),transparent 31%),linear-gradient(180deg,#062414 0,#010704 100%)}
body.theme-inferno{--bg:#160404;--panel:rgba(50,15,15,.88);--panel2:rgba(255,255,255,.06);--stroke:rgba(248,113,113,.24);--cyan:#f97316;--pink:#ef4444;--violet:#f43f5e;--green:#facc15;--red:#ff294f;background:radial-gradient(circle at 10% 6%,rgba(239,68,68,.30),transparent 34%),radial-gradient(circle at 92% 4%,rgba(249,115,22,.22),transparent 32%),linear-gradient(180deg,#270808 0,#060101 100%)}
body.theme-ice{--bg:#08111d;--panel:rgba(16,28,44,.88);--panel2:rgba(219,234,254,.07);--stroke:rgba(191,219,254,.22);--cyan:#bfdbfe;--pink:#93c5fd;--violet:#64748b;--green:#99f6e4;--red:#fda4af;background:radial-gradient(circle at 10% 6%,rgba(147,197,253,.24),transparent 34%),radial-gradient(circle at 92% 4%,rgba(226,232,240,.16),transparent 32%),linear-gradient(180deg,#0c1828 0,#020712 100%)}
body.theme-royal{--bg:#0d061d;--panel:rgba(31,18,61,.88);--panel2:rgba(255,255,255,.07);--stroke:rgba(216,180,254,.24);--cyan:#c4b5fd;--pink:#a855f7;--violet:#6366f1;--green:#5eead4;--red:#fb7185;background:radial-gradient(circle at 12% 8%,rgba(168,85,247,.30),transparent 34%),radial-gradient(circle at 92% 4%,rgba(99,102,241,.20),transparent 32%),linear-gradient(180deg,#170b33 0,#05020d 100%)}
body.theme-sunset{--bg:#190908;--panel:rgba(53,24,18,.88);--panel2:rgba(255,255,255,.065);--stroke:rgba(251,146,60,.25);--cyan:#facc15;--pink:#fb7185;--violet:#f97316;--green:#86efac;--red:#ef4444;background:radial-gradient(circle at 12% 8%,rgba(251,113,133,.28),transparent 33%),radial-gradient(circle at 92% 4%,rgba(250,204,21,.18),transparent 32%),linear-gradient(180deg,#2a100c 0,#080201 100%)}
body.theme-matrix{--bg:#010604;--panel:rgba(3,24,12,.90);--panel2:rgba(34,197,94,.075);--stroke:rgba(34,197,94,.24);--cyan:#22c55e;--pink:#16a34a;--violet:#84cc16;--green:#bbf7d0;--red:#ef4444;background:radial-gradient(circle at 12% 8%,rgba(34,197,94,.24),transparent 34%),radial-gradient(circle at 92% 4%,rgba(132,204,22,.14),transparent 32%),linear-gradient(180deg,#03140a 0,#000301 100%)}
body[class*="theme-"] .topbar,body[class*="theme-"] .bottom-nav{background:color-mix(in srgb,var(--bg) 88%,black 12%);border-color:var(--stroke)}body[class*="theme-"] .panel,body[class*="theme-"] .sheet-card,body[class*="theme-"] .profile-meta-card{border-color:var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03)),var(--panel)}body[class*="theme-"] .big-btn:not(.primary),body[class*="theme-"] .pill:not(.primary),body[class*="theme-"] .round-action{border-color:var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045))}body[class*="theme-"] .bottom-nav button.active{box-shadow:inset 0 0 0 1px var(--stroke),0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent)}

/* v154: klikací nicky v komentářích + soukromý profil */
.comment-user-link{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:#d8c8ff;
  font:inherit;
  font-weight:950;
  cursor:pointer;
  text-align:left;
}
.comment-user-link:active{transform:scale(.98)}
.comment-user-link:hover{text-decoration:underline}
.gift-title-line{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  font-weight:950;
  color:#fff;
}
.gift-title-line .gift-flow{color:var(--muted)}
.profile-private-view{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:14px;
}
.profile-private-view .private-avatar{margin-top:0!important;cursor:default!important}
.profile-private-view .profile-headline-v119 h1{font-size:clamp(38px,8vw,72px)}
.profile-private-view .profile-headline-v119 p{font-size:clamp(20px,4vw,32px);color:var(--muted);font-weight:900}
#profilePrivacySelect{
  width:100%;
  min-height:48px;
  border-radius:16px;
  border:1px solid var(--stroke);
  background:rgba(0,0,0,.28);
  color:#fff;
  font-weight:900;
  padding:0 14px;
}
@media(max-width:720px){.profile-private-view{min-height:300px}}


/* v155: chytré tlačítko zpět + stabilní navigace bez samovolného přeskakování */
.app-back-btn{position:fixed;left:max(12px,env(safe-area-inset-left));top:calc(86px + env(safe-area-inset-top));z-index:74;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(12,12,20,.88),rgba(45,32,70,.78));color:#fff;border-radius:999px;min-height:42px;padding:9px 14px;font-weight:950;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 12px 38px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.app-back-btn.hidden{display:none}.app-back-btn:active{transform:scale(.94)}.app-back-btn:hover{background:linear-gradient(135deg,rgba(255,43,214,.28),rgba(0,231,255,.20))}
@media(max-width:760px){.app-back-btn{top:calc(76px + env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));min-height:38px;padding:8px 12px;font-size:13px}.feed-shell .app-back-btn{top:calc(74px + env(safe-area-inset-top))}}


/* v158: video režim dvěma prsty + tlačítko Zpět skryté jen ve feedu/Objevovat */
body.feed-shell .app-back-btn{display:none!important}
html.video-focus-mode,
body.video-focus-mode{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
body.video-focus-mode .topbar,
body.video-focus-mode .bottom-nav,
body.video-focus-mode .feed-head.panel,
body.video-focus-mode .app-back-btn,
body.video-focus-mode .toast{display:none!important}
body.video-focus-mode #app,
body.video-focus-mode .view[data-view="feed"].active,
body.video-focus-mode #feed{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;z-index:210!important;background:#000!important;scroll-snap-type:none!important}
body.video-focus-mode .short-card{visibility:hidden!important;pointer-events:none!important}
body.video-focus-mode .short-card.video-focus-mode{visibility:visible!important;pointer-events:auto!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;z-index:230!important;background:#000!important;overflow:hidden!important;scroll-snap-align:none!important;isolation:isolate!important;cursor:default!important;touch-action:none!important}
body.video-focus-mode .short-card.video-focus-mode .video-backdrop,
body.video-focus-mode .short-card.video-focus-mode .video-backdrop-live,
body.video-focus-mode .short-card.video-focus-mode .shade,
body.video-focus-mode .short-card.video-focus-mode .short-info,
body.video-focus-mode .short-card.video-focus-mode .sound-bar,
body.video-focus-mode .short-card.video-focus-mode .side-actions,
body.video-focus-mode .short-card.video-focus-mode .sound-hint,
body.video-focus-mode .short-card.video-focus-mode .play-state-icon,
body.video-focus-mode .short-card.video-focus-mode .video-loading,
body.video-focus-mode .short-card.video-focus-mode .video-progress,
body.video-focus-mode .short-card.video-focus-mode .original-sound-ribbon{display:none!important}
body.video-focus-mode .short-card.video-focus-mode video.main-video,
body.video-focus-mode .short-card.video-focus-mode iframe,
body.video-focus-mode .short-card.video-focus-mode .external-video-wrap{display:block!important;position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;background:#000!important;z-index:1!important;transform:none!important;filter:none!important}
@supports(height:100svh){
  body.video-focus-mode #app,
  body.video-focus-mode .view[data-view="feed"].active,
  body.video-focus-mode #feed,
  body.video-focus-mode .short-card.video-focus-mode,
  body.video-focus-mode .short-card.video-focus-mode video.main-video,
  body.video-focus-mode .short-card.video-focus-mode iframe,
  body.video-focus-mode .short-card.video-focus-mode .external-video-wrap{height:100svh!important}
}

/* v160: tvrdší režim videa přes celý displej dvěma prsty */
.short-card.video-focus-gesture{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
body.video-focus-mode .short-card.video-focus-mode,
body.video-focus-mode .short-card.video-focus-mode *{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
body.video-focus-mode .short-card:not(.video-focus-mode),
body.video-focus-mode .short-card:not(.video-focus-mode) *{pointer-events:none!important}
body.video-focus-mode .short-card.video-focus-mode .side-actions,
body.video-focus-mode .short-card.video-focus-mode .more-actions-wrap,
body.video-focus-mode .short-card.video-focus-mode .more-actions-panel,
body.video-focus-mode .short-card.video-focus-mode .round-action,
body.video-focus-mode .short-card.video-focus-mode .short-info,
body.video-focus-mode .short-card.video-focus-mode .sound-bar,
body.video-focus-mode .short-card.video-focus-mode .sound-hint,
body.video-focus-mode .short-card.video-focus-mode .shade,
body.video-focus-mode .short-card.video-focus-mode .video-progress,
body.video-focus-mode .short-card.video-focus-mode .video-loading,
body.video-focus-mode .short-card.video-focus-mode .play-state-icon,
body.video-focus-mode .short-card.video-focus-mode .like-burst,
body.video-focus-mode .short-card.video-focus-mode .original-sound-ribbon{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.video-focus-mode .short-card.video-focus-mode video.main-video{object-fit:contain!important;background:#000!important}

/* v163 Community Boost */
.community-boost-box{margin-top:12px;padding:14px;border:1px solid color-mix(in srgb,var(--cyan) 34%,transparent);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 12%,transparent),color-mix(in srgb,var(--pink) 9%,transparent));display:grid;gap:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.community-boost-toggle{display:flex;gap:12px;align-items:flex-start;color:#fff;font-weight:950;cursor:pointer}.community-boost-toggle input{width:22px!important;height:22px!important;margin-top:2px;accent-color:var(--cyan);flex:0 0 auto}.community-boost-toggle span{display:grid;gap:3px}.community-boost-toggle small{color:var(--muted);font-weight:800;line-height:1.35}.community-boost-help{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.18);padding:10px;color:var(--muted);font-size:13px;line-height:1.45}.community-boost-help summary{cursor:pointer;color:#fff;font-weight:950}.community-boost-help p{margin:8px 0 0}.community-boost-status{font-size:13px;font-weight:900;color:#b9f7ff;border:1px solid rgba(0,231,255,.18);border-radius:14px;background:rgba(0,0,0,.20);padding:9px 10px}
@media(max-width:520px){.community-boost-box{border-radius:18px;padding:12px}.community-boost-toggle{gap:10px}.community-boost-toggle small,.community-boost-help,.community-boost-status{font-size:12px}}

/* v164 Community Boost Peer / Seed metriky */
.peer-seed-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 7px;
  border:1px solid color-mix(in srgb,var(--cyan) 38%,transparent);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  color:#c7fbff;
  font-weight:950;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.video-focus-mode .peer-seed-pill{display:none!important}
@media(max-width:520px){
  .peer-seed-pill{font-size:10px;padding:3px 6px;max-width:130px;overflow:hidden;text-overflow:ellipsis}
}


/* v165 Community Boost profilové Peer / Seed metriky */
.profile-boost-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  margin:7px auto 0;
  padding:5px 10px;
  border:1px solid color-mix(in srgb,var(--cyan) 40%,transparent);
  border-radius:999px;
  background:rgba(0,0,0,.28);
  color:#c7fbff;
  font-size:12px;
  font-weight:950;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.16);
}
.profile-private-view .profile-boost-pill{display:none!important}
@media(max-width:520px){
  .profile-boost-pill{font-size:11px;padding:5px 8px;white-space:normal;text-align:center}
}


/* ── v170.2: rozšířený Lajkto chat ── */
.pubchat-reply,.pubchat-attachment{margin-top:10px;border:1px solid rgba(0,231,255,.2);border-radius:16px;background:rgba(0,231,255,.065);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}
.pubchat-reply.hidden,.pubchat-attachment.hidden{display:none}
.pubchat-reply span,.pubchat-attachment span{min-width:0;display:flex;flex-direction:column;gap:2px}
.pubchat-reply b,.pubchat-attachment b{font-size:13px;color:#9ff8ff}
.pubchat-reply small,.pubchat-attachment small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62vw}
.pubchat-reply button,.pubchat-attachment button{border:1px solid var(--stroke);background:rgba(0,0,0,.24);color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;font-weight:950}
.pubchat-attachment>div{display:flex;align-items:center;gap:10px;min-width:0}
.pubchat-attachment img{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid var(--stroke)}
.pc-attach-ico{width:46px;height:46px;border-radius:12px;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,43,214,.22),rgba(0,231,255,.12));border:1px solid var(--stroke);font-size:24px;flex:0 0 auto}
.pubchat-form-rich{align-items:center;gap:8px}
.pubchat-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.pubchat-tools.hidden{display:none}
.pc-tool-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--stroke);background:rgba(255,255,255,.07);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.16s transform,.16s background,.16s box-shadow}
.pc-tool-btn:active{transform:scale(.96)}
.pc-tool-btn.recording{background:rgba(255,43,104,.25);border-color:rgba(255,43,104,.55);box-shadow:0 0 20px rgba(255,43,104,.35);animation:voicePulse 1s infinite alternate}
@keyframes voicePulse{from{transform:scale(1)}to{transform:scale(1.08)}}
.pubchat-emoji-panel{margin-top:10px;max-height:220px;overflow:auto;border:1px solid var(--stroke);border-radius:18px;background:rgba(7,8,14,.96);box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.pubchat-emoji-panel.hidden{display:none}
.pubchat-emoji-panel section{display:grid;gap:6px}
.pubchat-emoji-panel b{font-size:12px;color:var(--cyan)}
.pubchat-emoji-panel section>div{display:flex;flex-wrap:wrap;gap:5px}
.pubchat-emoji-panel button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);font-size:19px;cursor:pointer;line-height:1}
.pc-reply-ref{border-left:3px solid rgba(0,231,255,.55);padding:5px 8px;margin:2px 0 7px;background:rgba(0,231,255,.07);border-radius:8px;display:flex;flex-direction:column;gap:1px}
.pc-reply-ref b{font-size:12px;color:#9ff8ff}
.pc-reply-ref span{font-size:12px;color:#dfe3f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.pc-image-wrap{margin:2px 0 0;display:grid;gap:6px}
.pc-image{max-width:min(280px,62vw);max-height:360px;border-radius:14px;object-fit:cover;border:1px solid var(--stroke);display:block;background:#111}
.pc-image-wrap figcaption{font-size:14px;line-height:1.38;color:#fff;white-space:pre-wrap;word-break:break-word;margin:0}
.pc-deleted{font-size:13px;color:var(--muted);font-style:italic;padding:4px 0}
.pc-msg-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px;opacity:.86}
.pc-msg-tools button,.pc-react-count{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);color:#dfe3f0;border-radius:999px;min-height:25px;padding:0 8px;font-size:11px;font-weight:850;cursor:pointer}
.pc-msg-tools button:hover,.pc-react-count:hover{background:rgba(255,255,255,.11);color:#fff}
.pc-msg-tools button.danger{border-color:rgba(255,43,104,.35);color:#ffb8c8}
.pc-reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.pc-react-count{display:inline-flex;align-items:center;gap:3px;background:rgba(0,231,255,.08);border-color:rgba(0,231,255,.18);color:#eaffff}
.pc-voice{width:260px;max-width:62vw;height:42px;display:block;margin-top:2px}
.pubchat-panel .hidden{display:none!important}
@media(max-width:820px){.pubchat-form-rich{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:4;background:rgba(7,8,14,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 0 2px}.pubchat-form-rich input{min-width:0;padding:0 12px}.pc-tool-btn{width:38px;height:38px;font-size:17px}.pubchat-tools{gap:4px}.pubchat-emoji-panel{position:sticky;bottom:calc(126px + env(safe-area-inset-bottom));z-index:4;max-height:250px}.pc-msg-tools{opacity:1}.pc-image{max-width:68vw}.pc-reply-ref span{max-width:58vw}}


/* ── v172: místnosti + přesnější centrování mobilního Lajkto chatu ── */
.view[data-view="chat"].active{display:flex;justify-content:center;align-items:flex-start;width:100%}
.view[data-view="chat"] .pubchat-panel{width:min(720px,calc(100% - 24px));margin-left:auto;margin-right:auto;overflow:hidden}
.pubchat-room-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;justify-content:center}
.pubchat-room-controls.hidden,.pubchat-room-controls .hidden{display:none!important}
.pc-room-action{border:1px solid var(--stroke);border-radius:999px;min-height:34px;padding:0 12px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:12px;font-weight:950;cursor:pointer}
.pc-room-action.danger{border-color:rgba(255,43,104,.36);color:#ffb8c8;background:rgba(255,43,104,.08)}
.pubchat-rooms button[data-custom-room="1"]{border-color:rgba(255,43,214,.25)}
.pc-msg{width:100%;min-width:0}
.pc-body{min-width:0;max-width:min(76%,540px)}
.pc-image-wrap{max-width:100%;justify-items:start}
.pc-image{width:auto;max-width:100%;height:auto}
.pubchat-form-rich{width:100%;max-width:100%;justify-content:center}
.pubchat-form-rich input{min-width:120px}
.pubchat-form-rich .primary{white-space:nowrap;flex:0 0 auto}
@media(max-width:820px){
  .view[data-view="chat"]{padding-left:0!important;padding-right:0!important;overflow-x:hidden}
  .view[data-view="chat"] .pubchat-panel{width:calc(100% - 20px);margin:12px auto 0;padding:16px;max-width:720px;border-radius:24px}
  .pubchat-list{padding-left:0;padding-right:0;align-items:stretch;overflow-x:hidden}
  .pc-msg{gap:8px;max-width:100%;justify-content:flex-start}
  .pc-msg.mine{justify-content:flex-start}
  .pc-av{width:34px;height:34px;flex-basis:34px}
  .pc-body{max-width:calc(100% - 44px);padding:8px 10px;border-radius:16px}
  .pc-image{max-width:100%;max-height:58vh;border-radius:14px}
  .pc-voice{width:100%;max-width:100%}
  .pubchat-form-rich{left:auto;right:auto;margin-left:auto;margin-right:auto;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
  .pubchat-room-controls{justify-content:flex-start;overflow:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
}
@media(max-width:520px){
  .pubchat-form-rich{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;background:rgba(7,8,14,.94)}
  .pubchat-tools{grid-column:1/-1;justify-content:center;width:100%;gap:10px}
  .pubchat-form-rich input{grid-column:1/2;width:100%;min-width:0}
  .pubchat-form-rich .primary{grid-column:2/3;padding-left:14px;padding-right:14px;min-width:92px}
}


/* ── v173: PC roztažení Lajkto chatu + oprava místností ── */
@media(min-width:821px){
  .view[data-view="chat"].active{
    justify-content:center;
    align-items:flex-start;
    padding-left:24px!important;
    padding-right:24px!important;
    overflow-x:hidden;
  }
  .view[data-view="chat"] .pubchat-panel{
    width:min(1120px,calc(100vw - 96px));
    max-width:none;
    margin:34px auto 96px;
    padding:24px 28px;
    border-radius:26px;
  }
  .pubchat-switch{
    width:100%;
    max-width:none;
  }
  .pubchat-rooms{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    justify-content:flex-start;
    overflow:visible;
    padding:8px 0 2px;
    margin:12px 0 0;
    scrollbar-width:none;
  }
  .pubchat-rooms::-webkit-scrollbar{display:none}
  .pubchat-rooms button{
    min-height:38px;
    padding:0 16px;
    white-space:nowrap;
  }
  .pubchat-room-controls{
    justify-content:flex-start;
    margin:10px 0 0;
    overflow:visible;
  }
  .pc-room-action{
    min-height:36px;
    padding:0 14px;
  }
  .pubchat-online{
    width:100%;
  }
  .pubchat-list{
    max-height:60vh;
    min-height:360px;
    padding:16px 10px;
    margin-top:12px;
    gap:14px;
    overflow-x:hidden;
  }
  .pc-msg{
    max-width:100%;
  }
  .pc-body{
    max-width:min(82%,780px);
  }
  .pc-head b{
    max-width:260px;
  }
  .pc-image{
    max-width:min(620px,100%);
    max-height:62vh;
  }
  .pc-voice{
    width:360px;
    max-width:100%;
  }
  .pubchat-form-rich{
    width:100%;
    justify-content:stretch;
  }
  .pubchat-form-rich input{
    flex:1 1 auto;
    min-width:260px;
  }
  .pubchat-form-rich .primary{
    min-width:126px;
  }
}
@media(min-width:1200px){
  .view[data-view="chat"] .pubchat-panel{
    width:min(1240px,calc(100vw - 120px));
  }
  .pc-body{
    max-width:min(84%,860px);
  }
}


/* v175 FussyCraft AI Creator */
.top-actions .tb-ai-create{white-space:nowrap}
.ai-create-panel{width:min(1280px,calc(100% - 24px));overflow:hidden}
.ai-create-head h1{background:linear-gradient(135deg,#fff,#9cecff,#ff8bea);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.ai-create-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.8fr);gap:16px;align-items:start}
.ai-create-card{border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ai-create-card h2{margin:0 0 14px;font-size:22px}.ai-create-card p{color:var(--muted);line-height:1.5;margin:0 0 12px}
.ai-create-card label{display:grid;gap:7px;font-weight:900;color:#eef2ff;margin:10px 0}.ai-create-card input,.ai-create-card textarea,.ai-create-card select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(0,0,0,.32);color:#fff;padding:12px 14px;font:inherit;outline:none}.ai-create-card textarea{resize:vertical;min-height:96px}.ai-create-card input:focus,.ai-create-card textarea:focus,.ai-create-card select:focus{border-color:rgba(0,231,255,.55);box-shadow:0 0 0 3px rgba(0,231,255,.12)}
.ai-create-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-create-row:first-of-type{grid-template-columns:1fr 1fr}.ai-create-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ai-create-status{margin-top:12px;padding:11px 13px;border-radius:16px;border:1px solid rgba(0,231,255,.2);background:rgba(0,231,255,.07);color:#dfe8ff;font-weight:800;line-height:1.4}.ai-create-output-meta{display:grid;gap:4px;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px;background:rgba(0,0,0,.24)}.ai-create-output-meta b{font-size:22px}.ai-create-output-meta span{color:var(--muted);font-size:13px}.ai-create-player{width:100%;margin:14px 0;border-radius:999px}.ai-create-download-box{display:grid;gap:8px;margin:8px 0 12px}.ai-create-download-box small{color:var(--muted);line-height:1.35}.ai-create-copy-grid{display:flex;gap:8px;flex-wrap:wrap}.ai-create-note{margin-top:14px;color:#cdd3ef;font-size:13px;line-height:1.5;border-left:3px solid rgba(255,43,214,.55);padding-left:10px}.ai-create-training-card{margin-top:16px}.ai-create-train-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.ai-create-train-row input{min-height:46px}
@media(min-width:1100px){#aiCreateView .panel{margin-top:28px}.ai-create-form-card textarea#aiCreateLyrics{min-height:150px}}
@media(max-width:900px){.ai-create-grid{grid-template-columns:1fr}.ai-create-row,.ai-create-row:first-of-type,.ai-create-train-row{grid-template-columns:1fr}.ai-create-actions .big-btn{width:100%;margin-right:0}.ai-create-panel{padding:16px}.top-actions .tb-ai-create .tb-txt{display:inline!important}}
@media(max-width:420px){.ai-create-card{padding:14px;border-radius:20px}.ai-create-card input,.ai-create-card textarea,.ai-create-card select{border-radius:15px;padding:11px}.ai-create-output-meta b{font-size:18px}}

/* v185: uložená kvalita PWA videa v nastavení kamery */
#recordVideoQualityValue{display:block;margin-top:4px;color:rgba(255,255,255,.68);font-size:12px;font-weight:800}

/* v185: PWA video quality sheet from Další menu */
.video-quality-card{max-width:520px;width:min(92vw,520px)}
.video-quality-options{display:grid;gap:10px;margin:14px 0}
.video-quality-options .big-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.video-quality-options .big-btn.active{outline:2px solid rgba(143,104,255,.85);box-shadow:0 0 0 4px rgba(143,104,255,.16)}
.video-quality-options .big-btn span{font-size:.88rem;opacity:.78}

/* v186: boční akce bez neviditelných překryvů.
   Video může chytat klik jen ve své ploše; tlačítka a menu Další mají vlastní úzkou vrstvu. */
body.feed-shell .short-card{isolation:isolate!important;}
body.feed-shell .short-card video.main-video,
body.feed-shell .short-card iframe,
body.feed-shell .short-card .external-video-wrap{z-index:20!important;pointer-events:auto!important;}
body.feed-shell .short-card .shade,
body.feed-shell .short-card .video-backdrop,
body.feed-shell .short-card .video-backdrop-live,
body.feed-shell .short-card .video-loading,
body.feed-shell .short-card .video-progress,
body.feed-shell .short-card .play-state-icon{pointer-events:none!important;}
body.feed-shell .short-card .side-actions,
body.feed-shell .short-card .more-actions-wrap,
body.feed-shell .short-card .more-actions-panel,
body.feed-shell .short-card .round-action,
body.feed-shell .short-card .more-actions-panel button{pointer-events:auto!important;}
body.feed-shell .short-card .side-actions{z-index:30000!important;width:auto!important;height:auto!important;min-width:0!important;background:transparent!important;}
body.feed-shell .short-card .more-actions-wrap{position:relative!important;z-index:30010!important;width:auto!important;height:auto!important;background:transparent!important;}
body.feed-shell .short-card .more-actions-panel{z-index:30050!important;pointer-events:auto!important;}
body.feed-shell .short-card .more-actions-panel.hidden{display:none!important;pointer-events:none!important;}
body.feed-shell .short-card .round-action{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;}
body.feed-shell .short-card .sound-bar{z-index:29000!important;}
body.feed-shell .short-card .short-info{z-index:29010!important;}
body.feed-shell .video-quality-sheet{z-index:50000!important;}
body.feed-shell .video-quality-sheet .sheet-card,
.video-quality-sheet .sheet-card,
.video-quality-sheet button{pointer-events:auto!important;}
@media(max-width:820px){
  body.feed-shell .short-card .side-actions{right:7px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;max-height:calc(100% - 104px)!important;}
  body.feed-shell .short-card .more-actions-panel{right:54px!important;bottom:-4px!important;min-width:190px!important;}
}

/* v188: tvrdý fix klikací vrstvy feedu bez velkých neviditelných tlačítek */
body.feed-shell .short-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;}
body.feed-shell .short-card .main-video,
body.feed-shell .short-card .youtube-embed-feed,
body.feed-shell .short-card .external-video-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:10!important;pointer-events:auto!important;}
body.feed-shell .short-card .video-backdrop,
body.feed-shell .short-card .video-backdrop-live{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;}
body.feed-shell .short-card .shade{position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;}
body.feed-shell .short-card .sound-hint,
body.feed-shell .short-card .play-state-icon,
body.feed-shell .short-card .video-loading{position:absolute!important;z-index:25!important;pointer-events:none!important;}
body.feed-shell .short-card .video-progress{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:4px!important;z-index:70!important;pointer-events:auto!important;}
body.feed-shell .short-card .short-info{position:absolute!important;left:14px!important;right:86px!important;bottom:86px!important;z-index:60!important;pointer-events:none!important;}
body.feed-shell .short-card .short-info button,
body.feed-shell .short-card .short-info a,
body.feed-shell .short-card .desc-more{pointer-events:auto!important;}
body.feed-shell .short-card .sound-bar{position:absolute!important;left:14px!important;right:88px!important;bottom:12px!important;z-index:65!important;pointer-events:auto!important;}
body.feed-shell .short-card .side-actions{position:absolute!important;right:8px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:62px!important;max-width:62px!important;height:auto!important;max-height:calc(100% - 118px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;overflow:visible!important;padding:0!important;background:transparent!important;z-index:1000!important;pointer-events:none!important;touch-action:manipulation!important;-webkit-mask-image:none!important;mask-image:none!important;}
body.feed-shell .short-card .side-actions .round-action,
body.feed-shell .short-card .more-actions-wrap,
body.feed-shell .short-card .more-actions-panel,
body.feed-shell .short-card .more-actions-panel button{pointer-events:auto!important;}
body.feed-shell .short-card .round-action{width:52px!important;min-height:52px!important;border-radius:17px!important;padding:5px!important;position:relative!important;z-index:1001!important;touch-action:manipulation!important;cursor:pointer!important;}
body.feed-shell .short-card .more-actions-wrap{position:relative!important;width:52px!important;height:auto!important;z-index:1002!important;}
body.feed-shell .short-card .more-actions-panel{position:absolute!important;right:58px!important;bottom:0!important;z-index:1005!important;min-width:210px!important;max-width:min(78vw,280px)!important;pointer-events:auto!important;}
body.feed-shell .short-card .more-actions-panel.hidden{display:none!important;pointer-events:none!important;}
body.feed-shell .short-card .more-actions-panel button{min-height:38px!important;cursor:pointer!important;touch-action:manipulation!important;}
body.feed-shell .short-card button:disabled{opacity:.62!important;cursor:wait!important;}
@media(max-width:820px){
  body.feed-shell .short-card .side-actions{right:6px!important;width:54px!important;max-width:54px!important;gap:7px!important;}
  body.feed-shell .short-card .round-action{width:48px!important;min-height:48px!important;border-radius:16px!important;}
  body.feed-shell .short-card .more-actions-wrap{width:48px!important;}
  body.feed-shell .short-card .more-actions-panel{right:54px!important;bottom:-4px!important;min-width:190px!important;}
  body.feed-shell .short-card .short-info{right:74px!important;bottom:82px!important;}
  body.feed-shell .short-card .sound-bar{right:74px!important;}
}

/* v188: @nick našeptávač a okamžité odesílání */
.comment-form{position:relative!important;}
.mention-suggest{position:absolute;left:0;right:76px;bottom:calc(100% + 8px);z-index:100000;display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(18,19,30,.98);box-shadow:0 14px 50px rgba(0,0,0,.55);backdrop-filter:blur(16px);}
.mention-suggest.hidden{display:none!important;}
.mention-suggest button{display:flex;align-items:center;gap:8px;min-height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;padding:7px 9px;text-align:left;cursor:pointer;}
.mention-suggest button:hover{background:rgba(124,92,255,.22);}
.mention-suggest img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;}
.mention-suggest b{display:block;color:#fff;font-size:13px;}
.mention-suggest small{display:block;color:rgba(255,255,255,.64);font-size:11px;}
.publish-review-form label{position:relative;}
.publish-review-form .mention-suggest{right:0;bottom:auto;top:calc(100% + 6px);}
.comment-pending{opacity:.72;}
.pending-mark{font-style:normal;color:var(--green);font-size:12px;font-weight:900;margin-left:8px;}
.gift-chip.sending{opacity:.65;filter:saturate(.65);}

/* v188: zachovat PC/Mac rozmazané boční pozadí, ale bez klikací vrstvy přes tlačítka */
@media(min-width:821px){
  body.feed-shell .short-card .video-backdrop-live{
    display:block!important;
    inset:-10%!important;
    width:120%!important;
    height:120%!important;
    object-fit:cover!important;
    filter:blur(42px) saturate(1.28) brightness(.55)!important;
    transform:scale(1.10)!important;
    opacity:.95!important;
    z-index:0!important;
    pointer-events:none!important;
  }
}


/* v191: PC/Mac feed bez spodní tmavé vrstvy a video až k hraně spodní navigace.
   Nevrací video cache ani P2P. Mění jen rozložení feedu a overlay vrstvy. */
body.feed-shell .short-card .shade{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  pointer-events:none!important;
}
body.feed-shell .short-card::before,
body.feed-shell .short-card::after{
  content:none!important;
  display:none!important;
}
body.feed-shell .short-card .video-progress{
  bottom:0!important;
  height:4px!important;
  min-height:4px!important;
  background:transparent!important;
  pointer-events:auto!important;
}
body.feed-shell .short-card .video-progress > i{
  height:4px!important;
}
@media(min-width:821px){
  body.feed-shell #app{
    height:calc(var(--app-vvh,100svh) - var(--bottom-nav-real,54px))!important;
  }
  body.feed-shell .view[data-view="feed"].active{
    height:calc(var(--app-vvh,100svh) - var(--bottom-nav-real,54px))!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    flex:0 0 38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:5px 10px!important;
    margin:0!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  body.feed-shell #feed{
    flex:1 1 auto!important;
    height:calc(var(--app-vvh,100svh) - var(--bottom-nav-real,54px) - 38px)!important;
    min-height:0!important;
    max-height:calc(var(--app-vvh,100svh) - var(--bottom-nav-real,54px) - 38px)!important;
    padding:0!important;
    margin:0 auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.feed-shell #feed .short-card{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    padding:0!important;
    margin:0!important;
    background:#000!important;
    overflow:hidden!important;
  }
  body.feed-shell .short-card video.main-video,
  body.feed-shell .short-card iframe.youtube-embed-feed,
  body.feed-shell .short-card .external-video-wrap{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(520px,100%)!important;
    height:100%!important;
    max-height:100%!important;
    display:block!important;
    object-fit:cover!important;
    background:#000!important;
    z-index:10!important;
  }
  body.feed-shell .short-card .video-backdrop-live,
  body.feed-shell .short-card .video-backdrop{
    top:0!important;
    bottom:0!important;
    height:100%!important;
    opacity:.78!important;
    pointer-events:none!important;
  }
  body.feed-shell .short-card .short-info{
    bottom:66px!important;
  }
  body.feed-shell .short-card .sound-bar{
    bottom:6px!important;
  }
  body.feed-shell .short-card .side-actions{
    top:50%!important;
    transform:translateY(-50%)!important;
  }
}
@media(max-width:820px){
  body.feed-shell .short-card .shade{display:none!important;}
}

/* v192: mention links, clickable reply targets and stable story playback */
.mention-link{display:inline;border:0;background:transparent;color:#8ff7ff;font:inherit;font-weight:900;padding:0;cursor:pointer;text-decoration:none;vertical-align:baseline}
.mention-link:hover{text-decoration:underline}
.comment-reply-ref{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:1px solid rgba(0,231,255,.18);border-left:3px solid rgba(0,231,255,.65);background:rgba(0,231,255,.06);color:#fff;border-radius:10px;padding:6px 8px;margin:6px 0;cursor:pointer}
.comment-reply-ref b{font-size:12px;color:#9ff8ff}.comment-reply-ref span{font-size:12px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-reply-ref:hover{background:rgba(0,231,255,.12)}
.jump-highlight{animation:lajktoJumpPulse 1.2s ease both!important;box-shadow:0 0 0 3px rgba(0,231,255,.45),0 0 35px rgba(0,231,255,.28)!important}
@keyframes lajktoJumpPulse{0%{transform:scale(.985)}35%{transform:scale(1.015)}100%{transform:scale(1)}}
.pc-reply-ref{appearance:none;-webkit-appearance:none;border-left:3px solid rgba(0,231,255,.55)!important;padding:5px 8px!important;margin:2px 0 7px!important;background:rgba(0,231,255,.07)!important;border-top:0!important;border-right:0!important;border-bottom:0!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;gap:1px!important;color:#fff!important;text-align:left!important;cursor:pointer!important;width:100%;max-width:100%}
.pc-reply-ref:hover{background:rgba(0,231,255,.14)!important}.pc-reply-ref b{font-size:12px;color:#9ff8ff}.pc-reply-ref span{font-size:12px;color:#dfe3f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.story-play-unblock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(135deg,#7c5cff,#00e7ff);color:#fff;font-weight:1000;padding:12px 18px;box-shadow:0 12px 40px rgba(0,0,0,.4);cursor:pointer}
.story-overlay{overscroll-behavior:contain;touch-action:manipulation}.story-stage{position:relative}


/* v193 - FussyCraft: oprava zhrouceného těla denního příběhu na PC i mobilu.
   Pozdější pravidlo z v192 přepsalo story-stage na relative bez výšky, takže se video/obrázek smrskl do horního pásu.
   Tady story stage znovu tvrdě vyplní celou kartu. */
.story-overlay .story-phone{background:#05070d;}
.story-overlay .story-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;background:#05070d!important;}
.story-overlay .story-stage>.story-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:72px 24px 58px!important;}
.story-overlay .story-stage>.story-media::before{z-index:1;}
.story-overlay .story-stage .story-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;background:#05070d!important;z-index:0!important;}
.story-overlay .story-stage .story-video.story-video-failed{opacity:0!important;pointer-events:none!important;}
.story-overlay .story-stage .story-text{z-index:3!important;}
.story-overlay .story-head,.story-overlay .story-progress,.story-overlay .story-close,.story-overlay .story-nav{position:absolute;}
.story-overlay .story-play-unblock{z-index:9!important;}
@media(max-width:720px){.story-overlay .story-phone{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:0!important}.story-overlay{padding:0!important}.story-overlay .story-stage>.story-media{padding:74px 18px 54px!important}}


/* v201 Lajkto Live místnosti */
.lajkto-live-stage{width:min(1280px,calc(100% - 24px));margin:0 auto 88px}
.lajkto-live-wrap{display:grid;gap:14px}
.live-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.live-top h1{margin:2px 0 6px}.live-top p{margin:0;color:var(--muted)}
.live-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:14px;align-items:start}
.live-sidebar{display:grid;gap:14px;position:sticky;top:80px}.live-sidebar h2{margin:0;font-size:16px}
.live-start-card{border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:14px;background:rgba(255,255,255,.045)}
.live-start-card h2{margin:0 0 8px}.live-start-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}
.live-start-row{display:flex;gap:8px}.live-start-row input,.live-manage-row input,.live-chat-input input{flex:1;min-width:0;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);color:var(--text);border-radius:14px;padding:11px 12px;outline:none}
.live-room-list{display:grid;gap:8px}.live-room-chip{display:flex;justify-content:space-between;gap:8px;text-align:left;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045);color:var(--text);padding:10px 12px;cursor:pointer}.live-room-chip.active{border-color:rgba(156,91,255,.75);box-shadow:0 0 0 2px rgba(156,91,255,.18)}.live-room-chip span,.live-empty-mini{color:var(--muted);font-size:12px}
.live-room-main{min-height:560px}.live-room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.live-room-head h2{margin:4px 0 4px;font-size:26px}.live-room-head p{margin:0;color:var(--muted)}.live-badge-static{display:inline-flex;background:linear-gradient(135deg,var(--red),var(--pink));border-radius:999px;color:#fff;font-weight:950;font-size:12px;padding:5px 10px;box-shadow:0 8px 24px rgba(255,43,104,.35)}
.live-room-grid{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:14px}.live-player-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-slot{position:relative;min-height:420px;border-radius:20px;overflow:hidden;background:#050508;border:1px solid rgba(255,255,255,.10)}.live-slot-head{position:absolute;left:10px;right:10px;top:10px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px}.live-slot-head b,.live-slot-head a{background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 9px;color:#fff;text-decoration:none;font-size:12px}.live-frame{width:100%;height:100%;min-height:420px;border:0;background:#000}.live-slot-empty{display:grid;place-items:center;text-align:center;padding:20px}.live-slot-empty b{display:block;font-size:22px;margin-bottom:8px}.live-slot-empty span{color:var(--muted)}
.live-chat-panel{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;min-height:420px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(0,0,0,.18);padding:12px}.live-chat-panel h3{margin:0}.live-chat-list{overflow:auto;display:grid;align-content:start;gap:8px;padding-right:4px}.live-chat-msg{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 10px}.live-chat-msg b{display:block;color:#fff;font-size:12px}.live-chat-msg span{font-size:13px;line-height:1.35}.live-chat-input{display:flex;gap:8px}.live-gift-row{display:flex;gap:6px;flex-wrap:wrap}.live-obs-box{margin-top:14px;border:1px solid rgba(103,245,255,.18);background:rgba(103,245,255,.055);border-radius:20px;padding:14px}.live-obs-box h3{margin:0 0 10px}.live-copy-line{display:grid;grid-template-columns:100px 1fr auto;gap:8px;align-items:center;margin:7px 0}.live-copy-line span{color:var(--muted);font-size:12px}.live-copy-line code{overflow:auto;white-space:nowrap;background:rgba(0,0,0,.35);border-radius:12px;padding:9px;color:#dff}.live-copy-line button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:8px 10px}.live-manage-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.live-room-empty{display:grid;place-items:center;min-height:320px;text-align:center}.live-room-loading{max-width:640px;margin:30px auto;text-align:center}
@media(max-width:980px){.live-layout{grid-template-columns:1fr}.live-sidebar{position:static}.live-room-grid{grid-template-columns:1fr}.live-player-duo{grid-template-columns:1fr}.live-slot,.live-frame{min-height:360px}.live-copy-line{grid-template-columns:1fr}.live-start-row,.live-chat-input{flex-direction:column}.lajkto-live-stage{width:100%;margin-bottom:76px}.live-top{border-radius:0}.live-room-main{border-radius:0}.live-sidebar{border-radius:0}}

/* v203: Live vysílání přímo z appky + srdíčko vždy nad videem */
.short-card{isolation:isolate!important;}
.short-card .side-actions,
body.feed-shell .short-card .side-actions{
  z-index:9995!important;
  pointer-events:auto!important;
}
.short-card .round-action,
body.feed-shell .short-card .round-action{
  position:relative!important;
  z-index:9996!important;
}
.like-burst,
.short-card .like-burst,
body.feed-shell .short-card .like-burst{
  z-index:9999!important;
  position:absolute!important;
  pointer-events:none!important;
}
.live-app-broadcast-box{margin-top:16px;padding:16px;border:1px solid rgba(0,231,255,.22);border-radius:22px;background:linear-gradient(135deg,rgba(0,231,255,.10),rgba(255,43,214,.08));display:grid;gap:12px}
.live-app-broadcast-box h3{margin:0;font-size:19px}.live-app-broadcast-box p{margin:0;color:var(--muted);line-height:1.45}.live-app-actions{display:flex;gap:8px;flex-wrap:wrap}.live-app-actions .pill{min-height:40px}.live-local-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-local-preview{min-height:170px;border:1px dashed rgba(255,255,255,.18);border-radius:18px;background:rgba(0,0,0,.26);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-weight:900;text-align:center;padding:10px}.live-local-preview.active{border-style:solid;border-color:rgba(53,255,147,.38);background:#050508}.live-local-preview video{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block;transform:scaleX(-1)}
@media(max-width:760px){.live-local-previews{grid-template-columns:1fr}.live-app-actions{display:grid;grid-template-columns:1fr}.live-app-actions .pill{width:100%}}


/* v204 live redesign */
.feed-tabs .live-pill{border-color:rgba(255,64,110,.45);box-shadow:0 0 0 1px rgba(255,64,110,.14) inset}
.live-immersive{display:grid;gap:14px}
.live-live-tabline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;color:var(--muted)}
.live-live-tabline b{color:var(--text);font-size:18px}
.live-room-rail-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.live-discover-card{display:grid;gap:6px;text-align:left;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.18));color:var(--text);cursor:pointer;min-height:110px;align-content:start;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.live-discover-card b{font-size:16px;line-height:1.25}
.live-discover-card span{color:var(--muted);font-size:13px}
.live-discover-card.active{border-color:rgba(255,64,110,.62);box-shadow:0 0 0 2px rgba(255,64,110,.14),0 18px 36px rgba(0,0,0,.24)}
.live-discover-dot{display:inline-flex;align-items:center;gap:6px;color:#fff!important;font-weight:900;font-size:12px;background:linear-gradient(135deg,var(--red),var(--pink));padding:5px 10px;border-radius:999px;width:max-content}
.live-quick-start{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;padding:18px 20px}
.live-quick-start h2{margin:4px 0 8px;font-size:28px}.live-quick-start p{margin:0;color:var(--muted)}
.live-start-stack{display:grid;gap:10px}.live-start-stack .live-start-card{background:rgba(0,0,0,.18)}
.live-start-card h3{margin:0 0 10px;font-size:16px}
.live-current-shell{display:grid;gap:14px}
.live-room-main{min-height:unset;padding:16px}
.live-room-head-center{text-align:center;align-items:center}.live-room-head-center>div{margin:0 auto}.live-room-head-center h2{font-size:34px}
.live-room-grid-immersive{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.live-player-stage{display:grid;place-items:center}
.live-player-duo-centered{width:100%;max-width:860px;margin:0 auto;grid-template-columns:1fr 1fr}
.live-slot{min-height:520px;border-radius:24px;background:#030306;box-shadow:0 20px 48px rgba(0,0,0,.34)}
.live-frame{min-height:520px}
.live-chat-panel{min-height:520px;align-self:stretch}
.live-app-broadcast-box,.live-obs-box{max-width:1160px;margin-left:auto;margin-right:auto}
@media(max-width:1180px){.live-room-grid-immersive{grid-template-columns:1fr}.live-chat-panel{min-height:340px}.live-player-duo-centered{max-width:none}}
@media(max-width:900px){.live-quick-start{grid-template-columns:1fr}.live-room-rail-wrap{grid-template-columns:1fr 1fr}.live-room-head-center h2{font-size:28px}}
@media(max-width:720px){.live-room-rail-wrap{grid-template-columns:1fr}.live-player-duo-centered{grid-template-columns:1fr}.live-slot,.live-frame{min-height:380px}.live-quick-start{padding:14px}.live-live-tabline{padding:12px 14px;flex-direction:column;align-items:flex-start}}


/* v205 live guest request flow */
.live-guest-control-box{max-width:1160px;margin:14px auto 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.18));display:grid;gap:12px}
.live-guest-control-box h3{margin:0;font-size:19px}
.live-guest-control-box p{margin:0;color:var(--muted);line-height:1.45}
.live-guest-request-list{display:grid;gap:8px}
.live-guest-request{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:10px 12px;background:rgba(0,0,0,.20)}
.live-guest-request b{display:block}.live-guest-request span{display:block;color:var(--muted);font-size:12px}
.live-active-guest{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid rgba(53,255,147,.18);border-radius:16px;padding:10px 12px;background:rgba(53,255,147,.08)}
.live-local-previews-one{grid-template-columns:minmax(0,1fr);max-width:520px}
@media(max-width:760px){.live-guest-request{grid-template-columns:1fr}.live-active-guest{align-items:flex-start;flex-direction:column}.live-local-previews-one{max-width:none}}


/* v206 live polish */
.lajkto-live-stage{width:min(1500px,calc(100vw - 18px));}
.live-room-main{max-width:1280px;margin:0 auto;width:100%}
.live-top,.live-quick-start,.live-live-tabline{max-width:1280px;margin-left:auto;margin-right:auto;width:100%}
.live-room-grid-immersive{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
.live-player-duo-centered{max-width:920px}
.live-slot-app{display:grid;grid-template-rows:auto 1fr}
.live-main-preview{width:100%;height:100%;min-height:520px;border:0;border-radius:0;padding:0;background:#050508}
.live-main-preview video{border-radius:0}
.live-app-broadcast-compact{grid-template-columns:1fr auto;align-items:center}
.live-app-broadcast-compact h3{margin:0 0 4px}
.live-app-broadcast-compact .live-app-actions{justify-content:flex-end}
.live-obs-collapsed{display:block}
.live-obs-collapsed summary{cursor:pointer;font-weight:950;list-style:none}
.live-obs-collapsed summary::-webkit-details-marker{display:none}
.live-obs-collapsed summary:after{content:' +';opacity:.7}
.live-obs-collapsed[open] summary:after{content:' –'}
@media(max-width:1180px){.live-room-grid-immersive{grid-template-columns:1fr}.live-app-broadcast-compact{grid-template-columns:1fr}.live-app-broadcast-compact .live-app-actions{justify-content:flex-start}.live-player-duo-centered{max-width:none}}
@media(max-width:720px){.lajkto-live-stage{width:100%}.live-main-preview{min-height:380px}.live-app-broadcast-compact .live-app-actions{display:grid;grid-template-columns:1fr}.live-app-broadcast-compact .pill{width:100%}}


/* v207 live window director */
.live-room-grid-immersive{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}
.live-player-stage-wrap{min-width:0}
.live-layout-controls{max-width:1160px;margin:0 auto 12px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:10px;background:rgba(0,0,0,.18)}
.live-layout-controls b{margin-right:6px}
.live-layout-mode{width:100%;max-width:1040px;margin:0 auto;position:relative}
.live-layout-focus{min-height:680px;border-radius:28px;overflow:hidden;background:#030306;box-shadow:0 22px 60px rgba(0,0,0,.38)}
.live-main-window,.live-layout-focus>.live-main-window .live-slot{width:100%;height:100%;min-height:680px}
.live-mini-window{position:absolute;right:16px;bottom:16px;width:min(34%,260px);min-width:190px;z-index:8}
.live-mini-window .live-slot{min-height:250px;border-radius:22px;border:2px solid rgba(255,255,255,.20);box-shadow:0 18px 42px rgba(0,0,0,.42)}
.live-mini-window .live-frame,.live-mini-window .live-main-preview{min-height:250px}
.live-slot-main{min-height:680px;border-radius:28px}
.live-slot-main .live-frame,.live-slot-main .live-main-preview{min-height:680px}
.live-slot-mini .live-slot-wait{font-size:12px}
.live-layout-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.live-layout-side .live-slot{min-height:620px}
.live-layout-side .live-frame,.live-layout-side .live-main-preview{min-height:620px}
.live-layout-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px}
.live-layout-stack .live-slot{min-height:330px}
.live-layout-stack .live-frame,.live-layout-stack .live-main-preview{min-height:330px}
.live-slot{position:relative}
.live-slot-wait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.14);font-weight:900;color:#fff;text-align:center;pointer-events:none}
.live-slot iframe + .live-slot-wait{opacity:.0;transition:opacity .2s}
.live-slot:hover iframe + .live-slot-wait{opacity:.75}
.live-slot-app .live-slot-wait{display:none}
.live-main-preview{width:100%;height:100%;border:0;border-radius:0;padding:0;background:#050508}
.live-main-preview video{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;transform:scaleX(-1)}
@media(max-width:1180px){.live-room-grid-immersive{grid-template-columns:1fr}.live-layout-focus{min-height:620px}.live-main-window,.live-layout-focus>.live-main-window .live-slot,.live-slot-main,.live-slot-main .live-frame,.live-slot-main .live-main-preview{min-height:620px}}
@media(max-width:760px){.live-layout-focus{min-height:calc(100svh - 180px);border-radius:0}.live-main-window,.live-layout-focus>.live-main-window .live-slot,.live-slot-main,.live-slot-main .live-frame,.live-slot-main .live-main-preview{min-height:calc(100svh - 180px);border-radius:0}.live-mini-window{right:10px;bottom:12px;width:38%;min-width:140px}.live-mini-window .live-slot,.live-mini-window .live-frame,.live-mini-window .live-main-preview{min-height:190px}.live-layout-side{grid-template-columns:1fr}.live-layout-side .live-slot,.live-layout-side .live-frame,.live-layout-side .live-main-preview{min-height:380px}.live-layout-stack .live-slot,.live-layout-stack .live-frame,.live-layout-stack .live-main-preview{min-height:300px}.live-layout-controls{border-radius:0;margin-bottom:8px}.live-layout-controls .pill{font-size:12px;padding:8px 10px}}

/* v208: divácký WebRTC/WHEP + HLS přehrávač přímo v okně */
.live-slot-remote{position:relative;background:#000}
.live-slot-remote .live-remote-video{width:100%;height:100%;object-fit:cover;display:block;background:#000;transform:none}
.live-slot-remote.has-signal .live-slot-wait{display:none}
.live-remote-unmute{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:8px 14px;font-weight:900;cursor:pointer}
.live-remote-unmute[hidden]{display:none}

/* v208: klikací + pro hosta, filtry live, čtení chatu, kompaktnější výška na PC */
.live-slot-join{display:grid;place-items:center;text-align:center;padding:18px}
.live-slot-plus-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:280px}
.live-slot-plus{width:74px;height:74px;border-radius:50%;font-size:40px;line-height:1;font-weight:900;color:#fff;cursor:pointer;border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);transition:transform .12s,background .12s}
.live-slot-plus:hover{transform:scale(1.06);background:rgba(255,255,255,.14)}
.live-slot-plus:active{transform:scale(.96)}
.live-slot-plus-wait{font-size:40px}
.live-slot-join span{color:var(--muted);font-weight:700;line-height:1.4}

.live-fx-box{margin-top:10px;border-top:1px solid rgba(255,255,255,.10);padding-top:10px}
.live-fx-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.live-fx-head b{font-size:14px}
.live-fx-head span{color:var(--muted);font-size:12px}
.live-fx-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.live-fx-pill{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}
.live-fx-pill.active{background:linear-gradient(135deg,var(--accent,#6c5ce7),#a55eff);border-color:transparent}

.live-chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.live-chat-head h3{margin:0}
.live-tts-toggle{flex:0 0 auto;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:12px;cursor:pointer}
.live-tts-toggle.active{background:linear-gradient(135deg,#1fb98a,#35ff93);border-color:transparent;color:#05140e}

/* v210: Lajkto Live mobilní režie + admin důkazy pro live reporty */
.live-head-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-live-evidence{margin-top:12px;display:grid;gap:10px}
.admin-live-evidence h4{margin:6px 0 0;font-size:14px}
.admin-live-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-live-shots figure{margin:0;border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.25)}
.admin-live-shots img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050508}
.admin-live-shots figcaption{font-size:11px;color:var(--muted);padding:7px 8px;line-height:1.25}
.admin-live-chat{display:grid;gap:6px;max-height:260px;overflow:auto;padding-right:4px}
.admin-live-chat div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);padding:7px 9px}
.admin-live-chat b{font-size:12px}.admin-live-chat span{font-size:12px;white-space:pre-wrap;word-break:break-word}.admin-live-chat small{font-size:10px;color:var(--muted)}
.admin-live-empty{border:1px dashed rgba(255,255,255,.16);border-radius:14px;padding:10px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.035)}

@media(max-width:820px){
  html.device-mobile-live .lajkto-live-stage{width:100%;margin:0 0 calc(76px + env(safe-area-inset-bottom,0px));}
  html.device-mobile-live .lajkto-live-wrap{gap:8px;}
  html.device-mobile-live .live-top{display:none;}
  html.device-mobile-live .live-live-tabline{position:sticky;top:0;z-index:30;border-radius:0;padding:8px 12px;background:rgba(5,5,10,.88);backdrop-filter:blur(14px);flex-direction:row;align-items:center;}
  html.device-mobile-live .live-live-tabline b{font-size:14px;}
  html.device-mobile-live .live-live-tabline span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  html.device-mobile-live .live-room-rail-wrap{display:flex;gap:8px;overflow-x:auto;padding:0 8px 8px;scroll-snap-type:x proximity;}
  html.device-mobile-live .live-discover-card{min-width:164px;min-height:68px;padding:9px 10px;border-radius:16px;scroll-snap-align:start;}
  html.device-mobile-live .live-discover-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  html.device-mobile-live .live-discover-card span{font-size:11px;}
  html.device-mobile-live .live-discover-dot{font-size:10px;padding:3px 7px;}
  html.device-mobile-live .live-quick-start{margin:0 8px;padding:10px 12px;border-radius:16px;gap:10px;}
  html.device-mobile-live .live-quick-start h2{font-size:18px;margin:2px 0 4px;}
  html.device-mobile-live .live-quick-start p{font-size:12px;line-height:1.35;}
  html.device-mobile-live .live-start-row{display:grid;grid-template-columns:1fr auto;gap:6px;}
  html.device-mobile-live .live-start-row input{min-height:40px;}
  html.device-mobile-live .live-room-main{position:relative;width:100%;padding:0;border-radius:0;border-left:0;border-right:0;background:#000;overflow:hidden;}
  html.device-mobile-live .live-room-head-center{position:absolute;left:8px;right:8px;top:8px;z-index:22;margin:0;padding:0;text-align:left;align-items:flex-start;pointer-events:none;}
  html.device-mobile-live .live-room-head-center>div{margin:0;max-width:calc(100% - 118px);}
  html.device-mobile-live .live-room-head-center h2{font-size:17px;line-height:1.1;margin:3px 0;text-shadow:0 2px 12px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  html.device-mobile-live .live-room-head-center p{font-size:11px;text-shadow:0 2px 12px #000;}
  html.device-mobile-live .live-badge-static{font-size:10px;padding:4px 8px;box-shadow:0 8px 22px rgba(255,43,104,.42);}
  html.device-mobile-live .live-head-actions{pointer-events:auto;margin-left:auto;gap:5px;}
  html.device-mobile-live .live-head-actions .pill{min-height:32px;padding:6px 8px;font-size:11px;background:rgba(0,0,0,.58);border-color:rgba(255,255,255,.20);}
  html.device-mobile-live .live-layout-controls{position:absolute;left:8px;right:8px;top:70px;z-index:21;margin:0;padding:6px;border-radius:999px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;background:rgba(0,0,0,.42);backdrop-filter:blur(10px);}
  html.device-mobile-live .live-layout-controls b{display:none;}
  html.device-mobile-live .live-layout-controls .pill{flex:0 0 auto;font-size:11px;min-height:30px;padding:6px 9px;}
  html.device-mobile-live .live-room-grid-immersive{display:flex;flex-direction:column;gap:0;}
  html.device-mobile-live .live-player-stage-wrap{width:100%;min-height:calc(100svh - 220px);background:#000;}
  html.device-mobile-live .live-layout-focus{min-height:calc(100svh - 220px);height:calc(100svh - 220px);border-radius:0;box-shadow:none;}
  html.device-mobile-live .live-main-window,
  html.device-mobile-live .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live .live-slot-main,
  html.device-mobile-live .live-slot-main .live-frame,
  html.device-mobile-live .live-slot-main .live-main-preview{min-height:calc(100svh - 220px);height:calc(100svh - 220px);border-radius:0;}
  html.device-mobile-live .live-slot{border-radius:0;border:0;box-shadow:none;}
  html.device-mobile-live .live-mini-window{right:10px;bottom:12px;width:34%;min-width:118px;max-width:168px;z-index:24;}
  html.device-mobile-live .live-mini-window .live-slot,
  html.device-mobile-live .live-mini-window .live-frame,
  html.device-mobile-live .live-mini-window .live-main-preview{min-height:164px;height:164px;border-radius:18px;border:2px solid rgba(255,255,255,.24);box-shadow:0 18px 36px rgba(0,0,0,.52);}
  html.device-mobile-live .live-layout-side{display:grid;grid-template-columns:1fr;gap:0;}
  html.device-mobile-live .live-layout-side .live-slot,
  html.device-mobile-live .live-layout-side .live-frame,
  html.device-mobile-live .live-layout-side .live-main-preview{min-height:42svh;height:42svh;border-bottom:1px solid rgba(255,255,255,.12);}
  html.device-mobile-live .live-layout-stack{gap:0;}
  html.device-mobile-live .live-layout-stack .live-slot,
  html.device-mobile-live .live-layout-stack .live-frame,
  html.device-mobile-live .live-layout-stack .live-main-preview{min-height:36svh;height:36svh;border-bottom:1px solid rgba(255,255,255,.12);}
  html.device-mobile-live .live-slot-head{top:104px;left:8px;right:8px;}
  html.device-mobile-live .live-slot-head b,
  html.device-mobile-live .live-slot-head a{font-size:10px;padding:4px 7px;}
  html.device-mobile-live .live-chat-panel{margin:0;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;min-height:230px;max-height:38svh;padding:10px;background:linear-gradient(180deg,rgba(18,18,28,.96),rgba(5,5,10,.98));}
  html.device-mobile-live .live-chat-head h3{font-size:15px;}
  html.device-mobile-live .live-chat-list{max-height:22svh;gap:6px;}
  html.device-mobile-live .live-chat-msg{padding:7px 9px;border-radius:12px;}
  html.device-mobile-live .live-chat-msg span{font-size:12px;}
  html.device-mobile-live .live-gift-row{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;}
  html.device-mobile-live .live-gift-row .pill{flex:0 0 auto;font-size:12px;}
  html.device-mobile-live .live-chat-input{display:grid;grid-template-columns:1fr auto;gap:6px;}
  html.device-mobile-live .live-chat-input input{min-height:40px;}
  html.device-mobile-live .live-chat-input .pill{min-height:40px;padding:8px 10px;}
  html.device-mobile-live .live-guest-control-box,
  html.device-mobile-live .live-app-broadcast-box,
  html.device-mobile-live .live-obs-box{margin:8px;border-radius:16px;padding:12px;}
  html.device-mobile-live .live-app-actions{display:grid;grid-template-columns:1fr;}
  html.device-mobile-live .live-fx-row{padding-bottom:7px;}
  html.device-mobile-live .live-fx-pill{font-size:12px;padding:7px 11px;}
  html.device-mobile-live .live-copy-line{grid-template-columns:1fr;}
}

@media(max-width:520px){
  .admin-live-shots{grid-template-columns:1fr;}
  .admin-live-chat div{grid-template-columns:1fr;gap:4px;}
  html.device-ios.device-mobile-live .live-player-stage-wrap,
  html.device-ios.device-mobile-live .live-layout-focus,
  html.device-ios.device-mobile-live .live-main-window,
  html.device-ios.device-mobile-live .live-layout-focus>.live-main-window .live-slot,
  html.device-ios.device-mobile-live .live-slot-main,
  html.device-ios.device-mobile-live .live-slot-main .live-frame,
  html.device-ios.device-mobile-live .live-slot-main .live-main-preview{min-height:calc(100dvh - 230px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 230px - env(safe-area-inset-bottom,0px));}
  html.device-android.device-mobile-live .live-player-stage-wrap,
  html.device-android.device-mobile-live .live-layout-focus,
  html.device-android.device-mobile-live .live-main-window,
  html.device-android.device-mobile-live .live-layout-focus>.live-main-window .live-slot,
  html.device-android.device-mobile-live .live-slot-main,
  html.device-android.device-mobile-live .live-slot-main .live-frame,
  html.device-android.device-mobile-live .live-slot-main .live-main-preview{min-height:calc(100dvh - 218px);height:calc(100dvh - 218px);}
}


/* v211: Live mobilní opravy, žádost přes druhé okno, swipe filtry a AR */
.live-slot-request-card{width:100%;height:100%;font:inherit;color:inherit;border:0;cursor:pointer}
.live-slot-request-card .live-slot-plus{display:grid;place-items:center}
.live-slot-request-card b{font-size:22px;margin:0;color:#fff}
.live-slot-request-card:active{transform:scale(.985)}
.live-ar-box{margin-top:10px;border-top:1px solid rgba(255,255,255,.10);padding-top:10px}
.live-ar-row,.live-fx-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;user-select:none}
.live-ar-row.is-dragging,.live-fx-row.is-dragging,.live-layout-controls.is-dragging,.live-gift-row.is-dragging{cursor:grabbing;scroll-behavior:auto}
.live-ar-pill{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;min-height:38px}
.live-ar-pill.active{background:linear-gradient(135deg,#ff2bd6,#7a4dff,#00e7ff);border-color:transparent}

@media(max-width:820px){
  html.device-mobile-live .live-room-main{max-width:100vw;overflow-x:hidden;contain:layout paint;}
  html.device-mobile-live .live-room-head-center{top:6px;left:8px;right:8px;max-width:calc(100vw - 16px);}
  html.device-mobile-live .live-room-head-center>div{max-width:calc(100vw - 160px);min-width:0;}
  html.device-mobile-live .live-head-actions{max-width:150px;align-items:flex-end;}
  html.device-mobile-live .live-head-actions .pill{max-width:142px;min-width:0;white-space:normal;line-height:1.05;text-align:center;}
  html.device-mobile-live .live-head-actions .pill[data-live-report]{font-size:10px;padding:6px 7px;}
  html.device-mobile-live .live-layout-controls{top:76px;max-width:calc(100vw - 16px);overflow-x:auto;touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
  html.device-mobile-live .live-layout-controls .pill{white-space:nowrap;}
  html.device-mobile-live .live-slot-head{top:118px;}
  html.device-mobile-live .live-mini-window{bottom:18px;right:10px;width:34vw;min-width:118px;max-width:164px;}
  html.device-mobile-live .live-slot-request-card .live-slot-plus-wrap{gap:6px;max-width:150px;}
  html.device-mobile-live .live-slot-request-card b{font-size:20px;line-height:1.05;}
  html.device-mobile-live .live-slot-request-card span{font-size:12px;line-height:1.25;}
  html.device-mobile-live .live-slot-request-card .live-slot-plus{width:50px;height:50px;font-size:32px;}
  html.device-mobile-live .live-guest-control-box,
  html.device-mobile-live .live-app-broadcast-box,
  html.device-mobile-live .live-obs-box{max-width:calc(100vw - 16px);width:auto;overflow:hidden;box-sizing:border-box;}
  html.device-mobile-live .live-app-broadcast-box *,
  html.device-mobile-live .live-guest-control-box *,
  html.device-mobile-live .live-obs-box *{min-width:0;}
  html.device-mobile-live .live-app-broadcast-box h3,
  html.device-mobile-live .live-guest-control-box h3{font-size:18px;line-height:1.15;}
  html.device-mobile-live .live-app-broadcast-box p,
  html.device-mobile-live .live-guest-control-box p{font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
  html.device-mobile-live .live-app-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px;width:100%;}
  html.device-mobile-live .live-app-actions .pill,
  html.device-mobile-live .live-guest-control-box .pill{width:100%;max-width:100%;white-space:normal;line-height:1.15;padding:10px 12px;text-align:center;}
  html.device-mobile-live .live-fx-box,
  html.device-mobile-live .live-ar-box{max-width:100%;overflow:hidden;}
  html.device-mobile-live .live-fx-row,
  html.device-mobile-live .live-ar-row{max-width:100%;padding-bottom:10px;}
  html.device-mobile-live .live-fx-pill,
  html.device-mobile-live .live-ar-pill{font-size:12px;padding:8px 12px;min-height:36px;}
  html.device-mobile-live .live-copy-line code{white-space:normal;word-break:break-all;}
}

@media(max-width:380px){
  html.device-mobile-live .live-room-head-center>div{max-width:calc(100vw - 135px);}
  html.device-mobile-live .live-head-actions{max-width:126px;}
  html.device-mobile-live .live-head-actions .pill{max-width:122px;font-size:10px;}
  html.device-mobile-live .live-layout-controls{top:72px;}
  html.device-mobile-live .live-layout-controls .pill{font-size:10px;padding:6px 8px;}
  html.device-mobile-live .live-mini-window{width:36vw;min-width:108px;}
}

/* v212: Live PC nástroje drží uvnitř zóny + zvuk/media controls */
.live-media-tools{grid-column:1/-1;margin-top:10px;border-top:1px solid rgba(255,255,255,.10);padding-top:12px;display:grid;gap:12px;min-width:0;max-width:100%;overflow:hidden}
.live-media-head,.live-media-subhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0}
.live-media-head b,.live-media-subhead b{color:#fff;font-weight:950}
.live-media-head span,.live-media-subhead span{color:var(--muted);font-size:12px;line-height:1.35;text-align:right;min-width:0;overflow-wrap:anywhere}
.live-media-section{display:grid;gap:8px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.16);padding:10px;min-width:0}
.live-media-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.live-media-row-actions .pill{flex:0 1 auto}
.live-file-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:max-content}
.live-mp3-list{display:grid;gap:6px;min-width:0}
.live-media-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:14px;padding:8px 10px;min-width:0}
.live-media-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:850;min-width:0}
.live-media-empty{color:var(--muted);font-size:12px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;padding:8px 10px}
.live-volume-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:900;min-width:220px;flex:1 1 260px}
.live-volume-label input{min-width:120px;flex:1;accent-color:#8b5cff}
.live-volume-label span{min-width:38px;text-align:right;color:#fff}
@media(min-width:821px){
  .live-app-broadcast-box{overflow:hidden;box-sizing:border-box}
  .live-app-broadcast-compact{grid-template-columns:minmax(0,1fr)!important;align-items:start;max-width:1160px;overflow:hidden}
  .live-app-broadcast-compact>.live-app-actions{justify-content:flex-start;max-width:100%;min-width:0}
  .live-app-broadcast-compact .live-fx-box,
  .live-app-broadcast-compact .live-ar-box,
  .live-app-broadcast-compact .live-media-tools{grid-column:1/-1;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}
  .live-app-broadcast-compact .live-fx-row,
  .live-app-broadcast-compact .live-ar-row{max-width:100%;overflow-x:auto;overflow-y:hidden}
}
@media(max-width:820px){
  html.device-mobile-live .live-media-tools{max-width:100%;overflow:hidden}
  html.device-mobile-live .live-media-head,
  html.device-mobile-live .live-media-subhead{display:grid;grid-template-columns:1fr;gap:4px}
  html.device-mobile-live .live-media-head span,
  html.device-mobile-live .live-media-subhead span{text-align:left}
  html.device-mobile-live .live-media-row{display:grid;grid-template-columns:1fr;gap:8px}
  html.device-mobile-live .live-media-row .pill,
  html.device-mobile-live .live-file-pill{width:100%;max-width:100%;white-space:normal;text-align:center}
  html.device-mobile-live .live-media-item{grid-template-columns:1fr;align-items:stretch}
  html.device-mobile-live .live-volume-label{min-width:0;width:100%;display:grid;grid-template-columns:1fr;gap:5px}
}


/* v213: pojistka klikatelnosti druhého host okna */
.live-slot-request-card{
  position:relative!important;
  z-index:35!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
}
.live-slot-request-card *{pointer-events:none!important;}
.live-slot-request-card.is-sending{opacity:.72;cursor:progress;}
.live-mini-window{pointer-events:auto!important;}
.live-mini-window .live-slot{pointer-events:auto!important;}

/* v214: Live drží layout, chat je pevný scroll a média/emoji zůstávají v zóně */
.live-room-grid-immersive{align-items:start;}
.live-chat-panel{
  height:min(520px, calc(100dvh - 220px));
  max-height:min(520px, calc(100dvh - 220px));
  min-height:0!important;
  overflow:hidden;
  grid-template-rows:auto minmax(0,1fr) auto auto auto!important;
}
.live-chat-list{
  min-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.live-chat-msg{word-break:break-word;overflow-wrap:anywhere;}
.live-chat-gift{border-color:rgba(255,210,74,.28);background:linear-gradient(135deg,rgba(255,210,74,.12),rgba(255,43,214,.08));}
.live-emoji-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;user-select:none;max-width:100%;}
.live-emoji-row.is-dragging{cursor:grabbing;scroll-behavior:auto;}
.live-emoji-pill{flex:0 0 auto;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;color:#fff;font-size:18px;min-width:38px;min-height:34px;cursor:pointer;}
.live-gift-row{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;max-width:100%;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;}
.live-gift-pill{flex:0 0 auto;white-space:nowrap;}
.live-crop-box{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(0,0,0,.16);padding:10px;display:grid;gap:8px;min-width:0;}
.live-crop-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;gap:8px;align-items:center;min-width:0;}
.live-crop-row input{accent-color:#8b5cff;width:100%;min-width:0;}
.live-crop-row span{font-weight:950;color:#fff;min-width:46px;text-align:right;}
.live-media-item-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:0;}
.live-cover-check{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.05);white-space:nowrap;}
.live-cover-check.disabled{opacity:.45;}
.live-cover-check input{accent-color:#8b5cff;}
.live-image-list,.live-mp3-list{max-height:210px;overflow:auto;overscroll-behavior:contain;padding-right:2px;}
@media(min-width:821px){
  .live-room-grid-immersive{grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;}
  .live-player-stage-wrap{min-width:0;}
  .live-app-broadcast-box,.live-guest-control-box,.live-obs-box{max-width:1160px;overflow:hidden;box-sizing:border-box;}
}
@media(max-width:820px){
  html.device-mobile-live .live-chat-panel{height:auto;max-height:38svh!important;min-height:220px!important;grid-template-rows:auto minmax(90px,1fr) auto auto auto!important;}
  html.device-mobile-live .live-chat-list{max-height:20svh!important;}
  html.device-mobile-live .live-emoji-row{padding-bottom:6px;}
  html.device-mobile-live .live-emoji-pill{min-width:36px;min-height:34px;font-size:17px;}
  html.device-mobile-live .live-crop-row{grid-template-columns:auto minmax(90px,1fr) auto auto;}
  html.device-mobile-live .live-media-item-actions{justify-content:flex-start;flex-wrap:wrap;}
  html.device-mobile-live .live-image-list,html.device-mobile-live .live-mp3-list{max-height:170px;}
}

/* v215: Live výřez pro všechny výstupy, čistý MP4 režim, vyšší chat a dárky hostiteli */
.live-room-main.live-video-output-mode .live-layout-controls,
.live-room-main.live-video-output-mode .live-mini-window{
  display:none!important;
}
.live-room-main.live-video-output-mode .live-slot-head a,
.live-room-main.live-video-output-mode .live-remote-unmute,
.live-room-main.live-video-output-mode .live-slot-wait{
  display:none!important;
}
.live-room-main.live-video-output-mode .live-player-stage-wrap{
  isolation:isolate;
}
.live-room-main.live-video-output-mode .live-slot-head{
  opacity:.95;
  pointer-events:none;
}
.live-room-main.live-video-output-mode .live-layout-focus{
  min-height:620px;
}
.live-room-main.live-video-output-mode .live-main-window,
.live-room-main.live-video-output-mode .live-layout-focus>.live-main-window .live-slot,
.live-room-main.live-video-output-mode .live-slot-main,
.live-room-main.live-video-output-mode .live-slot-main .live-frame,
.live-room-main.live-video-output-mode .live-slot-main .live-main-preview{
  min-height:620px;
}
.live-gift-row-disabled{
  border:1px dashed rgba(255,255,255,.16);
  border-radius:14px;
  padding:9px 11px;
  color:var(--muted);
  font-size:12px;
  font-weight:850;
  background:rgba(255,255,255,.035);
}
.live-gift-pill small{
  margin-left:4px;
  opacity:.72;
  font-size:10px;
  font-weight:950;
}
@media(min-width:821px){
  .live-chat-panel{
    height:min(700px, calc(100dvh - 150px))!important;
    max-height:min(700px, calc(100dvh - 150px))!important;
    min-height:500px!important;
  }
  .live-chat-list{max-height:100%!important;}
}
@media(max-width:820px){
  html.device-mobile-live .live-chat-panel{
    max-height:46svh!important;
    min-height:280px!important;
    grid-template-rows:auto minmax(150px,1fr) auto auto auto!important;
  }
  html.device-mobile-live .live-chat-list{
    max-height:29svh!important;
    min-height:145px!important;
  }
  html.device-mobile-live .live-room-main.live-video-output-mode .live-layout-focus,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-main-window,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-slot-main,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-slot-main .live-frame,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-slot-main .live-main-preview{
    min-height:calc(100svh - 180px)!important;
  }
}


/* v216: MP4 čistý režim vidí i diváci, chat je delší a výřez má větší rozsah */
.live-room-main.live-video-output-mode .live-layout-controls,
.live-room-main.live-video-output-mode .live-mini-window{
  display:none!important;
}
.live-room-main.live-video-output-mode .live-room-head{
  position:relative;
  z-index:5;
  margin-bottom:8px;
}
.live-room-main.live-video-output-mode .live-room-head .live-badge-static,
.live-room-main.live-video-output-mode .live-room-head h2,
.live-room-main.live-video-output-mode .live-room-head p,
.live-room-main.live-video-output-mode [data-live-report]{
  display:revert!important;
}
@media(min-width:821px){
  .live-chat-panel{
    height:min(820px, calc(100dvh - 96px))!important;
    max-height:min(820px, calc(100dvh - 96px))!important;
    min-height:620px!important;
  }
  .live-room-grid-immersive{grid-template-columns:minmax(0,1fr) minmax(320px,390px)!important;}
  .live-room-main.live-video-output-mode .live-layout-focus,
  .live-room-main.live-video-output-mode .live-main-window,
  .live-room-main.live-video-output-mode .live-layout-focus>.live-main-window .live-slot,
  .live-room-main.live-video-output-mode .live-slot-main,
  .live-room-main.live-video-output-mode .live-slot-main .live-frame,
  .live-room-main.live-video-output-mode .live-slot-main .live-main-preview{
    min-height:700px!important;
  }
}
@media(max-width:820px){
  html.device-mobile-live .live-chat-panel{
    max-height:54svh!important;
    min-height:340px!important;
    grid-template-rows:auto minmax(210px,1fr) auto auto auto!important;
  }
  html.device-mobile-live .live-chat-list{
    max-height:36svh!important;
    min-height:205px!important;
  }
  html.device-mobile-live .live-room-main.live-video-output-mode .live-layout-focus,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-main-window,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-slot-main,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-slot-main .live-frame,
  html.device-mobile-live .live-room-main.live-video-output-mode .live-slot-main .live-main-preview{
    min-height:calc(100svh - 128px)!important;
  }
}


/* v217: live host stream refresh, schvalování host médií a host při MP4 zůstává vidět, pokud ho hostitel ručně neskryje */
.live-room-main.live-video-output-mode:not(.live-hide-guest-during-media) .live-mini-window{display:block!important;}
.live-host-hide-toggle,.live-media-approval-note,.live-gift-price-note{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:9px 11px;background:rgba(255,255,255,.055);color:#fff;font-size:12px;font-weight:900;margin:8px 0;}
.live-host-hide-toggle input{accent-color:#8b5cff;}
.live-media-request-list{display:grid;gap:8px;margin-top:8px;}
.live-media-request{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px;background:rgba(255,255,255,.045);}
.live-media-request>div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.live-media-request span{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px;}
.live-gift-pill{display:flex;align-items:center;gap:6px;}
.live-gift-pill small{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 6px;background:rgba(0,0,0,.18);opacity:1!important;color:#fff;}
@media(max-width:820px){html.device-mobile-live .live-media-request{align-items:stretch;flex-direction:column}.live-media-request span{max-width:100%}.live-room-main.live-video-output-mode:not(.live-hide-guest-during-media) .live-mini-window{display:block!important;}}


/* v218: samostatný výřez/zrcadlení kamery a médií, mono/stereo mikrofon, lokální hlasitosti diváka */
.live-crop-split{display:grid;gap:8px;}
.live-crop-split .live-crop-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.live-crop-split .live-crop-row>b{min-width:86px;font-size:12px;color:#fff;}
.live-crop-split input[type="range"]{min-width:150px;flex:1 1 180px;}
.live-mirror-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:850;color:var(--muted);white-space:nowrap;}
.live-mirror-check input{accent-color:#8b5cff;}
.live-mic-mode-row select{border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(0,0,0,.24);color:#fff;padding:7px 9px;font-weight:900;}
.live-viewer-audio{display:grid;gap:7px;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:9px 10px;background:rgba(255,255,255,.045);margin:0 0 8px 0;}
.live-viewer-audio>b{font-size:12px;}
.live-viewer-audio label{display:grid;grid-template-columns:92px minmax(0,1fr) 42px;align-items:center;gap:7px;font-size:11px;font-weight:900;color:#fff;}
.live-viewer-audio input[type="range"]{width:100%;}
.live-viewer-audio span,.live-viewer-audio small{color:var(--muted);font-size:10px;font-weight:850;}
@media(max-width:820px){html.device-mobile-live .live-crop-split .live-crop-row{align-items:stretch}html.device-mobile-live .live-crop-split .live-crop-row>b{min-width:100%}.live-viewer-audio label{grid-template-columns:82px minmax(0,1fr) 38px;}}


/* v219: posuvné live rozhraní a uživatelsky nastavitelná velikost chatu */
.live-ui-panel{
  transform:translate3d(var(--live-ui-x,0px), var(--live-ui-y,0px), 0);
  transition:transform .12s ease, box-shadow .12s ease;
  will-change:transform;
  position:relative;
  z-index:1;
}
.live-ui-panel.live-ui-dragging,.live-ui-panel.live-ui-resizing{z-index:20;box-shadow:0 18px 48px rgba(0,0,0,.38);transition:none;}
.live-panel-handle{
  display:flex;align-items:center;gap:8px;width:100%;min-height:30px;margin:0 0 8px 0;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(135deg,rgba(139,92,255,.20),rgba(0,0,0,.22));color:#fff;cursor:grab;user-select:none;touch-action:none;font-size:12px;font-weight:950;box-sizing:border-box;
}
.live-panel-handle:active{cursor:grabbing;}
.live-panel-handle span{opacity:.9;font-size:14px;line-height:1;}
.live-panel-handle b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.live-panel-reset{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;width:28px;height:24px;cursor:pointer;font-weight:950;}
.live-player-stage-wrap>.live-panel-handle{position:relative;z-index:7;margin-bottom:8px;}
.live-layout-controls.live-ui-panel{gap:8px;}
.live-layout-controls>.live-panel-handle{flex:1 0 100%;}
.live-chat-panel{
  height:var(--live-chat-h, min(820px, calc(100dvh - 96px)))!important;
  max-height:none!important;
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto auto!important;
}
.live-chat-size-control{display:grid;grid-template-columns:auto minmax(0,1fr) 54px;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:7px 8px;background:rgba(255,255,255,.04);font-size:11px;font-weight:900;color:#fff;}
.live-chat-size-control input{width:100%;accent-color:#8b5cff;}
.live-chat-size-control span{color:var(--muted);font-weight:900;text-align:right;}
.live-chat-resize{height:18px;border:1px dashed rgba(255,255,255,.18);border-radius:10px;display:grid;place-items:center;color:var(--muted);cursor:ns-resize;touch-action:none;background:rgba(255,255,255,.035);font-weight:950;}
.live-chat-list{min-height:0!important;}
@media(max-width:820px){
  html.device-mobile-live .live-ui-panel{max-width:100%;}
  html.device-mobile-live .live-panel-handle{min-height:34px;padding:7px 9px;font-size:12px;}
  html.device-mobile-live .live-chat-panel{height:var(--live-chat-h, 420px)!important;max-height:none!important;min-height:220px!important;}
  html.device-mobile-live .live-chat-list{max-height:none!important;min-height:0!important;}
  html.device-mobile-live .live-chat-size-control{grid-template-columns:70px minmax(0,1fr) 48px;}
}

/* v220: pojistka klikání na tlačítka uvnitř posuvných live panelů */
.live-ui-panel button,.live-ui-panel input,.live-ui-panel select,.live-ui-panel textarea{touch-action:manipulation;}
.live-app-broadcast-box.live-ui-panel,.live-guest-control-box.live-ui-panel{isolation:isolate;}


/* v224: pevné výchozí uspořádání live rozhraní, posouvání panelů vypnuto, chat jde dál měnit velikostí */
.live-ui-panel{
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  position:relative;
}
.live-ui-panel.live-ui-dragging,.live-ui-panel.live-ui-resizing{
  z-index:1!important;
  box-shadow:none!important;
}
.live-panel-handle{
  display:none!important;
}
.live-chat-panel{
  height:var(--live-chat-h, min(820px, calc(100dvh - 96px)))!important;
  max-height:none!important;
}
.live-chat-size-control,.live-chat-resize{
  display:grid!important;
}
@media(max-width:820px){
  html.device-mobile-live .live-chat-panel{
    height:var(--live-chat-h, 420px)!important;
    max-height:none!important;
  }
}


/* v224: hostitel + dva hosté, přenos obou zvuků a čisté vystředění obrazu */
.live-layout-trio{gap:12px;align-items:stretch;}
.live-layout-side.live-layout-trio{grid-template-columns:minmax(0,1.35fr) minmax(160px,.82fr) minmax(160px,.82fr);}
.live-mini-window-trio{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;align-items:stretch;}
.live-guest-window-movable{position:relative;transform-origin:top center;transform:translate(var(--guest-x,0px),var(--guest-y,0px)) scale(var(--guest-window-scale,1));z-index:3;touch-action:none;}
.live-guest-window-grip{position:absolute;top:8px;left:8px;z-index:8;border:0;border-radius:999px;padding:5px 9px;background:rgba(5,5,10,.62);color:#fff;font-size:11px;font-weight:900;backdrop-filter:blur(8px);cursor:grab;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.live-guest-window-grip:active{cursor:grabbing;transform:scale(.98)}
.live-remote-video,.live-main-preview,.live-local-preview video{object-fit:cover!important;object-position:center center!important;width:100%;height:100%;display:block;background:#050508;}
.live-slot,.live-local-preview{overflow:hidden;}
.live-remote-mic-audio,.live-remote-media-audio{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none;}
@media(max-width:820px){
  .live-layout-side.live-layout-trio{grid-template-columns:1fr;}
  .live-mini-window-trio{grid-template-columns:1fr 1fr;}
  .live-guest-window-grip{font-size:10px;padding:4px 7px;}
}

/* ===== v225: live opravy — avatar fallback v okně, ztlumení mikrofonu hosta ===== */
.live-slot-user-fallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px;background:radial-gradient(circle at 50% 32%,rgba(122,77,255,.28),transparent 62%),#06060c}
.live-slot-user-fallback img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);box-shadow:0 16px 44px rgba(0,0,0,.55);background:#10101a}
.live-slot-user-initial{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:46px;font-weight:1000;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));border:3px solid rgba(255,255,255,.32)}
.live-slot-user-fallback b{font-size:18px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.live-slot-user-fallback span{color:var(--muted);font-size:13px;font-weight:800}
.live-slot-remote.has-signal .live-slot-user-fallback{display:none}
.live-slot-mini .live-slot-user-fallback img,.live-slot-mini .live-slot-user-initial,.live-mini-window .live-slot-user-fallback img,.live-mini-window .live-slot-user-initial{width:62px;height:62px;font-size:28px}
.live-slot-mini .live-slot-user-fallback b,.live-mini-window .live-slot-user-fallback b{font-size:13px}
.live-slot-mini .live-slot-user-fallback span,.live-mini-window .live-slot-user-fallback span{font-size:11px}
.live-slot-remote .live-slot-user-fallback ~ .live-slot-wait{top:auto;bottom:14px;transform:translateX(-50%);left:50%;font-size:12px;padding:7px 11px}
.live-slot-mic-muted{background:rgba(255,59,104,.85);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;color:#fff;white-space:nowrap}
.live-mic-forced-note{margin:10px 0;padding:11px 13px;border-radius:14px;border:1px solid rgba(255,59,104,.45);background:rgba(255,59,104,.13);font-weight:850;line-height:1.4}
.live-active-guest{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.live-active-guest b{margin-right:auto}


/* ===== v226: mobilní live bez špaget: chat slider pod chatem, host okna čitelně a posuvně ===== */
.live-chat-stack{min-width:0;align-self:stretch;display:grid;gap:8px;}
.live-chat-stack>.live-chat-panel{width:100%;box-sizing:border-box;}
.live-chat-size-control-mobile{display:none!important;}
.live-slot-request-card{pointer-events:auto;position:relative;z-index:9;}
.live-slot-request-card *{pointer-events:auto;}
.live-slot-request-pending{cursor:default;}
.live-guest-cancel-btn{margin-top:4px;min-height:34px;padding:7px 12px;font-size:12px;position:relative;z-index:12;}
.live-guest-window-movable{min-width:0;max-width:100%;box-sizing:border-box;}
.live-guest-window-movable>.live-slot{width:100%;box-sizing:border-box;}

@media(max-width:820px){
  html.device-mobile-live .live-chat-stack{display:grid;gap:6px;width:100%;background:#05050a;}
  html.device-mobile-live .live-chat-panel{height:var(--live-chat-h, 320px)!important;min-height:220px!important;max-height:min(48svh,520px)!important;border-radius:14px 14px 0 0;padding:9px 10px;overflow:hidden;}
  html.device-mobile-live .live-chat-size-control-desktop{display:none!important;}
  html.device-mobile-live .live-chat-size-control-mobile{display:grid!important;margin:0 10px 10px 10px;grid-template-columns:auto minmax(0,1fr) 44px;gap:7px;align-items:center;min-height:34px;border-radius:12px;padding:6px 8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);font-size:10px;}
  html.device-mobile-live .live-chat-size-control-mobile b{font-size:11px;white-space:nowrap;}
  html.device-mobile-live .live-chat-size-control-mobile input{height:22px;min-width:0;}
  html.device-mobile-live .live-chat-size-control-mobile span{font-size:10px;text-align:right;color:var(--muted);}
  html.device-mobile-live .live-chat-resize{display:none!important;}
  html.device-mobile-live .live-chat-list{min-height:0!important;max-height:none!important;overflow:auto;}
  html.device-mobile-live .live-mini-window{right:8px;bottom:12px;width:min(46vw,178px)!important;min-width:136px!important;max-width:178px!important;z-index:24;}
  html.device-mobile-live .live-mini-window-trio{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch;width:100%;}
  html.device-mobile-live .live-guest-window-movable{width:100%;min-width:0!important;max-width:100%;transform-origin:top center;transform:translate3d(var(--guest-x,0px),var(--guest-y,0px),0) scale(var(--guest-window-scale,1));touch-action:none;}
  html.device-mobile-live .live-guest-window-movable>.live-slot,
  html.device-mobile-live .live-mini-window .live-slot,
  html.device-mobile-live .live-mini-window .live-frame,
  html.device-mobile-live .live-mini-window .live-main-preview{width:100%!important;min-width:0!important;min-height:132px!important;height:132px!important;border-radius:16px!important;}
  html.device-mobile-live .live-slot-request-card .live-slot-plus-wrap{max-width:100%;padding:4px;}
  html.device-mobile-live .live-slot-request-card b{font-size:16px!important;line-height:1.05;}
  html.device-mobile-live .live-slot-request-card span{font-size:11px!important;line-height:1.18;overflow-wrap:anywhere;}
  html.device-mobile-live .live-slot-request-card .live-slot-plus{width:44px!important;height:44px!important;font-size:28px!important;}
  html.device-mobile-live .live-slot-plus-wait{font-size:28px!important;}
  html.device-mobile-live .live-guest-window-grip{top:6px;left:6px;z-index:30;font-size:10px;padding:4px 7px;touch-action:none;}
  html.device-mobile-live .live-mini-window .live-slot-head,
  html.device-mobile-live .live-guest-window-movable .live-slot-head{top:8px!important;left:8px!important;right:8px!important;z-index:7;}
  html.device-mobile-live .live-mini-window .live-slot-head b,
  html.device-mobile-live .live-mini-window .live-slot-head a,
  html.device-mobile-live .live-guest-window-movable .live-slot-head b,
  html.device-mobile-live .live-guest-window-movable .live-slot-head a{font-size:10px;padding:4px 7px;}
  html.device-mobile-live .live-layout-side.live-layout-trio{grid-template-columns:1fr!important;gap:8px;}
  html.device-mobile-live .live-layout-side.live-layout-trio .live-guest-window-movable,
  html.device-mobile-live .live-layout-stack.live-layout-trio .live-guest-window-movable{width:100%;}
  html.device-mobile-live .live-layout-side.live-layout-trio .live-guest-window-movable>.live-slot,
  html.device-mobile-live .live-layout-stack.live-layout-trio .live-guest-window-movable>.live-slot{min-height:34svh!important;height:34svh!important;}
}

@media(max-width:380px){
  html.device-mobile-live .live-mini-window{width:min(48vw,160px)!important;min-width:124px!important;max-width:160px!important;}
  html.device-mobile-live .live-guest-window-movable>.live-slot,
  html.device-mobile-live .live-mini-window .live-slot,
  html.device-mobile-live .live-mini-window .live-frame,
  html.device-mobile-live .live-mini-window .live-main-preview{min-height:120px!important;height:120px!important;}
  html.device-mobile-live .live-chat-size-control-mobile{grid-template-columns:56px minmax(0,1fr) 40px;margin-left:8px;margin-right:8px;}
}


/* ===== v227: mobilní live chat musí být použitelný pro psaní i dárky ===== */
@media(max-width:820px){
  html.device-mobile-live .lajkto-live-stage{
    margin-bottom:calc(var(--bottom-nav-real,76px) + env(safe-area-inset-bottom,0px) + 18px)!important;
    padding-bottom:calc(var(--bottom-nav-real,76px) + env(safe-area-inset-bottom,0px) + 18px)!important;
  }
  html.device-mobile-live .live-room-grid-immersive{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  html.device-mobile-live .live-player-stage-wrap{
    min-height:clamp(300px,46svh,470px)!important;
    height:clamp(300px,46svh,470px)!important;
    max-height:clamp(300px,46svh,470px)!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:1!important;
  }
  html.device-mobile-live .live-layout-focus,
  html.device-mobile-live .live-main-window,
  html.device-mobile-live .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live .live-slot-main,
  html.device-mobile-live .live-slot-main .live-frame,
  html.device-mobile-live .live-slot-main .live-main-preview{
    min-height:clamp(300px,46svh,470px)!important;
    height:clamp(300px,46svh,470px)!important;
    max-height:clamp(300px,46svh,470px)!important;
  }
  html.device-mobile-live .live-chat-stack{
    width:100%!important;
    display:grid!important;
    gap:6px!important;
    position:relative!important;
    z-index:3!important;
    background:#05050a!important;
  }
  html.device-mobile-live .live-chat-panel{
    height:var(--live-chat-h,360px)!important;
    min-height:260px!important;
    max-height:min(58svh,560px)!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto auto auto minmax(78px,1fr) auto auto auto!important;
    grid-auto-rows:auto!important;
    gap:6px!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-radius:16px 16px 0 0!important;
    box-sizing:border-box!important;
  }
  html.device-mobile-live .live-chat-head{order:1;min-height:30px;}
  html.device-mobile-live .live-chat-head h3{font-size:16px!important;line-height:1.1;}
  html.device-mobile-live .live-tts-toggle{font-size:11px!important;padding:6px 9px!important;min-height:30px!important;}
  html.device-mobile-live .live-viewer-audio{
    order:2;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px 7px!important;
    padding:6px 8px!important;
    margin:0!important;
    border-radius:12px!important;
  }
  html.device-mobile-live .live-viewer-audio>b{grid-column:1/-1;font-size:11px!important;line-height:1.05;}
  html.device-mobile-live .live-viewer-audio label{grid-template-columns:54px minmax(0,1fr) 30px!important;gap:4px!important;font-size:9px!important;}
  html.device-mobile-live .live-viewer-audio small{display:none!important;}
  html.device-mobile-live .live-gift-price-note{
    order:3;
    margin:0!important;
    padding:5px 8px!important;
    min-height:28px!important;
    border-radius:11px!important;
    font-size:10px!important;
    line-height:1.15!important;
    overflow:hidden!important;
  }
  html.device-mobile-live .live-gift-row{
    order:4;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    min-height:46px!important;
    max-height:50px!important;
    padding:0 0 4px 0!important;
    scroll-snap-type:x proximity!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.device-mobile-live .live-gift-pill{
    flex:0 0 auto!important;
    min-height:42px!important;
    height:42px!important;
    padding:5px 8px!important;
    border-radius:14px!important;
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-rows:auto auto!important;
    gap:0 5px!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  html.device-mobile-live .live-gift-pill span{grid-row:1/3;font-size:18px!important;line-height:1;}
  html.device-mobile-live .live-gift-pill b{font-size:10px!important;line-height:1.05;}
  html.device-mobile-live .live-gift-pill small{font-size:8px!important;line-height:1.05;margin:0!important;opacity:.9!important;}
  html.device-mobile-live .live-chat-list{
    order:5;
    min-height:78px!important;
    max-height:none!important;
    overflow:auto!important;
    gap:6px!important;
    padding-right:3px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  html.device-mobile-live .live-chat-msg{padding:7px 9px!important;border-radius:12px!important;}
  html.device-mobile-live .live-chat-msg b{font-size:11px!important;}
  html.device-mobile-live .live-chat-msg span{font-size:12px!important;line-height:1.28!important;}
  html.device-mobile-live .live-emoji-row{
    order:6;
    min-height:34px!important;
    max-height:36px!important;
    padding-bottom:2px!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html.device-mobile-live .live-emoji-pill{min-width:34px!important;min-height:32px!important;font-size:16px!important;}
  html.device-mobile-live .live-chat-input{
    order:7;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    gap:6px!important;
    align-items:center!important;
    min-height:44px!important;
    position:relative!important;
    z-index:40!important;
    background:linear-gradient(180deg,rgba(5,5,10,0),rgba(5,5,10,.96) 22%)!important;
    padding-top:2px!important;
  }
  html.device-mobile-live .live-chat-input input{
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
    border-radius:14px!important;
    padding:10px 12px!important;
    touch-action:manipulation!important;
  }
  html.device-mobile-live .live-chat-input .pill{
    min-height:44px!important;
    height:44px!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    font-size:12px!important;
    touch-action:manipulation!important;
  }
  html.device-mobile-live .live-chat-size-control-mobile{
    min-height:30px!important;
    margin:0 10px 10px 10px!important;
    padding:5px 8px!important;
    grid-template-columns:64px minmax(0,1fr) 42px!important;
    font-size:10px!important;
  }
  html.device-mobile-live .live-chat-size-control-mobile input{height:18px!important;}
  html.device-mobile-live .live-mini-window,
  html.device-mobile-live .live-guest-window-movable{
    max-height:100%!important;
  }
}
@media(max-width:820px){
  html.device-mobile-live.live-chat-writing .live-player-stage-wrap,
  html.device-mobile-live.live-chat-writing .live-layout-focus,
  html.device-mobile-live.live-chat-writing .live-main-window,
  html.device-mobile-live.live-chat-writing .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live.live-chat-writing .live-slot-main,
  html.device-mobile-live.live-chat-writing .live-slot-main .live-frame,
  html.device-mobile-live.live-chat-writing .live-slot-main .live-main-preview{
    min-height:34svh!important;
    height:34svh!important;
    max-height:34svh!important;
  }
  html.device-mobile-live.live-chat-writing .live-chat-panel{
    height:min(var(--live-chat-h,360px),calc(100svh - 150px))!important;
    max-height:calc(100svh - 150px)!important;
  }
}
@media(max-width:380px){
  html.device-mobile-live .live-viewer-audio{grid-template-columns:1fr!important;}
  html.device-mobile-live .live-chat-panel{gap:5px!important;padding-left:8px!important;padding-right:8px!important;}
  html.device-mobile-live .live-chat-input{grid-template-columns:minmax(0,1fr) 70px!important;}
  html.device-mobile-live .live-chat-input .pill{font-size:11px!important;padding-left:8px!important;padding-right:8px!important;}
  html.device-mobile-live .live-gift-pill{padding:5px 7px!important;}
}

/* ===== v228: live dárky na vybrané okno + režie pod chatem na mobilu ===== */
.live-layout-controls-mobile{display:none!important;}
.live-reset-windows-btn{white-space:nowrap;}
.live-gift-target-selected{outline:3px solid rgba(139,92,255,.95)!important;outline-offset:-3px;box-shadow:0 0 0 4px rgba(139,92,255,.22),0 18px 40px rgba(0,0,0,.35)!important;}
.live-gift-target-selected .live-slot-head::after{content:'🎁 vybráno';margin-left:6px;border:1px solid rgba(255,255,255,.22);background:rgba(139,92,255,.82);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:950;color:#fff;}
.live-gift-price-note{justify-content:space-between;flex-wrap:wrap;}
.live-gift-price-note small{color:var(--muted);font-size:10px;font-weight:800;}
@media(max-width:820px){
  html.device-mobile-live .live-layout-controls-desktop{display:none!important;}
  html.device-mobile-live .live-layout-controls-mobile{
    display:flex!important;
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    z-index:4!important;
    margin:0 10px 10px 10px!important;
    padding:6px!important;
    border-radius:14px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    background:rgba(12,12,20,.78)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    backdrop-filter:blur(10px)!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.device-mobile-live .live-layout-controls-mobile b{display:inline-flex!important;flex:0 0 auto;font-size:11px;margin:0 4px 0 0;white-space:nowrap;color:#fff;}
  html.device-mobile-live .live-layout-controls-mobile .pill{flex:0 0 auto;font-size:10px!important;min-height:30px!important;padding:6px 8px!important;white-space:nowrap!important;}
  html.device-mobile-live .live-reset-windows-btn{font-weight:950;}
}
@media(min-width:821px){.live-layout-controls-desktop{display:flex!important}.live-layout-controls-mobile{display:none!important}}
@media(max-width:820px){
  html.device-mobile-live .live-room-main.live-video-output-mode .live-layout-controls-mobile{display:flex!important;}
}

/* ===== v231: dárky blokované jen logicky, ne trvale disabled ===== */
.live-gift-pill.live-gift-self-locked,
.live-gift-pill[aria-disabled="true"].live-gift-self-locked{
  opacity:.46!important;
  filter:saturate(.55)!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
.live-gift-pill.live-gift-self-locked small::after{
  content:' · vyber jiné okno';
}


/* v234: posun obrazu kamera / MP4 / fotky přes - / + a jezdec -100 až +100 */
.live-pan-row{gap:8px;align-items:start;}
.live-pan-grid{display:grid;gap:8px;min-width:0;flex:1;}
.live-pan-control{display:grid;grid-template-columns:minmax(54px,.75fr) 38px minmax(96px,1.4fr) 38px 64px;align-items:center;gap:7px;width:100%;padding:7px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:14px;}
.live-pan-control>b{font-size:.82rem;white-space:nowrap;}
.live-pan-step{min-width:38px!important;min-height:34px!important;padding:0!important;font-size:1.1rem!important;touch-action:manipulation;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}
.live-pan-control input[type="range"]{width:100%;min-width:0;touch-action:pan-x;}
.live-pan-control span{justify-self:end;color:#fff;font-weight:950;background:rgba(255,255,255,.10);border-radius:999px;padding:3px 8px;min-width:58px;text-align:center;}
.live-pan-btn{touch-action:manipulation;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}
.live-pan-btn *{pointer-events:none;}
@media(max-width:820px){html.device-mobile-live .live-pan-row{display:grid;grid-template-columns:1fr;align-items:stretch}html.device-mobile-live .live-pan-grid{width:100%;}html.device-mobile-live .live-pan-control{grid-template-columns:52px 38px minmax(90px,1fr) 38px 58px;}html.device-mobile-live .live-pan-step{min-height:38px!important;}}

/* ===== v235: Live rozhraní ve stylu reference (hlavička + lišta nástrojů + Další) ===== */
.live-head-id{display:flex;align-items:center;gap:10px;min-width:0}
.live-head-av{width:42px;height:42px;flex:0 0 auto;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));display:grid;place-items:center;box-shadow:0 6px 20px rgba(255,43,214,.32)}
.live-head-av img,.live-head-av i{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#15101f;font-style:normal;font-weight:900;font-size:16px;color:#fff}
.live-head-text{min-width:0}

.live-quickbar{display:flex;gap:8px;margin:14px 0 4px;padding:8px;border:1px solid var(--stroke);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));overflow-x:auto;scrollbar-width:none}
.live-quickbar::-webkit-scrollbar{display:none}
.live-qbtn{flex:1 1 0;min-width:74px;border:0;background:transparent;color:rgba(255,255,255,.66);border-radius:14px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:inherit;transition:background .16s,color .16s,transform .1s}
.live-qbtn i{font-size:21px;line-height:1;font-style:normal}
.live-qbtn b{font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
.live-qbtn:hover{color:#fff;background:rgba(255,255,255,.07)}
.live-qbtn:active{transform:scale(.93)}
.live-qbtn-more i{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));display:grid;place-items:center;font-size:18px;color:#fff;box-shadow:0 6px 20px rgba(255,43,214,.4)}
.live-qbtn-more{color:#fff}

.live-more-drawer{margin-top:10px;border:1px solid var(--stroke);border-radius:20px;background:rgba(0,0,0,.22);overflow:hidden}
.live-more-drawer>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:900}
.live-more-drawer>summary::-webkit-details-marker{display:none}
.live-more-drawer>summary span{font-size:15px}
.live-more-drawer>summary em{margin-left:auto;font-style:normal;color:var(--muted);font-size:12px;font-weight:700}
.live-more-drawer>summary::after{content:'▾';color:var(--muted);transition:transform .2s;margin-left:6px}
.live-more-drawer[open]>summary::after{transform:rotate(180deg)}
.live-more-drawer[open]>summary{border-bottom:1px solid var(--stroke)}
.live-more-inner{display:grid;gap:12px;padding:14px}
.live-more-sec:empty{display:none}
.live-more-sec>:first-child{margin-top:0}

@media(max-width:980px){
  .live-quickbar{border-radius:16px}
  .live-qbtn{min-width:66px}
}

/* mobilní immersive režim – lišta a Další pod chatem, hlavička s avatarem */
html.device-mobile-live .live-head-av{width:32px;height:32px}
html.device-mobile-live .live-head-av img,html.device-mobile-live .live-head-av i{font-size:13px}
html.device-mobile-live .live-head-id{gap:8px}
html.device-mobile-live .live-quickbar{position:sticky;bottom:0;z-index:26;margin:8px;border-radius:18px;background:linear-gradient(180deg,rgba(12,10,22,.92),rgba(6,5,12,.97));backdrop-filter:blur(16px);box-shadow:0 -8px 30px rgba(0,0,0,.5)}
html.device-mobile-live .live-qbtn{min-width:60px;padding:7px 4px}
html.device-mobile-live .live-qbtn i{font-size:19px}
html.device-mobile-live .live-qbtn b{font-size:10px}
html.device-mobile-live .live-more-drawer{margin:8px;border-radius:16px}
html.device-mobile-live .live-more-drawer>summary{padding:12px 13px}
html.device-mobile-live .live-more-drawer>summary span{font-size:14px}
html.device-mobile-live .live-more-inner{padding:10px;gap:10px}
html.device-mobile-live .live-more-sec .live-guest-control-box,
html.device-mobile-live .live-more-sec .live-app-broadcast-box,
html.device-mobile-live .live-more-sec .live-obs-box{margin:0}

/* ===== v236: live lajky (tap-tap na hostitele), velikost host okének, čekající host ===== */
.live-slot-role-host{cursor:pointer;}
.live-like-counter{position:absolute;left:12px;bottom:12px;right:auto;top:auto;z-index:9;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(5,5,10,.55);color:#fff;font-weight:900;font-size:14px;backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(0,0,0,.3);pointer-events:none;}
.live-like-counter .live-like-ico{font-size:15px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.live-like-counter.pulse{animation:liveLikePulse .42s ease;}
@keyframes liveLikePulse{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.live-like-layer{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none;}
.live-like-heart{position:absolute;font-size:26px;line-height:1;transform:translate(-50%,-50%);animation:liveLikeFloat 1.05s ease-out forwards;will-change:transform,opacity;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));}
@keyframes liveLikeFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(var(--lk-rot,0deg))}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1) rotate(var(--lk-rot,0deg))}100%{opacity:0;transform:translate(calc(-50% + var(--lk-dx,0px)),-170px) scale(.9) rotate(var(--lk-rot,0deg))}}
.live-slot-waiting .live-slot-wait{display:flex!important;}
.live-guest-size-control{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);}
.live-guest-size-control>b{display:block;font-size:13px;margin-bottom:8px;}
.live-guest-size-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.live-guest-size-row .pill{min-width:42px;font-weight:900;}
.live-guest-size-val{min-width:54px;text-align:center;font-weight:900;font-size:15px;}
.live-guest-size-control small{display:block;margin-top:8px;opacity:.7;font-size:11px;line-height:1.4;}

/* ===== v241: live lajky bez probliknutí dotykové vrstvy ===== */
.live-slot-role-host,
.live-slot-role-host *:not(input):not(textarea):not(select),
.live-like-layer,
.live-like-counter,
.live-like-heart{
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.live-slot-role-host{
  touch-action:manipulation;
}
.live-like-layer{
  background:transparent!important;
  outline:0!important;
}


/* v243: live lajky v levém dolním rohu hostitele + hostova média bez uploadu */
.live-slot-role-host .live-like-counter{left:12px;bottom:12px;right:auto;top:auto;}

/* v242: hostovo Ano/Ne přímo v live vrstvě + odemčení poslechu hostitele */
.live-guest-autostart-prompt{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:rgba(0,0,0,.68);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.live-guest-autostart-card{width:min(440px,100%);border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06)),#12131d;box-shadow:0 24px 90px rgba(0,0,0,.64);padding:22px;text-align:center;}
.live-guest-autostart-card h3{margin:8px 0 8px;font-size:clamp(24px,5vw,34px);line-height:1.05;}
.live-guest-autostart-card p{margin:0 auto 16px;color:var(--muted);line-height:1.45;max-width:34em;}
.live-guest-autostart-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.live-guest-autostart-actions .pill{min-width:150px;}
@media(max-width:520px){.live-guest-autostart-card{padding:18px;border-radius:24px}.live-guest-autostart-actions{display:grid;grid-template-columns:1fr}.live-guest-autostart-actions .pill{width:100%;}}

/* v244: admin úklid live místností + jistější PC lajky v lokální app kameře */
.live-discover-wrap{position:relative;display:flex;align-items:stretch;gap:8px;min-width:220px;}
.live-discover-wrap .live-discover-card{flex:1;min-width:0;}
.live-room-delete-mini{flex:0 0 auto;align-self:center;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,80,80,.16);color:#fff;font-weight:900;min-width:42px;height:42px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.28);}
.live-room-delete-mini:hover{background:rgba(255,80,80,.26);}
.live-head-actions .danger{background:rgba(255,80,80,.18)!important;border-color:rgba(255,120,120,.34)!important;}
.live-slot-app .live-like-counter{left:12px!important;bottom:12px!important;right:auto!important;top:auto!important;z-index:12!important;}
.live-slot-app .live-like-layer{z-index:11!important;}
@media(max-width:560px){.live-discover-wrap{min-width:190px}.live-room-delete-mini{min-width:38px;height:38px}}

/* v246: live jezdec velikosti AR + neonové kreslení po obraze */
.live-ar-scale{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.live-ar-scale label{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--muted);font-size:13px}
.live-ar-scale output{margin-left:auto;color:#fff;background:rgba(255,255,255,.08);padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.live-ar-scale input[type=range]{width:100%;accent-color:#35ff93}
.live-doodle-box{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.live-doodle-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.live-doodle-toggle{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-weight:900;cursor:pointer}
.live-doodle-toggle.active{background:linear-gradient(90deg,#ff3cac,#7a5cff,#2bd9ff);border-color:transparent;color:#fff;box-shadow:0 0 14px rgba(122,92,255,.5)}
.live-doodle-clear{min-height:40px}
.live-local-preview.doodle-armed{cursor:crosshair;touch-action:none;outline:2px solid rgba(122,92,255,.55);outline-offset:-2px}
.live-local-preview.doodle-armed::after{content:"🌈 kresli";position:absolute;top:8px;right:10px;font-size:12px;font-weight:900;color:#fff;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:999px;pointer-events:none}
.live-local-preview{position:relative}

/* v248: plovoucí self-náhled (obraz v obraze) při nastavování live */
.live-self-pip{position:fixed;right:12px;bottom:88px;width:128px;z-index:60;display:none;border-radius:14px;overflow:hidden;background:#05050a;box-shadow:0 12px 32px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18)}
.live-self-pip.show{display:block}
.live-self-pip .live-self-pip-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px 4px 8px;font-size:11px;font-weight:900;color:#fff;background:rgba(0,0,0,.55);cursor:grab;touch-action:none;user-select:none}
.live-self-pip.dragging .live-self-pip-bar{cursor:grabbing}
.live-self-pip .live-self-pip-hide{flex:0 0 auto;border:0;background:rgba(255,255,255,.16);color:#fff;width:20px;height:20px;border-radius:999px;font-size:11px;line-height:1;cursor:pointer;padding:0;display:grid;place-items:center}
.live-self-pip video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#05050a;transform:scaleX(-1)}
@media(max-width:760px){.live-self-pip{width:108px;bottom:104px}}

/* v251: Live MP3 title position + adjustable live chat text size */
.live-song-title-row{display:block!important;}
.live-song-title-control{display:grid;grid-template-columns:auto minmax(0,1fr) 54px;gap:8px;align-items:center;width:100%;border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.045);box-sizing:border-box;}
.live-song-title-control b{font-size:12px;font-weight:950;color:#fff;white-space:nowrap;}
.live-song-title-control input{width:100%;accent-color:#8b5cff;min-width:0;}
.live-song-title-control span{color:var(--muted);font-size:12px;font-weight:950;text-align:right;}
.live-chat-panel{--live-chat-font:13px;}
.live-chat-msg{padding:calc(var(--live-chat-font,13px) * .58) calc(var(--live-chat-font,13px) * .78)!important;}
.live-chat-msg b{font-size:calc(var(--live-chat-font,13px) - 1px)!important;line-height:1.16!important;}
.live-chat-msg span{font-size:var(--live-chat-font,13px)!important;line-height:1.28!important;}
.live-chat-size-control{grid-auto-rows:minmax(22px,auto);}
@media(max-width:820px){
  html.device-mobile-live .live-song-title-control{grid-template-columns:auto minmax(0,1fr) 44px;padding:7px 8px;gap:7px;}
  html.device-mobile-live .live-song-title-control b{font-size:11px;}
  html.device-mobile-live .live-song-title-control span{font-size:10px;}
}

/* v252: mobile chat font fix + desktop guest windows as readable horizontal rectangles */
html.device-mobile-live .live-chat-panel .live-chat-msg,
html.device-mobile-live #liveChatList .live-chat-msg{padding:calc(var(--live-chat-font,13px) * .48) calc(var(--live-chat-font,13px) * .66)!important;}
html.device-mobile-live .live-chat-panel .live-chat-msg b,
html.device-mobile-live #liveChatList .live-chat-msg b{font-size:calc(var(--live-chat-font,13px) - 1px)!important;line-height:1.12!important;}
html.device-mobile-live .live-chat-panel .live-chat-msg span,
html.device-mobile-live #liveChatList .live-chat-msg span{font-size:var(--live-chat-font,13px)!important;line-height:1.22!important;}
html.device-mobile-live .live-chat-size-control-mobile input[data-live-chat-font]{touch-action:pan-x!important;pointer-events:auto!important;}

@media(min-width:821px){
  .live-layout-focus .live-mini-window{width:min(38%,320px)!important;min-width:250px!important;max-width:320px!important;right:18px!important;bottom:18px!important;}
  .live-layout-focus .live-mini-window-trio{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important;}
  .live-layout-focus .live-mini-window .live-guest-window-movable{width:100%!important;max-width:100%!important;transform-origin:center center!important;}
  .live-layout-focus .live-mini-window .live-slot,
  .live-layout-focus .live-mini-window .live-frame,
  .live-layout-focus .live-mini-window .live-main-preview,
  .live-layout-focus .live-mini-window .live-local-preview{min-height:124px!important;height:124px!important;max-height:124px!important;border-radius:18px!important;}
  .live-layout-focus .live-mini-window .live-slot-user-fallback img,
  .live-layout-focus .live-mini-window .live-slot-user-initial{width:54px!important;height:54px!important;font-size:24px!important;}
  .live-layout-focus .live-mini-window .live-slot-user-fallback{gap:5px!important;padding:10px!important;}
  .live-layout-focus .live-mini-window .live-slot-user-fallback b{font-size:12px!important;}
  .live-layout-focus .live-mini-window .live-slot-user-fallback span{font-size:10px!important;line-height:1.15!important;}
}


/* v254: PC host okna zpět na čtverce + Android self náhled nad nastavením */
@media(min-width:821px){
  .live-layout-focus .live-mini-window{
    width:min(42vw,360px)!important;
    min-width:300px!important;
    max-width:360px!important;
    right:18px!important;
    bottom:18px!important;
  }
  .live-layout-focus .live-mini-window-trio{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(128px,1fr))!important;
    gap:10px!important;
    align-items:end!important;
  }
  .live-layout-focus .live-mini-window .live-guest-window-movable{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:1/1!important;
    transform-origin:center center!important;
  }
  .live-layout-focus .live-mini-window .live-slot,
  .live-layout-focus .live-mini-window .live-frame,
  .live-layout-focus .live-mini-window .live-main-preview,
  .live-layout-focus .live-mini-window .live-local-preview{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    border-radius:18px!important;
  }
  .live-layout-focus .live-mini-window .live-frame,
  .live-layout-focus .live-mini-window .live-main-preview,
  .live-layout-focus .live-mini-window .live-local-preview video{
    height:100%!important;
  }
}
html.device-android.device-mobile-live .live-self-pip{
  position:fixed!important;
  z-index:2147483000!important;
  right:10px!important;
  top:calc(env(safe-area-inset-top,0px) + 70px)!important;
  bottom:auto!important;
  width:min(34vw,124px)!important;
  min-width:104px!important;
  max-width:124px!important;
  pointer-events:auto!important;
  transform:translateZ(0)!important;
}
html.device-android.device-mobile-live .live-self-pip.show{display:block!important;}
html.device-android.device-mobile-live .live-self-pip video{aspect-ratio:9/16!important;min-height:138px!important;object-fit:cover!important;}

/* v255: mobilní náhled v nástrojích + ruční start schváleného média */
.live-approved-media-start{
  position:fixed;
  left:50%;
  bottom:calc(86px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  z-index:2147483100;
  width:min(92vw,520px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,rgba(22,18,39,.96),rgba(4,4,10,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.55),0 0 26px rgba(122,92,255,.25);
  color:#fff;
}
.live-approved-media-start>div{min-width:0;display:grid;gap:3px;line-height:1.2}
.live-approved-media-start b{font-size:14px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-approved-media-start span{font-size:12px;color:rgba(255,255,255,.72)}
.live-approved-media-start .pill{flex:0 0 auto;min-height:36px;padding:8px 12px}
.live-mobile-self-preview{display:none}
@media(max-width:820px){
  html.device-mobile-live .live-mobile-self-preview{
    display:grid;
    grid-template-columns:minmax(0,1fr) min(34vw,128px);
    align-items:center;
    gap:10px;
    position:sticky;
    top:calc(env(safe-area-inset-top,0px) + 8px);
    z-index:80;
    margin:0 0 10px;
    padding:10px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.18);
    background:linear-gradient(135deg,rgba(20,20,32,.94),rgba(6,6,12,.96));
    box-shadow:0 14px 34px rgba(0,0,0,.42);
  }
  html.device-mobile-live .live-mobile-self-preview div{display:grid;gap:3px;min-width:0}
  html.device-mobile-live .live-mobile-self-preview b{font-size:13px;font-weight:1000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html.device-mobile-live .live-mobile-self-preview span{font-size:11px;line-height:1.22;color:rgba(255,255,255,.68)}
  html.device-mobile-live .live-mobile-self-preview video{
    width:100%;
    aspect-ratio:9/16;
    max-height:164px;
    border-radius:14px;
    object-fit:cover;
    background:#05050a;
    border:1px solid rgba(255,255,255,.16);
    transform:scaleX(-1);
  }
  html.device-mobile-live .live-mobile-self-preview:not(.active) video{display:none}
  html.device-mobile-live .live-approved-media-start{
    left:10px;
    right:10px;
    width:auto;
    transform:none;
    bottom:calc(92px + env(safe-area-inset-bottom,0px));
  }
}

/* ============================================================
   v263 — Čistý MP4 režim v live.
   Když host/host pustí MP4 (nebo divák vidí media_mode=video):
   - schová se tlačítko Zpět vlevo nahoře (#appBackBtn)
   - schová se celá identita hostitele (live-room-head)
   - vlevo na horní hraně kamery se ukáže overlay: 👀 diváci + ❤️ lajky
   Po konci/stopu MP4 se vše vrátí do původního stavu.
   ============================================================ */

/* 1) Tlačítko Zpět pryč během MP4 (CSS pojistka k JS .hidden). */
body.live-mp4-clean .app-back-btn{display:none!important;}

/* 2) Celá identita hostitele pryč během MP4 (přebíjí starší v216 revert). */
.live-room-main.live-video-output-mode .live-room-head{
  display:none!important;
}

/* 3) Overlay diváci + lajky na horní hraně kamery vlevo. Default skrytý, v MP4 viditelný. */
.live-media-stats{
  display:none;
  position:absolute;
  left:12px;
  top:12px;
  right:auto;
  bottom:auto;
  z-index:12;
  align-items:center;
  gap:8px;
  pointer-events:none;
}
.live-room-main.live-video-output-mode .live-slot-role-host .live-media-stats,
.live-room-main.live-video-output-mode .live-slot-app .live-media-stats{
  display:inline-flex;
}
/* V MP4 režimu spodní počítadlo lajků skryjeme — lajky jsou nahoře v overlaye, ať se nedublují. */
.live-room-main.live-video-output-mode .live-like-counter{
  display:none!important;
}
.live-media-stat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(5,5,10,.58);
  color:#fff;
  font-weight:950;
  font-size:14px;
  line-height:1;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 6px 18px rgba(0,0,0,.32);
}
.live-media-stat i{
  font-size:15px;
  line-height:1;
  font-style:normal;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
.live-media-stat-likes.pulse{animation:liveLikePulse .42s ease;}

@media(max-width:820px){
  html.device-mobile-live .live-media-stats{left:10px;top:10px;gap:6px;}
  html.device-mobile-live .live-media-stat{padding:5px 9px;font-size:13px;}
}


/* v266: Live okna jako feed karty */
.live-feed-card{cursor:pointer;scroll-snap-align:start;scroll-snap-stop:always;background:#05030b;isolation:isolate;}
.live-feed-card .live-feed-bg{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(28px) saturate(1.25);opacity:.42;transform:scale(1.08);z-index:0;}
.live-feed-card .live-feed-glow{position:absolute;inset:0;background:radial-gradient(circle at 22% 14%,rgba(255,43,214,.36),transparent 34%),radial-gradient(circle at 82% 20%,rgba(0,231,255,.24),transparent 32%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.88));z-index:1;pointer-events:none;}
.live-feed-stage-preview{position:absolute;inset:34px 76px 170px 22px;z-index:3;display:grid;grid-template-rows:1fr auto;gap:12px;min-height:0;}
.live-feed-live-badge{position:absolute;top:12px;left:12px;z-index:5;border:1px solid rgba(255,255,255,.28);background:rgba(9,8,18,.66);backdrop-filter:blur(14px);border-radius:999px;padding:8px 12px;font-weight:1000;letter-spacing:.08em;font-size:12px;box-shadow:0 10px 34px rgba(0,0,0,.36);}
.live-feed-live-badge span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff315e;box-shadow:0 0 18px #ff315e;margin-right:7px;animation:liveFeedPulse 1.05s infinite;}
@keyframes liveFeedPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}
.live-feed-window{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:0 18px 54px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.04);display:flex;align-items:flex-end;gap:10px;padding:14px;min-height:112px;}
.live-feed-window-host{min-height:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-radius:30px;}
.live-feed-window-host .live-feed-avatar{width:min(48vw,210px);height:min(48vw,210px);max-width:64%;max-height:64%;border-radius:50%;}
.live-feed-window-host .live-feed-window-meta b{font-size:22px;}
.live-feed-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.live-feed-avatar{width:58px;height:58px;border-radius:22px;overflow:hidden;border:2px solid rgba(255,255,255,.55);background:rgba(0,0,0,.28);display:grid;place-items:center;flex:0 0 auto;}
.live-feed-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.live-feed-avatar i{font-style:normal;font-weight:1000;font-size:24px;color:#fff;}
.live-feed-window-meta{min-width:0;display:grid;gap:3px;text-shadow:0 2px 14px rgba(0,0,0,.65);}
.live-feed-window-meta b{font-size:14px;line-height:1;}
.live-feed-window-meta span{font-size:12px;color:#e8e8f4;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-feed-window em{position:absolute;right:12px;top:10px;font-style:normal;font-size:11px;font-weight:1000;color:#7affbd;text-shadow:0 0 14px rgba(55,255,147,.75);}
.live-feed-window.is-wait em{color:#cbd0e6;text-shadow:none;}
.live-feed-window.empty-user{opacity:.72;}
.live-feed-info .video-meta-line{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:950;color:#e9ecff;}
.live-feed-actions .round-action.primary{background:linear-gradient(135deg,var(--red),var(--pink),var(--violet));}
@media(max-width:720px){.live-feed-stage-preview{inset:22px 72px 160px 14px;gap:9px}.live-feed-window{border-radius:20px;padding:10px;min-height:92px}.live-feed-window-host{border-radius:24px}.live-feed-guest-grid{gap:8px}.live-feed-avatar{width:48px;height:48px;border-radius:18px}.live-feed-window-host .live-feed-avatar{width:min(52vw,170px);height:min(52vw,170px)}.live-feed-window-meta span{font-size:11px}.live-feed-live-badge{font-size:11px;padding:7px 10px}.live-feed-card .short-info{bottom:78px!important;}}


.theme-choice small{display:block;font-size:11px;opacity:.8;margin-left:auto}
.theme-choice-aurora span{background:linear-gradient(135deg,#4ade80,#22d3ee,#8b5cf6)}
.theme-choice-midnight span{background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}
.theme-choice-royalblack span{background:linear-gradient(135deg,#0b0f1f,#6d28d9,#f59e0b)}
.theme-choice-liquidgold span{background:linear-gradient(135deg,#3b2500,#d4af37,#fff2a8)}
body.theme-aurora{--bg:#051314;--panel:rgba(10,34,37,.88);--panel2:rgba(255,255,255,.07);--stroke:rgba(52,211,153,.24);--cyan:#22d3ee;--pink:#8b5cf6;--violet:#6366f1;--green:#4ade80;--red:#fb7185;background:radial-gradient(circle at 12% 8%,rgba(34,211,238,.24),transparent 34%),radial-gradient(circle at 92% 4%,rgba(139,92,246,.20),transparent 32%),linear-gradient(180deg,#082023 0,#02090b 100%)}
body.theme-midnight{--bg:#030712;--panel:rgba(15,23,42,.90);--panel2:rgba(255,255,255,.055);--stroke:rgba(96,165,250,.16);--cyan:#60a5fa;--pink:#818cf8;--violet:#334155;--green:#38bdf8;--red:#f43f5e;background:radial-gradient(circle at 12% 8%,rgba(96,165,250,.18),transparent 34%),radial-gradient(circle at 92% 4%,rgba(129,140,248,.18),transparent 32%),linear-gradient(180deg,#0b1220 0,#01040b 100%)}
body.theme-royalblack{--bg:#05060b;--panel:rgba(16,18,30,.92);--panel2:rgba(255,255,255,.06);--stroke:rgba(212,175,55,.24);--cyan:#f5d46b;--pink:#8b5cf6;--violet:#4c1d95;--green:#fde68a;--red:#fb7185;background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.22),transparent 34%),radial-gradient(circle at 92% 4%,rgba(245,212,107,.18),transparent 32%),linear-gradient(180deg,#12131d 0,#020202 100%)}
body.theme-liquidgold{--bg:#130d03;--panel:rgba(48,33,8,.92);--panel2:rgba(255,255,255,.06);--stroke:rgba(245,200,86,.30);--cyan:#fff2a8;--pink:#f59e0b;--violet:#d97706;--green:#fde68a;--red:#ef4444;background:radial-gradient(circle at 10% 8%,rgba(245,158,11,.22),transparent 34%),radial-gradient(circle at 92% 4%,rgba(255,242,168,.18),transparent 32%),linear-gradient(180deg,#2a1d07 0,#080401 100%)}
.vip-name-vip{background:linear-gradient(90deg,#7dd3fc,#38bdf8,#00e7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.vip-name-extra{background:linear-gradient(90deg,#f5d46b,#f59e0b,#fff2a8);-webkit-background-clip:text;background-clip:text;color:transparent}
.lajkto-vip-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.01em;vertical-align:middle;border:1px solid rgba(255,255,255,.18)}
.lajkto-vip-badge.vip{background:linear-gradient(135deg,#00e7ff,#2563eb);color:#fff;box-shadow:0 0 12px rgba(0,231,255,.25)}
.lajkto-vip-badge.extra{background:linear-gradient(135deg,#d4af37,#7a4dff);color:#fff;box-shadow:0 0 12px rgba(212,175,55,.25)}
.vip-frame img,.vip-frame .story-avatar-btn img{box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.vip-frame-vip img,.profile-story-avatar.vip-frame-vip img{box-shadow:0 0 0 3px rgba(0,231,255,.85),0 0 20px rgba(0,231,255,.25)}
.vip-frame-extra img,.profile-story-avatar.vip-frame-extra img{box-shadow:0 0 0 3px rgba(245,212,107,.95),0 0 24px rgba(122,77,255,.28)}
.mask-preset.vip-locked,.live-ar-pill.vip-locked{position:relative;opacity:.78}
.mask-preset.vip-locked::after,.live-ar-pill.vip-locked::after{content:attr(data-vip-lock);display:block;font-size:10px;font-weight:900;color:#facc15;margin-top:2px}
.wallet-bank-card{margin-top:14px;padding:14px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03))}
.wallet-topup-chip{border:1px solid var(--stroke);background:rgba(255,255,255,.05);color:#fff;border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:92px;cursor:pointer}
.wallet-topup-chip.active{border-color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 36%,transparent),0 0 18px color-mix(in srgb,var(--cyan) 20%,transparent)}
.wallet-pay-overlay{position:fixed;inset:0;z-index:100001;background:rgba(6,7,12,.74);backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;padding:0}
.wallet-pay-card{width:100%;max-width:620px;max-height:92vh;overflow:auto;background:#14151f;border:1px solid #2a2c3c;border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.58)}
.wallet-pay-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.wallet-pay-head h2{margin:0 0 4px;font-size:24px}.wallet-pay-head p{margin:0;color:#9aa0b5;font-size:13px;line-height:1.45}.wallet-pay-hero{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}.wallet-pay-hero img{width:100%;background:#fff;border-radius:18px;padding:10px;box-sizing:border-box}.wallet-pay-bank{display:grid;grid-template-columns:1fr;gap:6px}.wallet-pay-bank span{font-size:12px;color:#9aa0b5;text-transform:uppercase;letter-spacing:.05em}.wallet-pay-bank b{font-size:24px;color:#fff}.wallet-pay-bank code{display:block;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;word-break:break-word}.wallet-pay-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.wallet-pay-note{margin:12px 0 0;color:#9aa0b5;font-size:12px;line-height:1.5}
@media(max-width:640px){.wallet-pay-hero{grid-template-columns:1fr}.wallet-pay-actions{grid-template-columns:1fr}}


/* v280: Apple/PWA video vrstva během komentářů a dárků nesmí zčernat při otevření klávesnice. */
html.lajkto-ios-client body.lajkto-ios-overlay-active .short-card.active video.main-video{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
  -webkit-transform:translateZ(0) scale(1.0001)!important;
  transform:translateZ(0) scale(1.0001)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
html.lajkto-ios-client body.lajkto-ios-overlay-active #commentSheet,
html.lajkto-ios-client body.lajkto-ios-overlay-active #commentSheet .sheet-card{
  -webkit-transform:translateZ(0)!important;
  transform:translateZ(0)!important;
  will-change:transform!important;
}

/* v282: ruční dosync komentářů bez opuštění videa */
#commentSheet .sheet-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
#commentSheet .refresh-comments-btn{
  font-size:22px!important;
  font-weight:900!important;
}
#commentSheet .refresh-comments-btn.refreshing{
  opacity:.75!important;
  animation:lajktoRefreshSpin .8s linear infinite!important;
}
@keyframes lajktoRefreshSpin{to{transform:rotate(360deg)}}


/* v283: Lajkto gameplay karta, blogy a cestující průhledný watermark */
.lajkto-video-watermark{position:absolute;z-index:18;width:min(30vw,142px);max-width:34%;height:auto;pointer-events:none;opacity:.46;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(139,92,246,.25));animation:lajktoWatermarkTravel 25s steps(1,end) infinite;mix-blend-mode:screen}
@keyframes lajktoWatermarkTravel{0%,19.99%{top:18px;left:18px;right:auto;bottom:auto;transform:none}20%,39.99%{top:auto;left:auto;right:18px;bottom:18px;transform:none}40%,59.99%{top:18px;left:auto;right:18px;bottom:auto;transform:none}60%,79.99%{top:auto;left:18px;right:auto;bottom:18px;transform:none}80%,100%{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%)}}
.video-focus-on .lajkto-video-watermark{opacity:.36;width:min(24vw,128px)}
.daily-challenge-card{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(145,74,255,.34),transparent 38%),radial-gradient(circle at 88% 24%,rgba(0,217,255,.24),transparent 42%),#090818;color:#fff;padding:18px}.daily-challenge-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(108,58,199,.28),rgba(0,229,255,.12));opacity:.9}.daily-challenge-inner{position:relative;width:min(900px,92vw);padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(9,8,24,.76);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(16px)}.daily-challenge-inner h2{margin:6px 0 4px;font-size:clamp(28px,4vw,42px)}.daily-challenge-inner p{margin:0 0 18px;font-weight:800;opacity:.88}.daily-refresh{position:absolute;right:22px;top:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#fff;font-size:22px}.daily-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.daily-stats>div{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.07);padding:14px;display:grid;gap:6px}.daily-stats b{font-size:26px}.daily-stats span{font-weight:900}.daily-stats small{font-weight:800;opacity:.8}.daily-stats i,.daily-task-main i{height:12px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;display:block}.daily-stats em,.daily-task-main em{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#934cff,#78efff)}.daily-bonus,.daily-claim-btn{border:0;border-radius:999px;padding:12px 16px;font-weight:1000;color:#fff;background:linear-gradient(135deg,#9d4cff,#a9a5ff);box-shadow:0 10px 24px rgba(157,76,255,.24)}.daily-bonus.done{background:rgba(255,255,255,.10);box-shadow:none;color:rgba(255,255,255,.78)}.daily-tasks{display:grid;gap:10px}.daily-task{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.06);padding:12px}.daily-task.done{border-color:rgba(98,255,219,.45);box-shadow:0 0 0 1px rgba(98,255,219,.10)}.daily-task.claimed{opacity:.72}.daily-task-ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-size:25px}.daily-task-main{display:grid;gap:4px}.daily-task-main b{font-size:20px}.daily-task-main small{font-weight:800;opacity:.82}.daily-pill{border-radius:999px;padding:12px 15px;background:rgba(255,255,255,.10);font-weight:1000}.blog-head-card,.blog-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(108,58,199,.18),rgba(255,255,255,.06));padding:16px;margin:0 0 14px;box-shadow:0 16px 40px rgba(0,0,0,.20)}.blog-head-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-head-card div{display:grid;gap:4px}.blog-head-card b{font-size:22px}.blog-author{display:flex;align-items:center;gap:10px;margin-bottom:10px}.blog-author img{width:46px;height:46px;border-radius:50%;object-fit:cover}.blog-author div{display:grid}.blog-card h3{font-size:24px;margin:8px 0}.blog-text{white-space:pre-wrap;font-size:16px;line-height:1.45}.blog-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.blog-photos img{width:100%;aspect-ratio:1/1;border-radius:16px;object-fit:cover;background:rgba(255,255,255,.08)}.blog-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.blog-react{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:9px 12px;font-weight:900}.blog-comments,.blog-gifts{display:grid;gap:8px;margin-top:10px}.blog-comment,.blog-gift-row{display:flex;align-items:center;gap:8px;border-radius:14px;background:rgba(0,0,0,.18);padding:9px 11px}.blog-comment span{flex:1}.blog-comment small,.blog-gift-row small{opacity:.75}.blog-composer-form{display:grid;gap:12px}.blog-composer-form input,.blog-composer-form textarea{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.26);color:#fff;padding:13px 15px;font:inherit}.blog-photo-picker{display:grid;place-items:center;border:1px dashed rgba(255,255,255,.22);border-radius:18px;padding:16px;font-weight:1000;background:rgba(255,255,255,.06);cursor:pointer}.blog-photo-picker input{display:none}.blog-photo-names{font-size:12px;opacity:.78;line-height:1.35}
@media(max-width:700px){.daily-challenge-inner{padding:18px;border-radius:24px;width:94vw}.daily-stats{grid-template-columns:1fr}.daily-task{grid-template-columns:46px 1fr}.daily-task .daily-claim-btn,.daily-task .daily-pill{grid-column:2}.lajkto-video-watermark{width:118px;max-width:40%}.blog-head-card{display:grid}.blog-comment{align-items:flex-start;flex-direction:column}.blog-card{border-radius:18px}}


/* v284: mobilní denní výzvy mají vlastní posun a watermark je vždy nad videem */
.short-card > .lajkto-video-watermark,
.external-video-wrap > .lajkto-video-watermark{
  position:absolute!important;
  z-index:120!important;
  display:block!important;
  visibility:visible!important;
  pointer-events:none!important;
  opacity:.66!important;
  width:clamp(92px,18vw,154px)!important;
  max-width:42%!important;
  height:auto!important;
  mix-blend-mode:normal!important;
  transform:translateZ(0);
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.82)) drop-shadow(0 0 12px rgba(160,112,255,.42));
}
.short-card.active > .lajkto-video-watermark{z-index:160!important;}
body.feed-shell .short-card .lajkto-video-watermark{position:absolute!important;z-index:160!important;}
#feed.daily-inner-scrolling{scroll-snap-type:none!important;overscroll-behavior-y:none!important;}
.daily-challenge-card{touch-action:pan-y;}
.daily-challenge-card .daily-challenge-inner{
  max-height:calc(100% - 24px);
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-width:thin;
}
.daily-challenge-card .daily-challenge-inner::-webkit-scrollbar{width:6px;}
.daily-challenge-card .daily-challenge-inner::-webkit-scrollbar-thumb{background:rgba(170,138,255,.44);border-radius:999px;}
.daily-challenge-card .daily-task:last-child{margin-bottom:14px;}
@media(max-width:700px){
  .daily-challenge-card{place-items:stretch;padding:12px 12px calc(18px + env(safe-area-inset-bottom));}
  .daily-challenge-card .daily-challenge-inner{width:100%;max-height:calc(100svh - var(--topbar-real,96px) - var(--bottom-nav-real,78px) - 30px);padding:18px 16px 22px;}
  .daily-challenge-inner h2{font-size:34px;line-height:1.05;}
  .daily-challenge-inner p{font-size:18px;line-height:1.25;}
  .daily-task-main b{font-size:18px;}
  .daily-refresh{right:16px;top:16px;width:56px;height:56px;}
  .short-card > .lajkto-video-watermark,
  .external-video-wrap > .lajkto-video-watermark{width:112px!important;max-width:36%!important;opacity:.72!important;}
}

/* v285: denní výzvy se řadí mezi obsah; zvuk videa se pod nevideo kartami nepouští přes JS guard. */

/* v289: zhlédnutí videí se dorovnává přes serverové signály a interakce bez změny UI. */

/* v290: denní úkoly mají jasné tlačítko pro přeskočení na další video */
.daily-challenge-card{position:relative!important;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;}
.daily-next-video{
  position:absolute!important;
  left:50%!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) translateZ(0)!important;
  z-index:40!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  padding:13px 22px!important;
  min-width:174px!important;
  min-height:48px!important;
  color:#fff!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  background:linear-gradient(135deg,rgba(146,76,255,.96),rgba(0,210,255,.84))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 22px rgba(129,101,255,.32)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  touch-action:manipulation!important;
}
.daily-next-video:active{transform:translateX(-50%) translateY(1px) translateZ(0)!important;filter:brightness(1.08)!important;}
@media(max-width:700px){
  .daily-challenge-card{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;}
  .daily-challenge-card .daily-challenge-inner{padding-bottom:78px!important;}
  .daily-next-video{bottom:calc(16px + env(safe-area-inset-bottom))!important;min-width:186px!important;font-size:16px!important;}
}


/* v292: tlačítko Další video na denních úkolech musí být nad všemi kartovými vrstvami a opravdu klikací. */
.daily-challenge-card{isolation:isolate!important;position:relative!important;}
.daily-challenge-bg{pointer-events:none!important;z-index:0!important;}
.daily-challenge-card .daily-challenge-inner{position:relative!important;z-index:2!important;}
.daily-next-video{
  position:absolute!important;
  left:50%!important;
  bottom:calc(20px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) translateZ(0)!important;
  z-index:214748300!important;
  pointer-events:auto!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:196px!important;
  min-height:52px!important;
  max-width:calc(100% - 34px)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  padding:14px 24px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:1000!important;
  line-height:1!important;
  background:linear-gradient(135deg,rgba(156,78,255,.98),rgba(125,129,255,.95),rgba(71,229,255,.82))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.44),0 0 28px rgba(138,91,255,.35)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.daily-next-video.daily-next-pressing,.daily-next-video:active{transform:translateX(-50%) translateY(1px) translateZ(0)!important;filter:brightness(1.12)!important;}
@media(max-width:700px){
  .daily-challenge-card{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;}
  .daily-challenge-card .daily-challenge-inner{padding-bottom:92px!important;}
  .daily-next-video{bottom:calc(22px + env(safe-area-inset-bottom))!important;width:min(296px,calc(100% - 34px))!important;}
}

/* ===================== Společné hry: Člověče nezlob se [v295] ===================== */
.coop-panel{min-height:70vh}
.coop-hero{display:grid;gap:14px;place-items:center;text-align:center;padding:48px 20px}
.coop-hero-emoji{font-size:64px;line-height:1}
.coop-hero h1{margin:0;font-size:clamp(30px,6vw,52px);letter-spacing:-1.5px}
.coop-hero p{color:var(--muted);font-size:16px;line-height:1.5;max-width:520px;margin:0}

.coop-menu-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.coop-menu-head h1{margin:0;font-size:clamp(28px,5vw,52px);letter-spacing:-1.5px}
.coop-menu-head p{color:var(--muted);line-height:1.5;margin:8px 0 0;max-width:720px}

.coop-games-shelf{display:flex;gap:12px;overflow-x:auto;padding:18px 0 6px;scrollbar-width:thin}
.coop-game-tile{flex:0 0 auto;width:180px;border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.05);padding:16px;display:grid;gap:4px}
.coop-game-tile.active{border-color:rgba(0,231,255,.45);background:linear-gradient(135deg,rgba(255,43,214,.14),rgba(0,231,255,.10));box-shadow:0 10px 36px rgba(0,231,255,.10)}
.coop-game-tile.soon{opacity:.55}
.coop-game-ico{font-size:34px;line-height:1;margin-bottom:6px}
.coop-game-tile b{font-size:16px}
.coop-game-tile span{color:var(--muted);font-size:12px;font-weight:800}
.coop-game-tile small{color:var(--green);font-size:11px;font-weight:900;margin-top:4px}

.coop-create-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto) auto;gap:10px;margin:14px 0 6px;align-items:stretch}
.coop-create-row input{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.32);color:#fff;border-radius:16px;padding:13px 15px;font:inherit;font-weight:800;outline:none}
.coop-create-row input:focus{border-color:rgba(0,231,255,.6);box-shadow:0 0 0 3px rgba(0,231,255,.1)}

.coop-section-title{margin:22px 0 12px;font-size:20px;letter-spacing:-.5px}
.coop-room-list{display:grid;gap:10px}
.coop-room-list.dim{opacity:.72}
.coop-room-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--stroke);background:rgba(255,255,255,.055);border-radius:20px;padding:14px 16px}
.coop-room-card.mine{border-color:rgba(70,210,122,.55);background:linear-gradient(135deg,rgba(70,210,122,.11),rgba(176,107,255,.08));box-shadow:0 0 0 1px rgba(70,210,122,.22) inset,0 14px 36px rgba(0,0,0,.18)}
.coop-room-main{display:grid;gap:3px;min-width:0}
.coop-room-main b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coop-room-host{color:var(--muted);font-size:12px;font-weight:800}
.coop-room-phase{font-size:12px;font-weight:900;color:#fff}
.coop-room-side{display:flex;align-items:center;gap:12px;flex-shrink:0}
.coop-room-count{color:var(--muted);font-weight:900;font-size:13px;white-space:nowrap}
.coop-room-locked{color:var(--muted);font-weight:900;font-size:13px}
.coop-empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--stroke);border-radius:18px}

/* ---- Lobby ---- */
.coop-lobby-head,.coop-game-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.coop-lobby-head h1,.coop-game-head h1{margin:0;font-size:clamp(24px,4.5vw,42px);letter-spacing:-1px}
.coop-lobby-head p{color:var(--muted);margin:6px 0 0;line-height:1.45}
.coop-seats{display:grid;grid-template-columns:repeat(var(--coop-seat-cols,4),minmax(0,1fr));gap:10px;margin:18px 0}
.coop-seat{border:1px solid var(--stroke);border-radius:18px;padding:12px;min-height:96px;display:grid;gap:6px;justify-items:center;align-content:center;text-align:center;background:rgba(255,255,255,.04)}
.coop-seat.filled{border-color:var(--seat);box-shadow:0 0 0 1px var(--seat) inset,0 8px 24px rgba(0,0,0,.25);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.18))}
.coop-seat.empty{opacity:.5;border-style:dashed}
.coop-seat img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--seat,rgba(255,255,255,.4))}
.coop-seat b{font-size:13px;font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.coop-seat.empty span{color:var(--muted);font-size:12px;font-weight:800}
.coop-seat-dot{width:9px;height:9px;border-radius:50%;background:#555}
.coop-seat-dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}
.coop-seat-dot.off{background:#777}
.coop-lobby-actions{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 16px}
.coop-cpu-row{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:16px;padding:0 14px;min-height:54px;color:#f6f0ff;font-weight:900;font-size:13px;cursor:pointer;user-select:none}
.coop-cpu-row input{width:18px;height:18px;accent-color:#b06bff;flex:0 0 auto}
.coop-cpu-row span{line-height:1.25}
.coop-start-btn[disabled]{opacity:.5;cursor:not-allowed}
.coop-rules-mini{border:1px solid rgba(255,209,102,.25);background:rgba(255,209,102,.06);border-radius:16px;padding:13px 15px;color:#f4ecd8;line-height:1.5;font-size:13px}
.coop-rules-mini b{color:#ffe29a}

.coop-countdown{display:grid;place-items:center;gap:10px;text-align:center;margin:16px 0;padding:18px;border:1px solid rgba(0,231,255,.3);border-radius:20px;background:linear-gradient(135deg,rgba(0,231,255,.10),rgba(255,43,214,.07))}
.coop-countdown-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;border:4px solid rgba(0,231,255,.55);box-shadow:0 0 30px rgba(0,231,255,.25)}
.coop-countdown-ring b{font-size:40px;font-weight:1000;line-height:1}
.coop-countdown p{color:var(--muted);margin:0;font-weight:800}

/* ---- Hra ---- */
.coop-players-strip{display:flex;gap:8px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:thin}
.coop-pl{flex:0 0 auto;display:grid;gap:1px;border:1px solid var(--stroke);border-radius:14px;padding:8px 12px;background:rgba(255,255,255,.05);position:relative}
.coop-pl.turn{border-color:var(--c);box-shadow:0 0 0 2px var(--c) inset,0 0 22px -6px var(--c)}
.coop-pl.off{opacity:.5}
.coop-pl.gone{opacity:.35;text-decoration:line-through}
.coop-pl-chip{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--c)}
.coop-pl b{font-size:13px;font-weight:900;padding-right:16px}
.coop-pl small{color:var(--muted);font-size:11px;font-weight:800}

.coop-board-wrap{display:grid;place-items:center;margin:6px 0 16px;width:100%;overflow:visible}
.coop-board{display:block;width:min(500px,100%);max-width:100%;height:auto;aspect-ratio:1/1;touch-action:manipulation;margin-inline:auto}
.coop-board-bg{fill:rgba(255,255,255,.03);stroke:var(--stroke);stroke-width:1.5}
.coop-cell{fill:var(--cc,rgba(255,255,255,.14));stroke:rgba(0,0,0,.35);stroke-width:1.2}
.coop-cell.start{stroke:#fff;stroke-width:2}
.coop-cell.finish{opacity:.85}
.coop-center{fill:rgba(255,255,255,.08);stroke:var(--stroke);stroke-width:2}
.coop-center-text{font-size:26px}
.coop-pawn .coop-pawn-ring{fill:rgba(0,0,0,.55)}
.coop-pawn .coop-pawn-body{fill:var(--cc,#fff);stroke:#fff;stroke-width:1.5}
.coop-pawn.movable{cursor:pointer}
.coop-pawn.movable .coop-pawn-ring{fill:#fff;animation:coopPulse 1s ease-in-out infinite}
.coop-pawn.movable .coop-pawn-body{stroke:#fff;stroke-width:2.5}
@keyframes coopPulse{0%,100%{opacity:.55}50%{opacity:1}}

.coop-control{display:grid;place-items:center;gap:10px;text-align:center;padding:8px 0 4px}
.coop-turn-line{font-size:16px;font-weight:800;color:var(--muted)}
.coop-turn-line b{color:#fff}
.coop-dice{width:96px;height:96px;border-radius:26px;border:2px solid var(--stroke);background:rgba(255,255,255,.06);font-size:54px;line-height:1;display:grid;place-items:center;cursor:default;color:#fff;transition:transform .12s}
.coop-dice.live{cursor:pointer;border-color:rgba(0,231,255,.6);background:linear-gradient(135deg,rgba(255,43,214,.2),rgba(0,231,255,.18));box-shadow:0 10px 30px rgba(0,231,255,.18)}
.coop-dice.live:active{transform:scale(.92)}
.coop-dice[disabled]{opacity:.7}
.coop-dice.rolling .coop-dice-face{animation:coopRoll .5s ease}
@keyframes coopRoll{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.coop-control-hint{color:var(--muted);font-size:13px;font-weight:800;max-width:340px}
.coop-event{margin-top:2px;font-size:13px;font-weight:900;color:#ffe29a;background:rgba(255,209,102,.08);border:1px solid rgba(255,209,102,.2);border-radius:12px;padding:8px 12px}

.coop-results{display:grid;gap:14px;justify-items:center;text-align:center;padding:10px 0}
.coop-results h2{margin:0;font-size:28px}
.coop-results-list{display:grid;gap:8px;width:min(420px,100%)}
.coop-result-row{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid var(--stroke);border-radius:14px;padding:10px 14px;background:rgba(255,255,255,.05)}
.coop-result-place{font-size:22px;text-align:center}
.coop-result-row b{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coop-result-prize{color:var(--green);font-weight:1000;white-space:nowrap}
.coop-results-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.coop-result-note{color:var(--muted);font-size:14px;font-weight:800;line-height:1.45;max-width:420px;margin:0}
.coop-results.abandoned{border:1px solid rgba(255,209,102,.22);border-radius:20px;background:rgba(255,209,102,.05);padding:18px}


/* Desktop: vedle sebe plán + ovládání pro víc prostoru */
@media(min-width:900px){
  .coop-game .coop-board-wrap{margin-top:10px}
  .coop-board{width:min(560px,100%)}
  .coop-seats{grid-template-columns:repeat(var(--coop-seat-cols,8),minmax(0,1fr))}
}
/* Mobil: kompaktnější sedačky a plán */
@media(max-width:560px){
  .coop-seats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coop-create-row{grid-template-columns:1fr}
  .coop-dice{width:84px;height:84px;font-size:46px}
  .coop-board{width:min(430px,100%)}
}


/* v296 – Prší ve společných hrách */
.coop-game-tile{cursor:pointer;user-select:none;transition:transform .12s,border-color .12s,box-shadow .12s}
.coop-game-tile:active{transform:scale(.97)}
.coop-game-tile[role="button"]:focus-visible{outline:2px solid rgba(0,231,255,.75);outline-offset:3px}
.prsi-control{gap:14px}
.prsi-table{display:grid;grid-template-columns:110px 130px minmax(120px,1fr);gap:12px;align-items:stretch;width:min(520px,100%)}
.prsi-pile,.prsi-request{border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.055);padding:14px;display:grid;align-content:center;gap:4px;min-height:112px}
.prsi-pile span,.prsi-request span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.prsi-pile b,.prsi-request b{font-size:24px;line-height:1}
.prsi-request em{font-style:normal;color:#ffe29a;font-weight:1000;font-size:12px;margin-top:5px}
.prsi-suits{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;max-width:620px}
.prsi-suits span{color:var(--muted);font-weight:900;font-size:13px;width:100%;text-align:center}
.prsi-hand{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:10px 2px 14px;scrollbar-width:thin;justify-content:flex-start}
.prsi-hand.my-turn{filter:drop-shadow(0 12px 30px rgba(176,107,255,.13))}
.prsi-card{flex:0 0 78px;min-height:112px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#fff,#e7e1ff);color:#171126;display:grid;place-items:center;align-content:center;gap:6px;font:inherit;font-weight:1000;box-shadow:0 10px 26px rgba(0,0,0,.26);position:relative;overflow:hidden}
.prsi-card b{font-size:24px;line-height:1;letter-spacing:-.04em}
.prsi-card span{font-size:11px;font-weight:900;color:rgba(23,17,38,.7);text-align:center;line-height:1.15;padding:0 4px}
.prsi-card.red{color:#d6204b}
.prsi-card.playable{cursor:pointer;border-color:rgba(70,210,122,.9);box-shadow:0 0 0 3px rgba(70,210,122,.22),0 14px 34px rgba(0,0,0,.28);transform:translateY(-4px)}
.prsi-card[disabled]{opacity:.52;cursor:not-allowed;transform:none}
.prsi-card.top{flex:initial;width:130px;min-height:126px;margin:auto;transform:rotate(-2deg)}
@media(max-width:560px){
  .prsi-table{grid-template-columns:1fr 1fr;grid-template-areas:"pile top" "req req";gap:10px}
  .prsi-pile{grid-area:pile}.prsi-card.top{grid-area:top;width:112px;min-height:116px}.prsi-request{grid-area:req;min-height:auto}
  .prsi-card{flex-basis:70px;min-height:104px;border-radius:14px}.prsi-card b{font-size:21px}
}

/* v300 – společné hry: CPU soupeř */
/* v299 – společné hry: nové hry */

/* v299 – společné hry: Otrávený stůl + Potápění lodí */
.poison-control,.battle-control{gap:14px}
.poison-food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,120px));gap:10px;justify-content:center;width:min(420px,100%)}
.poison-food{min-height:104px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.16));color:#fff;display:grid;place-items:center;align-content:center;gap:6px;font:inherit;font-weight:1000;box-shadow:0 12px 30px rgba(0,0,0,.22);touch-action:manipulation}
.poison-food b{font-size:34px;line-height:1}.poison-food span{font-size:12px;color:var(--muted)}
.poison-food.eat{border-color:rgba(255,209,102,.32);background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(255,43,214,.08))}
.poison-food:active{transform:scale(.96)}
.poison-secret{border:1px solid rgba(255,209,102,.24);background:rgba(255,209,102,.08);border-radius:16px;padding:12px 14px;color:#ffe29a;font-weight:900}
.battle-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:min(720px,100%)}
.battle-columns section{display:grid;gap:8px;justify-items:center;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.035);padding:12px}
.battle-columns h3{margin:0;font-size:14px;color:#fff}
.battle-grid{display:grid;grid-template-columns:repeat(var(--battle-size,6),36px);gap:5px;justify-content:center;touch-action:manipulation}
.battle-cell{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(0,231,255,.12),rgba(0,0,0,.22));color:#fff;font-weight:1000;display:grid;place-items:center;font-size:17px;padding:0}
.battle-cell.setup{cursor:pointer}.battle-cell.draft,.battle-cell.ship{background:linear-gradient(135deg,rgba(70,210,122,.35),rgba(0,231,255,.16));border-color:rgba(70,210,122,.75)}
.battle-cell.hit{background:linear-gradient(135deg,rgba(255,90,90,.55),rgba(255,209,102,.18));border-color:rgba(255,90,90,.9)}
.battle-cell.miss,.battle-cell.shot:not(.hit){background:rgba(255,255,255,.08);color:rgba(255,255,255,.65)}
.battle-cell.enemy:not([disabled]){cursor:pointer;border-color:rgba(255,209,102,.5);box-shadow:0 0 0 2px rgba(255,209,102,.08)}
.battle-cell[disabled]{cursor:not-allowed;opacity:.78}
@media(max-width:720px){.battle-columns{grid-template-columns:1fr}.poison-food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-grid{grid-template-columns:repeat(var(--battle-size,6),minmax(30px,1fr));gap:4px;width:100%;max-width:250px}.battle-cell{width:auto;aspect-ratio:1/1;height:auto;border-radius:8px;font-size:15px}}

/* v301 security upload firewall admin UI */
.admin-security-summary{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.admin-security-card .admin-actions{gap:8px;flex-wrap:wrap}.admin-security-card .admin-form-grid span{word-break:break-word}.admin-security-bans{display:grid;gap:8px;margin:8px 0 14px}.big-btn.danger,.admin-actions .danger{border-color:rgba(255,61,107,.45)!important;background:linear-gradient(135deg,rgba(255,61,107,.22),rgba(255,123,61,.10))!important;color:#ffd7df!important}.admin-center-card h4{margin:14px 0 8px;font-size:14px;opacity:.92}.admin-security-card{border-color:rgba(126,92,255,.25)}

/* v305: MOBILNÍ UI – pohodlné dotykové cíle bez nafouknutí. Výchozí zoom 1.00. */
:root{
  --lajkto-mobile-ui-zoom:1.00;
  --lajkto-ui-9:9px;--lajkto-ui-10:10px;--lajkto-ui-11:11px;--lajkto-ui-12:12px;--lajkto-ui-13:13px;--lajkto-ui-14:14px;--lajkto-ui-15:15px;--lajkto-ui-16:16px;--lajkto-ui-18:18px;--lajkto-ui-20:20px;--lajkto-ui-22:22px;--lajkto-ui-24:24px;
  --lajkto-ui-touch-34:34px;--lajkto-ui-touch-38:38px;--lajkto-ui-touch-44:44px;--lajkto-ui-touch-50:50px;--lajkto-ui-touch-54:54px;--lajkto-ui-touch-58:58px;--lajkto-ui-touch-74:72px;
}
@media(max-width:820px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  button,.pill,.big-btn,.icon-btn,input,textarea,select{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,231,255,.18);}
  input,textarea,select{font-size:var(--lajkto-ui-16)!important;min-height:var(--lajkto-ui-touch-44)!important;}
  .pill,.big-btn{min-height:var(--lajkto-ui-touch-44)!important;font-size:var(--lajkto-ui-13)!important;padding:10px 13px!important;line-height:1.12!important;}
  .icon-btn{width:var(--lajkto-ui-touch-44)!important;height:var(--lajkto-ui-touch-44)!important;font-size:var(--lajkto-ui-24)!important;}

  .topbar{padding-top:calc(7px + env(safe-area-inset-top))!important;padding-bottom:7px!important;}
  .brand img{width:var(--lajkto-ui-touch-44)!important;height:var(--lajkto-ui-touch-44)!important;border-radius:14px!important;}
  .brand strong{font-size:var(--lajkto-ui-24)!important;line-height:.96!important;}
  .brand span{font-size:var(--lajkto-ui-9)!important;letter-spacing:.11em!important;}
  .top-actions{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:7px!important;margin-top:7px!important;padding-bottom:4px!important;scroll-snap-type:x proximity!important;}
  .top-actions::-webkit-scrollbar{display:none!important;}
  .top-actions .primary{grid-column:auto!important;}
  .top-actions .pill{flex:0 0 auto!important;min-height:var(--lajkto-ui-touch-38)!important;font-size:var(--lajkto-ui-12)!important;padding:8px 11px!important;scroll-snap-align:start!important;}
  .top-actions .tb-compact{min-width:var(--lajkto-ui-touch-44)!important;}

  .bottom-nav{min-height:calc(var(--lajkto-ui-touch-58) + env(safe-area-inset-bottom))!important;gap:4px!important;padding-top:7px!important;padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;}
  .bottom-nav button{flex:1 1 0!important;min-width:0!important;min-height:var(--lajkto-ui-touch-50)!important;border-radius:18px!important;padding:6px 3px!important;}
  .bottom-nav span{font-size:var(--lajkto-ui-22)!important;line-height:1!important;}
  .bottom-nav b{font-size:var(--lajkto-ui-10)!important;line-height:1.08!important;margin-top:2px!important;}
  .bottom-nav button[data-route="upload"] span{width:var(--lajkto-ui-touch-38)!important;height:var(--lajkto-ui-touch-38)!important;font-size:var(--lajkto-ui-22)!important;}

  body.feed-shell .view[data-view="feed"] .feed-head.panel{padding:7px 10px 8px!important;gap:7px!important;}
  body.feed-shell .feed-head h1{font-size:var(--lajkto-ui-20)!important;line-height:1!important;}
  body.feed-shell .feed-tabs{gap:6px!important;}
  body.feed-shell .feed-tabs .pill{min-height:var(--lajkto-ui-touch-34)!important;font-size:var(--lajkto-ui-11)!important;padding:6px 7px!important;}

  body.feed-shell .short-card .short-info{left:12px!important;right:70px!important;bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;max-height:44%!important;text-shadow:0 2px 18px #000,0 0 22px #000!important;}
  body.feed-shell .short-card .author-row{gap:8px!important;margin-bottom:6px!important;}
  body.feed-shell .short-card .author-row img{width:var(--lajkto-ui-touch-34)!important;height:var(--lajkto-ui-touch-34)!important;}
  body.feed-shell .short-card .author-row button{font-size:var(--lajkto-ui-15)!important;}
  body.feed-shell .short-card .caption{font-size:var(--lajkto-ui-16)!important;line-height:1.22!important;margin-bottom:4px!important;-webkit-line-clamp:2!important;}
  body.feed-shell .short-card .desc{font-size:var(--lajkto-ui-13)!important;line-height:1.28!important;-webkit-line-clamp:2!important;}
  body.feed-shell .short-card .desc-more{font-size:var(--lajkto-ui-12)!important;min-height:28px!important;padding:5px 11px!important;}
  body.feed-shell .short-info.info-expanded{right:68px!important;bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;max-height:58%!important;font-size:var(--lajkto-ui-14)!important;}
  body.feed-shell .short-card .sound-bar{left:10px!important;right:68px!important;min-height:var(--lajkto-ui-touch-38)!important;padding:7px 10px!important;}
  body.feed-shell .short-card .sound-bar-text{font-size:var(--lajkto-ui-12)!important;}
  body.feed-shell .short-card .sound-hint,.video-loading{font-size:var(--lajkto-ui-12)!important;}

  body.feed-shell .short-card .side-actions,.short-card .side-actions{right:8px!important;gap:8px!important;max-height:calc(100% - 112px)!important;}
  body.feed-shell .short-card .side-actions .round-action,.short-card .side-actions .round-action{width:var(--lajkto-ui-touch-54)!important;min-height:var(--lajkto-ui-touch-54)!important;border-radius:18px!important;padding:6px!important;}
  body.feed-shell .short-card .side-actions .round-action span,.short-card .side-actions .round-action span{font-size:var(--lajkto-ui-22)!important;}
  body.feed-shell .short-card .side-actions .round-action small,.short-card .side-actions .round-action small{font-size:var(--lajkto-ui-10)!important;max-width:50px!important;}

  .panel{width:calc(100% - 18px)!important;margin:12px auto!important;padding:18px!important;border-radius:24px!important;}
  .hero-panel h1,.home-hero h1{font-size:clamp(38px,11vw,58px)!important;line-height:.94!important;}
  .hero-panel p,.home-hero p,.creator-card span,.feature-grid span{font-size:var(--lajkto-ui-15)!important;line-height:1.48!important;}
  .home-actions,.wallet-actions,.profile-action-row{gap:8px!important;}

  .sheet:not(.hidden){align-items:flex-end!important;}
  .sheet-card{max-height:calc(92svh - env(safe-area-inset-top))!important;border-radius:24px 24px 0 0!important;padding:14px 14px calc(14px + env(safe-area-inset-bottom))!important;font-size:var(--lajkto-ui-15)!important;}
  .sheet-head h2{font-size:var(--lajkto-ui-22)!important;}
  .comments-list{gap:10px!important;padding:10px 0!important;}
  .comment{padding:12px!important;border-radius:17px!important;}
  .comment p{font-size:var(--lajkto-ui-14)!important;line-height:1.38!important;}
  .comment small{font-size:var(--lajkto-ui-12)!important;}
  .comment-form{gap:8px!important;align-items:center!important;}
  .comment-form input{min-height:var(--lajkto-ui-touch-44)!important;font-size:var(--lajkto-ui-15)!important;}
  .comment-form .pill{min-height:var(--lajkto-ui-touch-44)!important;}

  #commentSheet .gifts-panel{padding:10px!important;margin:7px 0 9px!important;border-radius:20px!important;}
  #commentSheet .gift-head b{font-size:var(--lajkto-ui-15)!important;}
  #commentSheet #giftBalance{font-size:var(--lajkto-ui-12)!important;}
  #commentSheet .gift-toggle{min-height:var(--lajkto-ui-touch-38)!important;font-size:var(--lajkto-ui-12)!important;}
  #commentSheet .gift-chip{min-height:74px!important;border-radius:18px!important;font-size:var(--lajkto-ui-12)!important;}
  #commentSheet .gift-chip .emoji{font-size:var(--lajkto-ui-24)!important;}

  .radio-bar{bottom:calc(var(--bottom-nav-real,82px) + 8px + env(safe-area-inset-bottom))!important;width:calc(100% - 16px)!important;min-height:var(--lajkto-ui-touch-58)!important;border-radius:20px!important;}
  .radio-bar-btn{width:var(--lajkto-ui-touch-44)!important;height:var(--lajkto-ui-touch-44)!important;font-size:var(--lajkto-ui-18)!important;}
  .radio-bar-info b{font-size:var(--lajkto-ui-14)!important;}
  .radio-bar-info small{font-size:var(--lajkto-ui-12)!important;}

  .live-badge,.live-sound-hint{font-size:var(--lajkto-ui-13)!important;}
  .live-meta{font-size:var(--lajkto-ui-15)!important;}
  .pubchat-switch-btn,.pubchat-rooms button{min-height:var(--lajkto-ui-touch-38)!important;font-size:var(--lajkto-ui-13)!important;}
  .toast{left:12px!important;right:12px!important;bottom:calc(var(--bottom-nav-real,82px) + 18px + env(safe-area-inset-bottom))!important;max-width:none!important;font-size:var(--lajkto-ui-14)!important;}
  .app-back-btn{min-height:var(--lajkto-ui-touch-44)!important;font-size:var(--lajkto-ui-14)!important;}

  /* Ochrana proti chybě z v302: média nejsou součást UI zoomu. */
  .short-card video,.short-card iframe,.live-video,canvas,.external-video-wrap{zoom:1!important;}
}
@media(max-width:380px){
  .bottom-nav button{flex:1 1 0!important;min-width:0!important;}
  body.feed-shell .short-card .short-info{right:64px!important;}
  body.feed-shell .short-card .side-actions .round-action,.short-card .side-actions .round-action{width:50px!important;min-height:50px!important;}
}
@media(max-height:690px) and (max-width:820px){
  body.feed-shell .short-card .desc{-webkit-line-clamp:1!important;}
  body.feed-shell .short-card .short-info{max-height:35%!important;bottom:calc(54px + env(safe-area-inset-bottom,0px))!important;}
  .bottom-nav button{min-height:52px!important;}
}


/* v305: mobilní feed bez ořezu videa po bocích.
   Hlavní video se na mobilech vždy vejde celé do okna (contain).
   Boky a pozadí vyplní spolehlivý statický rozmazaný backdrop (.video-backdrop)
   z náhledu videa. Živé rozmazané video (.video-backdrop-live) je jen pro PC,
   na mobilu by bylo bez zdroje (černé) a zbytečně by bralo výkon. */
@media(max-width:820px){
  body.feed-shell .short-card{
    position:relative!important;
    background:#000!important;
    overflow:hidden!important;
  }
  body.feed-shell .short-card .video-backdrop-live{display:none!important;}
  body.feed-shell .short-card .video-backdrop{
    display:block!important;
    position:absolute!important;
    inset:-6%!important;
    width:112%!important;
    height:112%!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    object-fit:cover!important;
    filter:blur(26px) saturate(1.2) brightness(.64)!important;
    transform:scale(1.08)!important;
    opacity:.92!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  body.feed-shell .short-card .video-backdrop::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(0,0,0,.40),rgba(0,0,0,.10) 18%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.10) 82%,rgba(0,0,0,.40))!important;
  }
  body.feed-shell .short-card video.main-video,
  body.feed-shell .short-card iframe.youtube-embed-feed,
  body.feed-shell .short-card .external-video-wrap{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    display:block!important;
    margin:0!important;
    z-index:10!important;
    background:transparent!important;
  }
  body.feed-shell .short-card video.main-video,
  body.feed-shell .short-card iframe.youtube-embed-feed{
    object-fit:contain!important;
    object-position:center center!important;
  }
  body.feed-shell .short-card .external-video-wrap iframe{
    width:100%!important;
    height:100%!important;
    background:#000!important;
  }
  body.feed-shell .short-card .shade{
    z-index:12!important;
    background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.03) 48%,rgba(0,0,0,.86))!important;
  }
  body.feed-shell .short-card .short-info,
  body.feed-shell .short-card .sound-bar,
  body.feed-shell .short-card .side-actions,
  body.feed-shell .short-card .video-progress,
  body.feed-shell .short-card .sound-hint,
  body.feed-shell .short-card .play-state-icon,
  body.feed-shell .short-card .video-loading,
  body.feed-shell .short-card .original-sound-ribbon,
  body.feed-shell .short-card .lajkto-video-watermark{
    z-index:15!important;
  }
}


/* v306: sjednocení mobilní horní/spodní lišty podle feedu.
   Feed byl správný, proto se jeho kompaktní velikost použije všude. */
@media(max-width:820px){
  /* Spodní navigace všude stejná jako ve feedu: menší, vycentrovaná, bez nafouknutých ikon. */
  .bottom-nav,
  body.feed-shell .bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:50px!important;
    max-height:none!important;
    padding:3px max(6px,env(safe-area-inset-left,0px)) calc(3px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-right,0px))!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }
  .bottom-nav button,
  body.feed-shell .bottom-nav button{
    width:100%!important;
    max-width:72px!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    padding:3px 2px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:1px!important;
    margin:0 auto!important;
    flex:0 1 auto!important;
  }
  .bottom-nav span,
  body.feed-shell .bottom-nav span{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0 auto!important;
    font-size:17px!important;
    line-height:1!important;
  }
  .bottom-nav b,
  body.feed-shell .bottom-nav b{
    display:block!important;
    width:100%!important;
    max-width:66px!important;
    margin:0 auto!important;
    font-size:9px!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .bottom-nav button[data-route="upload"] span,
  body.feed-shell .bottom-nav button[data-route="upload"] span{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:10px!important;
    font-size:17px!important;
    margin:0 auto!important;
  }
  :root{
    --bottom-nav-h:54px;
    --bottom-nav-real:54px;
  }
  .view{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;}

  /* Horní lišta mimo feed kompaktní jako starší správný feed layout. */
  body:not(.feed-shell) .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding-top:calc(5px + env(safe-area-inset-top))!important;
    padding-bottom:5px!important;
    padding-left:max(10px,env(safe-area-inset-left,0px))!important;
    padding-right:max(10px,env(safe-area-inset-right,0px))!important;
  }
  body:not(.feed-shell) .brand{gap:8px!important;min-width:0!important;}
  body:not(.feed-shell) .brand img{width:40px!important;height:40px!important;border-radius:12px!important;}
  body:not(.feed-shell) .brand strong{font-size:22px!important;line-height:1!important;letter-spacing:-.4px!important;}
  body:not(.feed-shell) .brand span{font-size:8px!important;margin-top:3px!important;letter-spacing:.11em!important;}
  body:not(.feed-shell) .top-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:5px!important;
    margin-top:4px!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body:not(.feed-shell) .top-actions::-webkit-scrollbar{display:none!important;}
  body:not(.feed-shell) .top-actions .pill{
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  body:not(.feed-shell) .top-actions .tb-compact{min-width:36px!important;}
}
@media(max-width:380px){
  .bottom-nav button,
  body.feed-shell .bottom-nav button{max-width:64px!important;}
  .bottom-nav b,
  body.feed-shell .bottom-nav b{font-size:8.5px!important;max-width:58px!important;}
}


/* v307: Lajkto Seznamka ve feedu */
.dating-feed-card{display:grid;place-items:center;background:#070411;color:#fff;overflow:hidden;padding:18px;isolation:isolate}
.dating-bg{position:absolute;inset:-18%;z-index:0;background:radial-gradient(circle at 18% 18%,rgba(255,43,214,.42),transparent 34%),radial-gradient(circle at 82% 14%,rgba(0,231,255,.30),transparent 34%),radial-gradient(circle at 50% 90%,rgba(122,77,255,.36),transparent 38%),linear-gradient(160deg,#10061a,#03040a 58%,#080010);filter:saturate(1.1);pointer-events:none}
.dating-inner{position:relative;z-index:1;width:min(520px,100%);height:min(720px,calc(100% - 10px));display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;align-content:center;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px);padding:18px;overflow:hidden}
.dating-head{display:grid;gap:4px;text-align:center}.dating-head span{font-weight:1000;color:#ffb8f4;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.dating-head b{font-size:clamp(28px,8vw,44px);line-height:.95;letter-spacing:-1.4px}.dating-head small{color:rgba(255,255,255,.72);font-weight:850}.dating-preview-row{display:flex;justify-content:center;gap:7px;min-height:42px}.dating-preview-row button,.dating-preview-row i{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);padding:0;overflow:hidden;position:relative}.dating-preview-row img{width:100%;height:100%;object-fit:cover;display:block}.dating-preview-row span{display:none}.dating-stack{position:relative;min-height:320px;display:grid;place-items:center}.dating-loading,.dating-empty{display:grid;place-items:center;text-align:center;gap:10px;padding:24px;border-radius:24px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.10);min-height:260px;width:100%;color:rgba(255,255,255,.78);font-weight:900}.dating-empty b{font-size:22px;color:#fff}.dating-empty span{font-size:14px;color:rgba(255,255,255,.72)}.dating-profile-card{width:min(360px,100%);min-height:420px;border-radius:28px;overflow:hidden;background:rgba(6,6,14,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 55px rgba(0,0,0,.48);display:grid;grid-template-rows:minmax(220px,1.15fr) auto;touch-action:pan-y;will-change:transform,opacity;transition:transform .18s ease,opacity .18s ease}.dating-profile-card.dragging{transition:none}.dating-profile-card.like-drag{box-shadow:0 18px 55px rgba(255,43,214,.35),0 0 0 3px rgba(255,43,214,.28)}.dating-profile-card.nope-drag{box-shadow:0 18px 55px rgba(0,231,255,.28),0 0 0 3px rgba(0,231,255,.22)}.dating-profile-card.swiped-like{transform:translateX(130%) rotate(14deg)!important;opacity:0!important}.dating-profile-card.swiped-nope{transform:translateX(-130%) rotate(-14deg)!important;opacity:0!important}.dating-photo{position:relative;background:#000;min-height:220px}.dating-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.dating-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 45%,rgba(0,0,0,.74))}.dating-photo span{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;font-weight:1000;text-shadow:0 2px 14px #000}.dating-info{padding:16px;display:grid;gap:8px}.dating-info b{font-size:24px;line-height:1}.dating-info p{margin:0;color:#e7e9f7;line-height:1.35;font-weight:750}.dating-info small{color:rgba(255,255,255,.68);font-weight:850}.dating-mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.dating-mini-actions .pill{min-height:34px;padding:7px 11px;font-size:12px}.dating-actions{display:flex;justify-content:center;align-items:center;gap:18px}.dating-actions button{width:68px;height:68px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:30px;font-weight:1000;box-shadow:0 12px 34px rgba(0,0,0,.34);cursor:pointer}.dating-nope{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,231,255,.20))}.dating-like{background:linear-gradient(135deg,#ff2bd6,#7a4dff,#00e7ff)}.dating-foot{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.dating-foot .pill{min-height:38px;font-size:12px;padding:8px 12px}
@media(max-width:820px){.dating-feed-card{padding:10px}.dating-inner{height:calc(100% - 8px);border-radius:24px;padding:13px;gap:9px}.dating-head b{font-size:32px}.dating-head small{font-size:12px}.dating-stack{min-height:300px}.dating-profile-card{min-height:390px;border-radius:24px}.dating-photo{min-height:210px}.dating-info{padding:13px}.dating-info b{font-size:21px}.dating-info p{font-size:13px}.dating-actions button{width:60px;height:60px;font-size:26px}.dating-preview-row button,.dating-preview-row i{width:38px;height:38px}.dating-foot .pill{min-height:34px;padding:7px 10px}}
@media(max-height:690px) and (max-width:820px){.dating-inner{gap:7px;padding:11px}.dating-head b{font-size:27px}.dating-preview-row{min-height:34px}.dating-preview-row button,.dating-preview-row i{width:34px;height:34px}.dating-stack{min-height:250px}.dating-profile-card{min-height:320px;grid-template-rows:minmax(160px,.95fr) auto}.dating-photo{min-height:160px}.dating-info p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dating-actions button{width:54px;height:54px}}


/* v308: Seznamka karta nesmí překrývat ✕/srdce + čitelnější info. */
.dating-stack{min-height:0!important;align-items:center!important;overflow:visible!important;}
.dating-profile-card{height:min(420px,100%)!important;min-height:0!important;max-height:100%!important;grid-template-rows:minmax(170px,52%) minmax(0,1fr)!important;}
.dating-info{min-height:0!important;overflow:hidden!important;}
.dating-info p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;}
.dating-actions{position:relative!important;z-index:35!important;flex:0 0 auto!important;margin-top:2px!important;}
.dating-foot{position:relative!important;z-index:35!important;flex:0 0 auto!important;}
@media(max-width:820px){
  .dating-feed-card{padding:8px!important;}
  .dating-inner{height:calc(100% - 8px)!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;gap:7px!important;padding:11px!important;overflow:hidden!important;}
  .dating-head{gap:2px!important;}
  .dating-head span{font-size:11px!important;letter-spacing:.10em!important;}
  .dating-head b{font-size:clamp(26px,7.3vw,32px)!important;line-height:.94!important;}
  .dating-head small{font-size:11px!important;line-height:1.15!important;}
  .dating-preview-row{min-height:34px!important;gap:6px!important;}
  .dating-preview-row button,.dating-preview-row i{width:34px!important;height:34px!important;}
  .dating-stack{min-height:0!important;height:100%!important;overflow:visible!important;}
  .dating-profile-card{width:min(342px,100%)!important;height:clamp(310px,46svh,384px)!important;min-height:0!important;max-height:100%!important;border-radius:23px!important;grid-template-rows:minmax(145px,52%) minmax(0,1fr)!important;}
  .dating-photo{min-height:0!important;height:100%!important;}
  .dating-info{padding:11px 12px 10px!important;gap:6px!important;min-height:0!important;overflow:hidden!important;}
  .dating-info b{font-size:19px!important;line-height:1.02!important;}
  .dating-info p{font-size:12.5px!important;line-height:1.24!important;-webkit-line-clamp:3!important;}
  .dating-info small{font-size:11.5px!important;line-height:1.12!important;}
  .dating-mini-actions{gap:6px!important;margin-top:2px!important;}
  .dating-mini-actions .pill{min-height:30px!important;padding:5px 9px!important;font-size:11px!important;}
  .dating-actions{gap:16px!important;margin-top:0!important;}
  .dating-actions button{width:56px!important;height:56px!important;font-size:25px!important;}
  .dating-foot{gap:7px!important;margin-top:0!important;}
  .dating-foot .pill{min-height:32px!important;padding:6px 10px!important;font-size:11.5px!important;}
}
@media(max-height:690px) and (max-width:820px){
  .dating-inner{gap:5px!important;padding:9px!important;}
  .dating-head b{font-size:24px!important;}
  .dating-preview-row{min-height:30px!important;}
  .dating-preview-row button,.dating-preview-row i{width:30px!important;height:30px!important;}
  .dating-profile-card{height:clamp(260px,43svh,320px)!important;grid-template-rows:minmax(120px,50%) minmax(0,1fr)!important;}
  .dating-info{padding:9px 10px!important;gap:5px!important;}
  .dating-info b{font-size:17px!important;}
  .dating-info p{-webkit-line-clamp:2!important;font-size:12px!important;}
  .dating-mini-actions .pill{min-height:28px!important;font-size:10.5px!important;padding:4px 8px!important;}
  .dating-actions button{width:50px!important;height:50px!important;font-size:23px!important;}
  .dating-foot .pill{min-height:30px!important;font-size:10.5px!important;}
}

/* v319: Artist dosah na profilu */
.artist-reach-card{
  margin:14px auto;
  padding:16px;
  border:1px solid rgba(139,92,246,.35);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(17,24,39,.92),rgba(76,29,149,.72));
  box-shadow:0 18px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}
.artist-reach-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.artist-reach-head h2{margin:0;font-size:20px;line-height:1.2}
.artist-reach-head p{margin:4px 0 0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.4}
.artist-reach-note{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid rgba(45,212,191,.45);border-radius:999px;padding:6px 10px;background:rgba(45,212,191,.14);font-size:12px;font-weight:800;color:#bffdf4;text-transform:uppercase;letter-spacing:.04em}
.artist-reach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.artist-reach-metric{padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);text-align:center;min-width:0}
.artist-reach-metric b{display:block;font-size:22px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artist-reach-metric span{display:block;margin-top:5px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.25}
.artist-reach-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.artist-reach-link{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.artist-reach-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff;text-decoration:none}
.artist-reach-link small{color:rgba(255,255,255,.66);font-size:11px}
.artist-reach-link.disabled{opacity:.55;cursor:not-allowed;background:rgba(255,255,255,.05)}
.artist-reach-explain{margin:10px 0 0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.45}
.artist-reach-updated{display:block;margin-top:8px;color:rgba(255,255,255,.58);font-size:11px}
@media (max-width:560px){
  .artist-reach-card{padding:13px;border-radius:20px}
  .artist-reach-head{flex-direction:column;align-items:flex-start}
  .artist-reach-grid{grid-template-columns:1fr}
  .artist-reach-actions{grid-template-columns:1fr}
  .artist-reach-metric{text-align:left}
}

/* ===== v320 fixes (append; wins by source order) ===== */
/* Chat: poslední zpráva se schovávala za vstupní lištu -> spodní prostor */
#pubChatList{padding-bottom:18px!important;scroll-padding-bottom:18px!important}
.pubchat-panel{padding-bottom:6px}
/* Horní feed lišta: roztáhnout přes celou šířku a tlačítka na střed */
body.feed-shell .feed-tabs,.feed-tabs{width:100%!important;justify-content:center!important;justify-content:safe center!important}
@media(max-width:720px){body.feed-shell .feed-tabs,.feed-tabs{justify-content:center!important;justify-content:safe center!important}}


/* ===== v321 fixes: PWA feed lišta, promo playback, chat spodní prostor ===== */
@media(max-width:820px){
  body.feed-shell .view[data-view="feed"] .feed-head.panel{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:max(10px,env(safe-area-inset-left,0px))!important;
    padding-right:max(10px,env(safe-area-inset-right,0px))!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  body.feed-shell .feed-tabs{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0 auto!important;
    scroll-padding-left:12px!important;
    scroll-padding-right:12px!important;
  }
  body.feed-shell .feed-tabs .pill{
    flex:0 0 auto!important;
  }
}
body.feed-shell .promo-insert-card video.main-video{pointer-events:auto!important;}
body.feed-shell .promo-insert-card .video-backdrop{pointer-events:none!important;}

@media(max-width:820px){
  .view[data-view="chat"].active{
    height:calc(100svh - var(--bottom-nav-real,54px) - env(safe-area-inset-bottom,0px))!important;
    min-height:0!important;
    overflow:hidden!important;
    padding-bottom:calc(var(--bottom-nav-real,54px) + env(safe-area-inset-bottom,0px))!important;
  }
  .view[data-view="chat"] .pubchat-panel{
    height:calc(100svh - var(--bottom-nav-real,54px) - 22px - env(safe-area-inset-bottom,0px))!important;
    max-height:none!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    margin-top:10px!important;
    margin-bottom:0!important;
  }
  .pubchat-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;
  }
  .pubchat-form-rich{
    position:relative!important;
    bottom:auto!important;
    flex:0 0 auto!important;
    margin-top:8px!important;
    margin-bottom:0!important;
    z-index:5!important;
  }
  .pubchat-hint{flex:0 0 auto!important;}
}
.story-source-author{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:8;
  max-width:calc(100% - 28px);
  padding:8px 11px;
  border-radius:999px;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-size:12px;
  font-weight:1000;
  line-height:1.15;
  text-shadow:0 2px 10px #000;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}


/* ===== v326 fixes: příběhy původní autor + mobilní chat čitelně ===== */
.story-source-author{
  pointer-events:auto!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  left:14px!important;
  bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
  max-width:calc(100% - 28px)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  font:inherit!important;
  text-align:left!important;
  text-decoration:none!important;
  transform:none;
}
.story-source-author span{opacity:.9;font-size:11px;font-weight:1000;white-space:nowrap}
.story-source-author b{font-size:13px;font-weight:1000;white-space:nowrap;color:#fff}
.story-source-author em{font-style:normal;font-size:11px;font-weight:850;opacity:.78;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-source-author:active{transform:scale(.98)}

@media(max-width:820px){
  #chatView.view.active{
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    height:calc(100dvh - var(--bottom-nav-real,58px) - env(safe-area-inset-bottom,0px))!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:6px 8px calc(var(--bottom-nav-real,58px) + env(safe-area-inset-bottom,0px))!important;
  }
  #chatView .pubchat-panel{
    width:calc(100% - 8px)!important;
    max-width:720px!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    margin:4px auto 0!important;
    padding:10px 12px 8px!important;
    border-radius:24px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #chatView .pubchat-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    margin:0 0 6px!important;
    flex:0 0 auto!important;
  }
  #chatView .pubchat-head .mini-kicker{
    font-size:10px!important;
    line-height:1.08!important;
    letter-spacing:.13em!important;
    margin:0 0 2px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #chatView .pubchat-head h1{
    font-size:clamp(28px,8vw,38px)!important;
    line-height:.95!important;
    letter-spacing:-1px!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #chatView .pubchat-head p{display:none!important}
  #chatView #pubChatRefresh{min-height:34px!important;padding:6px 12px!important;font-size:13px!important;white-space:nowrap!important}
  #chatView .pubchat-switch{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:6px 0 4px!important;
    padding:4px!important;
    border-radius:16px!important;
    flex:0 0 auto!important;
  }
  #chatView .pubchat-switch-btn{min-height:37px!important;font-size:13px!important;border-radius:13px!important;padding:0 8px!important;white-space:nowrap!important}
  #chatView .pubchat-switch-btn[data-route="coop"]{grid-column:1/-1!important;min-height:31px!important}
  #chatView .pubchat-rooms{
    flex:0 0 auto!important;
    margin:4px 0 0!important;
    padding:0 0 4px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:38px!important;
    scrollbar-width:none!important;
  }
  #chatView .pubchat-rooms::-webkit-scrollbar{display:none!important}
  #chatView .pubchat-rooms button{min-height:30px!important;font-size:12px!important;padding:0 10px!important}
  #chatView .pubchat-room-controls{
    flex:0 0 auto!important;
    margin:3px 0 0!important;
    max-height:33px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
  }
  #chatView .pubchat-room-controls::-webkit-scrollbar{display:none!important}
  #chatView .pc-room-action{min-height:29px!important;padding:0 9px!important;font-size:11px!important;white-space:nowrap!important}
  #chatView .pubchat-online{flex:0 0 auto!important;margin-top:5px!important;padding:6px 8px!important;font-size:11px!important;max-height:34px!important;overflow:hidden!important}
  #chatView .pubchat-online b{font-size:11px!important}
  #chatView .pubchat-online-user{padding:3px 7px!important}
  #chatView .pubchat-pinned,#chatView .pubchat-reply,#chatView .pubchat-attachment{flex:0 0 auto!important;margin-top:5px!important;padding:7px 8px!important;border-radius:14px!important}
  #chatView .pubchat-list{
    flex:1 1 auto!important;
    min-height:120px!important;
    max-height:none!important;
    margin-top:6px!important;
    padding:8px 2px 10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    gap:8px!important;
    align-items:stretch!important;
    scroll-padding-bottom:16px!important;
  }
  #chatView .pc-msg{gap:6px!important;max-width:100%!important}
  #chatView .pc-av{width:30px!important;height:30px!important;flex:0 0 30px!important}
  #chatView .pc-body{max-width:calc(100% - 36px)!important;padding:7px 9px!important;border-radius:15px!important}
  #chatView .pc-head{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;flex-wrap:nowrap!important}
  #chatView .pc-head b{max-width:120px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #chatView .pc-head small{margin-left:auto!important;font-size:11px!important;white-space:nowrap!important}
  #chatView .pc-text{font-size:15px!important;line-height:1.3!important}
  #chatView .pc-msg-tools{gap:4px!important;margin-top:6px!important;max-height:62px!important;overflow:hidden!important}
  #chatView .pc-msg-tools button,#chatView .pc-react-count{min-height:24px!important;padding:0 7px!important;font-size:10.5px!important}
  #chatView .pubchat-form-rich{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    margin:6px 0 0!important;
    padding:7px!important;
    border-radius:20px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    background:rgba(7,8,14,.96)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  }
  #chatView .pubchat-tools{grid-column:1/-1!important;justify-content:center!important;width:100%!important;gap:8px!important;max-height:38px!important}
  #chatView .pc-tool-btn{width:36px!important;height:36px!important;font-size:16px!important}
  #chatView .pubchat-form-rich input{grid-column:1/2!important;width:100%!important;min-width:0!important;min-height:42px!important;padding:0 13px!important;font-size:15px!important}
  #chatView .pubchat-form-rich .primary{grid-column:2/3!important;min-height:42px!important;min-width:88px!important;padding:0 13px!important;font-size:14px!important}
  #chatView .pubchat-emoji-panel{flex:0 0 auto!important;position:relative!important;bottom:auto!important;max-height:180px!important;margin-top:5px!important}
  #chatView .pubchat-hint{display:none!important}
}
@media(max-width:820px) and (max-height:760px){
  #chatView .pubchat-head .mini-kicker,#chatView .pubchat-online{display:none!important}
  #chatView .pubchat-head h1{font-size:30px!important}
  #chatView #pubChatRefresh{display:none!important}
  #chatView .pubchat-switch-btn[data-route="coop"]{display:none!important}
}

/* ===== v326: přesné klikací zóny, původní autor, seznamka a avatary ===== */
body.feed-shell .short-card .sound-bar{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:18px!important;
  background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.44))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  min-height:44px!important;
  max-height:50px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  text-align:left!important;
  color:#fff!important;
  font:inherit!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.feed-shell .short-card .sound-bar>*{pointer-events:none!important;}
body.feed-shell .short-card .sound-bar .sound-disc{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;}
body.feed-shell .short-card .sound-bar .sound-disc img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body.feed-shell .short-card .sound-bar .sound-bar-text{min-width:0!important;line-height:1.15!important;}
body.feed-shell .short-card .sound-bar .sound-badge{margin-left:auto!important;}
@media(max-width:820px){
  body.feed-shell .short-card .sound-bar{left:12px!important;right:78px!important;bottom:18px!important;z-index:650!important;}
}
@media(min-width:821px){
  body.feed-shell .short-card .sound-bar{bottom:14px!important;z-index:650!important;}
}

.story-overlay .story-source-author{
  z-index:40!important;
  min-height:38px!important;
  max-width:min(88vw,440px)!important;
  padding:8px 12px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.story-overlay .story-source-author>*{pointer-events:none!important;}
.story-overlay .story-nav{
  z-index:16!important;
  width:46px!important;
  height:62px!important;
  min-width:46px!important;
  min-height:62px!important;
  max-width:46px!important;
  max-height:62px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.story-overlay .story-prev{left:8px!important;}
.story-overlay .story-next{right:8px!important;}
@media(max-width:720px){
  .story-overlay .story-source-author{left:12px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;max-width:calc(100vw - 92px)!important;}
}

.dating-feed-card{isolation:isolate!important;}
.dating-feed-card .dating-bg{pointer-events:none!important;}
.dating-feed-card .dating-inner{pointer-events:auto!important;}
.dating-feed-card button,
.dating-feed-card .pill,
.dating-feed-card [data-profile],
.dating-feed-card [data-message-user],
.dating-feed-card [data-dating-like],
.dating-feed-card [data-dating-nope],
.dating-feed-card [data-dating-hearts],
.dating-feed-card [data-dating-matches],
.dating-feed-card [data-dating-refresh],
.dating-feed-card [data-route]{
  position:relative!important;
  z-index:90!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.dating-feed-card .dating-actions,
.dating-feed-card .dating-foot,
.dating-feed-card .dating-mini-actions{position:relative!important;z-index:88!important;pointer-events:auto!important;}
.dating-feed-card .dating-profile-card{position:relative!important;z-index:20!important;}
.dating-feed-card .dating-photo::after{pointer-events:none!important;}
.dating-feed-card .dating-photo span{pointer-events:none!important;}
.dating-feed-card .dating-preview-row button{overflow:hidden!important;}
.dating-feed-card .dating-preview-row img,
.person-card .story-avatar-btn img,
.profile-story-avatar img,
.thread-card img,
.message-thread-head img,
.blog-author img,
.activity-item img,
.home-user img,
.comment.like-row img{background:#111!important;}
img.avatar-fallback{object-fit:cover!important;background:#10121a!important;}


/* ===== v326: Live roomka se nesmí po založení/refreshi zaseknout ===== */
.live-room-safe-fallback{border-color:rgba(0,209,255,.35)!important;box-shadow:0 0 0 1px rgba(0,209,255,.16),0 20px 60px rgba(0,0,0,.28)}
.live-safe-player{min-height:260px;display:flex;align-items:center;justify-content:center;padding:12px}
.live-slot-safe{width:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(160deg,rgba(12,12,20,.92),rgba(35,20,60,.8))}
.live-safe-note{display:block;margin-top:6px;color:#ffd166;opacity:.9;font-size:12px;line-height:1.35}
.live-safe-tools{margin-top:14px}
.live-safe-guest-request{width:100%;margin:12px 0 0}
@media (max-width:820px){.live-room-safe-fallback .live-room-grid{display:block}.live-safe-player{min-height:200px}.live-slot-safe{min-height:190px}.live-room-safe-fallback .live-chat-panel{margin-top:12px}}


/* ===== v326: Live žádosti hostů + přehlednější mobilní live ===== */
.live-host-request-strip{
  border:1px solid rgba(255,212,88,.34);
  border-radius:18px;
  padding:10px;
  background:linear-gradient(135deg,rgba(255,196,64,.12),rgba(125,86,255,.08));
  box-shadow:0 14px 32px rgba(0,0,0,.22);
  display:grid;
  gap:9px;
}
.live-host-request-strip:empty{display:none!important}
.live-host-request-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#fff}
.live-host-request-head b{font-size:14px;font-weight:950}
.live-host-request-head span{font-size:12px;color:var(--muted);font-weight:800}
.live-host-request-strip.has-live-requests{border-color:rgba(255,219,91,.72);background:linear-gradient(135deg,rgba(255,210,70,.20),rgba(255,43,134,.14));animation:lajktoLiveReqPulse 1.8s ease-in-out infinite}
@keyframes lajktoLiveReqPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,209,66,.18),0 14px 32px rgba(0,0,0,.22)}50%{box-shadow:0 0 0 4px rgba(255,209,66,.10),0 18px 42px rgba(0,0,0,.30)}}
.live-guest-request{grid-template-columns:minmax(0,1fr) auto auto!important}
.live-guest-request-user{display:flex;align-items:center;gap:9px;min-width:0}
.live-guest-request-user img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.22);background:#111}
.live-guest-request-user>div{min-width:0}.live-guest-request-user b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:820px){
  html.device-mobile-live .lajkto-live-wrap.live-has-current .live-top,
  html.device-mobile-live .lajkto-live-wrap.live-has-current .live-live-tabline,
  html.device-mobile-live .lajkto-live-wrap.live-has-current .live-room-rail-wrap,
  html.device-mobile-live .lajkto-live-wrap.live-has-current .live-quick-start{display:none!important}
  html.device-mobile-live .lajkto-live-stage{width:100%!important;margin-top:0!important;overflow-x:hidden!important}
  html.device-mobile-live .live-current-shell{margin:0!important;padding:0!important}
  html.device-mobile-live .live-room-main{border-radius:0!important;padding:0!important;background:#05050a!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
  html.device-mobile-live .live-room-head-center{position:relative!important;left:auto!important;right:auto!important;top:auto!important;z-index:5!important;padding:10px 12px!important;margin:0!important;background:linear-gradient(180deg,rgba(21,13,39,.96),rgba(8,6,16,.86))!important;border-bottom:1px solid rgba(255,255,255,.10)!important;pointer-events:auto!important;text-align:left!important}
  html.device-mobile-live .live-room-head-center>div{max-width:100%!important;width:100%!important;margin:0!important}
  html.device-mobile-live .live-room-head-center h2{font-size:20px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:4px 0!important}
  html.device-mobile-live .live-head-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:8px!important;justify-content:flex-start!important}
  html.device-mobile-live .live-head-actions .pill{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}
  html.device-mobile-live .live-player-stage-wrap{order:1!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:#000!important}
  html.device-mobile-live .live-chat-stack{order:2!important;background:#05050a!important;gap:8px!important;padding:0 0 8px!important}
  html.device-mobile-live .live-host-request-strip{margin:8px!important;border-radius:16px!important;padding:9px!important;order:0!important}
  html.device-mobile-live .live-host-request-head{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}
  html.device-mobile-live .live-guest-request{grid-template-columns:1fr!important;gap:8px!important;padding:9px!important}
  html.device-mobile-live .live-guest-request .pill{width:100%!important;min-height:38px!important}
  html.device-mobile-live .live-layout-focus,
  html.device-mobile-live .live-main-window,
  html.device-mobile-live .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live .live-slot-main,
  html.device-mobile-live .live-slot-main .live-frame,
  html.device-mobile-live .live-slot-main .live-main-preview{min-height:min(58svh,520px)!important;height:min(58svh,520px)!important;border-radius:0!important}
  html.device-mobile-live .live-mini-window{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important;background:#090912!important;border-top:1px solid rgba(255,255,255,.10)!important}
  html.device-mobile-live .live-mini-window-trio{grid-template-columns:1fr 1fr!important;width:100%!important}
  html.device-mobile-live .live-mini-window .live-guest-window-movable{width:100%!important;transform:none!important;max-width:none!important}
  html.device-mobile-live .live-mini-window .live-slot,
  html.device-mobile-live .live-mini-window .live-frame,
  html.device-mobile-live .live-mini-window .live-main-preview,
  html.device-mobile-live .live-mini-window .live-local-preview{height:126px!important;min-height:126px!important;max-height:126px!important;border-radius:16px!important}
  html.device-mobile-live .live-chat-panel{margin:0 8px 8px!important;border-radius:16px!important;height:min(var(--live-chat-h,330px),46svh)!important;max-height:46svh!important;min-height:230px!important}
  html.device-mobile-live .live-quickbar{position:static!important;margin:8px!important;order:3!important}
  html.device-mobile-live .live-more-drawer{margin:8px!important;order:4!important}
}


/* v326: Live guest request reliability + voice live + mobile layout */
.live-start-mode-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.live-start-mode-row .pill{flex:1 1 180px;justify-content:center}.live-voice-start{background:linear-gradient(135deg,#2bd4ff,#9b5cff,#ff36ca);color:#fff;border-color:rgba(255,255,255,.25)}.live-start-hint{font-size:13px;opacity:.78;margin:10px 0 0}.live-room-voice-mode .live-badge,.live-room-voice-mode .live-discover-dot{background:linear-gradient(135deg,#19e9ff,#a855f7,#ff2bd6)}.live-voice-stage .live-slot,.live-voice-stage .live-slot-remote{background:radial-gradient(circle at top,#2c1b5a 0,#09070f 68%)}.live-voice-stage .live-slot-wait{opacity:.9}.live-host-request-strip.has-live-requests{border-color:rgba(255,211,86,.92);box-shadow:0 0 0 1px rgba(255,211,86,.22),0 0 28px rgba(255,190,60,.14);background:linear-gradient(135deg,rgba(255,211,86,.12),rgba(154,92,255,.12))}.live-host-request-strip.has-live-requests .live-host-request-head b{color:#ffe89a}.live-guest-request{gap:10px}.live-guest-request .pill{min-height:42px}.live-guest-request-user img{width:44px;height:44px;border-radius:50%;object-fit:cover}
@media (max-width: 780px){
  .live-room-current.live-room-current-immersive{padding:10px!important;gap:10px!important}.live-room-head{gap:8px!important}.live-room-title h2{font-size:18px!important}.live-player-stage-wrap{padding:0!important;border-radius:18px!important;overflow:hidden}.live-layout-mobile-stack{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;min-height:auto!important;background:#05040a!important}.live-layout-mobile-stack .live-main-window{position:relative!important;width:100%!important;min-height:260px!important;aspect-ratio:16/10!important}.live-layout-mobile-stack .live-main-window .live-slot,.live-layout-mobile-stack .live-main-window .live-slot-remote{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;border-radius:0!important}.live-mobile-host-windows{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px!important;background:rgba(0,0,0,.62)!important}.live-mobile-host-windows .live-guest-window{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:154px!important;aspect-ratio:1/1!important;max-width:none!important;z-index:2!important}.live-mobile-host-windows .live-slot,.live-mobile-host-windows .live-slot-remote{position:relative!important;width:100%!important;height:100%!important;border-radius:16px!important;overflow:hidden!important}.live-host-request-strip{position:sticky!important;top:72px!important;z-index:8!important;margin:8px 0!important}.live-host-request-head b{font-size:18px}.live-chat-stack{gap:10px!important}.live-chat-panel{padding:12px!important}.live-chat-input{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}.live-chat-input input{min-width:0!important}.live-quickbar{z-index:12}.live-more-drawer{margin-bottom:80px!important}.live-layout-controls-mobile{display:none!important}.live-room-voice-mode .live-player-stage-wrap{background:radial-gradient(circle at top,#241344,#05040a 70%)!important}.live-room-voice-mode .live-mobile-host-windows{background:rgba(14,9,24,.82)!important}
}


/* ===== v329: ponechané základní styly (mobilní live @media bloky v328 odstraněny, layout řeší v329 níž) ===== */
.live-mobile-guest-quick{display:none;}

/* základní styl pro overlay nástroje hosta a madlo chatu (sdílené PC i mobil) */
.live-guest-overlay-tools{position:absolute;left:12px;bottom:12px;z-index:42;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(4,4,10,.62);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.live-guest-overlay-tools .pill{min-height:30px;padding:5px 9px;border-radius:999px;font-size:12px}.live-guest-overlay-tools b{min-width:44px;text-align:center;color:#fff;font-size:12px;text-shadow:0 2px 5px #000}
.live-panel-handle-chat{display:flex!important;align-items:center;gap:7px;min-height:30px;margin:0 0 5px 0;padding:5px 8px;border-radius:12px;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.13);color:#fff;cursor:grab;touch-action:none;user-select:none;font-size:12px;font-weight:950}.live-panel-handle-chat:active{cursor:grabbing}.live-panel-handle-chat b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-panel-handle-chat .live-panel-reset{display:grid;place-items:center;width:27px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font-weight:950}

/* ============================================================
   v331 – LIVE: ČISTÝ SVISLÝ TOK (bez překryvu, robustní)
   Příčina dřívějšího chaosu: přetahovací panely (live-ui-panel)
   s uloženými pozicemi lítaly přes sebe. Tady jsou drag pozice
   vypnuté a vše je v jednoduchém svislém toku:
   okno hostitele nahoře, chat pod ním, lišta dole.
   Produkční ovládání (výřez, posun, video místo kamery, MP3,
   foto, filtry, AR…) je v kartě pod ⚙️. Platí na PC i mobilu.
   ============================================================ */
.live-immersive .live-ui-panel{transform:none!important}
.live-immersive .live-panel-handle{display:none!important}
.live-immersive .live-chat-resize{display:flex!important;align-items:center;justify-content:center;cursor:ns-resize;margin:4px auto 0;width:64px;height:20px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}

/* v živé místnosti schovej horní balast (seznam, taby), ať je vidět video a chat */
.live-immersive.live-has-current .live-top,
.live-immersive.live-has-current .live-live-tabline,
.live-immersive.live-has-current .live-room-rail-wrap{display:none!important}
.live-immersive .live-current-shell{display:flex;flex-direction:column;min-height:0}

.live-immersive .live-room-main{
  position:relative;width:min(540px,100%);margin:0 auto 90px;padding:0;background:#000;
  border-radius:0;overflow:visible;display:flex;flex-direction:column;
  height:auto;min-height:auto;
}
.live-immersive .live-room-grid-immersive{
  display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;
  height:auto;min-height:0;position:relative;
}

/* okno hostitele / náhled – rozumná výška nahoře, zbytek se roluje */
.live-immersive .live-player-stage-wrap{
  position:relative!important;flex:0 0 auto;width:100%;height:clamp(220px,42vh,380px);min-height:0;max-height:none;
  margin:0;padding:0;border-radius:0;overflow:hidden;background:#000;z-index:1;transform:none!important;
}
.live-immersive .live-player-stage,
.live-immersive .live-layout-focus{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;display:block!important}
.live-immersive .live-main-window{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;border-radius:0!important;overflow:hidden!important}

/* hosté = mini okna vlevo dole UVNITŘ okna hostitele */
.live-immersive .live-mini-window,
.live-immersive .live-mini-window-trio{
  position:absolute!important;left:10px!important;right:auto!important;bottom:10px!important;top:auto!important;
  display:flex!important;flex-direction:row!important;grid-template-columns:none!important;gap:8px!important;
  width:auto!important;max-width:none!important;padding:0!important;background:transparent!important;border:0!important;z-index:4!important;transform:none!important;
}
.live-immersive .live-mini-window .live-guest-window,
.live-immersive .live-mini-window .live-guest-window-movable{
  position:relative!important;width:84px!important;min-width:0!important;max-width:none!important;
  height:112px!important;min-height:112px!important;max-height:112px!important;transform:none!important;
}
.live-immersive .live-guest-overlay-tools{left:auto!important;right:10px!important;bottom:10px!important;top:auto!important;transform:none!important}

/* chat = blok v toku (vlastní rozumná výška, nepřetlačuje nástroje pod sebou) */
.live-immersive .live-chat-stack{
  position:relative!important;flex:0 0 auto;min-height:0;display:flex!important;flex-direction:column!important;
  gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#0b0b12;overflow:visible;z-index:2;transform:none!important;
}
.live-immersive .live-host-request-strip,
.live-immersive .live-mobile-guest-quick,
.live-immersive .live-safe-guest-request{position:relative!important;transform:none!important;inset:auto!important;margin:0 0 6px!important;z-index:3}
.live-immersive .live-chat-panel{
  position:relative!important;flex:0 0 auto;min-height:0;height:auto!important;max-height:none!important;
  margin:0!important;border:0!important;border-radius:0;background:transparent!important;transform:none!important;
  display:flex!important;flex-direction:column!important;gap:6px;padding:0;overflow:visible;
}
.live-immersive .live-chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.live-immersive .live-chat-head h3{font-size:15px;margin:0}
.live-immersive .live-chat-list{flex:0 0 auto;height:var(--live-chat-h,34vh);min-height:120px;max-height:64vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;align-content:end;gap:6px}
.live-immersive .live-chat-msg{background:rgba(255,255,255,.05);border:0;border-radius:12px;padding:6px 9px}
.live-immersive .live-chat-input{display:flex!important;gap:8px;align-items:center;grid-template-columns:none!important;position:relative;z-index:6;background:rgba(0,0,0,.32);border-radius:14px;padding:6px}
.live-immersive .live-chat-input input{flex:1 1 auto;min-width:0;height:44px;min-height:44px;font-size:16px}

/* mobil: přes celou šířku */
@media (max-width:820px){
  .live-immersive .live-room-main{width:100%;margin:0}
  .live-immersive .live-chat-msg{background:transparent;padding:2px 0}
  .live-immersive .live-chat-msg b,
  .live-immersive .live-chat-msg span{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px #000}
}

/* ---- PŘEDSÍŇ („za oknem") – platí všude ---- */
.live-prejoin{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(2,2,8,.72);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.live-prejoin-card{
  width:min(360px,100%);background:#0b0b14;border:1px solid rgba(255,255,255,.12);
  border-radius:24px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.live-prejoin-top{
  display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;
}
.live-prejoin-badge{
  background:linear-gradient(135deg,var(--red),var(--pink));color:#fff;font-weight:900;
  font-size:12px;padding:5px 11px;border-radius:999px;letter-spacing:.04em;
}
.live-prejoin-viewers{color:#cfd2e6;font-size:12px;font-weight:800}
.live-prejoin-stage{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:26px 18px 18px;text-align:center;
}
.live-prejoin-avatar{
  width:76px;height:76px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--violet),var(--pink));color:#fff;
  font-size:30px;font-weight:900;
}
.live-prejoin-name{font-size:17px;color:#fff}
.live-prejoin-title{font-size:13px;color:#aab0c8;line-height:1.4;max-width:90%}
.live-prejoin-check{
  display:flex;gap:8px;justify-content:center;padding:0 18px 4px;
}
.live-prejoin-check span{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  color:#e7e9f5;font-size:12px;font-weight:800;padding:7px 11px;border-radius:12px;
}
.live-prejoin-actions{display:flex;flex-direction:column;gap:9px;padding:14px 16px 18px}
.live-prejoin-actions .pill{width:100%;min-height:48px;font-size:15px}

/* ---- v330: ⚙️ vysouvací karta se VŠEMI live nastaveními (styl FussyCraft) ---- */
.live-immersive .live-chat-input .live-settings-open-btn{
  width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;
  font-size:16px;flex:0 0 auto;
}

/* Karta je uvnitř .live-room-main (kvůli zachování bindingů), vysouvá se zespoda */
.live-gear-card{position:absolute;inset:0;z-index:40;pointer-events:none}
.live-gear-card .live-gear-backdrop{
  position:absolute;inset:0;background:rgba(2,2,8,.55);opacity:0;
  transition:opacity .26s ease;pointer-events:none;
}
.live-gear-card.open{pointer-events:auto}
.live-gear-card.open .live-gear-backdrop{opacity:1;pointer-events:auto}
.live-gear-panel{
  position:absolute;left:0;right:0;bottom:0;max-height:82%;display:flex;flex-direction:column;
  background:#0d0d16;border-top:1px solid rgba(255,255,255,.12);border-radius:22px 22px 0 0;
  box-shadow:0 -20px 60px rgba(0,0,0,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  transform:translateY(110%);transition:transform .28s cubic-bezier(.22,1,.36,1);pointer-events:auto;
}
.live-gear-card.open .live-gear-panel{transform:translateY(0)}
.live-gear-grab{display:flex;justify-content:center;padding:9px 0 2px;cursor:grab}
.live-gear-grab span{width:42px;height:5px;border-radius:999px;background:rgba(255,255,255,.28)}
.live-gear-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.live-gear-head h3{margin:0;font-size:16px;font-weight:900}
.live-gear-head small{display:block;color:#9aa0bb;font-size:11px;margin-top:3px;line-height:1.35}
.live-gear-close{width:34px;height:34px;flex:none;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font-size:16px;cursor:pointer}
.live-gear-body{overflow-y:auto;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.live-gear-body::-webkit-scrollbar{width:8px}
.live-gear-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px}
.live-gear-body > *{margin:0!important;width:100%}
.live-gear-empty{color:#9aa0bb;text-align:center;padding:22px}

/* PC: karta jako boční inspektor vpravo, ať nepřekrývá video */
@media (min-width:821px){
  .live-immersive .live-gear-card{left:auto;width:min(380px,46%)}
  .live-immersive .live-gear-panel{top:0;bottom:0;max-height:none;border-radius:18px 0 0 18px;border-top:0;border-left:1px solid rgba(255,255,255,.12);transform:translateX(110%)}
  .live-immersive .live-gear-card.open .live-gear-panel{transform:translateX(0)}
  .live-immersive .live-gear-grab{display:none}
}

/* v330: plovoucí ⚙️ (záchrana, když chybí řádek chatu) */
.live-gear-fab{
  position:absolute;right:12px;bottom:84px;z-index:20;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);background:rgba(8,8,16,.72);color:#fff;font-size:20px;
  display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.5);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

/* ============================================================
   v335 – LIVE HOSTITEL: dock + vysouvací zásuvka (styl FussyCraft)
   Lišta dole = dock; klik na ikonu vysune zásuvku jako sheet.
   Vše ostatní je schované, dokud neklikneš na ikonu.
   ============================================================ */
.live-immersive .live-quickbar{
  position:sticky;bottom:0;z-index:30;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
  background:rgba(10,10,16,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-top:1px solid rgba(255,255,255,.1);margin:0;
}
.live-immersive .live-quickbar::-webkit-scrollbar{display:none}
.live-immersive .live-qbtn{
  flex:none;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:3px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:14px;
  padding:8px 10px;color:#cfd2e6;font-size:11px;font-weight:800;cursor:pointer;
}
.live-immersive .live-qbtn i{font-size:20px;font-style:normal;line-height:1}
.live-immersive .live-qbtn b{font-weight:800}
.live-immersive .live-qbtn.active{color:#04342c;background:linear-gradient(135deg,#1d9e75,#3fd0a0);border-color:transparent}

.live-immersive .live-sheet-backdrop{position:fixed;inset:0;z-index:55;background:rgba(2,2,8,.55);
  opacity:0;pointer-events:none;transition:opacity .25s ease;backdrop-filter:blur(3px)}
.live-immersive .live-room-main.live-sheet-on .live-sheet-backdrop{opacity:1;pointer-events:auto}

.live-immersive .live-more-drawer{
  position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:84dvh;overflow-y:auto;
  background:#0d0d16;border-top:1px solid rgba(255,255,255,.12);border-radius:20px 20px 0 0;
  transform:translateY(110%);transition:transform .28s cubic-bezier(.22,1,.36,1);
  box-shadow:0 -20px 60px rgba(0,0,0,.6);padding-bottom:env(safe-area-inset-bottom,0px);
}
.live-immersive .live-more-drawer.sheet-open{transform:translateY(0)}
.live-immersive .live-more-drawer summary{
  position:sticky;top:0;z-index:2;list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;
  padding:16px 120px 14px 16px;background:#0d0d16;border-bottom:1px solid rgba(255,255,255,.08);
}
.live-immersive .live-more-drawer summary::-webkit-details-marker{display:none}
.live-immersive .live-more-drawer summary > span{font-weight:1000;font-size:16px}
.live-immersive .live-more-drawer summary > em{font-style:normal;color:#9aa0bb;font-size:12px}
.live-immersive .live-more-drawer summary::after{
  content:"✕ Zavřít";transform:none!important;position:absolute;right:14px;top:14px;font-size:13px;font-weight:800;color:#fff;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:7px 11px;
}
.live-immersive .live-more-drawer .live-more-inner{padding:14px 14px calc(20px + env(safe-area-inset-bottom,0px))}
.live-immersive .live-more-sec{margin:0 0 14px}
/* desktop: zásuvka jako boční inspektor, ať nepřekrývá náhled */
@media (min-width:821px){
  .live-immersive .live-more-drawer{left:auto;width:min(420px,46%);max-height:none;top:0;bottom:0;
    border-radius:18px 0 0 18px;border-top:0;border-left:1px solid rgba(255,255,255,.12);transform:translateX(110%)}
  .live-immersive .live-more-drawer.sheet-open{transform:translateX(0)}
}

/* v335: kompaktní hlavička + sekce režie ve sheetu (zmenšení výšky, chat nedotčen) */
.live-immersive .live-room-head{padding:8px 10px!important;gap:8px!important;margin-bottom:6px!important;align-items:center}
.live-immersive .live-room-head h2{font-size:17px!important;margin:1px 0!important;line-height:1.15}
.live-immersive .live-room-head p{font-size:12px!important;margin:0!important}
.live-immersive .live-head-av img,.live-immersive .live-head-av i{width:38px!important;height:38px!important;font-size:18px!important}
.live-immersive .live-head-actions .pill{padding:7px 10px!important;font-size:12px!important}
.live-immersive .live-badge-static{font-size:11px!important;padding:3px 8px!important}
.live-sheet-sech{margin:0 0 8px;font-size:13px;font-weight:900;color:#9fe1cb;text-transform:uppercase;letter-spacing:.03em}
/* prázdné inline kontejnery po přesunu režie do sheetu nezabírají místo */
.live-immersive .live-room-grid-immersive > .live-layout-controls:empty,
.live-immersive .live-layout-controls-desktop:empty{display:none!important}

/* v337 – live fix: srdíčka, žádosti, host okna, mobilní divák */
.live-like-counter,[data-live-like-counter]{cursor:pointer!important;touch-action:manipulation!important;pointer-events:auto!important;user-select:none!important}
.live-like-counter:active,[data-live-like-counter]:active{transform:scale(.96)}
.live-room-main>.live-host-request-strip{margin:8px 10px!important;position:relative!important;z-index:16!important;pointer-events:auto!important}
.live-host-request-strip.has-live-requests{position:sticky!important;top:8px!important;z-index:35!important;border-color:rgba(255,211,86,.96)!important;box-shadow:0 0 0 1px rgba(255,211,86,.25),0 14px 38px rgba(0,0,0,.34)!important}
.live-host-request-strip .pill{pointer-events:auto!important;touch-action:manipulation!important}
.live-mobile-guest-quick{display:block!important;position:relative!important;z-index:18!important;pointer-events:auto!important}
.live-mobile-guest-quick .live-guest-control-box{margin:8px 8px 0!important;border-color:rgba(43,212,255,.32)!important;background:linear-gradient(135deg,rgba(43,212,255,.10),rgba(154,92,255,.10))!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important}
.live-mobile-guest-quick .pill,[data-live-guest-request],[data-live-guest-cancel]{pointer-events:auto!important;touch-action:manipulation!important}
.live-slot-request-card{pointer-events:auto!important;touch-action:manipulation!important}
.live-slot-role-host .live-slot-user-fallback{display:flex}
.live-slot-role-host.has-signal .live-slot-user-fallback{display:none!important}
.live-slot-remote:not(.has-signal) .live-main-preview{background:#05050a!important}
.live-slot-remote:not(.has-signal) .live-slot-user-fallback{opacity:1!important;visibility:visible!important}
.live-immersive .live-mini-window{z-index:20!important;pointer-events:auto!important}
.live-immersive .live-mini-window .live-slot{border-color:rgba(255,255,255,.26)!important;box-shadow:0 16px 34px rgba(0,0,0,.42)!important}
@media(max-width:820px){
  html.device-mobile-live .live-room-main>.live-host-request-strip{margin:8px!important;top:0!important;order:0!important}
  html.device-mobile-live .live-host-request-strip.has-live-requests{position:relative!important;top:auto!important}
  html.device-mobile-live .live-mobile-guest-quick{display:block!important;margin:0!important;order:0!important}
  html.device-mobile-live .live-mobile-guest-quick .live-guest-control-box{margin:8px!important;border-radius:16px!important;padding:10px!important}
  html.device-mobile-live .live-mini-window{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-height:0!important}
  html.device-mobile-live .live-mini-window .live-slot,
  html.device-mobile-live .live-mini-window .live-frame,
  html.device-mobile-live .live-mini-window .live-main-preview,
  html.device-mobile-live .live-mini-window .live-local-preview{min-height:138px!important;height:138px!important;max-height:138px!important}
  html.device-mobile-live .live-chat-stack{overflow:visible!important}
}
@media(min-width:821px){
  .live-immersive .live-mobile-guest-quick{display:block!important}
  .live-immersive .live-mini-window .live-slot,
  .live-immersive .live-mini-window .live-frame,
  .live-immersive .live-mini-window .live-main-preview,
  .live-immersive .live-mini-window .live-local-preview{min-height:144px!important;height:144px!important;max-height:144px!important}
}


/* v338 – PWA live mobilní pojistky: klikatelné srdce, viditelný HLS obraz a chat bez věčného loadingu */
.live-slot-role-host{pointer-events:auto!important;touch-action:manipulation!important;}
.live-slot-role-host video,.live-slot-role-host .live-slot-user-fallback{pointer-events:auto!important;}
.live-slot-role-host.has-signal video.live-main-preview,.live-slot-role-host.has-signal video.live-remote-video{background:#000!important;}
.live-slot-role-host.has-signal .live-slot-user-fallback{display:none!important;}
#liveChatList .empty{pointer-events:auto!important;}
html.device-mobile-live .live-like-counter,[data-live-like-counter]{z-index:30!important;pointer-events:auto!important;}

/* ============================================================
   v341 – LIVE mobile PWA/APK: sheet se neřeže, composer nelítá
   ============================================================ */
@media(max-width:820px){
  html.device-mobile-live,
  html.device-mobile-live body{
    overflow-x:hidden!important;
  }

  /* Vysunuté nastavení je skutečný mobilní sheet s vlastním scrollem.
     Nic uvnitř nesmí zvětšit šířku viewportu. */
  html.device-mobile-live .live-immersive .live-more-drawer,
  html.device-mobile-live .live-more-drawer{
    box-sizing:border-box!important;
    max-width:calc(100vw - 16px)!important;
    width:calc(100vw - 16px)!important;
    overflow-x:hidden!important;
  }
  html.device-mobile-live .live-immersive .live-more-drawer.sheet-open,
  html.device-mobile-live .live-more-drawer.sheet-open{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    bottom:calc(var(--bottom-nav-real,76px) + env(safe-area-inset-bottom,0px) + 8px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    border-radius:20px!important;
    transform:translateY(0)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.device-mobile-live .live-more-drawer summary{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    padding-right:104px!important;
  }
  html.device-mobile-live .live-more-drawer summary > span,
  html.device-mobile-live .live-more-drawer summary > em{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html.device-mobile-live .live-more-inner,
  html.device-mobile-live .live-more-sec,
  html.device-mobile-live .live-app-broadcast-box,
  html.device-mobile-live .live-guest-control-box,
  html.device-mobile-live .live-obs-box,
  html.device-mobile-live .live-media-tools,
  html.device-mobile-live .live-fx-box,
  html.device-mobile-live .live-ar-box,
  html.device-mobile-live .live-viewer-audio,
  html.device-mobile-live .live-chat-size-control,
  html.device-mobile-live .live-guest-size-control{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  html.device-mobile-live .live-more-inner{
    padding:10px!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
  html.device-mobile-live .live-app-broadcast-compact,
  html.device-mobile-live .live-app-broadcast-box{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  html.device-mobile-live .live-app-actions,
  html.device-mobile-live .live-guest-size-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  html.device-mobile-live .live-app-actions .pill,
  html.device-mobile-live .live-more-drawer .pill,
  html.device-mobile-live .live-guest-size-row .pill{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  html.device-mobile-live .live-fx-row,
  html.device-mobile-live .live-ar-row,
  html.device-mobile-live .live-media-swipe-row,
  html.device-mobile-live .live-pan-grid,
  html.device-mobile-live .live-gift-row,
  html.device-mobile-live .live-emoji-row{
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.device-mobile-live .live-pan-control,
  html.device-mobile-live .live-song-title-control{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Živý náhled v nastavení už není lepkavá cihla přes obsah. */
  html.device-mobile-live .live-mobile-self-preview{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(70px,104px)!important;
    overflow:hidden!important;
  }
  html.device-mobile-live .live-mobile-self-preview video{
    max-height:118px!important;
    min-height:0!important;
  }

  /* Psací pole je součást chatu, ne výtah doprostřed zpráv. */
  html.device-mobile-live .live-chat-panel{
    overflow:hidden!important;
  }
  html.device-mobile-live .live-chat-list{
    min-height:120px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-bottom:4px!important;
  }
  html.device-mobile-live .live-chat-input{
    flex:0 0 auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin-top:4px!important;
    z-index:8!important;
  }

  /* Starý režim live-chat-writing dřív zmenšoval video a rozhazoval scroll.
     Třídu pro jistotu neutralizujeme i v CSS, kdyby ji držela stará cache/WebView. */
  html.device-mobile-live.live-chat-writing .live-player-stage-wrap,
  html.device-mobile-live.live-chat-writing .live-layout-focus,
  html.device-mobile-live.live-chat-writing .live-main-window,
  html.device-mobile-live.live-chat-writing .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live.live-chat-writing .live-slot-main,
  html.device-mobile-live.live-chat-writing .live-slot-main .live-frame,
  html.device-mobile-live.live-chat-writing .live-slot-main .live-main-preview{
    min-height:clamp(220px,42vh,380px)!important;
    height:clamp(220px,42vh,380px)!important;
    max-height:clamp(220px,42vh,380px)!important;
  }
  html.device-mobile-live.live-chat-writing .live-chat-panel{
    height:auto!important;
    max-height:none!important;
  }
}

/* ============================================================
   v341 – LIVE mobile PWA/APK: sheet se neřeže, composer nelítá
   ============================================================ */
@media(max-width:820px){
  html.device-mobile-live,
  html.device-mobile-live body{
    overflow-x:hidden!important;
  }

  /* Vysunuté nastavení je skutečný mobilní sheet s vlastním scrollem.
     Nic uvnitř nesmí zvětšit šířku viewportu. */
  html.device-mobile-live .live-immersive .live-more-drawer,
  html.device-mobile-live .live-more-drawer{
    box-sizing:border-box!important;
    max-width:calc(100vw - 16px)!important;
    width:calc(100vw - 16px)!important;
    overflow-x:hidden!important;
  }
  html.device-mobile-live .live-immersive .live-more-drawer.sheet-open,
  html.device-mobile-live .live-more-drawer.sheet-open{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    bottom:calc(var(--bottom-nav-real,76px) + env(safe-area-inset-bottom,0px) + 8px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    border-radius:20px!important;
    transform:translateY(0)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.device-mobile-live .live-more-drawer summary{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    padding-right:104px!important;
  }
  html.device-mobile-live .live-more-drawer summary > span,
  html.device-mobile-live .live-more-drawer summary > em{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html.device-mobile-live .live-more-inner,
  html.device-mobile-live .live-more-sec,
  html.device-mobile-live .live-app-broadcast-box,
  html.device-mobile-live .live-guest-control-box,
  html.device-mobile-live .live-obs-box,
  html.device-mobile-live .live-media-tools,
  html.device-mobile-live .live-fx-box,
  html.device-mobile-live .live-ar-box,
  html.device-mobile-live .live-viewer-audio,
  html.device-mobile-live .live-chat-size-control,
  html.device-mobile-live .live-guest-size-control{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  html.device-mobile-live .live-more-inner{
    padding:10px!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
  html.device-mobile-live .live-app-broadcast-compact,
  html.device-mobile-live .live-app-broadcast-box{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  html.device-mobile-live .live-app-actions,
  html.device-mobile-live .live-guest-size-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  html.device-mobile-live .live-app-actions .pill,
  html.device-mobile-live .live-more-drawer .pill,
  html.device-mobile-live .live-guest-size-row .pill{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  html.device-mobile-live .live-fx-row,
  html.device-mobile-live .live-ar-row,
  html.device-mobile-live .live-media-swipe-row,
  html.device-mobile-live .live-pan-grid,
  html.device-mobile-live .live-gift-row,
  html.device-mobile-live .live-emoji-row{
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.device-mobile-live .live-pan-control,
  html.device-mobile-live .live-song-title-control{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Živý náhled v nastavení už není lepkavá cihla přes obsah. */
  html.device-mobile-live .live-mobile-self-preview{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(70px,104px)!important;
    overflow:hidden!important;
  }
  html.device-mobile-live .live-mobile-self-preview video{
    max-height:118px!important;
    min-height:0!important;
  }

  /* Psací pole je součást chatu, ne výtah doprostřed zpráv. */
  html.device-mobile-live .live-chat-panel{
    overflow:hidden!important;
  }
  html.device-mobile-live .live-chat-list{
    min-height:120px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-bottom:4px!important;
  }
  html.device-mobile-live .live-chat-input{
    flex:0 0 auto!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin-top:4px!important;
    z-index:8!important;
  }

  /* Starý režim live-chat-writing dřív zmenšoval video a rozhazoval scroll.
     Třídu pro jistotu neutralizujeme i v CSS, kdyby ji držela stará cache/WebView. */
  html.device-mobile-live.live-chat-writing .live-player-stage-wrap,
  html.device-mobile-live.live-chat-writing .live-layout-focus,
  html.device-mobile-live.live-chat-writing .live-main-window,
  html.device-mobile-live.live-chat-writing .live-layout-focus>.live-main-window .live-slot,
  html.device-mobile-live.live-chat-writing .live-slot-main,
  html.device-mobile-live.live-chat-writing .live-slot-main .live-frame,
  html.device-mobile-live.live-chat-writing .live-slot-main .live-main-preview{
    min-height:clamp(220px,42vh,380px)!important;
    height:clamp(220px,42vh,380px)!important;
    max-height:clamp(220px,42vh,380px)!important;
  }
  html.device-mobile-live.live-chat-writing .live-chat-panel{
    height:auto!important;
    max-height:none!important;
  }
}

/* v341: host okna se během čistého media režimu (MP3/MP4/fotka hostitele) schovají úplně,
   nejen mini kontejner ve focus layoutu. Po návratu na kameru se zase objeví. */
.live-room-main.live-hide-guest-during-media .live-guest-window,
.live-room-main.live-hide-guest-during-media .live-mini-window,
.live-room-main.live-hide-guest-during-media .live-guest-overlay-tools{
  display:none!important;
}
.live-slot-probing .live-slot-user-fallback{opacity:.92;}
.live-slot-probing .live-slot-wait{display:block!important;}
.live-qbtn-tts.active{
  background:linear-gradient(135deg,rgba(31,185,138,.95),rgba(53,255,147,.86))!important;
  color:#04130d!important;
  border-color:rgba(53,255,147,.45)!important;
}
.live-tts-more .live-tts-toggle{justify-content:center;min-height:42px;width:100%;}
@media(max-width:820px){
  html.device-mobile-live .live-qbtn-tts b{font-size:10px!important;}
}