/* ============================================================
   Vemos 5.0 · canonical interface stylesheet
   Single source of truth for layout, components and responsive behavior.
   ============================================================ */
:root{
  --bg:#08070d;--bg-soft:#0d0b15;--surface:#121019;--surface-2:#181520;--surface-3:#201c2a;
  --text:#f8f7fb;--muted:#a7a1b3;--muted-2:#777181;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.14);
  --accent:#8b5cf6;--accent-2:#d164f3;--accent-3:#ff7f9d;--accent-soft:rgba(139,92,246,.15);
  --good:#5dd6a9;--bad:#ff7a8a;--warn:#f4c76b;--shadow:0 24px 70px rgba(0,0,0,.34);--shadow-soft:0 12px 38px rgba(0,0,0,.22);
  --radius-xl:30px;--radius-lg:24px;--radius:18px;--radius-sm:13px;--max:1220px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}body::selection{background:rgba(139,92,246,.45);color:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.16em;fill:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app-backdrop{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-2}.app-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,13,.3),#08070d 84%)}.app-backdrop span{position:absolute;border-radius:999px;filter:blur(115px);opacity:.16}.app-backdrop span:nth-child(1){width:440px;height:440px;background:#7c3aed;left:-200px;top:-120px}.app-backdrop span:nth-child(2){width:360px;height:360px;background:#e879f9;right:-210px;top:22%}.app-backdrop span:nth-child(3){width:420px;height:420px;background:#4f46e5;left:35%;bottom:-280px;opacity:.1}
.topbar{height:66px;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(8,7,13,.74);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}.topbar-inner{width:min(var(--max),100%);height:100%;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em;font-size:20px}.brand-mark{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 9px 26px rgba(139,92,246,.32),inset 0 1px rgba(255,255,255,.22)}.brand-icon{width:17px;height:17px;transform:translateX(1px);color:#fff}.brand-word{background:linear-gradient(90deg,#fff,#d8d2e6);-webkit-background-clip:text;color:transparent}.top-actions{display:flex;align-items:center;gap:8px}.nav-link{font-size:14px;color:#d3cfdb;font-weight:700;padding:9px 10px}.account-menu{position:relative}.account-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 6px;border-radius:15px;transition:background .2s}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{background:rgba(255,255,255,.055)}.account-name{font-size:13px;font-weight:750;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-caret{color:var(--muted);font-size:14px}.account-popover{position:absolute;right:0;top:48px;width:270px;padding:8px;background:rgba(21,18,29,.96);border:1px solid var(--line-strong);border-radius:19px;box-shadow:var(--shadow);backdrop-filter:blur(26px)}.account-popover-head{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:9px 8px 13px;border-bottom:1px solid var(--line);margin-bottom:5px}.account-popover-head div{min-width:0;display:grid;gap:2px}.account-popover-head small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-popover>a,.account-popover button{width:100%;border:0;background:none;color:#e7e3ec;display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:12px;font-size:13px;text-align:left;cursor:pointer}.account-popover>a:hover,.account-popover button:hover{background:rgba(255,255,255,.055)}.account-popover form{margin:0}
.avatar{width:42px;height:42px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#302943,#1e1a29);border:1px solid rgba(255,255,255,.1);font-weight:850;color:#e9e2ff}.avatar-sm{width:32px;height:32px;border-radius:11px;font-size:14px}.avatar-xs{width:30px;height:30px;border-radius:10px;font-size:13px}.avatar-xxs{width:25px;height:25px;border-radius:8px;font-size:13px}.avatar-xl{width:82px;height:82px;border-radius:26px;font-size:30px}.avatar-more{font-size:13px;color:var(--muted)}
.page-shell{width:min(var(--max),100%);min-height:calc(100vh - 150px);margin:0 auto;padding:24px 16px 96px}.footer{width:min(var(--max),100%);margin:auto;padding:24px 16px 34px;border-top:1px solid var(--line);display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;color:var(--muted-2);font-size:13px}.footer-brand{font-weight:850;color:#d8d3df}.tmdb-credit{max-width:560px;line-height:1.45}
.btn{min-height:44px;border:1px solid transparent;border-radius:14px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#9666ff,#7647eb);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 26px rgba(124,72,224,.23);transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.btn:active{transform:translateY(0) scale(.985)}.btn-ghost,.btn.secondary{background:rgba(255,255,255,.045);border-color:var(--line);box-shadow:none;color:#e9e5ef}.btn-ghost:hover{background:rgba(255,255,255,.075);border-color:var(--line-strong)}.btn-lg{min-height:50px;padding:13px 18px;border-radius:16px;font-size:15px}.btn-sm{min-height:38px;padding:8px 11px;border-radius:11px;font-size:14px}.btn-compact{min-height:38px;padding:8px 12px;border-radius:12px;font-size:14px}.btn-full{width:100%}.btn[disabled]{opacity:.38;cursor:not-allowed;transform:none;filter:none}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);color:#e9e5ef;cursor:pointer}.icon-button:hover{background:rgba(255,255,255,.075)}.subtle-link,.danger-link{border:0;background:none;padding:8px 0;display:inline-flex;align-items:center;gap:7px;color:#c6bfd2;font-size:14px;font-weight:750;cursor:pointer}.danger-link{color:#ff9aa7}.back-link{display:inline-flex;align-items:center;gap:6px;color:#b8b1c3;font-size:14px;font-weight:750;min-height:34px}.back-link:hover{color:#fff}
.section-kicker,.context-label{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#b799ff;font-weight:900}.soft-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(177,143,255,.22);background:rgba(139,92,246,.09);color:#cbbaff;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.status-chip,.role-chip,.content-type{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:5px 8px;font-size:13px;font-weight:800;color:#d7d0de}.muted{color:var(--muted)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:clamp(38px,8vw,64px);line-height:.99}h2{font-size:clamp(28px,5vw,42px);line-height:1.05}h3{font-size:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin:12px 0 24px}.section-heading h2{margin:7px 0 6px}.section-heading p{margin:0;color:var(--muted);max-width:620px;line-height:1.55}.panel-head,.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3,.subhead h3{margin:0}.panel-head>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:#c9b5ff;font-size:14px;font-weight:850}
.messages{position:fixed;right:14px;top:78px;z-index:80;display:grid;gap:8px;max-width:min(390px,calc(100vw - 28px))}.toast{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:15px;background:rgba(24,21,32,.96);box-shadow:var(--shadow);font-size:13px;line-height:1.4;backdrop-filter:blur(20px);transition:opacity .3s,transform .3s}.toast.is-leaving{opacity:0;transform:translateY(-6px)}.toast-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#a98aff;box-shadow:0 0 0 4px rgba(169,138,255,.1)}.toast.success .toast-dot{background:var(--good)}.toast.error .toast-dot{background:var(--bad)}
/* Landing */
.landing-shell{padding-top:18px}.landing-hero{min-height:680px;display:grid;gap:44px;align-items:center;padding:35px 0 70px}.landing-copy{max-width:760px}.landing-copy h1{font-size:clamp(48px,11vw,82px);margin:20px 0 22px}.landing-copy h1 span{background:linear-gradient(90deg,#b49cff,#f189ce);-webkit-background-clip:text;color:transparent}.landing-copy>p{font-size:17px;line-height:1.7;color:#b7b0c1;max-width:690px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.hero-trust{display:flex;gap:15px;flex-wrap:wrap;color:#8f8898;font-size:13px}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.product-preview{position:relative;width:min(345px,88vw);margin:auto}.preview-glow{position:absolute;inset:13% -12% -5%;background:radial-gradient(circle,#9c56ff 0,rgba(156,86,255,.3) 30%,transparent 70%);filter:blur(42px);opacity:.55}.preview-phone{position:relative;border:1px solid rgba(255,255,255,.16);border-radius:38px;background:linear-gradient(180deg,#17131f,#0e0c13);padding:15px 15px 17px;box-shadow:0 45px 100px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.08);transform:rotate(1.7deg)}.preview-status,.preview-appbar{display:flex;justify-content:space-between;align-items:center}.preview-status{padding:3px 8px 12px;font-size:13px;color:#aaa3b1}.preview-appbar{padding:3px 1px 18px}.preview-logo,.preview-avatar{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:900}.preview-logo{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.preview-avatar{background:#272130}.preview-kicker{margin:0 0 5px;color:#a785ff;letter-spacing:.12em;font-size:13px;font-weight:900}.preview-phone h2{font-size:25px;margin:0 0 16px}.preview-poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-poster{height:180px;border-radius:17px;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:10px;background-size:cover;box-shadow:inset 0 -70px 45px rgba(0,0,0,.56)}.preview-poster.p1{background:linear-gradient(155deg,#c99854,#473866 52%,#1b1820)}.preview-poster.p2{background:linear-gradient(155deg,#b6c2bc,#707b96 50%,#282333)}.preview-poster span{font-weight:850;font-size:14px}.preview-random{margin:10px 0;padding:12px;border-radius:16px;background:linear-gradient(135deg,#8354f3,#c85de9);display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center}.preview-random-icon{width:32px;height:32px;border-radius:11px;background:rgba(255,255,255,.15);display:grid;place-items:center}.preview-random div{display:grid;gap:2px}.preview-random b{font-size:13px}.preview-random small{font-size:13px;color:#e8dfff}.preview-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 2px 0;color:#777080}.preview-nav span{display:grid;justify-items:center;gap:2px;font-size:13px}.preview-nav small{font-size:13px}.preview-nav .on{color:#c5adff}.landing-manifesto{margin:20px 0 50px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:20px}.landing-manifesto h2{margin:8px 0 0;max-width:760px}.landing-manifesto>p{color:var(--muted);line-height:1.7;max-width:650px;margin:0}.feature-bento{display:grid;gap:12px;margin:0 0 80px}.feature-card{position:relative;overflow:hidden;min-height:270px;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(25,21,34,.9),rgba(15,13,20,.92));box-shadow:inset 0 1px rgba(255,255,255,.03)}.feature-card h3{font-size:24px;max-width:450px;margin:32px 0 10px}.feature-card p{color:var(--muted);line-height:1.65;max-width:580px}.feature-number{position:absolute;right:19px;top:18px;font-size:13px;color:#5e5767;font-weight:800}.feature-icon-shell,.panel-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:#bba3ff;border:1px solid rgba(173,143,255,.12)}.feature-icon-shell .icon,.panel-icon .icon{width:20px;height:20px}.accent-card{background:radial-gradient(circle at 80% 20%,rgba(222,102,244,.21),transparent 34%),linear-gradient(145deg,#1e172b,#120f19)}.random-orbit{position:absolute;right:-18px;bottom:-25px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#bd8bff,#6d3bdd 65%,#39216d);font-size:56px;font-weight:900;color:rgba(255,255,255,.88);box-shadow:0 0 0 18px rgba(139,92,246,.05),0 0 0 42px rgba(139,92,246,.03)}.mini-stack{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.mini-stack span{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:13px;color:#c7c0cd}.balance-demo{display:grid;gap:7px;margin-top:18px;max-width:330px}.balance-demo span{display:flex;justify-content:space-between;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);font-size:13px}.landing-cta{text-align:center;padding:75px 15px 95px}.landing-cta h2{max-width:750px;margin:10px auto 28px;font-size:clamp(36px,7vw,62px)}
/* Dashboard */
.dashboard-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;flex-wrap:wrap;padding:22px 0 30px}.dashboard-hero h1{font-size:clamp(40px,7vw,64px);margin:7px 0 8px}.dashboard-hero p{margin:0;color:var(--muted);max-width:610px;line-height:1.55}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:34px}.dashboard-stats div{padding:15px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);display:grid;gap:2px}.dashboard-stats span{font-size:24px;font-weight:880;letter-spacing:-.04em}.dashboard-stats small{color:var(--muted);font-size:13px}.group-grid{display:grid;gap:14px}.group-card{position:relative;min-height:310px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#15121b;transition:transform .25s,border-color .25s,box-shadow .25s}.group-card:hover{transform:translateY(-3px);border-color:rgba(183,153,255,.25);box-shadow:var(--shadow-soft)}.group-poster-stack{height:180px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#17131e;overflow:hidden}.group-poster-stack img,.group-poster-fallback{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform .35s}.group-card:hover .group-poster-stack img{transform:scale(1.03)}.group-poster-fallback,.group-empty-art{display:grid;place-items:center;background:linear-gradient(145deg,#322645,#17141e);font-size:34px;font-weight:900;color:#8669b7}.group-empty-art{grid-column:1/-1;color:#8066ad}.group-empty-art .icon{width:45px;height:45px}.group-card-content{position:relative;padding:17px 18px 19px;background:linear-gradient(180deg,#18141f,#121017)}.group-card-label{display:flex;justify-content:space-between;align-items:center;color:#9d93a5;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.group-card h3{font-size:24px;margin:8px 0 17px}.group-card-metrics{display:flex;gap:13px;flex-wrap:wrap;font-size:13px;color:#877f8e}.group-card-metrics b{font-size:14px;color:#d9d4dd}.recent-memory{display:grid;grid-template-columns:58px 1fr 44px;gap:12px;align-items:center;margin-top:34px;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.recent-memory-art{width:58px;height:76px;border-radius:11px;overflow:hidden;background:#1e1927;display:grid;place-items:center}.recent-memory-art img{width:100%;height:100%;object-fit:cover}.recent-memory h3{margin:4px 0 2px;font-size:17px}.recent-memory p{margin:0;color:var(--muted);font-size:13px}.first-run-card{min-height:520px;display:grid;gap:30px;align-items:center;padding:35px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 15% 30%,rgba(139,92,246,.16),transparent 38%),rgba(255,255,255,.02)}.first-run-card h1{font-size:clamp(38px,7vw,58px);margin:9px 0 14px;max-width:720px}.first-run-card p{color:var(--muted);line-height:1.6;max-width:620px}.first-run-art{width:210px;height:210px;position:relative;display:grid;place-items:center}.first-run-v{width:94px;height:94px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));font-size:44px;font-weight:900;box-shadow:0 22px 60px rgba(139,92,246,.28)}.orbit{position:absolute;border:1px solid rgba(190,165,255,.16);border-radius:50%}.orbit-a{inset:15px}.orbit-b{inset:-16px}
/* Group navigation */
.group-identity{padding:13px 0 10px}.group-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:8px}.group-title-row h1{font-size:clamp(34px,7vw,52px);margin:4px 0 0}.group-meta{display:flex;align-items:center;gap:9px;margin-top:10px;color:#837c89;font-size:13px}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-6px;box-shadow:0 0 0 2px var(--bg)}.avatar-stack .avatar:first-child{margin-left:0}.group-settings{flex:0 0 auto}.group-tabs{display:none}.group-mobile-nav{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:55;width:min(430px,calc(100% - 18px));height:66px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(20,17,27,.88);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3)}.group-mobile-nav a{display:grid;place-items:center;align-content:center;gap:3px;border-radius:15px;color:#827b89;font-size:13px;font-weight:750}.group-mobile-nav a .icon{width:20px;height:20px}.group-mobile-nav a.active{background:rgba(139,92,246,.15);color:#c6adff}.group-mobile-nav a.active .icon{filter:drop-shadow(0 3px 8px rgba(139,92,246,.28))}
/* Queue */
.group-overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 15px}.group-overview-strip>div{padding:12px 10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);display:grid;gap:1px}.group-overview-strip strong{font-size:21px}.group-overview-strip span{color:var(--muted);font-size:13px}.group-overview-strip>a{display:none}.catalog-composer{margin:0 0 34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(27,22,36,.92),rgba(16,13,21,.92));overflow:hidden}.catalog-composer>summary{list-style:none;cursor:pointer;padding:15px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px}.catalog-composer>summary::-webkit-details-marker{display:none}.composer-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:#bea7ff}.catalog-composer summary>span:nth-child(2){display:grid;gap:2px}.catalog-composer summary strong{font-size:13px}.catalog-composer summary small{font-size:13px;color:var(--muted)}.composer-chevron{color:#786f80;transition:transform .2s}.catalog-composer[open] .composer-chevron{transform:rotate(180deg)}.catalog-body{border-top:1px solid var(--line);padding:15px}.search-row{display:grid;gap:8px}.search-field,.filter-search{position:relative;display:flex;align-items:center}.search-field>.icon,.filter-search>.icon{position:absolute;left:12px;color:#6f6876;z-index:1}.search-field input,.filter-search input{padding-left:38px!important}.catalog-status{min-height:20px;padding:9px 1px 0;color:var(--muted);font-size:13px}.search-results{display:grid;gap:8px;margin-top:4px}.search-card{display:grid;grid-template-columns:68px 1fr;gap:11px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.search-poster{width:68px;height:102px;border-radius:11px;overflow:hidden;background:#201a29}.search-poster img{width:100%;height:100%;object-fit:cover}.search-copy{min-width:0}.search-title-line{display:flex;justify-content:space-between;gap:8px}.search-copy h3{font-size:14px;margin:2px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-copy .search-meta{font-size:13px;color:#8e8596;margin:0}.search-copy .search-overview{font-size:13px;color:#aaa2b0;line-height:1.45;margin:7px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-loading{height:105px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.07),rgba(255,255,255,.025));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.queue-heading{margin-top:0}.desktop-random-cta{display:none}.library-filters{display:grid;gap:8px;margin:0 0 17px}.filter-segments{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);overflow:auto}.filter-segments label{flex:1}.filter-segments input{display:none}.filter-segments span{min-height:35px;display:grid;place-items:center;padding:7px 9px;border-radius:10px;color:#8f8797;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.filter-segments input:checked+span{background:#282130;color:#eee8f4}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card{min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#131018;box-shadow:0 10px 28px rgba(0,0,0,.12)}.poster-wrap{position:relative;aspect-ratio:2/3;background:#201a29;overflow:hidden}.poster-wrap>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.media-card:hover .poster-wrap>img{transform:scale(1.025)}.poster-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#44305f,#1c1725 65%);color:#9c7fca}.poster-placeholder span{font-size:38px;font-weight:900}.poster-gradient{position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(7,6,10,.92))}.poster-topline{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:5px}.content-type,.poster-rating{padding:5px 7px;border:1px solid rgba(255,255,255,.12);background:rgba(8,7,13,.7);backdrop-filter:blur(10px);border-radius:999px;font-size:13px;color:#ddd6e3}.content-type .icon{width:10px;height:10px}.poster-rating{display:inline-flex;align-items:center;gap:3px;color:#f8d984;font-weight:850}.poster-rating .icon,.rating-inline .icon,.review-score .icon{fill:currentColor}.poster-caption{position:absolute;left:10px;right:10px;bottom:9px}.poster-caption h3{margin:0 0 2px;font-size:14px;line-height:1.08;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-caption p{margin:0;color:#b8b0bd;font-size:13px}.media-card-body{padding:10px}.added-by-row{display:flex;align-items:center;gap:6px;color:#837b89;font-size:13px}.added-by-row strong{color:#afa7b4}.overview{display:none}.card-menu{margin-top:8px}.card-menu>summary{list-style:none;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.035);color:#a69eac;font-size:13px;font-weight:750;cursor:pointer}.card-menu>summary::-webkit-details-marker{display:none}.card-menu-body{display:grid;gap:9px;padding-top:10px}.watched-form{display:grid;gap:7px}.watched-form label{display:grid;gap:5px;color:#928a98;font-size:13px}.watched-form input{width:100%}.empty-state{padding:48px 20px;text-align:center;border:1px dashed rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.018)}.empty-state-icon{width:58px;height:58px;border-radius:19px;margin:0 auto 15px;display:grid;place-items:center;background:var(--accent-soft);color:#b99eff}.empty-state-icon .icon{width:26px;height:26px}.empty-state h3{margin:0 0 7px}.empty-state p{max-width:500px;margin:0 auto 18px;color:var(--muted);line-height:1.55;font-size:14px}
/* Random */
.random-stage{padding:25px 0 15px;text-align:center}.random-intro{max-width:650px;margin:0 auto 28px}.random-intro h2{font-size:clamp(44px,10vw,76px);margin:8px 0 10px}.random-intro h2 span{background:linear-gradient(90deg,#af92ff,#ed80cf);-webkit-background-clip:text;color:transparent}.random-intro p{color:var(--muted)}.random-controls{display:grid;justify-items:center;gap:22px}.random-filter{width:min(440px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.random-filter input{display:none}.random-filter span{min-height:42px;padding:7px 6px;border-radius:12px;display:grid;place-items:center;color:#89818f;font-size:13px;font-weight:800;cursor:pointer}.random-filter span b{font-size:13px;color:#6f6875}.random-filter input:checked+span{background:#282130;color:#eee7f5}.random-filter input:checked+span b{color:#b5a7c5}.random-button{width:min(310px,90%);min-height:88px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#7f4ce9,#b858dc);color:#fff;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:13px;text-align:left;padding:14px 18px;cursor:pointer;box-shadow:0 20px 55px rgba(139,70,220,.32);transition:transform .2s,filter .2s}.random-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.random-button:disabled{opacity:.32;cursor:not-allowed;transform:none}.random-button-orb{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.15);display:grid;place-items:center}.random-button-orb .icon{width:27px;height:27px}.random-button>span:last-child{display:grid;gap:2px}.random-button strong{font-size:17px}.random-button small{font-size:13px;color:#eadff0}.random-hint{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:38px auto 0;max-width:650px}.random-hint span{height:1px;background:var(--line)}.random-hint p{margin:0;max-width:350px;color:#706978;font-size:13px;line-height:1.5}.random-result{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line-strong);border-radius:30px;background:#111018;min-height:570px}.random-backdrop{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(9,7,13,.25),#0c0a10 80%),var(--random-backdrop);background-size:cover;background-position:center;filter:saturate(.75)}.random-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,15,.86),rgba(11,9,15,.22))}.random-result-content{position:relative;z-index:2;padding:22px;display:grid;gap:24px;align-items:end;min-height:570px}.random-result-poster{width:min(220px,70vw);aspect-ratio:2/3;border-radius:20px;overflow:hidden;box-shadow:0 28px 65px rgba(0,0,0,.52);margin:auto}.random-result-poster img{width:100%;height:100%;object-fit:cover}.random-result-copy h1{font-size:clamp(38px,8vw,64px);margin:12px 0 8px}.media-meta-line{display:flex;gap:8px;flex-wrap:wrap;color:#c1bac8;font-size:13px}.media-meta-line>span:not(:first-child)::before{content:"·";margin-right:8px;color:#6d6573}.rating-inline{display:inline-flex;align-items:center;gap:3px;color:#f1cf75}.random-overview{max-width:680px;color:#b8b0bf;line-height:1.65;font-size:14px;margin:16px 0 10px}.random-added{font-size:13px;color:#7f7786}.random-actions{display:grid;gap:8px;margin-top:18px}.watched-inline{grid-template-columns:1fr;gap:8px}.pick-again-form .btn{width:100%}
/* History */
.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.history-stats div{padding:13px 9px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);display:grid;gap:2px}.history-stats strong{font-size:20px}.history-stats span{font-size:13px;color:var(--muted)}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:8px}.timeline-marker{position:relative;display:flex;justify-content:center}.timeline-marker::after{content:"";position:absolute;top:19px;bottom:-1px;width:1px;background:var(--line)}.timeline-item:last-child .timeline-marker::after{display:none}.timeline-marker span{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;margin-top:18px;background:#a77cff;box-shadow:0 0 0 5px var(--bg),0 0 0 6px rgba(166,124,255,.2)}.history-card{margin-bottom:13px;padding:9px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:72px 1fr;gap:11px}.history-poster{width:72px;height:105px;border-radius:12px;overflow:hidden;background:#201a29}.history-poster img{width:100%;height:100%;object-fit:cover}.history-main{min-width:0}.history-top{display:grid;gap:8px}.history-top h3{font-size:16px;margin:2px 0}.history-top p,.history-date{color:var(--muted);font-size:13px;margin:0}.reviews-grid{display:grid;gap:7px;margin:10px 0}.review-card{padding:9px;border-radius:12px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.06)}.review-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.reviewer{display:flex;align-items:center;gap:6px;font-size:13px}.review-score{display:inline-flex;align-items:center;gap:3px;color:#f1ce75;font-weight:850;font-size:13px}.review-card>p,.spoiler-review p{font-size:13px;color:#aca4b1;line-height:1.55;margin:8px 0 0}.spoiler-review{margin-top:8px}.spoiler-review summary{cursor:pointer;color:#c7b3fb;font-size:13px;font-weight:750}.review-empty{display:flex;align-items:center;gap:6px;color:#756e7b;font-size:13px}.history-requeue{margin-top:4px}
/* Plans */
.plan-list{display:grid;gap:12px}.plan-card{padding:17px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,rgba(24,20,32,.9),rgba(15,13,20,.9))}.plan-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.plan-card h3{font-size:23px;margin:8px 0 3px}.plan-media{display:flex;align-items:center;gap:6px;color:#a59dab;font-size:13px;margin:0}.creator-chip{display:flex;align-items:center;gap:5px;color:#807887;font-size:13px}.status-open{color:#bca7f8;background:rgba(139,92,246,.11);border-color:rgba(139,92,246,.2)}.status-closed{color:#86dcb9;background:rgba(93,214,169,.08)}.plan-note{color:#a7a0ad;font-size:13px;line-height:1.55;margin:14px 0 0}.option-list{display:grid;gap:8px;margin-top:15px}.date-option{display:grid;gap:10px;padding:11px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.date-option.best-option{border-color:rgba(139,92,246,.25);background:rgba(139,92,246,.055)}.date-option-main{display:flex;align-items:center;gap:9px}.calendar-chip{width:39px;height:43px;border:1px solid var(--line);border-radius:12px;background:#201a27;display:grid;place-items:center;align-content:center;line-height:1}.calendar-chip span{font-size:17px;font-weight:900}.calendar-chip small{font-size:13px;text-transform:uppercase;color:#9d92a2}.date-option-main>div:last-child{display:grid;gap:2px}.date-option-main strong{font-size:13px}.date-option-main small{font-size:13px;color:#847c89}.vote-counts{display:flex;gap:5px}.vote-counts span{padding:4px 7px;border-radius:8px;font-size:13px;font-weight:850;background:rgba(255,255,255,.035)}.vote-counts .yes{color:#76dab4}.vote-counts .maybe{color:#e6c16e}.vote-counts .no{color:#ee8794}.vote-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vote-buttons button{min-height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#aaa2b0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;cursor:pointer}.vote-buttons button span{font-size:13px}.vote-buttons button.selected{border-color:rgba(174,144,255,.3);background:rgba(139,92,246,.13);color:#c8b5f8}
/* Expenses */
.button-pair{display:flex;gap:7px;flex-wrap:wrap}.money-overview{display:grid;grid-template-columns:1.35fr .9fr;gap:8px;margin-bottom:12px}.money-hero,.money-mini{padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);display:grid;align-content:center}.money-hero{background:radial-gradient(circle at 85% 20%,rgba(139,92,246,.17),transparent 45%),#15111c}.money-overview span{color:#8e8695;font-size:13px}.money-overview strong{font-size:26px;margin:3px 0;letter-spacing:-.04em}.money-overview small{font-size:13px;color:#746d79}.money-mini.positive strong{color:var(--good)}.money-mini.negative strong{color:var(--bad)}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:20px}.balance-card{padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center}.balance-card>div{display:grid;gap:1px;min-width:0}.balance-card>div span{font-size:13px;color:#928a98;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-card strong{font-size:13px}.balance-card.positive strong{color:var(--good)}.balance-card.negative strong{color:var(--bad)}.settle-card{margin:0 0 24px;padding:16px;border:1px solid rgba(139,92,246,.2);border-radius:21px;background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(255,255,255,.018))}.settle-card-head{display:flex;justify-content:space-between;align-items:center}.settle-card h3{margin:4px 0 0}.settle-count{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:#c3adff;font-weight:850;font-size:13px}.transfer-list{display:grid;gap:7px;margin-top:13px}.transfer-list article{display:grid;gap:9px;padding:9px;border-radius:13px;background:rgba(255,255,255,.035)}.transfer-people{display:flex;align-items:center;gap:5px;font-size:13px}.transfer-arrow{color:#776f7d;margin:0 2px}.transfer-action{display:flex;justify-content:space-between;align-items:center;gap:8px}.transfer-action b{font-size:15px}.all-set-card{display:flex;gap:11px;align-items:center;margin-bottom:22px;padding:14px;border:1px solid rgba(93,214,169,.17);border-radius:18px;background:rgba(93,214,169,.045)}.all-set-icon{width:38px;height:38px;border-radius:12px;background:rgba(93,214,169,.1);color:#70dbb4;display:grid;place-items:center}.all-set-card strong{font-size:14px}.all-set-card p{font-size:13px;color:#8d9691;margin:3px 0 0}.ledger-layout{display:grid;gap:24px}.ledger-section{min-width:0}.ledger-section .subhead{padding-bottom:8px;border-bottom:1px solid var(--line)}.ledger-section h3{margin:3px 0 0}.ledger-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.ledger-icon{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.04);display:grid;place-items:center;color:#8d8395}.ledger-main{display:grid;gap:2px;min-width:0}.ledger-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-main span,.ledger-main small{font-size:13px;color:#7f7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-row>b{font-size:13px}.ledger-empty{font-size:13px;padding:14px 0}
/* Members */
.members-layout{display:grid;gap:12px}.members-panel,.invite-panel{padding:17px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.member-list{display:grid;gap:7px;margin-top:13px}.member-row{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:8px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.member-row>div{display:grid;gap:2px;min-width:0}.member-row strong{font-size:13px}.member-row small{font-size:13px;color:#7d7582;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-chip{font-size:13px}.invite-panel{background:radial-gradient(circle at 90% 10%,rgba(139,92,246,.12),transparent 38%),rgba(255,255,255,.025)}.invite-icon{width:48px;height:48px;border-radius:16px;background:var(--accent-soft);display:grid;place-items:center;color:#bca4ff;margin-bottom:16px}.invite-icon .icon{width:22px;height:22px}.muted-icon{background:rgba(255,255,255,.04);color:#807889}.invite-panel h3{font-size:24px;margin:6px 0 8px}.invite-panel>p{color:var(--muted);line-height:1.55;font-size:13px}.invite-result{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:7px}.invite-result>span{font-size:13px;color:#9d94a3;font-weight:800}.invite-box{display:grid;grid-template-columns:1fr 44px;gap:6px}.invite-result small{color:#716a77;font-size:13px}
/* Forms / auth */
.form-page{max-width:760px;margin:10px auto}.narrow-page{max-width:600px}.form-intro{margin:15px 0 22px}.form-intro h1,.form-intro h2{margin:6px 0 8px}.form-intro p{color:var(--muted);line-height:1.55;max-width:640px}.form-card,.auth-card,.security-card{padding:20px;border:1px solid var(--line);border-radius:24px;background:rgba(22,18,29,.9);box-shadow:var(--shadow-soft)}.stack-form{display:grid;gap:15px}.stack-form p{display:grid;gap:6px;margin:0}.stack-form label{font-size:13px;font-weight:800;color:#c1bac7}.stack-form input:not([type=checkbox]):not([type=radio]),.stack-form select,.stack-form textarea,.search-row input,.search-row select,.filter-search input,.watched-form input,.invite-box input,.date-options input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#0e0c12;color:#eeeaf2;padding:11px 12px;outline:none;transition:border-color .18s,box-shadow .18s}.stack-form textarea{resize:vertical;line-height:1.5}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.search-row input:focus,.filter-search input:focus,.watched-form input:focus,.invite-box input:focus,.date-options input:focus{border-color:rgba(165,126,255,.65);box-shadow:0 0 0 3px rgba(139,92,246,.11)}.stack-form ul.errorlist{list-style:none;padding:0;margin:0;color:#ff93a0;font-size:13px;line-height:1.45}.stack-form ul.errorlist+input,.stack-form ul.errorlist+select,.stack-form ul.errorlist+textarea{border-color:rgba(255,122,138,.42)}.helptext{color:#746d79;font-size:13px;line-height:1.45}.stack-form ul:not(.errorlist){margin:2px 0 0;padding-left:17px;color:#716a77;font-size:13px}.stack-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.stack-form p:has(> input[type=checkbox]){grid-template-columns:22px 1fr;align-items:center}.stack-form p:has(> input[type=checkbox]) input{grid-column:1;grid-row:1}.stack-form p:has(> input[type=checkbox]) label{grid-column:2;grid-row:1}.stack-form #id_kind,.stack-form #id_participants,.stack-form #id_rating{list-style:none;padding:0;margin:0;display:grid;gap:7px}.stack-form #id_kind{grid-template-columns:repeat(2,1fr)}.stack-form #id_kind label{min-height:54px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:8px;padding:10px;cursor:pointer}.stack-form #id_kind input{accent-color:var(--accent)}.stack-form #id_participants label{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.stack-form #id_rating{grid-template-columns:repeat(5,1fr);gap:5px}.stack-form #id_rating label{min-height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);display:grid;place-items:center;cursor:pointer}.stack-form #id_rating input{position:absolute;opacity:0;pointer-events:none}.stack-form #id_rating label:has(input:checked){background:rgba(139,92,246,.18);border-color:rgba(177,145,255,.4);color:#d3c2ff}.date-fieldset{border:1px solid var(--line);border-radius:17px;padding:14px;margin:0}.date-fieldset legend{padding:0 7px;font-size:13px;font-weight:850;color:#c0b9c6}.fieldset-help{color:#766f7c;font-size:13px!important;margin:-2px 0 10px!important}.date-options{display:grid;gap:7px}.date-input-row{position:relative;display:grid;grid-template-columns:10px 1fr;gap:7px;align-items:center}.calendar-dot{width:7px;height:7px;border-radius:50%;background:#8b5cf6}.review-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;margin:8px 0 12px;min-height:250px;background:#15111b}.review-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(9,7,12,.94),rgba(9,7,12,.5)),var(--review-backdrop);background-size:cover;background-position:center}.review-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:95px 1fr;gap:15px;align-items:end;padding:22px;min-height:250px}.review-hero h1{font-size:clamp(28px,7vw,48px);margin:4px 0}.review-hero p{color:#afa8b5;font-size:13px}.review-form-card{max-width:760px;margin:auto}.profile-page{max-width:920px;margin:auto}.profile-hero{display:flex;align-items:center;gap:15px;padding:22px 0 26px}.profile-hero h1{font-size:42px;margin:4px 0}.profile-hero p{color:var(--muted);margin:0}.profile-grid{display:grid;gap:12px}.panel-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.panel-title h3{margin:0 0 2px}.panel-title p{margin:0;color:var(--muted);font-size:13px}.panel-icon.safe{background:rgba(93,214,169,.08);color:#69d2a9}.security-card{display:grid;align-content:start}.security-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.security-row>div{display:grid;gap:2px}.security-row strong{font-size:13px}.security-row span{font-size:13px;color:#827b88;line-height:1.45}.verified-chip{display:inline-flex!important;align-items:center;gap:4px!important;color:#73d8b0!important;padding:5px 7px;border-radius:999px;background:rgba(93,214,169,.07);font-weight:800;white-space:nowrap}
.auth-shell{padding-top:24px}.auth-layout{display:grid;gap:28px;align-items:center;min-height:650px}.auth-story{display:none}.auth-card{width:100%;max-width:520px;margin:0 auto;padding:24px}.auth-card h2{font-size:34px;margin:6px 0 9px}.auth-card>p{color:var(--muted);line-height:1.55;font-size:13px}.auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:15px 0;font-size:13px;color:#bdaaff}.auth-divider{display:flex;align-items:center;gap:8px;color:#615b66;font-size:13px;margin:13px 0}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}.auth-switch{text-align:center!important;color:#7f7785!important;font-size:13px!important;margin:0!important}.auth-switch a{color:#c0adf7;font-weight:800}.auth-single{min-height:610px;display:grid;place-items:center;padding:30px 0}.auth-result{text-align:center}.auth-icon{width:56px;height:56px;border-radius:18px;background:var(--accent-soft);color:#bda6ff;display:grid;place-items:center;margin:0 auto 16px}.auth-icon .icon{width:25px;height:25px}.auth-icon.success{background:rgba(93,214,169,.08);color:#6bd4aa}.auth-icon.danger{background:rgba(255,122,138,.08);color:#ef8c98}.auth-benefits{display:grid;gap:9px;list-style:none;padding:0;margin:24px 0}.auth-benefits li{display:flex;align-items:center;gap:7px;color:#a9a1af;font-size:13px}.auth-benefits .icon{color:#7dd7b3}
/* About */
.about-page{max-width:900px;margin:auto}.about-hero{text-align:center;padding:45px 0 38px}.about-brand{margin:0 auto 16px;width:58px;height:58px;border-radius:19px}.about-brand .brand-icon{width:27px;height:27px}.about-hero h1{font-size:58px;margin:5px 0 8px}.about-hero p{max-width:600px;margin:auto;color:var(--muted);line-height:1.65}.about-grid{display:grid;gap:10px;margin-bottom:10px}.about-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.about-card h3{margin:14px 0 6px}.about-card p{color:var(--muted);line-height:1.55;font-size:13px}.credits-box{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.tmdb-logo{width:105px}.credits-box h3{margin:5px 0 8px}.credits-box p{color:var(--muted);line-height:1.55;font-size:13px}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes randomPulse{50%{transform:rotate(12deg) scale(1.07)}}
@media(min-width:600px){
  .page-shell{padding:32px 22px 104px}.topbar-inner{padding:0 22px}.footer{padding-left:22px;padding-right:22px}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.dashboard-stats div{padding:17px}.group-grid{grid-template-columns:repeat(2,1fr)}.first-run-card{grid-template-columns:230px 1fr}.group-overview-strip{grid-template-columns:repeat(3,120px) 1fr}.group-overview-strip>a{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#b59cf3;font-size:13px;font-weight:800}.search-row{grid-template-columns:1fr 130px auto}.search-results{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overview{display:block;font-size:13px;color:#89818e;line-height:1.5;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.random-result-content{grid-template-columns:220px 1fr;align-items:end;padding:30px}.random-result-poster{margin:0}.random-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end}.watched-inline{grid-template-columns:minmax(160px,1fr) auto}.pick-again-form .btn{width:auto}.history-card{grid-template-columns:90px 1fr;padding:11px}.history-poster{width:90px;height:132px}.history-top{grid-template-columns:1fr auto;align-items:start}.date-option{grid-template-columns:1.4fr auto auto;align-items:center}.vote-buttons button{width:58px}.vote-buttons button span{display:none}.transfer-list article{grid-template-columns:1fr auto;align-items:center}.money-overview strong{font-size:32px}.balance-grid{grid-template-columns:repeat(3,1fr)}.members-layout{grid-template-columns:1.1fr .9fr}.profile-grid{grid-template-columns:1fr 1.15fr}.about-grid{grid-template-columns:1fr 1fr}.credits-box{grid-template-columns:140px 1fr;align-items:center}.stack-form #id_rating{grid-template-columns:repeat(10,1fr)}
}
@media(min-width:860px){
  .page-shell{padding:38px 28px 88px}.topbar-inner{padding:0 28px}.footer{padding-left:28px;padding-right:28px}.landing-hero{grid-template-columns:1.45fr .65fr;gap:70px;min-height:720px}.landing-manifesto{grid-template-columns:1.2fr .8fr;align-items:end}.feature-bento{grid-template-columns:repeat(2,1fr)}.feature-card-wide{grid-column:span 2}.dashboard-hero{padding-top:30px}.group-grid{grid-template-columns:repeat(3,1fr)}.group-mobile-nav{display:none}.desktop-group-nav{display:flex;gap:4px;padding:5px;margin:10px 0 28px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);width:max-content;max-width:100%}.desktop-group-nav a{min-height:39px;padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:7px;color:#827b89;font-size:13px;font-weight:800}.desktop-group-nav a.active{background:#282130;color:#e9e2f1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.group-settings{display:none}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-filters{grid-template-columns:1fr auto;align-items:center}.filter-segments{min-width:280px}.desktop-random-cta{display:inline-flex}.history-stats{max-width:520px}.timeline-item{grid-template-columns:24px 1fr;gap:11px}.history-card{grid-template-columns:110px 1fr}.history-poster{width:110px;height:160px}.reviews-grid{grid-template-columns:repeat(2,1fr)}.plan-list{grid-template-columns:repeat(2,1fr)}.ledger-layout{grid-template-columns:1fr 1fr}.balance-grid{grid-template-columns:repeat(4,1fr)}.auth-layout{grid-template-columns:1fr 500px;gap:70px}.auth-story{display:block;padding-left:3vw}.auth-story h1{font-size:clamp(45px,5.2vw,70px);margin:18px 0;max-width:680px}.auth-story>p{max-width:600px;color:var(--muted);line-height:1.7}.auth-quote{margin-top:45px;padding-left:18px;border-left:1px solid rgba(170,133,255,.28)}.auth-quote>span{font-size:33px;color:#9d7af2;line-height:1}.auth-quote p{font-size:19px;margin:0;color:#c9c1ce}.auth-card{padding:30px}.form-card{padding:25px}
}
@media(min-width:1120px){.feature-bento{grid-template-columns:repeat(3,1fr)}.feature-card-wide{grid-column:span 2}.group-grid{grid-template-columns:repeat(3,1fr)}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.random-result-content{grid-template-columns:250px 1fr;padding:38px}.random-result-poster{width:250px}.plan-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.account-name,.account-caret{display:none}.top-actions .guest-demo-link{display:none}.dashboard-create{width:100%}.section-heading>.btn,.section-heading>.button-pair{width:100%}.section-heading>.button-pair .btn{flex:1}.media-card-body{padding:9px}.money-overview{grid-template-columns:1.15fr .85fr}.money-overview strong{font-size:22px}.review-hero-content{grid-template-columns:76px 1fr;padding:16px}.profile-hero{align-items:flex-start}.avatar-xl{width:64px;height:64px;border-radius:20px;font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(hover:none){.btn:hover,.group-card:hover{transform:none}}
:focus-visible{outline:2px solid #b698ff;outline-offset:3px;border-radius:8px}


/* ============================================================
   Unified product components
   Single source of truth for layout, components and responsive behavior.
   ============================================================ */
/* Cinematic composition and responsive product layouts */

:root{
  --max:1480px;
  --reading:1120px;
  --surface-glass:rgba(18,16,25,.72);
  --surface-glass-strong:rgba(22,18,30,.9);
  --violet-glow:rgba(139,92,246,.26);
}

body{background:
  radial-gradient(1100px 650px at 50% -260px,rgba(139,92,246,.08),transparent 64%),
  var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}

h1,h2,h3{text-wrap:balance}.section-heading p,.landing-copy>p,.dashboard-hero p{text-wrap:pretty}

.topbar{height:72px;background:rgba(8,7,13,.68);box-shadow:0 1px 0 rgba(255,255,255,.015)}
.topbar-inner{padding-left:clamp(18px,3vw,38px);padding-right:clamp(18px,3vw,38px)}
.brand{gap:11px;font-size:21px}.brand-mark{width:38px;height:38px;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(139,92,246,.34),inset 0 1px rgba(255,255,255,.25)}
.brand-mark::after{content:"";position:absolute;width:22px;height:22px;right:-7px;top:-7px;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(1px)}
.brand-word{letter-spacing:-.045em}

.page-shell{padding-top:clamp(24px,3vw,48px)}
.footer{opacity:.82}

.btn{position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 48%,transparent 72%);transform:translateX(-130%);transition:transform .55s ease;pointer-events:none}.btn:hover::after{transform:translateX(130%)}

/* Landing — make the first screen feel like a product, not a brochure. */
.landing-shell{padding-top:8px}.landing-hero{position:relative;isolation:isolate;min-height:min(790px,calc(100vh - 72px));padding:48px 0 88px}
.landing-hero::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,150,255,.2),rgba(255,255,255,.08),transparent)}
.landing-copy{max-width:820px}.landing-copy h1{font-size:clamp(54px,6.8vw,96px);line-height:.96;letter-spacing:-.062em}.landing-copy>p{font-size:18px;max-width:720px}.hero-actions{margin-top:30px}
.product-preview{width:min(410px,90vw)}.preview-phone{border-radius:42px;padding:17px 17px 19px;box-shadow:0 55px 120px rgba(0,0,0,.58),0 0 0 1px rgba(171,133,255,.04),inset 0 1px rgba(255,255,255,.09);transform:rotate(2.2deg) translateY(4px)}.preview-glow{inset:8% -22% -14%;filter:blur(55px);opacity:.65}.preview-poster{height:205px}.preview-phone h2{font-size:28px}
.landing-manifesto{margin-top:10px;padding:42px 0}.landing-manifesto h2{font-size:clamp(34px,4vw,52px)}
.feature-bento{gap:16px;margin-bottom:52px}.feature-card{min-height:290px;padding:28px;border-radius:30px;background:linear-gradient(150deg,rgba(28,23,37,.9),rgba(14,12,19,.95));transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.feature-card:hover{transform:translateY(-3px);border-color:rgba(185,150,255,.18);box-shadow:0 26px 75px rgba(0,0,0,.26)}.feature-card h3{font-size:26px}.feature-card p{font-size:14px}.landing-cta{padding:70px 15px 82px}.landing-cta h2{letter-spacing:-.055em}

/* Dashboard — better use of wide screens and stronger group identity. */
.dashboard-hero{padding:30px 0 34px}.dashboard-hero h1{font-size:clamp(48px,5vw,74px);letter-spacing:-.06em}.dashboard-stats{gap:12px;margin-bottom:44px}.dashboard-stats div{min-height:86px;padding:18px 20px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.dashboard-stats span{font-size:30px}.dashboard-stats small{font-size:13px;letter-spacing:.01em}.group-grid{gap:18px}.group-card{border-radius:30px;background:linear-gradient(180deg,#17131f,#100e15)}.group-poster-stack{height:205px}.group-card-content{padding:21px 22px 23px}.group-card h3{font-size:28px;margin:10px 0 20px}.group-card-metrics{font-size:13px;gap:16px}.group-card-metrics b{font-size:14px}.group-card-label{font-size:13px}
.group-grid.is-single .group-card{max-width:920px;min-height:300px}.recent-memory{max-width:680px;margin-top:38px;padding:15px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}.recent-memory-art{width:66px;height:88px}.recent-memory{grid-template-columns:66px 1fr 44px}.recent-memory h3{font-size:20px}

/* Group identity — each space should feel like a place, not just a heading. */
.group-identity{position:relative;padding:20px 0 15px;isolation:isolate}.group-identity::before{content:"";position:absolute;left:-120px;top:-100px;width:430px;height:260px;z-index:-1;border-radius:50%;filter:blur(72px);opacity:.12;background:var(--group-accent,#8b5cf6);pointer-events:none}.group-identity[data-group-kind="couple"]{--group-accent:#ec6aa9}.group-identity[data-group-kind="friends"]{--group-accent:#5a9bf5}.group-identity[data-group-kind="solo"]{--group-accent:#8b5cf6}.group-title-row h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.065em}.group-meta{font-size:13px}.desktop-group-nav{margin-top:14px!important;margin-bottom:34px!important;padding:6px!important;border-radius:18px!important;background:rgba(18,15,24,.65)!important;backdrop-filter:blur(18px)}.desktop-group-nav a{min-height:42px!important;padding:9px 14px!important;font-size:13px!important}.desktop-group-nav a.active{background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(209,100,243,.08))!important;color:#e9dcff!important}

/* Queue */
.group-overview-strip{gap:10px;margin-bottom:18px}.group-overview-strip>div{padding:14px 15px;border-radius:17px}.group-overview-strip strong{font-size:24px}.group-overview-strip span{font-size:13px}.catalog-composer{border-radius:24px;margin-bottom:42px;background:linear-gradient(145deg,rgba(28,23,37,.78),rgba(15,13,20,.9))}.catalog-composer>summary{padding:17px}.composer-icon{width:44px;height:44px;border-radius:14px}.catalog-composer summary strong{font-size:14px}.catalog-composer summary small{font-size:13px}.queue-section>.section-heading{margin-bottom:28px}.queue-section .section-heading h2{font-size:clamp(36px,4vw,52px);letter-spacing:-.055em}.library-filters{gap:10px;margin-bottom:22px}.filter-search input,.search-field input{min-height:48px}.filter-segments{min-height:48px;border-radius:16px;padding:4px}.filter-segments span{min-height:38px;font-size:13px}.media-grid{gap:16px}.media-card{border-radius:23px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background:linear-gradient(180deg,#141019,#100d14)}.media-card:hover{transform:translateY(-4px);border-color:rgba(177,145,255,.22);box-shadow:0 26px 58px rgba(0,0,0,.28)}.poster-caption{left:13px;right:13px;bottom:12px}.poster-caption h3{font-size:16px}.poster-caption p{font-size:13px}.media-card-body{padding:13px}.added-by-row{font-size:13px}.overview{font-size:13px!important}.card-menu>summary{min-height:38px;border-radius:11px}.card-menu-body{padding-top:9px}

/* Random — preserve the strong direction and add cinematic depth. */
.random-stage{padding-top:10px}.random-intro h2{letter-spacing:-.065em}.random-button{box-shadow:0 24px 70px rgba(132,73,237,.28)}.random-result{border-radius:34px;box-shadow:0 36px 100px rgba(0,0,0,.36)}.random-result::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.08);pointer-events:none}.random-result-copy h1{letter-spacing:-.065em}

/* History / reviews — make watched titles feel like memories. */
.history-heading{margin-top:5px}.history-heading h2{font-size:clamp(38px,4vw,56px)}.history-stats{gap:10px}.history-stats>div{border-radius:18px;padding:16px 18px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012))}.history-card{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,rgba(23,19,30,.96),rgba(15,13,20,.96));isolation:isolate}.history-card::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(13,11,17,.98) 0%,rgba(13,11,17,.92) 38%,rgba(13,11,17,.74) 100%),var(--history-backdrop);background-size:cover;background-position:center;opacity:.42}.history-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,rgba(8,7,13,.36))}.history-poster{box-shadow:0 16px 40px rgba(0,0,0,.34)}.history-top h3{font-size:22px}.review-card{background:rgba(12,10,16,.52);backdrop-filter:blur(10px)}
.review-hero{min-height:300px;border-radius:30px;box-shadow:0 28px 80px rgba(0,0,0,.26)}.review-hero-content{min-height:300px}.review-form-card{max-width:820px}.review-form-card.form-card{border-radius:26px}

/* Plans */
.plan-card{border-radius:26px;background:linear-gradient(145deg,rgba(23,19,30,.95),rgba(15,13,20,.96))}.date-option{border-radius:18px}.date-option.best-option{background:linear-gradient(145deg,rgba(139,92,246,.11),rgba(209,100,243,.04));box-shadow:inset 0 0 0 1px rgba(181,145,255,.12)}

/* About */
.about-page{max-width:1040px}.about-hero{padding-top:56px}.about-hero h1{font-size:clamp(58px,7vw,86px);letter-spacing:-.07em}.about-card,.credits-box{background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}

/* Desktop composition */
@media(min-width:860px){
  .page-shell{padding-left:clamp(28px,3vw,46px);padding-right:clamp(28px,3vw,46px)}
  .landing-hero{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:clamp(70px,8vw,140px)}
  .landing-manifesto{grid-template-columns:minmax(0,1.1fr) minmax(340px,.7fr);gap:90px}
  .group-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
  .group-grid.is-single{grid-template-columns:minmax(0,920px)}
  .group-grid.is-single .group-card{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(320px,1.05fr);min-height:320px}
  .group-grid.is-single .group-poster-stack{height:100%;min-height:320px}
  .group-grid.is-single .group-card-content{display:flex;flex-direction:column;justify-content:flex-end;padding:32px}
  .group-grid.is-single .group-card h3{font-size:38px}
  .recent-memory{margin-left:0}
  .media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,250px));justify-content:start}
}

@media(min-width:1120px){
  .feature-bento{grid-template-columns:repeat(12,minmax(0,1fr))}
  .feature-bento .feature-card{grid-column:auto}
  .feature-bento .feature-card:nth-child(1){grid-column:span 7}
  .feature-bento .feature-card:nth-child(2){grid-column:span 5}
  .feature-bento .feature-card:nth-child(3),
  .feature-bento .feature-card:nth-child(4),
  .feature-bento .feature-card:nth-child(5){grid-column:span 4}
  .feature-bento .feature-card:nth-child(5){min-height:290px}
  .media-grid{grid-template-columns:repeat(auto-fill,minmax(225px,255px))}
}

@media(min-width:1500px){
  :root{--max:1560px}
  .landing-copy h1{font-size:96px}
  .product-preview{width:430px}
  .dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .media-grid{grid-template-columns:repeat(auto-fill,minmax(235px,265px))}
}

/* Mobile — keep the strong current layout, but tighten safe areas and tactile states. */
@media(max-width:859px){
  body{font-size:16px}
  .page-shell{width:100%;max-width:100%}
  .page-shell small{font-size:13px}
  .section-kicker,.context-label,.soft-badge,.status-chip,.role-chip,.content-type{font-size:13px}
  .page-shell{padding-top:22px}
  .group-identity{padding-top:14px}.group-title-row h1{font-size:38px}.group-identity::before{left:-180px;top:-120px;opacity:.1}
  .group-mobile-nav{height:68px;bottom:max(10px,env(safe-area-inset-bottom));background:rgba(18,15,25,.92);box-shadow:0 20px 65px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04)}
  .group-mobile-nav a{font-size:9.5px}.group-mobile-nav a.active{background:linear-gradient(145deg,rgba(139,92,246,.19),rgba(209,100,243,.08))}
  .landing-hero{min-height:auto;padding-top:32px}.landing-copy h1{font-size:clamp(50px,13vw,72px)}
  .feature-card:hover,.media-card:hover{transform:none;box-shadow:none}
}

@media(max-width:520px){
  .topbar{height:68px}.brand{font-size:20px}.brand-mark{width:36px;height:36px}
  .page-shell{padding-left:16px;padding-right:16px}
  .dashboard-hero h1{font-size:43px}.dashboard-stats{gap:8px}.dashboard-stats div{min-height:76px;padding:14px}.dashboard-stats span{font-size:26px}
  .group-grid.is-single .group-card{display:block}.group-grid.is-single .group-poster-stack{height:180px;min-height:0}.group-grid.is-single .group-card-content{padding:18px}
  .landing-manifesto{padding:34px 0}.feature-card{min-height:250px;padding:22px}.feature-card h3{font-size:23px}.landing-cta{padding:55px 8px 70px}
  .media-grid{gap:10px}.media-card{border-radius:19px}.poster-caption h3{font-size:14px}.media-card-body{padding:9px}
}


/* ============================================================
   Unified group and discovery components
   Single source of truth for layout, components and responsive behavior.
   ============================================================ */
/* Vemos · group experience
   A preference-aware layer: richer, clearer, still mobile-first. */
:root{--glow-love:#ff76b8;--glow-like:#9c7cff;--glow-avoid:#ff7b8d;--cyan:#66d9e8}

/* Generic refinements */
.group-emoji{display:inline-block;margin-right:.18em;font-size:.72em;vertical-align:.07em;filter:saturate(.9)}
.taste-shortcut{display:inline-flex;align-items:center;gap:5px;color:#cbbaff;font-size:13px;font-weight:800}.taste-shortcut:hover{color:#fff}.group-meta-dot{color:#585260}.inline-note{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);font-size:14px}.inline-note.negative{border-color:rgba(255,122,138,.22);color:#ffc0c7}.empty-state.compact{padding:35px 20px;min-height:0}

/* Landing */
.landing-hero .landing-copy h1{letter-spacing:-.068em}.landing-hero .landing-copy h1 span{background:linear-gradient(92deg,#a989ff 0%,#e573cd 65%,#ff8d9f 100%);-webkit-background-clip:text;color:transparent}.product-preview .preview-taste-row{display:flex;gap:5px;margin:10px 0 12px;overflow:hidden}.product-preview .preview-taste-row span{white-space:nowrap;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);font-size:13px;color:#bdb5c9}.feature-bento .feature-card:nth-child(6){background:linear-gradient(150deg,rgba(30,24,39,.92),rgba(14,12,19,.95))}.balance-demo span b{font-weight:800;color:#cbbaff}

/* Dashboard */
.dashboard-hero h1{max-width:900px}.group-card h3>span{font-size:.68em;margin-right:.26em}.group-empty-art b{font-size:50px}.dashboard-lower-grid{display:grid;gap:16px;margin-top:38px}.activity-panel{border:1px solid var(--line);border-radius:24px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}.activity-panel .panel-head{margin-bottom:10px}.activity-list{display:grid}.activity-list a{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;padding:12px 4px;border-top:1px solid rgba(255,255,255,.055)}.activity-list a:first-child{border-top:0}.activity-list a:hover strong{color:#d8c7ff}.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(139,92,246,.11);color:#bca4ff;font-size:14px;font-weight:900}.activity-list div{min-width:0;display:grid;gap:3px}.activity-list strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list small{font-size:13px;color:var(--muted)}

/* Taste onboarding */
.taste-onboarding-banner{display:grid;grid-template-columns:46px 1fr 20px;gap:12px;align-items:center;margin:-4px 0 18px;padding:13px 15px;border:1px solid rgba(171,137,255,.17);border-radius:18px;background:linear-gradient(110deg,rgba(139,92,246,.10),rgba(225,101,206,.05));transition:transform .2s,border-color .2s}.taste-onboarding-banner:hover{transform:translateY(-1px);border-color:rgba(171,137,255,.32)}.taste-banner-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#8b5cf6,#d164f3);box-shadow:0 10px 25px rgba(139,92,246,.23)}.taste-onboarding-banner div{display:grid;gap:2px}.taste-onboarding-banner strong{font-size:13px}.taste-onboarding-banner small{font-size:13px;color:var(--muted);line-height:1.45}

/* Queue preferences */
.library-filters{grid-template-columns:minmax(240px,1fr) auto auto}.genre-filter{min-height:48px;padding:0 34px 0 13px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:#ddd7e6;font-size:13px}.mini-consensus{margin-left:auto;color:#b9a4f8;font-size:13px;font-weight:850;white-space:nowrap}.interest-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0}.interest-picker button{min-height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#8f8899;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:900;cursor:pointer;transition:.15s ease}.interest-picker button span{font-size:13px;font-weight:800}.interest-picker button:hover{background:rgba(255,255,255,.06);color:#fff}.interest-picker button[data-interest="love"].active{background:rgba(255,118,184,.13);border-color:rgba(255,118,184,.38);color:#ff93c6}.interest-picker button[data-interest="like"].active{background:rgba(156,124,255,.14);border-color:rgba(156,124,255,.38);color:#c7b4ff}.interest-picker button[data-interest="neutral"].active{background:rgba(255,255,255,.075);color:#ddd8e4}.interest-picker button[data-interest="avoid"].active{background:rgba(255,123,141,.10);border-color:rgba(255,123,141,.34);color:#ff9daa}.interest-picker.just-saved{animation:prefSaved .45s ease}@keyframes prefSaved{50%{filter:brightness(1.3)}}.watch-context{margin:7px 0}.watch-context>summary,.detail-watch-form details>summary{cursor:pointer;color:#aaa2b5;font-size:13px;font-weight:800;padding:6px 0}.watch-context-body{display:grid;gap:9px;padding:9px 0}.watch-context-body fieldset{border:0;padding:0;margin:0;display:flex;gap:6px;flex-wrap:wrap}.watch-context-body legend{font-size:13px;color:var(--muted);margin-bottom:5px}.watch-context-body .check-row{min-height:30px;padding:4px 8px;background:rgba(255,255,255,.035);border-radius:9px}.watch-context-body label:not(.check-row){display:grid;gap:4px;font-size:13px;color:var(--muted)}.watch-context-body input:not([type=checkbox]){width:100%;min-height:36px;border:1px solid var(--line);border-radius:10px;background:#0d0b12;padding:8px;color:#fff}

/* Taste center */
.taste-hero{display:grid;gap:26px;align-items:center;padding:14px 0 35px}.taste-hero h2{margin:8px 0 12px;font-size:clamp(42px,7vw,74px);letter-spacing:-.065em}.taste-hero h2 span{background:linear-gradient(90deg,#ca9cff,#ff85ae);-webkit-background-clip:text;color:transparent}.taste-hero p{max-width:720px;color:var(--muted);line-height:1.65}.compatibility-orb{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:3px;margin:auto;background:radial-gradient(circle at 35% 30%,rgba(202,156,255,.22),rgba(139,92,246,.08) 45%,rgba(255,255,255,.02) 70%);border:1px solid rgba(189,155,255,.18);box-shadow:0 25px 70px rgba(77,39,132,.25)}.compatibility-orb strong{font-size:34px;letter-spacing:-.05em}.compatibility-orb span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#9d94a9}.compatibility-orb.has-score strong{background:linear-gradient(90deg,#c4a4ff,#ff8fbe);-webkit-background-clip:text;color:transparent}.taste-summary-grid{display:grid;gap:10px;margin-bottom:34px}.taste-summary-card{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:16px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}.taste-summary-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.04);font-size:18px}.taste-summary-card.positive .taste-summary-icon{color:#ff86bd;background:rgba(255,118,184,.09)}.taste-summary-card.negative .taste-summary-icon{color:#ff9aa7;background:rgba(255,122,138,.08)}.taste-summary-card small{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.taste-summary-card p{margin:6px 0 0;color:var(--muted);font-size:13px}.taste-chip-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.taste-chip-row span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);font-size:13px;font-weight:750}.genre-preferences-form{position:relative}.genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.genre-card{border:1px solid var(--line);border-radius:16px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012));transition:border-color .2s,background .2s}.genre-card[data-pref="love"]{border-color:rgba(255,118,184,.28);background:rgba(255,118,184,.05)}.genre-card[data-pref="like"]{border-color:rgba(156,124,255,.25);background:rgba(156,124,255,.05)}.genre-card[data-pref="avoid"]{border-color:rgba(255,123,141,.25);background:rgba(255,123,141,.035)}.genre-card-head{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:9px}.genre-card-head strong{font-size:13px}.genre-state-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.genre-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.genre-buttons label{cursor:pointer}.genre-buttons input{position:absolute;opacity:0;pointer-events:none}.genre-buttons span{height:28px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:#7f7888;font-size:14px;font-weight:900}.genre-buttons input:checked+span{background:rgba(139,92,246,.13);border-color:rgba(171,137,255,.32);color:#d5c7ff}.genre-buttons label:first-child input:checked+span{color:#ff8cc1;border-color:rgba(255,118,184,.35);background:rgba(255,118,184,.1)}.genre-buttons label:last-child input:checked+span{color:#ff9ca9;border-color:rgba(255,123,141,.32);background:rgba(255,123,141,.08)}.sticky-save-bar{position:sticky;bottom:86px;z-index:15;margin:18px 0 45px;padding:11px 12px 11px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(20,17,27,.91);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.35)}.sticky-save-bar>div{display:grid;gap:2px}.sticky-save-bar strong{font-size:13px}.sticky-save-bar small{font-size:13px;color:var(--muted)}.member-taste-section{margin-top:12px}.member-taste-grid{display:grid;gap:10px}.member-taste-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.member-taste-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.member-taste-head>div{display:grid}.member-taste-head strong{font-size:14px}.member-taste-head small{font-size:13px;color:var(--muted)}.taste-mini-line{display:grid;grid-template-columns:20px 1fr;gap:6px;align-items:start;margin:6px 0}.taste-mini-line>span{color:#ff86bd}.taste-mini-line.avoid>span{color:#ff9ca9}.taste-mini-line div{display:flex;gap:4px;flex-wrap:wrap}.taste-mini-line b{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.04);font-size:13px;color:#bcb5c6}.discover-section{margin-top:46px}.discover-actions{display:flex;gap:7px;flex-wrap:wrap}.discovery-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,180px);gap:10px;overflow-x:auto;padding:3px 2px 13px;scroll-snap-type:x proximity}.discover-card{scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#100d14}.discover-card>img,.discover-card>.poster-placeholder{aspect-ratio:2/3;width:100%;object-fit:cover}.discover-card>div{padding:10px;display:grid;gap:5px}.discover-card strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-card small{font-size:13px;color:var(--muted)}.discover-card form{margin:3px 0 0}

/* Smart random */
.smart-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.smart-mode-switch label{cursor:pointer}.smart-mode-switch input{position:absolute;opacity:0}.smart-mode-switch label>span{min-height:66px;padding:11px 12px;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:rgba(255,255,255,.02)}.smart-mode-switch .icon{grid-row:1/3;width:21px;height:21px;color:#9a8eaa}.smart-mode-switch b{font-size:13px}.smart-mode-switch small{font-size:13px;color:var(--muted)}.smart-mode-switch input:checked+span{border-color:rgba(171,137,255,.34);background:linear-gradient(145deg,rgba(139,92,246,.13),rgba(209,100,243,.05));box-shadow:inset 0 1px rgba(255,255,255,.05)}.smart-mode-switch input:checked+span .icon{color:#c5aaff}.random-context-panel{border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.01));transition:opacity .2s,filter .2s}.random-context-panel.is-muted{opacity:.45;filter:saturate(.35)}.random-context-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:13px}.random-context-head h3{font-size:17px;margin:4px 0 0}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mood-grid label{cursor:pointer}.mood-grid input{position:absolute;opacity:0}.mood-grid span{min-height:54px;padding:7px 5px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;align-content:center;gap:3px;background:rgba(255,255,255,.018);font-size:15px}.mood-grid b{font-size:13px;color:#aaa3b3;font-weight:800}.mood-grid input:checked+span{border-color:rgba(171,137,255,.32);background:rgba(139,92,246,.10);box-shadow:inset 0 0 0 1px rgba(139,92,246,.05)}.mood-grid input:checked+span b{color:#dacdff}.runtime-pills{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:10px}.runtime-pills>span{font-size:13px;color:var(--muted);margin-right:3px}.runtime-pills label{cursor:pointer}.runtime-pills input{position:absolute;opacity:0}.runtime-pills b{display:block;padding:6px 8px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:#9991a3}.runtime-pills input:checked+b{color:#d8ccff;border-color:rgba(171,137,255,.28);background:rgba(139,92,246,.08)}.avoid-protection{display:flex;gap:7px;align-items:flex-start;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:13px;line-height:1.5;color:#9f97a9}.avoid-protection .icon{color:#77d9ba;margin-top:1px;flex:none}.avoid-protection b{color:#c9c1d2}.smart-random-button{margin-top:2px}.why-pick{margin:15px 0}.why-pick>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.why-pick>div>span{display:inline-flex;gap:5px;align-items:center;padding:6px 8px;border:1px solid rgba(171,137,255,.16);border-radius:999px;background:rgba(139,92,246,.065);font-size:13px;color:#c9bdd9}.why-pick .icon{color:#a98aff}

/* Media detail */
.title-detail{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;min-height:530px;background:#0f0d13;isolation:isolate;margin-bottom:18px}.title-detail-backdrop{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(8,7,13,.98) 0%,rgba(8,7,13,.93) 36%,rgba(8,7,13,.58) 75%,rgba(8,7,13,.76) 100%),var(--title-backdrop);background-size:cover;background-position:center}.title-detail-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0910 0%,transparent 45%)}.title-detail-grid{min-height:530px;display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:end;padding:34px}.title-detail-poster{border-radius:21px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.5)}.title-detail-poster img{width:100%;aspect-ratio:2/3;object-fit:cover}.title-detail-copy{max-width:820px}.title-eyebrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.title-eyebrow span,.genre-chip-line span{font-size:13px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.065);color:#b9b2c3}.title-detail-copy h1{font-size:clamp(46px,6vw,82px);margin:0 0 5px;letter-spacing:-.07em}.original-title{font-size:14px;color:#89818f;margin-bottom:12px}.genre-chip-line{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}.title-overview{max-width:780px;color:#c0b9c8;font-size:13px;line-height:1.7}.title-provenance{font-size:13px;color:#8f8798}.detail-interest-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.detail-interest-panel h3{font-size:17px;margin:3px 0}.interest-picker.large{width:min(520px,100%);grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.interest-picker.large button{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;gap:6px;padding:8px 9px}.interest-picker.large button b{font-size:16px}.interest-picker.large button>span{font-size:13px;text-align:left}.interest-picker.large button small{font-size:13px}.title-primary-actions{display:flex;gap:8px;margin-top:14px}.detail-watch-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.detail-watch-form>input{min-height:44px;border:1px solid var(--line);border-radius:13px;background:#0d0b12;color:#fff;padding:0 11px}.detail-watch-form details{position:relative}.detail-watch-form details>.watch-context-body{position:absolute;left:0;bottom:40px;width:270px;padding:13px;background:#17131e;border:1px solid var(--line-strong);border-radius:15px;box-shadow:var(--shadow);z-index:5}.detail-columns{display:grid;gap:12px;margin:18px 0 42px}.detail-panel{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.02)}.detail-panel .panel-head{margin-bottom:12px}.detail-panel h3{font-size:18px;margin:3px 0}.provider-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.provider-chip{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.provider-chip img{width:26px;height:26px;border-radius:7px}.provider-chip b{font-size:13px}.compact-plan-list{display:grid;gap:6px}.compact-plan-list a{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px}.compact-plan-list strong{font-size:13px}.compact-plan-list span{font-size:13px;color:var(--muted)}.title-history-section{margin-bottom:30px}.title-history-list{display:grid;gap:8px}.title-history-list article{padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.02)}.title-history-list article>div:first-child{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.title-history-list strong{font-size:13px}.title-history-list span{font-size:13px;color:var(--muted)}.title-history-list p{margin:8px 0;font-size:13px;color:#c2bbca}.title-history-meta{display:flex;gap:10px;align-items:center}.title-history-meta a{margin-left:auto;color:#bea8ff;font-size:13px;font-weight:800}

/* Review reveal / memory */
.watch-attendees{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:7px 0 10px;font-size:13px;color:#8e8798}.watch-attendees b{color:#bfb7c8;font-size:13px}.watch-attendees i{font-style:normal;color:#514b59}.memory-note{margin:10px 0 14px;padding:10px 12px;border-left:2px solid rgba(171,137,255,.38);background:rgba(139,92,246,.04);border-radius:0 10px 10px 0;color:#c9c1d0;font-size:13px;line-height:1.55}.review-reveal-lock{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;margin:12px 0;padding:12px;border:1px solid rgba(171,137,255,.14);border-radius:15px;background:rgba(139,92,246,.045)}.reveal-orb{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(139,92,246,.11);color:#baa4ff}.review-reveal-lock h4{margin:3px 0;font-size:13px}.review-reveal-lock p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.private-review-note{max-width:820px;margin:14px auto;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(171,137,255,.15);border-radius:16px;background:rgba(139,92,246,.04)}.private-review-note>.icon{width:20px;height:20px;color:#bca7ff;justify-self:center}.private-review-note div{display:grid;gap:2px}.private-review-note strong{font-size:13px}.private-review-note span{font-size:13px;color:var(--muted)}.memory-fields{display:grid;gap:10px;margin-top:12px}.field-block small{display:block;color:var(--muted);font-size:13px;margin:-2px 0 5px}

/* Group hub / aliases */
.group-hub-hero{display:grid;gap:14px;margin-bottom:20px}.group-hub-hero h2{font-size:clamp(36px,5vw,52px);margin:5px 0 6px}.group-hub-hero p{max-width:700px;color:var(--muted);line-height:1.55}.taste-hub-card{display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;padding:13px;border:1px solid rgba(171,137,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(209,100,243,.03))}.taste-hub-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(139,92,246,.13);color:#c2acff}.taste-hub-card div{display:grid;gap:2px}.taste-hub-card strong{font-size:14px}.taste-hub-card small{font-size:13px;color:var(--muted)}.member-row{grid-template-columns:42px 1fr auto;align-items:center}.member-main{min-width:0;display:grid;gap:2px}.member-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alias-editor{grid-column:2/4}.alias-editor summary{cursor:pointer;font-size:13px;color:#9f97a8;display:flex;align-items:center;gap:5px}.alias-editor form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.alias-editor input,.nickname-input input{min-height:38px;border:1px solid var(--line);border-radius:11px;background:#0d0b12;color:#fff;padding:0 10px;font-size:13px}.alias-editor small{display:block;margin-top:5px;font-size:13px;color:#706a77}.nickname-card{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.nickname-card h3{font-size:18px;margin:4px 0}.nickname-card p{font-size:13px;color:var(--muted);margin-bottom:11px}.nickname-input{display:grid;grid-template-columns:1fr auto;gap:7px}.group-settings-panel{margin-top:45px}.group-settings-form{max-width:none}

/* Plans */
.confirmed-option{border-color:rgba(93,214,169,.34)!important;background:linear-gradient(145deg,rgba(93,214,169,.08),rgba(255,255,255,.02))!important}.confirmed-option .calendar-chip{box-shadow:inset 0 0 0 1px rgba(93,214,169,.25);color:#82e5bd}.confirm-date-form{margin-top:7px}.plan-card.is-closed .date-option:not(.confirmed-option){opacity:.55}

@media(min-width:700px){
  .taste-summary-grid{grid-template-columns:1fr 1fr}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-taste-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr 1fr}.memory-fields{grid-template-columns:1.4fr .6fr}
}
@media(min-width:860px){
  .taste-hero{grid-template-columns:1fr 190px}.compatibility-orb{width:165px;height:165px}.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sticky-save-bar{bottom:18px}.group-hub-hero{grid-template-columns:1fr minmax(300px,420px);align-items:end}.dashboard-lower-grid{grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr)}.activity-panel{margin-top:38px}.mood-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.members-layout{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)}
}
@media(min-width:1200px){.genre-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.member-taste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:859px){
  .library-filters{display:grid;grid-template-columns:1fr}.genre-filter{width:100%}.taste-hero{padding-top:4px}.taste-hero h2{font-size:42px}.compatibility-orb{width:125px;height:125px;margin-left:0}.smart-mode-switch{grid-template-columns:1fr 1fr}.mood-grid{grid-template-columns:repeat(4,1fr)}.sticky-save-bar{bottom:89px}.title-detail{border-radius:0;border-left:0;border-right:0;margin-left:-16px;margin-right:-16px}.title-detail-grid{display:block;padding:22px 16px}.title-detail-poster{width:150px;margin:0 0 18px}.title-detail-copy h1{font-size:48px}.detail-interest-panel{display:block}.interest-picker.large{margin-top:10px}.detail-watch-form{display:grid;grid-template-columns:1fr}.detail-watch-form details>.watch-context-body{position:static;width:auto}.activity-list strong{white-space:normal}.member-row{grid-template-columns:42px 1fr auto}.alias-editor{grid-column:1/4}.group-settings-panel{margin-bottom:30px}
}
@media(max-width:520px){
  .genre-grid{grid-template-columns:1fr 1fr}.genre-card{padding:10px}.sticky-save-bar{display:grid;grid-template-columns:1fr}.sticky-save-bar .btn{width:100%}.smart-mode-switch label>span{grid-template-columns:20px 1fr}.mood-grid{grid-template-columns:repeat(4,1fr)}.mood-grid span{min-height:50px}.runtime-pills>span{width:100%}.title-detail-poster{width:128px}.title-detail-copy h1{font-size:42px}.interest-picker.large button{grid-template-columns:1fr;place-items:center}.interest-picker.large button>span{text-align:center}.detail-columns{grid-template-columns:1fr}.group-hub-hero h2{font-size:36px}.nickname-input,.alias-editor form{grid-template-columns:1fr}.activity-panel{padding:14px}.dashboard-lower-grid{margin-top:24px}.taste-summary-grid{grid-template-columns:1fr}.taste-shortcut{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.group-interest-strip{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.group-interest-strip>span{display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.group-interest-strip i{grid-row:1/3;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-style:normal;font-size:13px;font-weight:900}.group-interest-strip b{font-size:13px}.group-interest-strip em{font-style:normal;font-size:13px;color:var(--muted)}.group-interest-strip>span[data-interest="love"]{border-color:rgba(255,118,184,.22)}.group-interest-strip>span[data-interest="love"] em{color:#ff98c8}.group-interest-strip>span[data-interest="like"] em{color:#c6b5ff}.group-interest-strip>span[data-interest="avoid"]{border-color:rgba(255,123,141,.20)}.group-interest-strip>span[data-interest="avoid"] em{color:#ff9eaa}
@media(min-width:1120px){.feature-bento .feature-card:nth-child(5){grid-column:span 8}.feature-bento .feature-card:nth-child(6){grid-column:span 4}}

/* Privacy and review-reveal states */
.random-blocked-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.07);border-radius:16px;color:var(--text)}
.random-blocked-note>.icon{width:20px;height:20px;flex:0 0 auto;color:#fbbf24;margin-top:2px}.random-blocked-note strong,.random-blocked-note span{display:block}.random-blocked-note span{margin-top:3px;color:var(--muted);font-size:.88rem;line-height:1.45}
.memory-readonly{margin:2px 0 16px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.memory-readonly p{margin:7px 0 3px;font-size:.95rem}.memory-readonly small{color:var(--muted)}

.watching-tonight{margin:4px 0 18px;padding:14px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.018)}.context-mini-label{display:block;margin-bottom:10px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.watching-people{display:flex;flex-wrap:wrap;gap:8px}.watching-people label{cursor:pointer}.watching-people input{position:absolute;opacity:0;pointer-events:none}.watching-people span{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 7px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02);transition:.18s ease}.watching-people i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);font-style:normal;font-size:.8rem}.watching-people b{font-size:.82rem}.watching-people input:checked+span{border-color:rgba(168,85,247,.48);background:rgba(139,92,246,.14);box-shadow:inset 0 0 0 1px rgba(168,85,247,.12)}.watching-people input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.watching-tonight>small{display:block;margin-top:9px;color:var(--muted);line-height:1.4}

/* Member administration, library ordering and flexible expense splits */
.library-filters{grid-template-columns:minmax(240px,1fr) auto minmax(150px,190px) minmax(150px,190px)}.sort-filter{min-width:150px}
.member-subtool,.member-admin-tools{grid-column:2/4}.member-admin-tools{margin-top:2px}.member-admin-tools summary{display:flex;align-items:center;gap:5px;color:#9f97a8;font-size:13px;font-weight:800;cursor:pointer}.member-admin-grid{display:grid;gap:7px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.group-danger-zone{display:grid;gap:16px;margin:50px 0 25px;padding:20px;border:1px solid rgba(255,123,141,.14);border-radius:22px;background:linear-gradient(145deg,rgba(255,123,141,.035),rgba(255,255,255,.012))}.group-danger-zone h2{margin:4px 0 6px;font-size:26px}.group-danger-zone p{max-width:720px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.danger-action-card{border-top:1px solid rgba(255,123,141,.12);padding-top:13px}.danger-action-card summary{cursor:pointer;color:#ff9fac;font-size:13px;font-weight:850}.danger-action-card form{display:grid;gap:10px;margin-top:12px;max-width:520px}.danger-action-card label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.danger-action-card input{min-height:42px;border:1px solid rgba(255,123,141,.2);border-radius:12px;background:#0c0a10;color:#fff;padding:0 11px}.danger-button{width:max-content;min-height:39px;padding:0 13px;border:1px solid rgba(255,123,141,.3);border-radius:11px;background:rgba(255,123,141,.08);color:#ff9fac;font-weight:850;cursor:pointer}.danger-button:hover{background:rgba(255,123,141,.14);color:#ffd5db}

.expense-builder{max-width:820px}.expense-core-grid{display:grid;gap:10px}.expense-people-grid>div,.expense-people-grid ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:0}.expense-people-grid label{display:flex!important;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);font-size:13px!important;color:#d9d2df!important;cursor:pointer}.split-mode-switch>div,.split-mode-switch ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0;list-style:none}.split-mode-switch label{display:flex!important;align-items:center;gap:8px;min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);cursor:pointer}.custom-split-panel{padding:16px;border:1px solid rgba(171,137,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(139,92,246,.055),rgba(255,255,255,.014))}.custom-split-panel[hidden]{display:none}.custom-split-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.custom-split-head h3{margin:4px 0;font-size:18px}.custom-split-panel>p{margin:4px 0 14px;color:var(--muted);font-size:13px;line-height:1.45}.split-total{display:grid;gap:2px;text-align:right}.split-total span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.split-total strong{font-size:13px;color:#ffc0c8}.split-total.is-balanced strong{color:#78ddb4}.custom-share-grid{display:grid;gap:7px}.custom-share-row{display:grid!important;grid-template-columns:34px 1fr minmax(110px,150px);align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.custom-share-row.is-disabled{opacity:.35}.share-person{display:grid}.share-person strong{font-size:13px}.share-person small{font-size:13px;color:var(--muted)}.share-input-wrap{position:relative}.share-input-wrap input{width:100%;min-height:38px;padding:0 30px 0 9px;border:1px solid var(--line);border-radius:10px;background:#0c0a10;color:#fff;text-align:right}.share-input-wrap b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted)}
@media(min-width:700px){.expense-core-grid{grid-template-columns:1fr 1fr 1fr}.custom-share-grid{grid-template-columns:1fr 1fr}}
@media(max-width:859px){.library-filters{grid-template-columns:1fr}.sort-filter{width:100%}.member-subtool,.member-admin-tools{grid-column:1/4}}
@media(max-width:520px){.expense-people-grid>div,.expense-people-grid ul,.split-mode-switch>div,.split-mode-switch ul{grid-template-columns:1fr}.custom-split-head{display:grid}.split-total{text-align:left}.custom-share-row{grid-template-columns:32px 1fr}.share-input-wrap{grid-column:1/3}.group-danger-zone{margin-bottom:90px}}
.expense-share-line{display:flex!important;gap:5px;flex-wrap:wrap;align-items:center}.expense-share-line b{color:#cfc7d8;font-size:inherit}.expense-share-line i{font-style:normal;color:#5e5865}


/* ============================================================
   Unified authentication journey
   Single source of truth for layout, components and responsive behavior.
   ============================================================ */
/* Authentication journey components */
.auth-shell{position:relative;isolation:isolate}
.auth-shell::before{content:"";position:fixed;inset:64px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(900px 560px at 14% 28%,rgba(139,92,246,.13),transparent 62%),radial-gradient(680px 440px at 88% 68%,rgba(255,127,157,.08),transparent 66%)}
.auth-layout.auth-journey{min-height:min(760px,calc(100vh - 150px));gap:34px}
.auth-journey .auth-story{position:relative}
.auth-journey .auth-story::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:20%;top:44%;background:rgba(139,92,246,.07);filter:blur(70px);z-index:-1}
.auth-journey .auth-story h1{max-width:710px}
.auth-story-copy{max-width:610px;color:var(--muted);line-height:1.7}
.auth-steps{display:flex;align-items:center;gap:7px;margin:28px 0 0;flex-wrap:wrap}
.auth-step{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#716a79;background:rgba(255,255,255,.018);font-size:13px;font-weight:800}
.auth-step::before{content:"";width:6px;height:6px;border-radius:50%;background:#4b4650}
.auth-step.done{color:#91cdb6;border-color:rgba(93,214,169,.16);background:rgba(93,214,169,.035)}
.auth-step.done::before{background:var(--good);box-shadow:0 0 0 4px rgba(93,214,169,.08)}
.auth-step.active{color:#d2c3ff;border-color:rgba(174,139,255,.28);background:rgba(139,92,246,.08)}
.auth-step.active::before{background:#ad8aff;box-shadow:0 0 0 4px rgba(139,92,246,.1)}
.auth-security-notes{display:grid;gap:8px;margin-top:25px;max-width:530px}
.auth-security-note{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018)}
.auth-security-note .note-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,246,.08);color:#b69cff}
.auth-security-note strong{display:block;font-size:13px;margin-bottom:2px}.auth-security-note small{display:block;color:#77707f;font-size:13px;line-height:1.45}
.auth-card.auth-elevated{position:relative;overflow:hidden;border-color:rgba(174,139,255,.16);background:linear-gradient(145deg,rgba(25,21,34,.97),rgba(16,14,22,.96));box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset}
.auth-card.auth-elevated::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(195,166,255,.52),rgba(255,151,196,.28),transparent)}
.auth-card-head{display:grid;gap:5px;margin-bottom:19px}.auth-card-head .auth-icon{margin:0 0 8px}.auth-card-head h2{margin:2px 0 5px}.auth-card-head p{color:var(--muted);line-height:1.55;font-size:13px;margin:0}
.auth-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid var(--line);color:#77707e;font-size:13px}
.auth-meta-row span{display:inline-flex;align-items:center;gap:5px}.auth-meta-row .icon{color:#9c84d8}
.auth-card .stack-form{gap:13px}
.auth-card .stack-form>p{position:relative}
.auth-card .stack-form label{font-size:13px;color:#d0c9d5}
.auth-card .stack-form input:not([type=checkbox]):not([type=radio]){min-height:49px;border-radius:15px;background:rgba(6,5,10,.64);border-color:rgba(255,255,255,.105);padding:12px 13px}
.auth-card .stack-form input:not([type=checkbox]):not([type=radio]):hover{border-color:rgba(255,255,255,.17)}
.auth-card .stack-form input:not([type=checkbox]):not([type=radio]):focus{background:#0d0a12;border-color:rgba(174,139,255,.68);box-shadow:0 0 0 4px rgba(139,92,246,.1),0 8px 28px rgba(0,0,0,.18)}
.auth-card .helptext{font-size:13px;color:#77707e;margin-top:1px}.auth-card .helptext ul{margin:5px 0 0!important;padding-left:16px!important}.auth-card .helptext li{margin:2px 0}
.auth-card .errorlist{padding:8px 10px!important;border:1px solid rgba(255,122,138,.17);border-radius:10px;background:rgba(255,122,138,.045);font-size:13px!important}
.auth-card .btn-full{margin-top:3px}
.auth-result.auth-elevated{max-width:560px}.auth-result .auth-icon{box-shadow:0 12px 32px rgba(139,92,246,.12)}
.auth-result .result-copy{max-width:420px;margin:0 auto 18px;color:var(--muted);line-height:1.6;font-size:13px}
.auth-result .result-copy strong{color:#e7dfef}
.auth-result .button-pair{justify-content:center}
.auth-token-note{margin:14px 0;padding:11px 12px;border-radius:14px;border:1px solid rgba(244,199,107,.12);background:rgba(244,199,107,.035);display:flex;align-items:flex-start;gap:9px;text-align:left;color:#9d9279;font-size:13px;line-height:1.5}.auth-token-note .icon{flex:0 0 auto;color:var(--warn);margin-top:1px}
.auth-back{margin-top:15px;text-align:center;font-size:13px;color:#9d8bca}.auth-back a{font-weight:800}

@media(max-width:859px){.auth-layout.auth-journey{min-height:auto;padding:18px 0 32px}.auth-card.auth-elevated{max-width:560px}.auth-journey .auth-story{display:none}}
@media(min-width:860px){.auth-layout.auth-journey{grid-template-columns:minmax(0,1fr) minmax(430px,500px);gap:clamp(45px,7vw,95px)}.auth-card.auth-elevated{padding:32px 31px}.auth-result.auth-elevated{grid-column:2}}

/* Authentication brand watermark */
.auth-shell .auth-card::after{content:"VEMOS";position:absolute;right:-10px;bottom:-24px;font-size:72px;font-weight:900;letter-spacing:-5px;color:rgba(255,255,255,.018);pointer-events:none;user-select:none}
.auth-shell .auth-card>*{position:relative;z-index:1}


/* ============================================================
   Responsive and readability foundation
   Single source of truth for layout, components and responsive behavior.
   ============================================================ */
/* Responsive readability and true mobile width */

:root{
  --mobile-gutter:14px;
  --mobile-gutter-wide:18px;
}

html{
  width:100%;
  min-width:0;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  width:100%;
  max-width:100%;
  min-width:0;
  font-size:16px;
}

/* Prevent intrinsic sizing from widening mobile layouts. */
.topbar-inner,
.page-shell,
.footer{
  width:100%;
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}

.page-shell,
.page-shell > *,
.topbar-inner,
.footer,
.auth-layout,
.auth-card,
.form-page,
.profile-page,
.about-page,
.random-stage,
.review-page,
.title-detail,
.group-grid,
.media-grid,
.plan-list,
.ledger-layout,
.members-layout,
.dashboard-stats,
.group-overview-strip,
.library-filters,
.library-filters{
  min-width:0;
}

/* Comfortable reading defaults. */
p,
li{
  line-height:1.6;
}

input,
select,
textarea{
  font-size:16px; /* prevents iOS/Safari focus zoom and is easier to read */
}

small,
.helptext,
.fieldset-help{
  line-height:1.45;
}

/* Reusable compact UI should still be readable. */
.section-kicker,
.context-label,
.soft-badge,
.status-chip,
.role-chip,
.content-type,
.group-meta,
.catalog-status,
.media-meta-line,
.creator-chip,
.transfer-people,
.invite-result>span,
.auth-meta-row,
.auth-back,
.auth-token-note{
  letter-spacing:.02em;
}

/* Mobile: the app must actually occupy the viewport. */
@media(max-width:859px){
  :root{--mobile-gutter:max(14px, env(safe-area-inset-left));}

  body{
    overflow-x:clip;
  }

  .topbar-inner,
  .page-shell,
  .footer{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  .topbar-inner{
    padding-left:max(var(--mobile-gutter-wide), env(safe-area-inset-left));
    padding-right:max(var(--mobile-gutter-wide), env(safe-area-inset-right));
  }

  .page-shell{
    padding-left:max(var(--mobile-gutter), env(safe-area-inset-left));
    padding-right:max(var(--mobile-gutter), env(safe-area-inset-right));
    padding-bottom:calc(104px + env(safe-area-inset-bottom));
  }

  .footer{
    padding-left:max(var(--mobile-gutter), env(safe-area-inset-left));
    padding-right:max(var(--mobile-gutter), env(safe-area-inset-right));
    padding-bottom:calc(30px + env(safe-area-inset-bottom));
  }

  .page-shell > *{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .form-page,
  .narrow-page,
  .profile-page,
  .about-page,
  .review-form-card,
  .auth-layout,
  .auth-card,
  .auth-result.auth-elevated,
  .expense-builder{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  .section-heading,
  .dashboard-hero,
  .group-hub-hero,
  .taste-hero,
  .random-stage,
  .history-heading,
  .plans-heading,
  .expenses-heading{
    width:100%;
  }

  .group-grid,
  .media-grid,
  .search-results,
  .plan-list,
  .reviews-grid,
  .balance-grid,
  .dashboard-stats,
  .taste-summary-grid,
  .detail-columns,
  .ledger-layout,
  .members-layout{
    width:100%;
    min-width:0;
  }

  .group-grid > *,
  .media-grid > *,
  .search-results > *,
  .plan-list > *,
  .reviews-grid > *,
  .balance-grid > *,
  .dashboard-stats > *,
  .ledger-layout > *,
  .members-layout > *{
    min-width:0;
    max-width:100%;
  }

  .group-mobile-nav{
    width:calc(100% - 16px);
    max-width:430px;
    left:50%;
    right:auto;
  }

  /* General mobile typography floor. */
  .page-shell p,
  .page-shell li,
  .page-shell label,
  .page-shell .muted{
    font-size:max(14px, .875rem);
  }

  .section-heading p,
  .dashboard-hero p,
  .group-hub-hero p,
  .taste-hero p,
  .form-intro p,
  .profile-hero p,
  .about-hero p,
  .landing-copy>p,
  .random-overview,
  .plan-note,
  .memory-note,
  .memory-readonly p{
    font-size:15px;
    line-height:1.65;
  }

  .stack-form label,
  .auth-card .stack-form label,
  .field-block label,
  .date-fieldset legend,
  .security-row strong,
  .panel-title p,
  .member-row strong,
  .ledger-main strong,
  .share-person strong,
  .expense-people-grid label,
  .nickname-card p,
  .group-danger-zone p{
    font-size:13px!important;
  }

  .helptext,
  .fieldset-help,
  .stack-form ul:not(.errorlist),
  .stack-form ul.errorlist,
  .auth-card .helptext,
  .auth-card .errorlist,
  .security-row span,
  .member-row small,
  .ledger-main span,
  .ledger-main small,
  .share-person small,
  .compact-plan-list span,
  .title-history-list span,
  .private-review-note span,
  .auth-security-note small{
    font-size:13px!important;
    line-height:1.5;
  }

  .btn,
  .nav-link,
  .account-popover>a,
  .account-popover button,
  .subtle-link,
  .danger-link,
  .back-link{
    font-size:14px;
  }

  .btn-sm,
  .btn-compact{
    font-size:13px;
  }

  .group-mobile-nav a{
    font-size:13px!important;
    line-height:1.05;
  }

  /* A little more air around tap targets. */
  .btn,
  .icon-button,
  input,
  select,
  textarea,
  .filter-segments label,
  .vote-buttons button,
  .interest-picker button{
    min-height:44px;
  }

  .stack-form input:not([type=checkbox]):not([type=radio]),
  .stack-form select,
  .stack-form textarea{
    width:100%;
    max-width:100%;
  }

  /* Long text/URLs should never make the viewport wider than the phone. */
  .page-shell a,
  .page-shell p,
  .page-shell small,
  .page-shell code,
  .invite-result,
  .auth-token-note{
    overflow-wrap:anywhere;
  }
}

@media(max-width:520px){
  .page-shell{
    padding-left:max(12px, env(safe-area-inset-left));
    padding-right:max(12px, env(safe-area-inset-right));
  }

  .topbar-inner{
    padding-left:max(14px, env(safe-area-inset-left));
    padding-right:max(14px, env(safe-area-inset-right));
  }

  .auth-card,
  .form-card,
  .panel,
  .feature-card,
  .invite-panel,
  .nickname-card,
  .security-card,
  .group-danger-zone{
    max-width:100%;
  }

  .auth-card,
  .form-card{
    padding-left:18px;
    padding-right:18px;
  }

  .account-popover{
    width:min(300px, calc(100vw - 24px));
    max-width:calc(100vw - 24px);
  }
}


/* ============================================================
   VEMOS V5 — CANONICAL DESIGN SYSTEM
   This section is authoritative. New UI rules belong here.
   ============================================================ */
:root{
  --bg:#08070d;
  --bg-soft:#0d0b15;
  --surface:#121019;
  --surface-2:#181520;
  --surface-3:#211d2c;
  --surface-glass:rgba(18,16,25,.78);
  --surface-glass-strong:rgba(20,17,28,.94);
  --text:#f8f7fb;
  --muted:#b6afc1;
  --muted-2:#8b8493;
  --line:rgba(255,255,255,.09);
  --border:var(--line);
  --line-strong:rgba(255,255,255,.15);
  --accent:#8b5cf6;
  --accent-2:#d164f3;
  --accent-3:#ff7f9d;
  --accent-soft:rgba(139,92,246,.15);
  --good:#65dfb2;
  --bad:#ff8594;
  --warn:#f5ca72;
  --reading:68ch;
  --max:1280px;
  --gutter:clamp(14px,3.6vw,28px);
  --radius-xl:30px;
  --radius-lg:24px;
  --radius:18px;
  --radius-sm:13px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --shadow-soft:0 12px 38px rgba(0,0,0,.22);
  font-size:16px;
}

html,body{width:100%;max-width:100%;min-width:0;overflow-x:clip}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:16px;line-height:1.5}
body,input,button,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main,section,article,aside,nav,header,footer,div,form,fieldset{min-width:0}
img,svg,video,canvas{max-width:100%}
p,li{line-height:1.62}
p{max-width:var(--reading)}
button,input,select,textarea{font-size:16px}
input,select,textarea{max-width:100%}

/* Type scale: nothing essential below 12px, normal reading 14–16px. */
small,.helptext,.fieldset-help,.meta,.muted{font-size:13px;line-height:1.5}
.section-kicker,.context-label,.soft-badge,.status-chip,.role-chip,.content-type,.group-meta,.catalog-status,.creator-chip,.transfer-people,.invite-result>span,.auth-meta-row,.auth-back,.auth-token-note{font-size:13px;line-height:1.35;letter-spacing:.035em}
.member-row strong,.ledger-main strong,.share-person strong,.security-row strong{font-size:14px}
.member-row small,.ledger-main span,.ledger-main small,.share-person small,.compact-plan-list span,.title-history-list span,.private-review-note span,.auth-security-note small{font-size:13px!important;line-height:1.5}

/* One predictable responsive canvas. */
.topbar-inner,.page-shell,.footer{width:100%;max-width:var(--max);margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.page-shell{padding-top:clamp(18px,3vw,34px);padding-bottom:110px}
.footer{padding-top:26px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.page-shell>*{max-width:100%}

/* Safer flex/grid behavior. */
.group-grid,.media-grid,.search-results,.plan-list,.reviews-grid,.balance-grid,.dashboard-stats,.taste-summary-grid,.detail-columns,.ledger-layout,.members-layout,.profile-grid,.auth-layout,.feature-bento{min-width:0;max-width:100%}
.group-grid>*,.media-grid>*,.search-results>*,.plan-list>*,.reviews-grid>*,.balance-grid>*,.dashboard-stats>*,.ledger-layout>*,.members-layout>*,.profile-grid>*,.feature-bento>*{min-width:0;max-width:100%}

/* Inputs and actions are comfortable on touch devices. */
.btn,.icon-button,input:not([type=checkbox]):not([type=radio]),select,textarea,.filter-segments label,.vote-buttons button,.interest-picker button{min-height:44px}
.btn{font-size:14px}
.btn-sm,.btn-compact{font-size:14px}
.stack-form input:not([type=checkbox]):not([type=radio]),.stack-form select,.stack-form textarea,.field-block input:not([type=checkbox]):not([type=radio]),.field-block select,.field-block textarea{width:100%}

/* V5 identity. */
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.user-handle{color:var(--muted);font-size:13px;font-weight:700}


/* V5 group accent and cover. */
[data-group-accent="violet"]{--group-accent:#8b5cf6}
[data-group-accent="magenta"]{--group-accent:#d946ef}
[data-group-accent="blue"]{--group-accent:#4f8cff}
[data-group-accent="emerald"]{--group-accent:#34d399}
[data-group-accent="amber"]{--group-accent:#f5b942}





/* V5 public demo. */
.demo-shell{display:grid;gap:34px}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(139,92,246,.25);border-radius:18px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(209,100,243,.05))}
.demo-banner p{margin:4px 0 0;color:var(--muted);font-size:14px}
.demo-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#cdbdff}
.demo-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:clamp(24px,5vw,58px);background:radial-gradient(circle at 80% 10%,rgba(209,100,243,.18),transparent 38%),linear-gradient(145deg,rgba(139,92,246,.12),rgba(255,255,255,.018))}
.demo-hero h1{margin:10px 0 12px;font-size:clamp(38px,8vw,78px);line-height:.95;letter-spacing:-.055em}
.demo-hero>p{font-size:clamp(16px,2vw,19px);color:#c8c1d0;max-width:720px}
.demo-people{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}.demo-person{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.demo-person strong{font-size:13px}.demo-person .avatar{width:30px;height:30px;border-radius:50%}
.demo-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.demo-stat{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.024)}.demo-stat strong{display:block;font-size:clamp(20px,3vw,30px);letter-spacing:-.04em}.demo-stat span{font-size:13px;color:var(--muted)}
.demo-section{display:grid;gap:16px}.demo-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px}.demo-section-head h2{margin:4px 0;font-size:clamp(26px,4vw,38px);letter-spacing:-.035em}.demo-section-head p{margin:0;color:var(--muted);font-size:14px}
.demo-media-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.demo-media-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.demo-media-poster{aspect-ratio:2/3;background:var(--surface-2);overflow:hidden}.demo-media-poster img{width:100%;height:100%;object-fit:cover}.demo-media-body{padding:11px}.demo-media-body strong{display:block;font-size:13px;line-height:1.25}.demo-media-body span{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.demo-timeline{display:grid;gap:10px}.demo-event{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.022)}.demo-event-date{display:grid;text-align:center}.demo-event-date strong{font-size:20px}.demo-event-date span{font-size:13px;color:var(--muted);text-transform:uppercase}.demo-event-main h3{margin:0 0 3px;font-size:16px}.demo-event-main p{margin:0;color:var(--muted);font-size:13px}.demo-rating{font-size:20px;font-weight:900;color:#f6d883}.demo-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-panel{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.024)}.demo-panel h3{margin:0 0 14px;font-size:20px}.demo-list{display:grid;gap:9px}.demo-list-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.demo-list-row:last-child{border-bottom:0}.demo-list-row span{color:var(--muted);font-size:13px}.demo-list-row strong{font-size:14px}.demo-cta{display:grid;place-items:center;text-align:center;padding:clamp(30px,6vw,64px);border:1px solid rgba(139,92,246,.22);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.2),transparent 55%),rgba(255,255,255,.018)}.demo-cta h2{margin:8px 0;font-size:clamp(30px,5vw,48px)}.demo-cta p{margin:0 0 20px;color:var(--muted);font-size:15px}
.demo-anchor-nav{display:flex;gap:7px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.demo-anchor-nav::-webkit-scrollbar{display:none}.demo-anchor-nav a{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:13px;font-weight:750}

/* Former membership state. */
.former-members{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.former-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:var(--muted)}
.former-member-row strong{color:#d8d2de;font-size:14px}.former-member-row span{font-size:13px}
.role-creator{color:#f6d883!important;border-color:rgba(246,216,131,.22)!important}

/* Public/help pages. */
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.help-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.024)}.help-card h3{margin:8px 0;font-size:18px}.help-card p{margin:0;color:var(--muted);font-size:14px}

/* Mobile canonical behavior. */
@media(max-width:859px){
  :root{--gutter:max(14px,env(safe-area-inset-left))}
  .topbar-inner,.page-shell,.footer{max-width:none;margin-inline:0}
  .topbar-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .page-shell{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(108px + env(safe-area-inset-bottom))}
  .footer{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .page-shell p,.page-shell li,.page-shell label{font-size:14px}
  .section-heading p,.dashboard-hero p,.group-hub-hero p,.taste-hero p,.form-intro p,.profile-hero p,.about-hero p,.landing-copy>p,.random-overview,.plan-note,.memory-note,.memory-readonly p{font-size:15px;line-height:1.65}
  .stack-form label,.auth-card .stack-form label,.field-block label,.date-fieldset legend,.security-row strong,.panel-title p,.member-row strong,.ledger-main strong,.share-person strong,.expense-people-grid label,.nickname-card p,.group-danger-zone p{font-size:14px!important}
  .helptext,.fieldset-help,.stack-form ul:not(.errorlist),.stack-form ul.errorlist,.auth-card .helptext,.auth-card .errorlist,.security-row span,.member-row small,.ledger-main span,.ledger-main small,.share-person small,.compact-plan-list span,.title-history-list span,.private-review-note span,.auth-security-note small{font-size:13px!important}
  .group-mobile-nav{width:calc(100% - 16px);max-width:440px;left:50%;right:auto}
  .group-mobile-nav a{font-size:13px!important}
  .demo-banner{align-items:flex-start;flex-direction:column}.demo-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-media-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid-2{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr 1fr}.demo-event{grid-template-columns:54px minmax(0,1fr) auto}
}

@media(max-width:520px){
  .page-shell{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .topbar-inner{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .account-name{display:none}

  /* Landing móvil: cards compactas y sin decoraciones pisando texto. */
  .feature-card{
    min-height:0;
    padding:20px;
    border-radius:22px;
  }

  .feature-card h3{
    font-size:22px;
    margin:24px 0 8px;
  }

  .accent-card{
    padding-bottom:116px;
  }

  .random-orbit{
    width:88px;
    height:88px;
    right:18px;
    bottom:16px;
    font-size:34px;
    box-shadow:
      0 0 0 12px rgba(139,92,246,.05),
      0 0 0 28px rgba(139,92,246,.025);
  }

  .demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-media-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.help-grid{grid-template-columns:1fr}.demo-event{grid-template-columns:44px minmax(0,1fr)}.demo-rating{grid-column:2}.demo-hero{border-radius:24px}.demo-banner{border-radius:16px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V5.1 GLOBAL CATALOG */
.mobile-catalog-chip{display:inline-flex;align-items:center;gap:7px;width:max-content;margin:4px 0 10px;padding:8px 11px;border:1px solid rgba(174,139,255,.18);border-radius:999px;background:rgba(139,92,246,.07);color:#cbbaff;font-size:13px;font-weight:800}
.mobile-catalog-chip .icon{width:16px;height:16px}
.catalog-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:8px 0 18px}.catalog-hero h2{margin:7px 0}.catalog-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.6}
.catalog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.catalog-stats>div{min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.catalog-stats strong{display:block;font-size:25px;letter-spacing:-.04em}.catalog-stats span{display:block;margin-top:3px;color:var(--muted);font-size:13px}
.catalog-filters{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(150px,190px) 100px minmax(160px,190px) auto;gap:8px;align-items:center;padding:12px;margin-bottom:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}
.catalog-search-field{min-height:46px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:#0c0a10}.catalog-search-field .icon{flex:0 0 auto;color:#8f849f}.catalog-search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff}
.catalog-filters select,.catalog-year{width:100%;min-height:46px;border:1px solid var(--line);border-radius:13px;background:#0c0a10;color:#e9e5ef;padding:0 11px}
.catalog-type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;min-height:46px;padding:3px;border:1px solid var(--line);border-radius:13px;background:#0c0a10}.catalog-type-switch label{position:relative;cursor:pointer}.catalog-type-switch input{position:absolute;opacity:0;pointer-events:none}.catalog-type-switch span{height:100%;min-height:38px;display:grid;place-items:center;padding:0 10px;border-radius:10px;color:#8e8795;font-size:13px;font-weight:800;white-space:nowrap}.catalog-type-switch input:checked+span{background:rgba(139,92,246,.16);color:#d7c8ff}
.catalog-result-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.catalog-result-head h3{margin:5px 0 0;font-size:24px}.catalog-result-head>span{color:var(--muted);font-size:13px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:linear-gradient(155deg,rgba(24,20,32,.95),rgba(13,11,18,.96))}.catalog-card.is-added{border-color:rgba(111,221,174,.25)}
.catalog-poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#15111c}.catalog-poster>img{width:100%;height:100%;object-fit:cover}.catalog-poster::after{content:"";position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(8,7,12,.8))}.catalog-poster-top{position:absolute;z-index:2;inset:8px 8px auto;display:flex;justify-content:space-between;gap:6px}
.catalog-kind,.catalog-rating{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(10,8,14,.72);color:#eee8f3;font-size:12px;font-weight:850;backdrop-filter:blur(12px)}.catalog-kind{width:29px;padding:0}.catalog-kind .icon,.catalog-rating .icon{width:14px;height:14px}.catalog-rating .icon{color:#eecb72}
.catalog-card-body{display:grid;gap:10px;padding:11px}.catalog-title{min-width:0}.catalog-title h3{margin:0;overflow:hidden;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.catalog-title p{margin:4px 0 0;color:var(--muted);font-size:13px}
.catalog-external{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.catalog-card-external{border-color:rgba(174,139,255,.14)}
.catalog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:28px 0 10px}.catalog-pagination>a:last-child{justify-self:end}.catalog-pagination>span{color:var(--muted);font-size:13px;text-align:center}.catalog-empty{min-height:260px}.queue-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(min-width:700px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}}
@media(min-width:860px){.mobile-catalog-chip{display:none}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1200px){.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.catalog-filters{grid-template-columns:1fr 1fr 1fr}.catalog-search-field{grid-column:1/4}}
@media(max-width:620px){.catalog-stats{gap:6px}.catalog-stats>div{padding:12px 10px}.catalog-stats strong{font-size:21px}.catalog-filters{grid-template-columns:1fr 1fr;padding:9px}.catalog-search-field,.catalog-type-switch{grid-column:1/3}.catalog-filter-button,.catalog-clear-button{width:100%}.catalog-result-head{align-items:start}.catalog-title h3{font-size:14px}}
@media(max-width:380px){.catalog-grid{gap:8px}.catalog-card-body{padding:9px}.catalog-type-switch span{padding:0 7px;font-size:12px}}


/* V5.2C1 DISCOVERY */
.catalog-advanced{position:relative}
.catalog-advanced>summary{list-style:none;cursor:pointer;white-space:nowrap}
.catalog-advanced>summary::-webkit-details-marker{display:none}
.catalog-advanced-panel{position:absolute;z-index:30;right:0;top:calc(100% + .55rem);width:min(680px,calc(100vw - 2rem));padding:1rem;background:rgba(13,11,20,.98);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.catalog-advanced-panel label{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}
.catalog-advanced-panel input,.catalog-advanced-panel select{width:100%;min-height:44px}
.catalog-advanced-panel .catalog-check{display:flex;align-items:center;gap:.6rem;grid-column:1/-1}
.catalog-advanced-panel .catalog-check input{width:18px;min-height:18px;margin:0}
.catalog-discovery{display:grid;gap:1.7rem;margin:1.2rem 0 2rem}
.catalog-rail-block{min-width:0}
.catalog-rail-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.catalog-rail-head h3{margin:.18rem 0 0}
.catalog-rail-head>a{font-size:.88rem;color:var(--muted);white-space:nowrap}
.catalog-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:.75rem;overflow-x:auto;padding:.15rem .1rem .55rem;scroll-snap-type:x proximity}
.catalog-mini-card{scroll-snap-align:start;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);min-width:0}
.catalog-mini-poster{position:relative;aspect-ratio:2/3;background:var(--surface-2);overflow:hidden}
.catalog-mini-poster img{width:100%;height:100%;object-fit:cover;display:block}
.catalog-mini-rating,.catalog-affinity{position:absolute;top:.5rem;z-index:2;border-radius:999px;padding:.3rem .5rem;background:rgba(16,15,23,.86);backdrop-filter:blur(10px);font-size:.72rem;font-weight:800;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.catalog-mini-rating{right:.5rem;display:flex;align-items:center;gap:.22rem}
.catalog-mini-rating .icon{width:.8rem;height:.8rem}
.catalog-mini-rating small{font-size:inherit;opacity:.8}
.catalog-affinity{left:.5rem;color:#f3d5ff}
.catalog-mini-body{display:grid;gap:.38rem;padding:.72rem}
.catalog-mini-body>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}
.catalog-mini-body>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);min-height:1.15rem}
.catalog-mini-body .btn{margin-top:.18rem}
@media (max-width:720px){
  .catalog-advanced{width:100%}
  .catalog-advanced>summary{width:100%;justify-content:center}
  .catalog-advanced-panel{position:fixed;left:1rem;right:1rem;top:auto;bottom:calc(5.5rem + env(safe-area-inset-bottom));width:auto;max-height:65vh;overflow:auto;grid-template-columns:1fr}
  .catalog-advanced-panel .catalog-check{grid-column:auto}
  .catalog-rail{grid-auto-columns:minmax(138px,46vw)}
}


/* V5.2C1 FIX1 — WIDE CATALOG DESKTOP */
/*
 * El shell global de Vemos está limitado por --max. El catálogo es una
 * excepción deliberada: en escritorio necesita más superficie para pósters,
 * filtros y rails, sin ensanchar formularios/perfil/login.
 */
@media (min-width: 1200px) {
  .catalog-wide .page-shell,
  body:has(.catalog-hero) .page-shell {
    width: 100%;
    max-width: 1680px;
    padding-left: clamp(28px, 2.4vw, 48px);
    padding-right: clamp(28px, 2.4vw, 48px);
  }

  .catalog-wide .topbar-inner,
  body:has(.catalog-hero) .topbar-inner,
  .catalog-wide .footer,
  body:has(.catalog-hero) .footer {
    width: 100%;
    max-width: 1680px;
  }

  .catalog-wide .catalog-grid,
  body:has(.catalog-hero) .catalog-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (min-width: 1540px) {
  .catalog-wide .catalog-grid,
  body:has(.catalog-hero) .catalog-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .catalog-wide .catalog-rail,
  body:has(.catalog-hero) .catalog-rail {
    grid-auto-columns: minmax(160px, 190px);
  }
}

@media (min-width: 1900px) {
  .catalog-wide .page-shell,
  body:has(.catalog-hero) .page-shell,
  .catalog-wide .topbar-inner,
  body:has(.catalog-hero) .topbar-inner,
  .catalog-wide .footer,
  body:has(.catalog-hero) .footer {
    max-width: 1760px;
  }
}

/* V5.2C2 RECOMMENDATION REASONS */
.catalog-mini-reason{margin:1px 0 2px;min-height:2.25em;color:var(--muted);font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-affinity{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* V5.2C2 FIX2 — CATALOG RAIL DESKTOP POLISH */

/* Los rails son carruseles, pero la barra nativa rompe la estética.
   Se conserva scroll táctil/trackpad/rueda horizontal sin mostrarla. */
.catalog-rail{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.catalog-rail::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

/* El primer fix dependía del hook body_class / .catalog-hero.
   .catalog-stats existe de forma inequívoca en esta vista, así que :has()
   garantiza que el shell ancho se aplique al catálogo en navegadores modernos. */
@media (min-width:1200px){
  body:has(.catalog-stats) .page-shell{
    width:100%;
    max-width:min(1680px,calc(100vw - 48px));
    padding-left:clamp(28px,2.4vw,48px);
    padding-right:clamp(28px,2.4vw,48px);
  }

  body:has(.catalog-stats) .topbar-inner,
  body:has(.catalog-stats) .footer{
    width:100%;
    max-width:min(1680px,calc(100vw - 48px));
  }

  body:has(.catalog-stats) .catalog-rail{
    grid-auto-columns:clamp(160px,11.5vw,190px);
    gap:12px;
    padding-bottom:4px;
  }

  body:has(.catalog-stats) .catalog-mini-card{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }

  body:has(.catalog-stats) .catalog-mini-card:hover{
    transform:translateY(-3px);
    border-color:rgba(183,153,255,.24);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }
}

@media (min-width:1600px){
  body:has(.catalog-stats) .page-shell,
  body:has(.catalog-stats) .topbar-inner,
  body:has(.catalog-stats) .footer{
    max-width:min(1760px,calc(100vw - 56px));
  }

  body:has(.catalog-stats) .catalog-rail{
    grid-auto-columns:clamp(170px,10.5vw,195px);
  }
}


/* V5.2C2 FIX3 — DESKTOP CAROUSEL ARROWS */
.catalog-rail-actions{display:flex;align-items:center;gap:10px}
.catalog-rail-actions>a{font-size:13px;color:var(--muted);white-space:nowrap}
.catalog-rail-actions>a:hover{color:var(--text)}
.catalog-rail-nav{display:none;align-items:center;gap:6px}
.catalog-rail-arrow{width:38px;height:38px;min-width:38px;padding:0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045);color:#e9e5ef;font-size:18px;font-weight:850;line-height:1;cursor:pointer;box-shadow:none;transition:background .18s,border-color .18s,transform .18s,opacity .18s}
.catalog-rail-arrow:hover:not(:disabled){background:rgba(255,255,255,.085);border-color:var(--line-strong);transform:translateY(-1px)}
.catalog-rail-arrow:active:not(:disabled){transform:translateY(0) scale(.96)}
.catalog-rail-arrow:disabled{opacity:.28;cursor:default}
.catalog-rail-no-overflow .catalog-rail-nav{visibility:hidden}
@media (hover:hover) and (pointer:fine) and (min-width:860px){.catalog-rail-nav{display:flex}}
@media (max-width:859px){.catalog-rail-actions{gap:7px}.catalog-rail-actions>a{font-size:13px}}


/* V5.2C3 — CATALOG QUICK DETAIL */
body.catalog-quick-open{overflow:hidden}
.catalog-card[data-quick-url],.catalog-mini-card[data-quick-url]{cursor:pointer}
.catalog-poster-tools{display:flex;align-items:center;gap:6px}
.catalog-quick-icon,.catalog-mini-quick{border:1px solid rgba(255,255,255,.14);background:rgba(8,7,13,.76);color:#eee9f5;backdrop-filter:blur(10px);cursor:pointer;display:grid;place-items:center;box-shadow:none}
.catalog-quick-icon{width:30px;height:30px;border-radius:999px;padding:0}
.catalog-quick-icon .icon,.catalog-mini-quick .icon{width:14px;height:14px}
.catalog-mini-quick{position:absolute;right:.5rem;bottom:.5rem;z-index:3;width:34px;height:34px;border-radius:11px;padding:0}
.catalog-quick-icon:hover,.catalog-mini-quick:hover{background:rgba(139,92,246,.24);border-color:rgba(183,153,255,.34)}

.catalog-quick-overlay{position:fixed;inset:0;z-index:120}
.catalog-quick-overlay[hidden]{display:none}
.catalog-quick-backdrop-button{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(4,3,7,.72);backdrop-filter:blur(8px);cursor:default}
.catalog-quick-panel{position:absolute;right:0;top:0;bottom:0;width:min(620px,92vw);display:grid;grid-template-rows:auto 1fr;background:#0d0b12;border-left:1px solid var(--line-strong);box-shadow:-30px 0 90px rgba(0,0,0,.52);animation:catalogQuickIn .22s ease-out}
@keyframes catalogQuickIn{from{transform:translateX(28px);opacity:.7}to{transform:translateX(0);opacity:1}}
.catalog-quick-panel-head{height:62px;padding:0 14px 0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(13,11,18,.94);backdrop-filter:blur(18px)}
.catalog-quick-panel-head>span{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:850}
.catalog-quick-panel-content{overflow:auto;overscroll-behavior:contain}
.catalog-quick-loading{min-height:60vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);font-size:13px}
.catalog-quick-loading>span{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.08);border-top-color:#a985ff;animation:catalogQuickSpin .8s linear infinite}
@keyframes catalogQuickSpin{to{transform:rotate(360deg)}}

.catalog-quick-hero{position:relative;min-height:330px;overflow:hidden;background:#141019}
.catalog-quick-backdrop{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(8,7,13,.28),#0d0b12 94%),var(--quick-backdrop);background-size:cover;background-position:center;filter:saturate(.82)}
.catalog-quick-hero-content{position:relative;z-index:1;min-height:330px;padding:28px;display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:end}
.catalog-quick-poster{width:150px;aspect-ratio:2/3;border-radius:17px;overflow:hidden;background:#201a29;box-shadow:0 22px 55px rgba(0,0,0,.48)}
.catalog-quick-poster img{width:100%;height:100%;object-fit:cover}
.catalog-quick-copy{min-width:0}
.catalog-quick-copy h2{font-size:clamp(30px,4vw,46px);margin:7px 0 7px;line-height:1}
.catalog-quick-body{display:grid;gap:14px;padding:18px 22px 34px}
.catalog-why-card{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:16px;border:1px solid rgba(180,148,255,.19);border-radius:19px;background:linear-gradient(145deg,rgba(139,92,246,.1),rgba(209,100,243,.035))}
.catalog-why-card.is-warning{border-color:rgba(255,199,107,.2);background:rgba(244,199,107,.045)}
.catalog-why-score{min-width:82px;height:48px;padding:0 10px;border-radius:14px;display:grid;place-items:center;background:rgba(139,92,246,.13);color:#d6c7ff;font-weight:900}
.catalog-why-card h3{margin:4px 0 7px;font-size:18px}
.catalog-why-card ul{margin:0;padding-left:18px;color:#aaa2b0;font-size:13px;line-height:1.55}
.catalog-why-card p{margin:4px 0 0;color:var(--muted);font-size:13px}
.catalog-quick-section{padding:16px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.02)}
.catalog-quick-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px}
.catalog-quick-section h3{margin:4px 0 0;font-size:18px}
.catalog-quick-overview{margin:8px 0 0;color:#bbb3c2;line-height:1.65;font-size:14px}
.catalog-trailer{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#050407}
.catalog-trailer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.catalog-quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.catalog-quick-actions form{margin:0}
.catalog-quick-attribution{margin:2px 2px 0;color:#67606f;font-size:13px;line-height:1.45}

@media(max-width:700px){
  .catalog-quick-panel{top:max(18px,env(safe-area-inset-top));width:100%;border-left:0;border-top:1px solid var(--line-strong);border-radius:24px 24px 0 0;box-shadow:0 -25px 70px rgba(0,0,0,.48)}
  .catalog-quick-panel-head{height:56px;padding-left:16px}
  .catalog-quick-hero{min-height:285px}
  .catalog-quick-hero-content{min-height:285px;grid-template-columns:105px 1fr;gap:14px;padding:20px 16px}
  .catalog-quick-poster{width:105px;border-radius:14px}
  .catalog-quick-copy h2{font-size:30px}
  .catalog-quick-body{padding:14px 14px calc(92px + env(safe-area-inset-bottom))}
  .catalog-why-card{grid-template-columns:1fr}
  .catalog-why-score{width:max-content;min-width:0}
  .catalog-quick-section{padding:14px}
  .catalog-quick-actions{display:grid}
  .catalog-quick-actions .btn{width:100%}
}


/* === V5.4.0 Decision Hub === */
.dashboard-decision{margin:34px 0 30px}
.dashboard-decision .section-heading{margin-bottom:16px}
.decision-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.decision-hub-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,rgba(139,92,246,.08),rgba(255,255,255,.025))}
.decision-hub-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.decision-hub-top>div{display:flex;flex-direction:column;gap:3px}
.decision-group-label{font-weight:800;font-size:16px}
.decision-state{font-size:13px;color:rgba(255,255,255,.6)}
.decision-pick{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center}
.decision-poster{width:64px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:rgba(139,92,246,.12);display:grid;place-items:center;text-decoration:none}
.decision-poster img{width:100%;height:100%;object-fit:cover}
.decision-poster span{font-size:24px;font-weight:900}
.decision-pick-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.decision-pick-copy>strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.decision-pick-copy>small{line-height:1.35;color:rgba(255,255,255,.65)}
.decision-mini-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.65)}
.decision-mini-meta span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.05)}
.decision-plan{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(139,92,246,.18);border-radius:15px;background:rgba(139,92,246,.06);text-decoration:none;color:inherit}
.decision-plan>span{display:flex;flex-direction:column;min-width:0}
.decision-plan small,.decision-plan em{font-size:12px;color:rgba(255,255,255,.58);font-style:normal}
.decision-plan strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.decision-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.decision-empty{margin:0;color:rgba(255,255,255,.66);line-height:1.5}

.dashboard-page .dashboard-lower-grid{align-items:start}
.dashboard-page .recent-memory{min-height:0;padding:16px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;align-items:center}
.dashboard-page .recent-memory-art{width:68px;height:auto;aspect-ratio:2/3;border-radius:12px;overflow:hidden}
.dashboard-page .recent-memory-art img{width:100%;height:100%;object-fit:cover}

.group-decision-hub{margin:18px 0 26px;padding:22px;border:1px solid rgba(139,92,246,.18);border-radius:26px;background:radial-gradient(circle at 15% 10%,rgba(139,92,246,.15),transparent 42%),rgba(255,255,255,.02);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:22px;align-items:stretch}
.group-decision-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px}
.group-decision-copy h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.05}
.group-decision-copy p{max-width:720px;margin:0 0 6px;color:rgba(255,255,255,.67);line-height:1.55}
.group-decision-side{display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:stretch}
.group-decision-poster{width:92px;aspect-ratio:2/3;border-radius:15px;overflow:hidden;background:rgba(139,92,246,.12);display:grid;place-items:center;color:inherit;text-decoration:none}
.group-decision-poster img{width:100%;height:100%;object-fit:cover}
.group-decision-poster span{font-size:30px;font-weight:900}
.group-decision-plan{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:center;gap:5px}
.group-decision-plan strong{line-height:1.2}
.group-decision-plan small{color:rgba(255,255,255,.6);line-height:1.35}
.group-decision-plan a{margin-top:4px;font-size:13px;font-weight:800;text-decoration:none}

@media (max-width:820px){
  .group-decision-hub{grid-template-columns:1fr;padding:18px}
  .group-decision-side{grid-template-columns:74px minmax(0,1fr)}
  .group-decision-poster{width:74px}
  .dashboard-decision{margin-top:26px}
}
@media (max-width:520px){
  .decision-hub-grid{grid-template-columns:1fr}
  .decision-hub-card{border-radius:20px;padding:15px}
  .group-decision-hub{border-radius:21px;padding:16px}
  .group-decision-copy h2{font-size:25px}
  .group-decision-side{grid-template-columns:1fr}
  .group-decision-poster{width:72px}
  .dashboard-page .recent-memory{grid-template-columns:58px minmax(0,1fr) auto}
  .dashboard-page .recent-memory-art{width:58px}
}