/* Layout: phone-first. Sticky header (logo + search + date strip + time), single column of film cards, fixed bottom tab bar. Desktop widens to a centered 960px column with the tab bar moved under the header. */
:root{
  --bg:#f6f3ee; --surface:#fffdf9; --ink:#1d1a24; --muted:#6b6472; --line:#e4ddd3;
  --accent:#b4321f; --accent-ink:#fff; --bulb:#b87612; --chip:#efe9e0; --chip-ink:#1d1a24;
  --nf:#c11119; --pv:#0f79af; --hbo:#5822b4; --go3:#e4007c; --epika:#c8102e; --atv:#1d1d1f;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --navh:62px;
  --hair:#1b1720; --hair-edge:transparent;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#13111a; --surface:#1c1925; --ink:#f1ece4; --muted:#a49cab; --line:#2e2a38;
  --accent:#e2533b; --accent-ink:#fff; --bulb:#f0b54a; --chip:#2a2634; --chip-ink:#f1ece4;
  --nf:#ff4b52; --pv:#48b4ec; --hbo:#a57bf2; --hair:#2a2433; --hair-edge:#6b6078; --mascot-f:drop-shadow(0 0 1.2px rgba(255,255,255,.7)); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#13111a; --surface:#1c1925; --ink:#f1ece4; --muted:#a49cab; --line:#2e2a38;
  --accent:#e2533b; --accent-ink:#fff; --bulb:#f0b54a; --chip:#2a2634; --chip-ink:#f1ece4;
  --nf:#ff4b52; --pv:#48b4ec; --hbo:#a57bf2; --hair:#2a2433; --hair-edge:#6b6078; --mascot-f:drop-shadow(0 0 1.2px rgba(255,255,255,.7)); color-scheme:dark}

body{margin:0}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-tap-highlight-color:transparent}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:20;background:var(--bg)}
a{color:inherit}
button,select,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bulb);outline-offset:2px}
.wrap{max-width:960px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* Header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
header.top .wrap{padding-block:10px 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
header.top .wrap>*{min-width:0}
.brand{display:flex;align-items:center;justify-content:space-between;gap:10px}
.logo{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;margin:0;text-transform:uppercase;letter-spacing:.01em}
.logo span{color:var(--accent)}
.logo .mascot{height:1.1em;width:auto;margin-left:8px;vertical-align:-.2em}
.logo .mascot{filter:var(--mascot-f,none)}
.mascot .h{fill:var(--hair);stroke:var(--hair-edge);stroke-width:.7}
.bulbs{display:flex;gap:5px}
.bulbs i{width:6px;height:6px;border-radius:50%;background:var(--bulb);box-shadow:0 0 6px var(--bulb)}
@media (prefers-reduced-motion:no-preference){.bulbs i{animation:blink 2.4s infinite}.bulbs i:nth-child(2n){animation-delay:1.2s}}
@keyframes blink{50%{opacity:.3;box-shadow:none}}
.search{position:relative}
.search input{width:100%;font-size:16px;padding:11px 40px 11px 38px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);-webkit-appearance:none;appearance:none}
.search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.search input:focus{border-color:var(--ink);outline:none}
.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--muted);pointer-events:none}
.search .clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;border-radius:8px}
.scroller{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-4px;padding-inline:4px;scroll-snap-type:x proximity}
.scroller::-webkit-scrollbar{display:none}
.day{flex:none;scroll-snap-align:start;min-width:58px;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:6px 8px;text-align:center;cursor:pointer;line-height:1.1}
.day small{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.day b{font-family:var(--display);font-size:22px;font-weight:800}
.day[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.day[aria-pressed="true"] small{color:inherit;opacity:.8}
.row2{display:flex;gap:8px;min-width:0}
.row2 select{flex:1 1 0;min-width:0;font-size:15px;padding:9px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface)}
.fbtn{flex:none;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:0 12px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}
.fbtn .n{background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:11px;padding:1px 6px}
.filters{display:grid;gap:8px;padding-top:2px}
.chip{flex:none;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;border:1.5px solid var(--line);background:transparent;cursor:pointer;white-space:nowrap}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* Tab bar: bottom on phones */
nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
nav.tabs .in{display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;margin:0 auto}
nav.tabs button{border:0;background:transparent;height:var(--navh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer}
nav.tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav.tabs button[aria-selected="true"]{color:var(--accent)}
main{padding-bottom:calc(var(--navh) + env(safe-area-inset-bottom,0px) + 24px)}
@media (min-width:760px){
  nav.tabs{position:static;border:0;background:transparent;padding:0}
  nav.tabs .in{display:flex;gap:4px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  nav.tabs button{flex-direction:row;height:40px;font-size:14px;padding:0 14px;border-radius:10px;gap:8px}
  nav.tabs button[aria-selected="true"]{background:var(--chip);color:var(--ink)}
  nav.tabs svg{width:18px;height:18px}
  main{padding-bottom:40px}
  .logo{font-size:40px}
}

.status{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 8px}
.notice{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--chip);font-size:13px;color:var(--muted)}
.list{display:grid;gap:12px}

/* Film card */
.film{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:10px}
.fhead{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:start}
.poster{width:72px;aspect-ratio:2/3;border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;position:relative;border:0;cursor:pointer}
.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.poster{align-items:center;justify-content:center}
.poster span{font-family:var(--display);font-weight:900;font-size:30px;line-height:1;text-transform:uppercase;position:relative;opacity:.9}
.poster::after{z-index:0;content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px)}
.ftitle{min-width:0}
.ftitle h2{font-family:var(--display);font-weight:800;font-size:23px;line-height:1.02;margin:0;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere}
.orig{color:var(--muted);font-size:13px;margin-top:2px;overflow-wrap:anywhere}
.meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted);margin-top:5px}
.age{font-family:var(--mono);font-weight:700;color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;padding:0 4px;font-size:11px}
.like{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:transparent;cursor:pointer;display:grid;place-items:center}
.like svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:2}
.like[aria-pressed="true"]{border-color:var(--accent)}
.like[aria-pressed="true"] svg{fill:var(--accent);stroke:var(--accent)}
.cin{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.cname{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;font-size:14px}
.cname small{font-weight:400;font-size:12px;color:var(--muted);white-space:nowrap}
.times{display:flex;flex-wrap:wrap;gap:6px}
.t{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;min-width:66px;padding:5px 10px;border-radius:10px;background:var(--chip);color:var(--chip-ink);text-decoration:none;line-height:1.1}
.t b{font-family:var(--mono);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.t small{font-size:10px;font-weight:600;color:var(--bulb);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t:hover,.t:active{background:var(--accent);color:var(--accent-ink)}
.t:hover small,.t:active small{color:inherit}
.hint{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.hint svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2}

/* Streaming */
.stream{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.stream h3,.sec h3{font-family:var(--display);font-weight:800;font-size:22px;text-transform:uppercase;margin:0}
.sbtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sbtn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;font-weight:700;font-size:13px;text-decoration:none;color:#fff;text-align:center;padding:4px 6px}
.sbtn.nf{background:var(--nf)}.sbtn.pv{background:var(--pv)}.sbtn.hbo{background:var(--hbo)}
.sec{display:grid;gap:10px;margin-top:18px}
.sec p{margin:0;color:var(--muted);font-size:13px}
.top10{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:n}
.top10 li{counter-increment:n;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.top10 li::before{content:counter(n);font-family:var(--display);font-weight:900;font-size:24px;width:26px;text-align:center;color:var(--muted)}
.top10 li span{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}
.top10 li a{font-size:12px;font-weight:700;text-decoration:none;padding:7px 10px;border-radius:8px;color:#fff;white-space:nowrap}
.plat{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.cols{display:grid;gap:18px}
@media (min-width:760px){.cols{grid-template-columns:1fr 1fr}}

/* For you */
.tags{display:flex;flex-wrap:wrap;gap:6px}
.empty{padding:32px 12px;text-align:center;color:var(--muted)}
.empty strong{display:block;font-family:var(--display);font-size:26px;color:var(--ink);text-transform:uppercase;margin-bottom:4px}
.cinema-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:4px}
.cinema-card h2{font-family:var(--display);font-weight:800;font-size:26px;line-height:1;margin:0;text-transform:uppercase}
.cinema-card .addr{color:var(--muted);font-size:12px;margin-bottom:4px}
.crow{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.crow .ft{border:0;background:none;padding:0;text-align:left;font-weight:700;cursor:pointer}
.crow .ft small{font-weight:400;color:var(--muted);margin-left:6px}
.soon{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
.soon li{display:flex;gap:10px;align-items:baseline;padding:9px 12px;border:1px dashed var(--line);border-radius:10px;font-size:14px}
.soon b{font-family:var(--mono);font-size:12px;color:var(--accent);flex:none}
footer{color:var(--muted);font-size:12px;margin-top:24px}
footer p{margin:0 0 6px;max-width:75ch}
.more{width:100%;min-height:44px;border:1.5px dashed var(--line);background:transparent;border-radius:12px;font-weight:600;cursor:pointer;color:var(--muted)}

.ftitle h2 button{all:unset;cursor:pointer}
.ftitle h2 button:focus-visible{outline:2px solid var(--bulb);outline-offset:2px}
.desc{font-size:13px;color:var(--muted);margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
dialog.sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:640px;max-height:92vh;border-radius:18px 18px 0 0;background:var(--surface);color:var(--ink);overflow:auto}
@media (min-width:760px){dialog.sheet{margin:auto;border-radius:18px;max-height:88vh}}
dialog.sheet::backdrop{background:rgba(10,8,14,.55)}
.sh-in{padding:16px max(16px,env(safe-area-inset-left,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px));display:grid;gap:12px}
.sh-top{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start}
.sh-top .poster{width:110px;cursor:default}
.sh-top h2{font-family:var(--display);font-weight:800;font-size:28px;line-height:1;margin:0;text-transform:uppercase;overflow-wrap:anywhere}
.sh-close{position:sticky;top:0;justify-self:end;margin-bottom:-36px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:20px;cursor:pointer}
.sh-desc{font-size:14px;line-height:1.55;white-space:pre-line;margin:0}
.sh-credits{font-size:13px;color:var(--muted);display:grid;gap:2px}
.sh-credits b{color:var(--ink);font-weight:600}
.trailer{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;text-decoration:none;padding:9px 14px;border-radius:10px;background:var(--chip);justify-self:start}
.updated{font-family:var(--mono);font-size:11px}
.day.all b{font-size:20px}.day.all b i{font-style:normal;font-size:12px;font-weight:700;margin-left:1px}
.dnote{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:13px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.dnote b{color:var(--ink);font-weight:700}
.dnote .prem{background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12px;border-radius:999px;padding:2px 9px}
.dnote + .cin{border-top:0;padding-top:4px}
/* Paskyra ir prisijungimas */
.brand .acct{margin-left:auto;flex:none;height:34px;min-width:34px;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;display:flex;align-items:center;gap:6px;padding:0 12px 0 9px;cursor:pointer;font-size:13px;font-weight:600}
.brand .acct svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.brand .acct.in{padding:0;width:34px;justify-content:center;overflow:hidden;background:var(--ink);color:var(--bg);border-color:var(--ink)}
.brand .acct img{width:100%;height:100%;object-fit:cover}
.brand .acct b{font-size:15px}
.brand .bulbs{margin-left:auto}
.brand .bulbs + .acct:not([hidden]){margin-left:0}
dialog.sheet.auth{max-width:440px}
.au-h{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;margin:0;text-transform:uppercase}
.au-p{margin:0;font-size:14px;color:var(--muted)}
.au-p b{color:var(--ink)}
.au-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;border-radius:12px;border:1.5px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:700;font-size:15px;cursor:pointer;padding:0 14px}
.au-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.au-btn.google{background:var(--surface);color:var(--ink);border-color:var(--line)}
.au-btn svg{width:20px;height:20px}
.au-btn:disabled{opacity:.55;cursor:default}
.au-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au-form{display:grid;gap:10px}
.au-form label{display:grid;gap:4px;font-size:13px;font-weight:600}
.au-form input{font-size:16px;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%}
.au-form input:focus{border-color:var(--ink);outline:none}
.au-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.au-msg{margin:0;min-height:1.2em;font-size:14px;color:var(--accent);font-weight:600}
.au-msg.ok{color:var(--ink)}
.au-small{margin:0;font-size:11px;color:var(--muted)}
.linkbtn{border:0;background:none;padding:0;color:var(--ink);text-decoration:underline;font:inherit;cursor:pointer;justify-self:start}
.au-form .linkbtn{font-size:13px;color:var(--muted)}
/* Dalijimasis */
.acts{display:grid;gap:8px;align-content:start}
.acts.row{display:flex}
.like.share svg{fill:none;stroke:var(--muted);stroke-width:2}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sbtn2{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;text-align:left}
.sbtn2 i{width:12px;height:12px;border-radius:50%;flex:none}
.share-url{width:100%;font:13px var(--mono);padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--muted)}
/* Žiūrėti namuose – plakatų eilės */
.sbtn.go3{background:var(--go3)}.sbtn.epika{background:var(--epika)}.sbtn.atv{background:var(--atv)}
.hrow{list-style:none;margin:0 -16px;padding:2px 16px 6px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.hrow::-webkit-scrollbar{display:none}
.hc{flex:none;width:132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px}
.hc-p{position:relative;display:grid;place-items:center;aspect-ratio:2/3;border-radius:10px;overflow:hidden;text-decoration:none;color:#fff;font-family:var(--display);font-size:40px;font-weight:900}
.hc-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hc-p i{position:absolute;left:6px;bottom:4px;font-style:normal;font-size:30px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.hc-t{font-weight:700;font-size:13px;line-height:1.2;min-height:2.4em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-m{font-size:12px;color:var(--muted)}
.hc-r{display:flex;gap:4px;flex-wrap:wrap;min-height:20px}
.rt{display:inline-flex;gap:4px;align-items:center;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;text-decoration:none;background:var(--chip);color:var(--chip-ink)}
.rt b{font-size:10px}.rt.imdb b{background:#f5c518;color:#000;padding:0 3px;border-radius:3px}.rt.tom b{color:#fa320a}
.hc-b{display:grid;gap:4px;margin-top:auto}
.hc-m{min-height:1.45em}
.hb.none{visibility:hidden}
.hb{display:block;text-align:center;font-size:12px;font-weight:700;text-decoration:none;padding:7px 6px;border-radius:8px;color:#fff}
.hb.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
/* Miestai */
.cities .chip.city{font-size:14px;padding:7px 14px}
.chip small{font-weight:400;opacity:.7;margin-left:2px}
.cname .cc{font-style:normal;font-weight:400;font-size:12px;color:var(--muted)}
.hc-p .hc-plat{position:absolute;left:6px;bottom:6px;font:700 10px var(--body);font-style:normal;color:#fff;padding:2px 6px;border-radius:5px}
.sbtn.jw{background:#16a34a;grid-column:1/-1;min-height:50px;font-size:15px;box-shadow:0 3px 0 #0f7a35,0 6px 14px rgba(22,163,74,.35);transition:transform .08s,box-shadow .08s,filter .15s}
.sbtn.jw:hover{filter:brightness(1.08)}.sbtn.jw:active{transform:translateY(2px);box-shadow:0 1px 0 #0f7a35}