:root{--bg: #fbfaf9;--surface: #ffffff;--surface-2: #f2f0ee;--text: #1c1a19;--muted: #6f6863;--border: #e2ddd8;--accent: #b8452f;--accent-text: #ffffff;--shadow: 0 1px 2px rgb(0 0 0 / .06), 0 8px 24px rgb(0 0 0 / .06);--radius: 12px}@media(prefers-color-scheme:dark){:root{--bg: #14120f;--surface: #1e1b18;--surface-2: #272320;--text: #f2ede8;--muted: #a49a92;--border: #332e29;--accent: #e0674c;--accent-text: #16110f;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body.no-scroll{overflow:hidden}h1,h2,h3{line-height:1.2;margin:0}a{color:inherit}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.5rem;font-weight:650;text-decoration:none;font-size:1.05rem}.menu-anchor{position:relative;flex:none;display:flex}.more-btn{align-self:stretch;display:grid;place-items:center;min-width:42px;padding:0 .7rem;font-size:1.15rem;line-height:1;color:var(--muted)}.avatar-btn{padding:3px;border-radius:50%;border-color:transparent;background:transparent;line-height:0}.avatar-btn[aria-expanded=true]{background:var(--surface-2)}.avatar{border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:none}.avatar-initials{background:var(--accent);color:var(--accent-text);font-weight:600;letter-spacing:.02em}.menu-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.4rem;z-index:40}.menu-header{display:flex;align-items:center;gap:.65rem;padding:.6rem;min-width:0}.menu-identity{min-width:0}.menu-name{font-weight:550}.menu-name,.menu-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-email{color:var(--muted);font-size:.82rem}.menu-sep{height:1px;background:var(--border);margin:.3rem 0}.menu-item{display:block;width:100%;text-align:left;border-color:transparent;background:transparent}.menu-item.danger{color:#d64545}button.destructive{background:#d64545;border-color:#d64545;color:#fff;font-weight:550}@media(hover:hover){button.destructive:hover:not(:disabled){filter:brightness(1.08);background:#d64545}.menu-item.danger:hover:not(:disabled){background:#d6454518;color:#d64545}}.container{max-width:1080px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-head h1{font-size:2.1rem;letter-spacing:-.01em}.subtitle{color:var(--muted);font-size:.9rem;margin-top:.25rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem .85rem;transition:background .12s ease,border-color .12s ease,opacity .12s ease}button:disabled{opacity:.55;cursor:default}@media(hover:hover){button:hover:not(:disabled){background:var(--surface-2)}}button:active:not(:disabled){transform:scale(.97)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:550}button.ghost{border-color:transparent;background:transparent;color:var(--muted)}button.small{padding:.3rem .6rem;font-size:.85rem}@media(hover:hover){button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}button.danger:hover:not(:disabled){color:#d64545;border-color:#d6454533}.list-card:hover{transform:translateY(-2px)}.result:hover{background:var(--surface-2)}}input[type=text],input[type=search]{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;width:100%}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.list-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow);transition:transform .12s ease}.list-card h3{font-size:1.05rem;margin-bottom:.3rem}.badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:.15rem .5rem}.section-title{display:flex;align-items:baseline;gap:.6rem;margin:2rem 0 .9rem;font-size:1.1rem}.month-title,.section-label{display:flex;align-items:center;gap:.7rem;margin:0 0 .75rem;font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.month-title:after,.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.watch-month+.watch-month{margin-top:1.7rem}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem}.movie{position:relative;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:var(--shadow)}.movie-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}@media(hover:hover){.movie:hover{transform:translateY(-2px)}.movie:hover .movie-title{color:var(--accent)}}.movie{transition:transform .12s ease}.watch-btn{position:absolute;top:.4rem;right:.4rem;z-index:1;display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;font-size:.95rem;line-height:1;color:#fff;background:#00000080;border-color:#ffffff8c;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(hover:hover){.watch-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-text)}}.poster{aspect-ratio:2 / 3;width:100%;object-fit:cover;display:block;background:var(--surface-2)}.poster.placeholder{display:grid;place-items:center;align-content:center;gap:.5rem;padding:.75rem;text-align:center;color:var(--muted);font-size:2rem}.movie-title{font-size:.92rem;font-weight:550;line-height:1.25;color:var(--text)}.back-link{display:inline-block;margin-bottom:1.25rem;color:var(--muted);text-decoration:none;font-size:.9rem}@media(hover:hover){.back-link:hover{color:var(--text)}}.detail{display:grid;grid-template-columns:260px 1fr;grid-template-areas:"poster headline" "poster body";column-gap:2rem;row-gap:.6rem;align-items:start}.detail-poster{grid-area:poster}.detail-headline{grid-area:headline}.detail-body{grid-area:body}.detail-headline{display:flex;flex-direction:column;gap:.6rem;min-width:0}.detail-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;box-shadow:var(--shadow);background:var(--surface-2)}.detail-body{display:flex;flex-direction:column;gap:.6rem;min-width:0}.detail-headline h1{font-size:1.9rem;line-height:1.15}.detail-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.detail-genres{display:contents}.detail-fact+.detail-fact:before{content:"·";margin-right:.5rem}.detail-tagline{color:var(--muted);font-style:italic;margin:0}.detail-overview{line-height:1.55;max-width:65ch;margin:0}.detail-credit{font-size:.88rem;margin:0}.detail-credit .muted{margin-right:.5rem}.detail-actions{--watch-control-w: 300px;--watch-more-w: 48px;--action-gap: .5rem;--action-row: calc(var(--watch-control-w) + var(--action-gap) + var(--watch-more-w));display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}.section-label.actions-label{margin-top:1.1rem}.watch-panel{display:flex;align-items:center;gap:var(--action-gap);align-self:start;width:min(var(--action-row),100%)}.watch-control{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:var(--watch-control-w);max-width:100%;height:48px;padding:0 1.3rem;border-radius:999px}button.watch-control{font-size:1rem;font-weight:550}.watch-date{font-weight:550;background:var(--surface);border:1px solid var(--border)}.watch-date input[type=date]{font:inherit;font-weight:400;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem;color-scheme:light dark}.watch-more{box-sizing:border-box;width:var(--watch-more-w);min-width:var(--watch-more-w);height:var(--watch-more-w);padding:0;display:grid;place-items:center;line-height:0;border-radius:50%;border-color:transparent;background:transparent;color:var(--muted)}@media(hover:hover){.watch-more:hover:not(:disabled){border-color:var(--border);background:var(--surface-2);color:var(--text)}}.watch-more[aria-expanded=true]{border-color:var(--border);background:var(--surface-2)}.empty{text-align:center;padding:3rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.empty h3{color:var(--text);margin-bottom:.4rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:start center;padding:6vh 1rem 1rem;z-index:50}.dialog-backdrop.compact{place-items:center;padding:1rem}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;box-shadow:var(--shadow)}.dialog.sheet{width:min(640px,100%);max-height:82vh}.dialog.compact{width:min(440px,100%)}.dialog-pad{padding:1.35rem}.dialog-pad h2{font-size:1.2rem}.dialog-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.dialog-actions button{flex:1}.dialog-head{display:flex;gap:.6rem;align-items:center;padding:.9rem;border-bottom:1px solid var(--border)}.dialog-body{overflow-y:auto;padding:.5rem}.result{display:flex;gap:.8rem;padding:.6rem;border-radius:10px;align-items:center}.result img,.result .thumb{width:46px;height:69px;object-fit:cover;border-radius:5px;background:var(--surface-2);flex:none}.result .thumb{display:grid;place-items:center;color:var(--muted)}.result-info{min-width:0;flex:1}.result-info .t{font-weight:550}.result-info .o{color:var(--muted);font-size:.82rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.members{display:flex;align-items:center}.members .avatar{border:2px solid var(--bg);box-sizing:content-box}.members .avatar+.avatar{margin-left:-.55rem}.chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-2);border-radius:999px;padding:.2rem .6rem;font-size:.82rem}.center-card{max-width:420px;margin:12vh auto;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.center-card h1{margin-bottom:.5rem}.center-card p{color:var(--muted);margin-top:.4rem}.stack{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.error{background:#d6454518;border:1px solid #d6454540;color:#c53b3b;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.muted{color:var(--muted)}.row{display:flex;gap:.5rem;align-items:center}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.fab{display:none;position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;font-size:1.6rem;line-height:1;padding:0;z-index:20;background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 6px 20px #00000040}@media(max-width:640px){.container{padding:1.1rem .9rem 6rem}button{min-height:44px;padding:.6rem .9rem}button.small{min-height:40px}.avatar-btn{min-height:44px;min-width:44px;padding:0;display:grid;place-items:center}.menu-popover{min-width:min(280px,calc(100vw - 2rem))}.fab{display:grid;place-items:center}.actions .add-movie,.lists-actions{display:none}.page-head{flex-direction:column;align-items:stretch;gap:.9rem}.page-head h1{font-size:1.7rem}.actions{flex-direction:row;align-items:stretch;gap:.5rem}.actions .invite-btn{flex:1}.actions .menu-anchor{flex:none;width:auto}.more-btn{width:auto;min-width:44px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.movie-title{font-size:.86rem}.watch-btn{width:44px;height:44px;min-height:44px}.detail{grid-template-columns:110px 1fr;grid-template-areas:"poster headline" "body   body";column-gap:.9rem;row-gap:1rem}.detail-poster{max-width:none}.detail-headline h1{font-size:1.25rem}.detail-headline{gap:.45rem}.detail-meta{font-size:.82rem;gap:.35rem}.detail-tagline{font-size:.85rem}.watch-panel{align-self:stretch}.watch-panel>:first-child{flex:1}.card-grid{grid-template-columns:1fr}.dialog-backdrop.sheet{padding:0}.dialog.sheet{width:100%;height:100%;max-height:100%;border:none;border-radius:0}.dialog-actions button{min-width:100%}.dialog-head{padding:calc(.75rem + env(safe-area-inset-top)) .75rem .75rem}.dialog-body{padding-bottom:calc(1rem + env(safe-area-inset-bottom));overscroll-behavior:contain}.result{padding:.6rem .5rem}.result img,.result .thumb{width:54px;height:81px}.result-info .o{-webkit-line-clamp:2}.center-card{margin:6vh auto;padding:1.5rem}}@media(min-width:410px)and (max-width:640px){.movie-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:380px){.watch-date{flex-direction:column;align-items:stretch}}.rating-panel{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:min(var(--action-row),100%)}.rating-panel .rating-control{margin-left:auto}.rating-panel .rating-btn{height:38px;min-width:54px;padding:0 1rem;gap:.4rem;font-weight:550}.rating-control{display:flex;gap:.35rem}.rating-control.is-compact{gap:.25rem}.rating-btn{display:inline-flex;align-items:center;gap:.3rem;height:32px;min-height:0;min-width:32px;padding:0 .5rem;justify-content:center;line-height:1;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer}.rating-btn:disabled{cursor:default}.rating-thumb{display:inline-flex;line-height:0}.rating-count{font-size:.8rem;font-variant-numeric:tabular-nums}.rating-btn.is-mine{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.rating-btn.is-mine .rating-thumb{color:var(--accent)}@media(hover:hover){.rating-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2);color:var(--text)}}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack .avatar{border:2px solid var(--surface);box-sizing:content-box;filter:saturate(.85)}.avatar-stack .avatar-initials{background:var(--muted)}.avatar-stack .avatar+.avatar{margin-left:-.4rem}.rating-btn.is-mine .avatar-stack .avatar{border-color:var(--surface-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.view-toggle{display:flex}.view-btn{display:grid;place-items:center;min-width:2.2rem;padding:.35rem .5rem;font-size:.95rem;line-height:1;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer}.view-btn+.view-btn{border-left:none}.view-btn.is-active{color:var(--text);border-color:var(--accent)}.view-btn.is-active+.view-btn{border-left:1px solid var(--border)}.movie-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:.6rem;align-items:start}.movie-row{position:relative;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.movie-row-link{display:flex;gap:.9rem;align-items:stretch;color:inherit;text-decoration:none}.row-poster{width:60px;aspect-ratio:2 / 3;object-fit:cover;display:block;background:var(--surface-2);flex:none}.row-poster.placeholder{display:grid;place-items:center;font-size:1.3rem}.row-body{display:flex;flex-direction:column;gap:.3rem;justify-content:center;padding:.6rem 8.5rem .6rem 0;min-width:0}.row-title{margin:0;font-size:1rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-status{margin:0;font-size:.85rem}.movie-row.is-watched .row-poster{opacity:.85}@media(hover:hover){.movie-row:hover{border-color:var(--accent)}.movie-row:hover .row-title{color:var(--accent)}}.row-actions{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);display:flex;align-items:center;gap:.3rem}.row-actions .watch-btn{position:static;transform:none;width:32px;height:32px;min-height:0;padding:0;font-size:.9rem;background:var(--surface);border:1px solid var(--border);color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none}@media(hover:hover){.row-actions .watch-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--text)}}@media(max-width:640px){.row-poster{width:52px}.row-body{padding-right:7.4rem}.row-title{font-size:.95rem}.row-status{font-size:.8rem}.detail-genres{display:flex;flex-wrap:wrap;gap:.35rem;flex-basis:100%}.watch-panel,.rating-panel{width:100%}}