/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * genre: atmospheric · tone: cinematic utility · anchor hue: coral · theme: COLADRAMA Midnight
 * macrostructure: compact catalogue + account utility stack · nav: original four-tab app dock · footer: n/a
 * contrast: pass (40–41) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · icons: pass (30)
 * mobile: pass (34,49–57) · slop: 58/58 pass
 */

.cinema-card .card-badge,.cinema-card .card-count{min-height:14px;border-radius:var(--radius-xs);padding:0 var(--space-1);font-size:.48rem;line-height:1}

.v192-catalog-page,.v192-library-page,.v192-account-page{width:min(100%,1280px);margin-inline:auto;padding:var(--space-4) max(var(--space-4),4vw) var(--space-8)}
.v192-compact-head{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}
.v192-compact-head>div,.v192-page-title,.v192-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.v192-compact-head h1,.v192-page-title h1{min-width:0;margin:0;font-size:clamp(1.45rem,4vw,2.2rem);line-height:1.05;overflow-wrap:anywhere}
.v192-compact-head>div>span,.v192-page-title>span,.v192-section-head>span{color:var(--color-muted);font-size:.75rem;white-space:nowrap}

.v192-search{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;max-width:680px;height:44px;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-raised);outline:2px solid transparent}
.v192-search:focus-within{border-color:var(--color-focus);outline-color:color-mix(in oklab,var(--color-focus) 38%,transparent)}
.v192-search input{min-width:0;height:42px;border:0;outline:0;padding:0 var(--space-3);background:transparent;color:var(--color-ink);font:inherit}
.v192-search input::placeholder{color:var(--color-muted)}
.v192-search input:disabled{cursor:not-allowed;opacity:.55}
.v192-search button{display:grid;place-items:center;width:44px;height:42px;border:0;border-left:1px solid var(--color-rule);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:0;background:transparent;color:var(--color-ink)}

.v192-genres{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}
.v192-genres::-webkit-scrollbar{display:none}
.v192-genres button{min-height:30px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:transparent;color:var(--color-muted);font-size:.72rem;white-space:nowrap}
.v192-genres button.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}

.v192-catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}
.v192-catalog-grid[data-state="loading"]{opacity:.55;pointer-events:none}
.v192-catalog-grid[data-state="error"]{color:var(--color-error)}
.v192-catalog-grid .cinema-card{min-width:0}

.v192-page-title{min-height:44px;margin-bottom:var(--space-3)}
.v192-library-section{padding:var(--space-3) 0 var(--space-5)}
.v192-section-head{margin-bottom:var(--space-3)}
.v192-section-head h2{min-width:0;margin:0;font-size:1.1rem;line-height:1.1;overflow-wrap:anywhere}
.v192-watch-meter{position:absolute;z-index:1;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);height:3px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-paper) 72%,transparent)}
.v192-watch-meter i{display:block;height:100%;background:var(--color-accent)}
.v192-library-section .card-count{top:var(--space-2);right:var(--space-2);bottom:auto}
.v192-empty{grid-column:1/-1;display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);color:var(--color-muted);text-align:center}
.v192-empty p{margin:0}
.v192-empty a{border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-ink);font-weight:800;text-decoration:none;white-space:nowrap}

.v192-account-page{max-width:760px}
.v192-identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4)}
.v192-avatar{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-warm));color:var(--color-accent-ink);font-family:var(--font-display);font-size:1.45rem;font-weight:900}
.v192-identity>div:last-child{display:grid;gap:var(--space-1);min-width:0}
.v192-identity span,.v192-membership span{color:var(--color-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v192-identity h1{min-width:0;margin:0;font-size:1.65rem;line-height:1.05;overflow-wrap:anywhere}
.v192-identity small{color:var(--color-muted);font-variant-numeric:tabular-nums}

.v192-membership{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in oklab,var(--color-accent) 48%,var(--color-rule));border-radius:var(--radius-lg);background:linear-gradient(120deg,color-mix(in oklab,var(--color-paper-raised) 82%,var(--color-accent)),var(--color-paper-raised));box-shadow:0 18px 44px color-mix(in oklab,var(--color-paper) 78%,transparent)}
.v192-membership>div{min-width:0}
.v192-membership h2{margin:var(--space-1) 0;font-size:1.25rem}
.v192-membership p{max-width:52ch;margin:0;color:var(--color-muted);font-size:.82rem}
.v192-membership small{display:block;margin-top:var(--space-2);color:var(--color-ink)}
.v192-membership button{min-height:40px;border:0;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-accent-ink);font-weight:850;white-space:nowrap}

.v192-account-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-4) 0;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-raised)}
.v192-account-quick a{display:grid;justify-items:center;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-2);color:var(--color-ink);text-align:center;text-decoration:none}
.v192-account-quick a+a{border-left:1px solid var(--color-rule)}
.v192-account-quick b{font-family:var(--font-display);font-size:1.2rem}
.v192-account-quick span{max-width:100%;overflow:hidden;color:var(--color-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}

.v192-account-group{margin-top:var(--space-4)}
.v192-account-group h2{margin:0 0 var(--space-2);color:var(--color-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.v192-account-group>button:first-of-type{border-radius:var(--radius-md) var(--radius-md) 0 0}
.v192-account-group>button:last-of-type{border-radius:0 0 var(--radius-md) var(--radius-md)}
.v192-account-group>button:only-of-type{border-radius:var(--radius-md)}
.v192-menu-row{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:var(--space-3);width:100%;min-height:52px;border:0;border-bottom:1px solid var(--color-rule);padding:var(--space-2) var(--space-3);background:var(--color-paper-raised);color:var(--color-ink);text-align:left}
.v192-menu-row:last-of-type{border-bottom:0}
.v192-menu-row>span:nth-child(2){display:grid;gap:var(--space-1);min-width:0}
.v192-menu-row b{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}
.v192-menu-row small{overflow:hidden;color:var(--color-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.v192-menu-row.danger b{color:var(--color-error)}
.v192-menu-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-paper-soft);color:var(--color-muted)}
.v192-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.v192-search button:hover,.v192-genres button:hover,.v192-membership button:hover,.v192-menu-row:hover,.v192-empty a:hover,.v192-account-quick a:hover{filter:brightness(1.08)}
.v192-search button:focus-visible,.v192-genres button:focus-visible,.v192-membership button:focus-visible,.v192-menu-row:focus-visible,.v192-empty a:focus-visible,.v192-account-quick a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.v192-search button:active,.v192-genres button:active,.v192-membership button:active,.v192-menu-row:active,.v192-empty a:active,.v192-account-quick a:active{opacity:.76}
.v192-search button:disabled,.v192-genres button:disabled,.v192-membership button:disabled,.v192-menu-row:disabled{cursor:not-allowed;filter:none;opacity:.5}
[data-state="loading"] .v192-search button,.v192-menu-row[data-state="loading"]{cursor:wait;opacity:.6}
.v192-menu-row[data-state="error"]{color:var(--color-error)}
.v192-menu-row[data-state="success"]{color:var(--color-success)}

@media(max-width:900px){.v192-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-width:820px){
  .cinema-card .card-badge,.cinema-card .card-count{min-height:12px;padding:0 var(--space-1);font-size:.4rem}
  .v192-catalog-page,.v192-library-page,.v192-account-page{padding:var(--space-3) var(--space-3) var(--space-7)}
  .v192-compact-head{gap:var(--space-2);margin-bottom:var(--space-3)}
  .v192-compact-head h1,.v192-page-title h1{font-size:1.35rem}
  .v192-search{max-width:none}
  .v192-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
  .v192-catalog-grid[data-count="1"]{grid-template-columns:minmax(0,var(--size-card-compact-max));justify-content:center}
  .v192-catalog-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,var(--size-card-compact-max)));justify-content:center}
  .v192-catalog-grid .cinema-card{max-width:none}
  .v192-library-section{padding-top:var(--space-2)}
  .v192-membership{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
  .v192-membership button{width:100%}
  .v192-identity{padding-top:0}
}

@media(max-width:359px){
  .v192-account-quick span{font-size:.62rem}
  .v192-menu-row{grid-template-columns:30px minmax(0,1fr) 18px;gap:var(--space-2);padding-inline:var(--space-2)}
  .v192-menu-icon{width:30px;height:30px}
}

@media(prefers-reduced-motion:reduce){
  .v192-search button,.v192-genres button,.v192-membership button,.v192-menu-row,.v192-empty a,.v192-account-quick a{transition-duration:var(--duration-fast)!important;transform:none!important}
}