:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#00d1ff;--on-primary:#003544;--primary-container:#003642;--on-primary-container:#bdefff;--secondary:#f05;--secondary-container:#4b0018;--on-secondary-container:#ffd9e2;--background:#0f0f0f;--surface:#1a1a1a;--surface-variant:#222;--on-background:#fff;--on-surface:#fff;--on-variant:#c4c7c5;--outline:#333;--error:#ffb4ab;--error-container:#93000a;--amber:#ffb300;color:var(--on-background);background:var(--background);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#006782;--on-primary:#fff;--primary-container:#bdefff;--on-primary-container:#001f2a;--secondary:#a60035;--secondary-container:#ffd9e2;--on-secondary-container:#400014;--background:#f8f9fa;--surface:#fff;--surface-variant:#f0f0f2;--on-background:#1c1b1e;--on-surface:#1c1b1e;--on-variant:#44474f;--outline:#c4c7c5;--error:#ba1a1a;--error-container:#ffdad6}}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:5;background:color-mix(in srgb, var(--background) 94%, transparent);border-bottom:1px solid var(--outline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:28px;min-height:64px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.wordmark{color:var(--on-surface);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark .app-icon{width:29px;height:29px}.app-icon{object-fit:contain;width:100%;height:100%;display:block}.topbar nav{align-items:center;gap:20px;display:flex}.topbar nav a{color:var(--on-variant);font-size:14px;font-weight:500;text-decoration:none}.topbar nav a.active,.topbar nav a:hover{color:var(--primary)}.account-menu{align-items:center;gap:10px;margin-left:auto;display:flex}.account-avatar,.account-dropdown summary{place-items:center;width:30px;height:30px;display:grid}.account-avatar img,.account-dropdown img,.avatar-fallback{border:1px solid var(--outline);object-fit:cover;border-radius:50%;width:30px;height:30px}.avatar-fallback{color:var(--on-primary);background:var(--primary);place-items:center;font-size:12px;font-weight:700;display:grid}.account-dropdown{display:none;position:relative}.account-dropdown summary{cursor:pointer;list-style:none}.account-dropdown summary::-webkit-details-marker{display:none}.account-dropdown-menu{background:var(--surface);border:1px solid var(--outline);border-radius:10px;min-width:104px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 20px #0000003d}.account-dropdown-menu .text-button{text-align:left;width:100%}.text-button{color:var(--primary);background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:13px;font-weight:600}.text-button:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.page{flex:1;width:min(1120px,100% - 48px);margin:0 auto;padding:32px 0 48px}.site-footer{width:min(1120px,100% - 48px);color:var(--on-variant);border-top:1px solid var(--outline);align-items:center;gap:10px;margin:0 auto;padding:18px 0 22px;font-size:11px;line-height:1.45;display:flex}.site-footer p{max-width:620px;margin:0}.tmdb-mark{background:#f3f5f8;border-radius:7px;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:5px;display:grid}.tmdb-mark img{width:100%;height:100%;display:block}.auth-shell{background:var(--background);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{text-align:center;width:min(400px,100%)}.login-app-icon{background:var(--primary);width:96px;height:96px;box-shadow:0 8px 22px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:22px;margin:0 auto 28px;padding:8px}.auth-card h1{color:var(--on-background);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:800;line-height:1.22}.auth-card>p:not(.subtle):not(.inline-error){color:var(--on-variant);margin:10px 0 0;font-size:16px;line-height:1.55}.auth-card .subtle{color:var(--on-variant);margin:16px 0 0;font-size:12px;line-height:1.5}.connection-card{text-align:left}.connection-card .login-app-icon{margin-left:0}.connection-card h1{font-size:28px}.google-button,.primary-link,.quick-create button,.search-result>button,.inline-form button,.invite-card>div button,.hidden-card button,.add-to-group .primary-button{min-height:44px;color:var(--on-primary);background:var(--primary);border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.google-button{width:100%;height:52px;margin-top:56px}.google-button:hover,.primary-link:hover,.quick-create button:hover,.search-result>button:hover,.inline-form button:hover,.invite-card>div button:hover,.hidden-card button:hover{background:color-mix(in srgb, var(--primary) 88%, var(--on-primary));transform:translateY(-1px)}.page-heading{margin-bottom:28px}.page-heading h1,.group-hero h1,.search-heading h1,.details-hero h1,.hidden-page h1,.invite-page h1,.not-found h1{color:var(--on-background);letter-spacing:-.5px;margin:0;font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.22}.page-heading p,.search-heading p{max-width:620px;color:var(--on-variant);margin:8px 0 0;font-size:14px;line-height:1.5}.eyebrow{color:var(--primary);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.subtle{color:var(--on-variant);font-size:12px;line-height:1.5}.subtle code{color:var(--primary)}.dashboard-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.quick-create{width:min(370px,100%);padding:0}.quick-create label,.inline-form+label,.settings-content label{color:var(--on-surface);margin-bottom:7px;font-size:14px;font-weight:600;display:block}.quick-create div,.inline-form{gap:8px;display:flex}.quick-create input,.inline-form input{width:100%;min-width:0;height:44px;color:var(--on-surface);background:var(--surface-variant);border:1px solid #0000;border-radius:8px;outline:none;padding:0 12px;font-size:14px}.quick-create input::placeholder,.inline-form input::placeholder,.search-field input::placeholder{color:color-mix(in srgb, var(--on-variant) 78%, transparent)}.quick-create input:focus,.inline-form input:focus,.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 24%, transparent)}.quick-create button{border-radius:12px;min-height:44px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:start;gap:36px;display:grid}.groups-panel{grid-area:1/1;min-width:0}.invites-panel{grid-area:1/2;min-width:0}.section-title{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:10px;display:flex}.section-title h2,.list-toolbar h2,.cast-section h2,.overview-section h2,.watch-providers-heading h2{color:var(--on-background);letter-spacing:-.15px;margin:0;font-size:18px;font-weight:700}.section-title span{display:none}.group-grid,.recommendation-list{gap:12px;display:grid}.group-card{width:100%;color:var(--on-surface);background:var(--surface-variant);text-align:left;border:0;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;transition:background .16s,transform .16s;display:flex}.group-card:hover{background:color-mix(in srgb, var(--primary) 12%, var(--surface-variant));transform:translateY(-1px)}.group-card-icon{background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:50%;flex:0 0 44px;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.group-card-icon:before,.group-card-icon:after{background:var(--primary);content:"";border-radius:8px 8px 5px 5px;width:15px;height:12px;position:absolute;bottom:10px}.group-card-icon:before{left:8px}.group-card-icon:after{opacity:.68;right:8px}.group-card strong,.group-card small{display:block}.group-card strong{font-size:16px;font-weight:600}.group-card small{color:var(--on-variant);margin-top:3px;font-size:12px}.group-card i{color:color-mix(in srgb, var(--on-variant) 55%, transparent);margin-left:auto;font-size:24px;font-style:normal}.invite-card{background:var(--secondary-container);border-radius:12px;padding:16px}.invite-card h3{color:var(--on-secondary-container);margin:0;font-size:16px;font-weight:600}.invite-card p{color:color-mix(in srgb, var(--on-secondary-container) 80%, transparent);margin:4px 0 0;font-size:14px;line-height:1.45}.invite-card>div{justify-content:end;gap:8px;margin-top:12px;display:flex}.invite-card>div button{border-radius:10px;min-height:38px;padding:0 14px}.secondary-button{color:var(--secondary)!important;background:0 0!important}.secondary-button:hover{background:color-mix(in srgb, var(--secondary) 12%, transparent)!important}.panel-empty{color:var(--on-variant);margin:0;font-size:14px;line-height:1.5}.group-hero{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;padding-bottom:22px;display:flex}.group-hero h1{margin:2px 0 12px}.back-link{color:var(--primary);background:0 0;border:0;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.back-button{padding:0}.member-strip{display:flex}.member-strip span{width:32px;height:32px;color:var(--on-primary);background:var(--primary);border:2px solid var(--background);border-radius:50%;place-items:center;margin-right:-6px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.member-strip img{object-fit:cover;width:100%;height:100%}.group-layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px;display:grid}.watchlist-panel{min-width:0}.list-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.list-toolbar p{color:var(--on-variant);margin:3px 0 0;font-size:12px}.select-label{color:var(--on-variant);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.select-label select{min-height:36px;color:var(--on-surface);background:var(--surface-variant);border:0;border-radius:8px;padding:0 26px 0 9px;font-size:12px;font-weight:600}.recommendation{background:var(--surface);border-radius:12px;grid-template-columns:64px minmax(0,1fr) 38px;align-items:center;gap:8px 12px;padding:10px 12px;display:grid}.poster-link{grid-row:1/span 2;align-self:start}.poster{object-fit:cover;background:var(--surface-variant);border-radius:8px;width:100%;height:96px;display:block}.poster-fallback{color:var(--on-variant);place-items:center;font-size:11px;font-weight:700;display:grid}.title-line{align-items:center;gap:7px;min-width:0;display:flex}.title-line>a{color:var(--on-surface);letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;text-decoration:none;overflow:hidden}.title-line>a:hover{color:var(--primary)}.type-pill{width:fit-content;color:var(--on-secondary-container);background:var(--secondary-container);letter-spacing:.25px;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.recommendation-copy p{color:var(--on-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 4px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.recommendation-copy small,.search-result small{color:color-mix(in srgb, var(--on-variant) 75%, transparent);font-size:11px}.vote-box{justify-items:center;display:grid}.vote-box button{width:32px;height:30px;color:var(--on-variant);background:0 0;border:0;border-radius:50%;place-items:center;font-size:15px;display:grid}.vote-box button:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.vote-box button.active-up,.vote-box strong.positive{color:var(--primary)}.vote-box button.active-down{color:var(--error)}.vote-box strong{color:var(--on-variant);font-size:12px;font-weight:700}.vote-box strong:first-letter{color:inherit}.recommendation-actions{grid-area:2/2/auto/4;align-items:center;gap:6px;display:flex}.recommendation-actions button{background:0 0;border:0;border-radius:7px;min-height:28px;padding:0 9px;font-size:12px;font-weight:600}.recommendation-actions button:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.hide-action{color:var(--primary)}.remove-action{color:var(--error)}.remove-action:hover{background:color-mix(in srgb, var(--error) 12%, transparent)!important}.group-sidebar{align-content:start;gap:14px;display:grid}.group-sidebar details{background:var(--surface);border-radius:12px;overflow:hidden}.group-sidebar summary{color:var(--on-surface);cursor:pointer;justify-content:space-between;align-items:center;padding:15px 16px;font-size:16px;font-weight:600;list-style:none;display:flex}.group-sidebar summary::-webkit-details-marker{display:none}.group-sidebar summary span{color:var(--on-variant)}.settings-content{gap:16px;padding:0 16px 16px;display:grid}.settings-content form{padding-top:2px}.inline-form button{border-radius:10px;min-height:40px;padding:0 12px}.pending-list{border-top:1px solid var(--outline);gap:7px;padding-top:14px;display:grid}.pending-list>p{color:var(--primary);margin:0;font-size:14px;font-weight:600}.pending-list>div{color:var(--on-surface);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pending-list span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.pending-list button{color:var(--error);background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:600}.danger-zone{border-top:1px solid var(--outline);justify-content:space-between;gap:8px;padding-top:14px;display:flex}.danger-button{color:var(--error);background:color-mix(in srgb, var(--error) 12%, transparent);border:0;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:600}.group-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-options-button{min-height:38px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:none}.group-options-button:hover{background:color-mix(in srgb, var(--primary) 20%, transparent)}.options-sheet-backdrop{z-index:20;background:#0000009e;justify-content:center;align-items:end;padding:20px;display:flex;position:fixed;inset:0}.options-sheet{background:var(--surface);border:1px solid var(--outline);border-radius:20px 20px 12px 12px;width:min(560px,100%);max-height:min(80vh,680px);overflow-y:auto;box-shadow:0 -8px 32px #00000052}.options-sheet-title{justify-content:space-between;align-items:center;padding:18px 16px 10px;display:flex}.options-sheet-title h2{color:var(--on-surface);margin:0;font-size:22px;font-weight:700}.options-sheet-title button{width:36px;height:36px;color:var(--on-variant);background:0 0;border:0;border-radius:50%;place-items:center;font-size:26px;line-height:1;display:grid}.options-sheet-title button:hover{background:var(--surface-variant)}.search-page{width:min(800px,100%);margin:0 auto}.search-heading{margin:8px 0 20px}.search-field{background:var(--surface-variant);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:0 12px;transition:all .16s;display:flex}.search-field>span{color:var(--on-variant);font-size:18px}.search-field input{width:100%;min-height:48px;color:var(--on-surface);background:0 0;border:0;outline:0;font-size:14px}.search-field button{color:var(--on-variant);background:0 0;border:0;padding:5px;font-size:12px;font-weight:600}.inline-error{color:var(--error);margin:14px 0;font-size:14px}.search-results{gap:0;margin-top:14px;display:grid}.search-result{border-bottom:1px solid var(--outline);grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.search-result .poster{height:90px}.search-result p{color:var(--on-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 4px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.search-result>button{border-radius:10px;min-height:38px;padding:0 14px}.details-page{width:min(800px,100%);margin:0 auto}.details-hero{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;padding:0;display:grid}.details-hero .poster{aspect-ratio:2/3;height:180px;min-height:180px}.details-hero h1{margin-top:0;font-size:clamp(24px,4vw,28px)}.rating{color:var(--amber);margin:10px 0 0;font-size:14px;font-weight:600}.rating small{color:var(--on-surface);font-size:inherit}.overview-section,.cast-section,.watch-providers-section{margin-top:24px}.overview-section h2,.cast-section h2,.watch-providers-heading h2{margin-bottom:8px;font-size:22px}.overview-section p{color:var(--on-surface);margin:0;font-size:16px;line-height:1.55}.cast-grid{align-items:start;gap:16px;padding:4px;display:flex;overflow-x:auto}.cast-grid article{text-align:center;flex:0 0 104px;min-width:0}.cast-photo{width:72px;height:72px;color:var(--on-variant);background:var(--surface-variant);border-radius:50%;place-items:center;margin:0 auto 8px;font-size:24px;display:grid;overflow:hidden}.cast-photo img{object-fit:cover;width:100%;height:100%}.cast-grid strong,.cast-grid span{overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.cast-grid strong{color:var(--on-surface);font-size:12px;font-weight:500}.cast-grid span{color:var(--on-variant);margin-top:2px;font-size:11px}.watch-providers-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.region-button{min-height:38px;color:var(--primary);text-align:right;background:0 0;border:0;border-radius:8px;flex:0 auto;align-items:center;gap:4px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.region-button:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.region-button span{font-size:16px;line-height:1}.provider-list{gap:12px;margin-top:12px;display:grid}.provider-row{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid}.provider-logo{width:40px;height:40px;color:var(--on-variant);background:#fff;border-radius:8px;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.provider-logo img{object-fit:contain;width:100%;height:100%}.provider-row h3{color:var(--on-surface);margin:0;font-size:16px;font-weight:600;line-height:1.25}.offer-pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.offer-pill{border-radius:6px;align-items:center;min-height:23px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.1;display:inline-flex}.offer-pill.subscription{color:var(--on-primary-container);background:var(--primary-container)}.offer-pill.free{color:#d5f7ff;background:#004f60}.offer-pill.rent{color:var(--on-secondary-container);background:var(--secondary-container)}.offer-pill.buy{color:var(--on-variant);background:var(--surface-variant)}.provider-empty{color:var(--on-variant);margin:12px 0 0;font-size:14px;line-height:1.5}.justwatch-attribution{color:var(--on-variant);align-items:center;margin:12px 0 0;font-size:12px;line-height:1.45;display:flex}.justwatch-attribution a{color:var(--primary);margin-left:2px;font-weight:600;text-decoration:none}.justwatch-attribution a:hover{text-decoration:underline}.region-picker-backdrop{z-index:20;background:#0000009e;justify-content:center;align-items:end;padding:20px;display:flex;position:fixed;inset:0}.region-picker{background:var(--surface);border:1px solid var(--outline);border-radius:20px 20px 12px 12px;width:min(560px,100%);max-height:min(70vh,640px);overflow:hidden;box-shadow:0 -8px 32px #00000052}.region-picker-title{justify-content:space-between;align-items:center;padding:18px 16px 10px;display:flex}.region-picker-title h2{color:var(--on-surface);margin:0;font-size:22px;font-weight:700}.region-picker-title button{width:36px;height:36px;color:var(--on-variant);background:0 0;border:0;border-radius:50%;place-items:center;font-size:26px;line-height:1;display:grid}.region-picker-title button:hover{background:var(--surface-variant)}.region-options{max-height:calc(min(70vh,640px) - 72px);padding:0 8px 24px;overflow-y:auto}.region-options button{width:100%;min-height:52px;color:var(--on-surface);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:16px;display:flex}.region-options button:hover,.region-options button[aria-selected=true]{background:color-mix(in srgb, var(--primary) 12%, transparent)}.region-options span{color:var(--primary);font-size:18px;font-weight:700}.hidden-page{width:min(600px,100%);margin:0 auto}.hidden-page .page-heading{margin-bottom:16px}.hidden-grid{gap:12px;display:grid}.hidden-card{background:var(--surface);border-radius:12px;grid-template-columns:56px minmax(0,1fr) 30px;align-items:start;gap:12px;padding:12px;display:grid}.hidden-card .poster{height:84px}.hidden-card h2{color:var(--on-surface);margin:0;font-size:16px;font-weight:600}.hidden-card p{color:var(--on-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.hidden-card button{width:30px;min-height:30px;color:var(--primary);background:0 0;border-radius:50%;padding:0;font-size:14px}.hidden-card button:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.invite-page{background:var(--surface);text-align:center;border-radius:14px;width:min(440px,100%);margin:8vh auto;padding:32px}.invite-spotlight{width:54px;height:54px;color:var(--on-primary);background:var(--primary);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:20px;display:grid}.invite-page h1{margin:4px auto 12px}.invite-page>p:not(.eyebrow){color:var(--on-variant);margin:0;font-size:14px;line-height:1.55}.invite-page .primary-link{margin-top:24px}.invite-page small{color:var(--on-variant);margin-top:18px;font-size:11px;display:block}.empty-state,.not-found{max-width:520px;min-height:340px;color:var(--on-variant);text-align:center;align-content:center;place-items:center;margin:0 auto;padding:32px;display:grid}.empty-icon{background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:50%;width:96px;height:96px;padding:14px}.empty-state h2{color:var(--on-background);margin:22px 0 0;font-size:22px;font-weight:700}.empty-state p{max-width:400px;margin:12px 0 0;font-size:14px;line-height:1.5}.empty-state .primary-link{margin-top:26px}.not-found{margin-top:8vh}.not-found p{margin:12px 0 0}.not-found a{color:var(--primary);margin-top:16px;font-size:14px;font-weight:600}.loading{min-height:200px;color:var(--on-variant);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.spinner{border:2px solid color-mix(in srgb, var(--primary) 25%, transparent);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin}.notice{z-index:10;max-width:min(380px,100vw - 40px);color:var(--on-surface);background:var(--surface-variant);border:1px solid var(--outline);text-align:left;border-radius:22px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 5px 16px #0000003d}.notice span{margin-left:auto;font-size:18px}.notice.success{border-color:color-mix(in srgb, var(--primary) 45%, var(--outline))}.notice.error{color:var(--error);border-color:color-mix(in srgb, var(--error) 45%, var(--outline))}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.topbar{gap:16px;padding:0 16px}.wordmark span{display:none}.topbar nav{gap:14px}.topbar nav a,.account-menu .text-button{font-size:12px}.account-avatar,.account-sign-out{display:none}.account-dropdown{display:block}.account-dropdown summary{width:40px;height:40px}.page,.site-footer{width:min(100% - 32px,1120px)}.page{padding-top:24px}.dashboard-heading,.group-hero{flex-direction:column;align-items:stretch}.quick-create{width:100%}.dashboard-grid,.group-layout{grid-template-columns:1fr;gap:28px}.groups-panel,.invites-panel{grid-area:auto}.group-sidebar{display:none}.group-options-button{display:inline-flex}.group-hero .primary-link{align-self:start}.recommendation{grid-template-columns:56px minmax(0,1fr) 36px;gap:10px}.recommendation .poster{height:84px}.recommendation-actions{gap:4px}.recommendation-actions button{min-height:26px;padding:0 7px;font-size:11px}.title-line>a{font-size:14px}.recommendation-copy p{-webkit-line-clamp:1}.search-result{grid-template-columns:60px minmax(0,1fr)}.search-result>button{grid-column:2;justify-self:start}.details-hero{grid-template-columns:112px minmax(0,1fr)}.details-hero .poster{height:168px;min-height:168px}.overview-section p{font-size:14px}.watch-providers-heading{align-items:start}.region-button{max-width:52%;min-height:34px;font-size:13px}}@media (width<=430px){.auth-shell{place-items:start center;padding:80px 24px 24px}.auth-card h1{font-size:32px}.site-footer{align-items:flex-start}.quick-create div{flex-direction:column}.quick-create button,.group-hero .primary-link{width:100%}}.trending{margin-top:20px}.trending h2{margin:0 0 12px;font-size:16px}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;display:grid}.trending-card{color:inherit;flex-direction:column;gap:5px;text-decoration:none;display:flex}.trending-card img{aspect-ratio:2/3;object-fit:cover;background:var(--surface-variant);border-radius:8px;width:100%}.trending-fallback{aspect-ratio:2/3;background:var(--surface-variant);width:100%;color:var(--on-variant);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.trending-card strong{font-size:13px;font-weight:500;line-height:1.3}.trending-card span{color:var(--primary);font-size:11px;font-weight:600}.trending-card:hover strong{text-decoration:underline}.add-to-group{margin:16px 0 4px}.add-to-group .primary-button{width:100%}.add-to-group .primary-button:disabled{opacity:.6;cursor:default}.similar-section{margin-top:24px}.similar-section h2{margin-bottom:8px;font-size:22px}.similar-grid{align-items:start;gap:14px;padding:4px;display:flex;overflow-x:auto}.similar-card{color:inherit;flex-direction:column;flex:0 0 104px;gap:5px;text-decoration:none;display:flex}.similar-card img{aspect-ratio:2/3;object-fit:cover;background:var(--surface-variant);border-radius:8px;width:100%}.similar-fallback{aspect-ratio:2/3;background:var(--surface-variant);width:100%;color:var(--on-variant);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.similar-card strong{overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.similar-card:hover strong{text-decoration:underline}