:root{--bg:#f7f7fb;--fg:#0f1115;--muted:#5f6678;--panel:#fff;--panel-border:#d9deea;--chip-bg:#eef1f7;--chip-border:#d9deea;--accent:#4e9cff;--accent-2:#06d6a0;--dislike:#ef476f;--error-bg:#ffe9e9;--error-text:#a40000;--shadow:0 8px 24px #00000014;--card-bg:#fff;--card-meta:#5f6678;--plot:#0f1115;--banner-bg:linear-gradient(135deg,#4e9cff26,#06d6a02e);--banner-border:#4e9cff66;color-scheme:light}[data-theme=dark]{--bg:#0b0b0d;--fg:#f5f5f5;--muted:silver;--panel:#1c1c1f;--panel-border:#2b2b32;--chip-bg:#1a1a1d;--chip-border:#2b2b32;--accent:#4e9cff;--accent-2:#06d6a0;--dislike:#ef476f;--error-bg:#2a1414;--error-text:#ff9e9e;--shadow:0 10px 30px #00000059;--card-bg:#0f0f0f;--card-meta:silver;--plot:#e6e6e6;--banner-bg:linear-gradient(135deg,#06d6a01f,#4e9cff1f);--banner-border:#4e9cff59;color-scheme:dark}.app{background:#f7f7fb;background:var(--bg);color:#0f1115;color:var(--fg);display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:520px;min-height:100vh;padding:20px}.app__header{flex-wrap:wrap;gap:12px;justify-content:space-between}.app__header,.brand{align-items:center;display:flex}.brand{gap:8px}.brand__logo{align-items:center;background:#eef1f7;background:var(--chip-bg);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:10px;box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow);display:inline-flex;font-size:20px;height:36px;justify-content:center;width:36px}.app__title{font-size:24px;line-height:1.2;margin:0}.app__user{background:#eef1f7;background:var(--chip-bg);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:999px;color:#0f1115;color:var(--fg);font-size:12px;font-weight:700;padding:6px 10px}.app__controls{display:flex;flex-wrap:wrap;gap:12px}.app__content{display:flex;flex:1 1;flex-direction:column;gap:12px}.app__message{color:#5f6678;color:var(--muted);text-align:center}.app__error{background:#ffe9e9;background:var(--error-bg);border-radius:10px;color:#a40000;color:var(--error-text);padding:10px 12px}.app__footer{bottom:12px;position:-webkit-sticky;position:sticky}.theme-toggle{align-items:center;background:#fff;background:var(--panel);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:999px;box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow);color:#0f1115;color:var(--fg);cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;line-height:1;padding:6px 10px}.theme-toggle:hover{border-color:#4e9cff;border-color:var(--accent)}.header-actions{align-items:center;display:flex;gap:8px}.mode-switch{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto auto 1fr}.mode-btn{background:#eef1f7;background:var(--chip-bg);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:10px;color:#0f1115;color:var(--fg);cursor:pointer;padding:10px 12px}.mode-btn.active{background:#4e9cff26;border-color:#4e9cff;border-color:var(--accent)}.icon-btn{align-items:center;display:inline-flex;font-size:18px;height:44px;justify-content:center;padding:10px;width:44px}.filter-dropdown{justify-self:end;position:relative}.filter-dropdown__panel{background:#fff;background:var(--panel);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:12px;box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow);min-width:240px;padding:12px;position:absolute;right:0;top:calc(100% + 6px);z-index:10}.session-controls{flex-direction:column;gap:12px}.genres-multi{display:flex;flex-wrap:wrap;gap:8px}.genre-chip{border:1px solid #d9deea;gap:4px}.genre-chip,.pill{background:#eef1f7}.pill{background:var(--chip-bg);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:999px;color:#0f1115;color:var(--fg);cursor:pointer;padding:6px 10px}.session-actions{display:flex;flex-direction:column;gap:8px}.session-actions button{background:#4e9cff;background:var(--accent);border:none;border-radius:10px;color:#f7f7fb;color:var(--bg);cursor:pointer;font-weight:700;padding:10px 12px}.join-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto}.join-row input{background:#fff;background:var(--panel);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:10px;color:#0f1115;color:var(--fg);padding:10px 12px}.session-meta{color:#5f6678;color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:6px}.session-code{background:#fff;background:var(--panel);border:1px solid #d9deea;border:1px solid var(--chip-border);border-radius:10px;color:#0f1115;color:var(--fg);font-weight:700;padding:10px 12px;text-align:center}.match-banner{background:linear-gradient(135deg,#4e9cff26,#06d6a02e);background:var(--banner-bg);border:1px solid #4e9cff66;border:1px solid var(--banner-border);border-radius:14px;box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;padding:16px}.match-banner__title{color:#0f1115;color:var(--fg);font-size:20px;font-weight:800}.match-banner__subtitle{color:#5f6678;color:var(--muted);font-size:14px}*{margin:0;padding:0}.container{align-items:center;background:#8fbc8f;display:flex;flex-direction:column;height:100vh;justify-content:center}.header{top:0;z-index:100}.footer,.header{left:0;position:fixed;right:0}.footer{bottom:0}.movie-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);color:var(--fg);display:flex;flex-direction:column;overflow:hidden}.movie-card__poster{background:#1d1d1d;max-height:320px;object-fit:cover;width:100%}.movie-card__poster--placeholder{align-items:center;color:var(--muted);display:flex;font-size:14px;height:240px;justify-content:center}.movie-card__body{display:flex;flex-direction:column;gap:8px;padding:16px}.movie-card__header{align-items:center;align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.movie-card__title{font-size:20px;line-height:1.2;margin:0}.movie-card__rating{align-items:center;background:#ffd166;border-radius:999px;color:#1a1a1a;display:inline-flex;font-size:14px;font-weight:700;gap:4px;padding:4px 10px;white-space:nowrap}.movie-card__meta{color:var(--card-meta);font-size:14px;margin:0}.movie-card__plot{color:var(--plot);font-size:15px;line-height:1.5;margin:0}.actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.actions__button{border:1px solid #0000;border-radius:12px;box-shadow:var(--shadow);color:var(--bg);cursor:pointer;font-weight:700;padding:14px 12px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,border-color .12s ease}.actions__button:disabled{cursor:not-allowed;opacity:.5;transform:none}.actions__button--dislike{background:linear-gradient(135deg,#f87171,var(--dislike));border-color:#00000014}.actions__button--like{background:linear-gradient(135deg,#7cf3c6,var(--accent-2));border-color:#00000014}.actions__button:not(:disabled):active{filter:brightness(.95);transform:scale(.98)}[data-theme=dark] .actions__button--dislike{background:linear-gradient(135deg,#f65380,var(--dislike));border-color:#ffffff14}[data-theme=dark] .actions__button--like{background:linear-gradient(135deg,#7ff7d0,var(--accent-2));border-color:#ffffff14}.genre-filter{display:flex;flex-direction:column;gap:8px}.genre-filter__label{color:var(--muted);font-size:14px}.genre-filter__chips{display:flex;flex-wrap:wrap;gap:8px}.genre-chip{align-items:center;background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:999px;display:flex;font-size:13px;gap:6px;padding:6px 10px;position:relative}.genre-chip input[type=checkbox]{align-items:center;-webkit-appearance:none;appearance:none;background:var(--panel);border:1px solid var(--chip-border);border-radius:4px;cursor:pointer;display:inline-flex;height:16px;justify-content:center;transition:all .12s ease;width:16px}.genre-chip input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.genre-chip input[type=checkbox]:after{background:#0000;border-radius:2px;content:"";height:8px;transition:all .12s ease;width:8px}.genre-chip input[type=checkbox]:checked:after{background:#fff}.genre-chip input[type=checkbox]:focus{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100%;transition:background .25s ease,color .25s ease}#root{min-height:100vh}button,select{font-family:inherit}
/*# sourceMappingURL=main.4086c34d.css.map*/