*{-webkit-tap-highlight-color:transparent}:root{--bg-primary: #0b0c10;--bg-secondary: #121319;--text-main: #ffffff;--text-muted: #94a3b8;--text-subtle: #64748b;--accent-blue: #0075ff;--accent-blue-hover: #268aff;--settings-select-trigger-bg: rgba(42, 44, 50, .72);--settings-select-trigger-active-bg: rgba(54, 56, 63, .78);--settings-select-panel-bg: rgba(46, 48, 54, .84);--settings-select-option-bg: rgba(24, 26, 32, .46);--settings-select-option-hover-bg: rgba(56, 59, 67, .68);--settings-select-option-active-bg: rgba(64, 67, 75, .76);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px}@keyframes settingsBackdropCardEnter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hero-option.backdrop-option{animation:none!important}}.cdk-overlay-pane.settings-dropdown-overlay-pane{z-index:1001!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}p,.hero-synopsis,.description,input,textarea{-webkit-user-select:text;user-select:text}img,svg,a{-webkit-user-drag:none}.glass-card{position:relative;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 1px #ffffff59,0 20px 40px #00000080;padding:20px;transition:all .2s ease-in-out;overflow:hidden;-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.2);backdrop-filter:blur(28px) saturate(200%) brightness(1.2);isolation:isolate;-webkit-isolation:isolate;will-change:transform,backdrop-filter;-webkit-will-change:transform,-webkit-backdrop-filter;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.glass-card-before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}.glass-card>*{position:relative;z-index:2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}button.active svg,button.active svg path,button.btn-circle-action.active svg,button.btn-circle-action.active svg path,.bookmark-btn.active svg,.bookmark-btn.active svg path,.btn-action.active svg,.btn-action.active svg path,.ghp-btn-bookmark.active svg,.ghp-btn-bookmark.active svg path,.btn-bookmark.active svg,.btn-bookmark.active svg path,.btn-bookmark-mini.active svg,.btn-bookmark-mini.active svg path,.action-circle-btn.active svg,.action-circle-btn.active svg path{fill:#fff!important}.hidden{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}.collections-modal-overlay{position:fixed;inset:0;z-index:10000;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s cubic-bezier(.2,.8,.2,1) forwards;padding:24px}.collections-modal-overlay.closing{animation:fadeOut .3s cubic-bezier(.2,.8,.2,1) forwards}.collections-modal-overlay.closing .collections-modal-content{animation:slideDown .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.collections-modal-content{background:#121212bf;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0d inset;border-radius:28px;padding:32px;width:100%;max-width:400px;transform:translateY(20px) scale(.95);animation:slideUp .4s cubic-bezier(.2,.8,.2,1) .05s forwards;display:flex;flex-direction:column;gap:24px}@keyframes slideUp{0%{transform:translateY(20px) scale(.95)}to{transform:translateY(0) scale(1)}}@keyframes slideDown{0%{transform:translateY(0) scale(1)}to{transform:translateY(20px) scale(.95)}}.collections-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center}.collections-modal-content .modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;font-family:var(--font-heading)}.collections-modal-content .close-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.collections-modal-content .close-btn:hover{color:#fff;background:#ffffff1a}.collections-modal-content .modal-movie-info{display:flex;gap:16px;align-items:center;background:#ffffff0a;padding:12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.collections-modal-content .modal-poster{width:50px;height:75px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000004d}.collections-modal-content .modal-movie-details{display:flex;flex-direction:column}.collections-modal-content .modal-movie-details h4{margin:0;font-size:1.05rem;color:#fff;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collections-modal-content .modal-year{font-size:.85rem;color:#ffffff80;margin-top:4px}.modal-collections-list{list-style:none;padding:0 4px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.modal-collections-list::-webkit-scrollbar{width:6px}.modal-collections-list::-webkit-scrollbar-track{background:transparent}.modal-collections-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.modal-collections-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-collections-list.loading{opacity:.6;pointer-events:none}.modal-collections-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;background:#ffffff08;transition:all .2s ease;border:1px solid transparent}.modal-collections-list li:hover{background:#ffffff12;border-color:#ffffff1a}.modal-collections-list .col-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-out,border-color .2s ease-out,transform .15s ease-out;background:transparent}.modal-collections-list .col-checkbox svg{width:14px;height:14px;color:#fff;opacity:0;transform:scale(.5);transform-origin:center;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out,color .2s ease-out}.modal-collections-list .col-checkbox.checked{background:#facc15;border-color:#facc15}.modal-collections-list .col-checkbox.checked svg{opacity:1;transform:scale(1);color:#000}.modal-collections-list .col-icon{color:#ffffffb3;display:flex;align-items:center}.modal-collections-list .col-name{color:#fff;font-size:.95rem;font-weight:500}.new-collection-container{margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.new-col-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.new-col-btn:hover{background:#ffffff14;border-color:#fff6}.new-col-input-group{display:flex;flex-direction:column;gap:12px}.new-col-input-group input{background:#0000004d;border:1px solid rgba(255,255,255,.15);padding:12px 16px;border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.new-col-input-group input:focus{border-color:#eab308}.new-col-actions{display:flex;gap:12px;width:100%;margin-top:8px}.new-col-actions button{flex:1;padding:10px 16px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.smooth-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);overflow:hidden;width:100%}.smooth-collapse.show{grid-template-rows:1fr}.smooth-collapse-inner{min-height:0;transition:opacity .35s ease,transform .35s ease;opacity:0;transform:translateY(-8px)}.smooth-collapse.show .smooth-collapse-inner{opacity:1;transform:translateY(0)}.new-col-actions .btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.new-col-actions .btn-cancel:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.new-col-actions .btn-save{background:#eab308;border:none;color:#0b0c10}.new-col-actions .btn-save:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:1}
