.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2.5rem 1rem}@media(min-width:640px){.login-container{padding-left:1.5rem;padding-right:1.5rem}}.login-container{background:var(--bg)}.login-card{width:100%;max-width:28rem;border-radius:1rem;padding:1.5rem}@media(min-width:640px){.login-card{padding:2rem}}.login-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-md)}.login-brand-pill{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;background:color-mix(in srgb,var(--primary) 18%,var(--surface));color:var(--primary-strong)}.login-header{margin-top:1rem}.login-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--text)}.login-subtitle{margin-top:.5rem;font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.login-footer{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.login-link{font-weight:600;color:var(--link)}.login-link:hover{color:var(--primary-strong)}.login-form{margin-top:1.5rem}.login-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.login-error{border-radius:.75rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.login-error-text{font-size:.875rem;line-height:1.25rem;color:var(--danger)}.login-inputs>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.login-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.login-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text)}.login-input-top,.login-input-bottom{display:block;width:100%;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.login-input-top:focus,.login-input-bottom:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.login-input-top,.login-input-bottom{border:1px solid var(--border);background:var(--surface);color:var(--text);--tw-ring-color: color-mix(in srgb, var(--primary) 24%, transparent)}.login-input-top::-moz-placeholder,.login-input-bottom::-moz-placeholder{color:var(--text-muted)}.login-input-top::placeholder,.login-input-bottom::placeholder{color:var(--text-muted)}.login-input-top:focus,.login-input-bottom:focus{border-color:var(--primary)}.login-submit-btn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.login-submit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-strong));--tw-ring-color: color-mix(in srgb, var(--primary) 40%, transparent)}.login-submit-btn:hover{filter:brightness(1.03)}.signup-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:2.5rem 1rem}@media(min-width:640px){.signup-container{padding-left:1.5rem;padding-right:1.5rem}}.signup-container{background:var(--bg)}.signup-card{width:100%;max-width:28rem;border-radius:1rem;padding:1.5rem}@media(min-width:640px){.signup-card{padding:2rem}}.signup-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-md)}.signup-brand-pill{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;background:color-mix(in srgb,var(--primary) 18%,var(--surface));color:var(--primary-strong)}.signup-header{margin-top:1rem}.signup-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--text)}.signup-subtitle{margin-top:.5rem;font-size:.875rem;line-height:1.5rem;color:var(--text-muted)}.signup-footer{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--text-muted)}.signup-link{font-weight:600;color:var(--link)}.signup-link:hover{color:var(--primary-strong)}.signup-form{margin-top:1.5rem}.signup-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.signup-error{border-radius:.75rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.signup-error-text{font-size:.875rem;line-height:1.25rem;color:var(--danger)}.signup-inputs>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.signup-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.signup-label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text)}.signup-input-top,.signup-input-middle,.signup-input-bottom{display:block;width:100%;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.signup-input-top:focus,.signup-input-middle:focus,.signup-input-bottom:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.signup-input-top,.signup-input-middle,.signup-input-bottom{border:1px solid var(--border);background:var(--surface);color:var(--text);--tw-ring-color: color-mix(in srgb, var(--primary) 24%, transparent)}.signup-input-top::-moz-placeholder,.signup-input-middle::-moz-placeholder,.signup-input-bottom::-moz-placeholder{color:var(--text-muted)}.signup-input-top::placeholder,.signup-input-middle::placeholder,.signup-input-bottom::placeholder{color:var(--text-muted)}.signup-input-top:focus,.signup-input-middle:focus,.signup-input-bottom:focus{border-color:var(--primary)}.signup-submit-btn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.signup-submit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.signup-submit-btn:disabled{cursor:not-allowed;opacity:.6}.signup-submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-strong));--tw-ring-color: color-mix(in srgb, var(--primary) 40%, transparent)}.signup-submit-btn:hover{filter:brightness(1.03)}.dashboard-container{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.dashboard-content{margin-left:auto;margin-right:auto;max-width:80rem;padding-top:1.5rem;padding-bottom:1.5rem}@media(min-width:640px){.dashboard-content{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.dashboard-content{padding-left:2rem;padding-right:2rem}}.dashboard-inner{padding:1.5rem 1rem}@media(min-width:640px){.dashboard-inner{padding-left:0;padding-right:0}}.dashboard-header{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.dashboard-actions{display:flex}.dashboard-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.pageTitle{font-size:3rem;font-weight:700;padding-bottom:20px}.pageHeader{display:flex;flex-direction:column;padding-bottom:20px}.page-header-controls{display:flex;gap:10px}.dashboard-refresh-btn{display:inline-flex;justify-content:center;align-items:center;padding:2px;border:transparent;font-size:large;width:40px;height:40px;border-radius:5px}.dashboard-refresh-btn:hover{animation-name:refresh;animation-duration:4s;animation-iteration-count:5}@keyframes refresh{0%{color:var(--danger);left:0;top:0;rotate:45deg}25%{color:var(--accent);left:200px;top:0;rotate:90deg}50%{color:var(--primary);left:200px;top:200px;rotate:180deg}75%{color:var(--success);left:0;top:200px;rotate:270deg}to{color:var(--danger);left:0;top:0;rotate:360deg}}.dashboard-create-btn{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dashboard-create-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.dashboard-create-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.dashboard-special-section{margin-bottom:2rem}.dashboard-section-title{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.dashboard-special-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.dashboard-special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-recommended-card{display:block;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dbeafe var(--tw-gradient-to-position);padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dashboard-recommended-card:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-gradient-from: #dbeafe var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #bfdbfe var(--tw-gradient-to-position)}.dashboard-card-header{margin-bottom:.5rem;display:flex;align-items:center}.dashboard-card-icon{margin-right:.75rem;font-size:1.5rem;line-height:2rem}.dashboard-card-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.dashboard-card-description{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dashboard-card-meta{display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dashboard-card-meta-separator{margin-left:.5rem;margin-right:.5rem}.dashboard-card-preview{margin-top:.5rem}.dashboard-card-preview-text{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dashboard-watched-card{display:block;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.dashboard-watched-card:hover{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position)}.dashboard-regular-section{margin-bottom:1.5rem}.dashboard-loading{padding-top:3rem;padding-bottom:3rem;text-align:center}.dashboard-loading-text{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dashboard-empty{padding-top:3rem;padding-bottom:3rem;text-align:center}.dashboard-empty-text{margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dashboard-empty-link{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.dashboard-empty-link:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.dashboard-lists-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.dashboard-lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.dashboard-lists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-list-card{display:block;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dashboard-list-card:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dashboard-list-content{padding:1.25rem 1rem}@media(min-width:640px){.dashboard-list-content{padding:1.5rem}}.dashboard-list-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.dashboard-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.dashboard-privacy-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500}.dashboard-list-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dashboard-list-footer{margin-top:1rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dashboard-footer-separator{margin-left:.5rem;margin-right:.5rem}.ds-wrapper{position:relative;margin-bottom:1.5rem}.ds-search-bar{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-search-bar:focus-within{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ds-search-icon-wrap{flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ds-search-icon{height:1.25rem;width:1.25rem}.ds-search-input{flex:1 1 0%;border-style:none;background-color:transparent;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.ds-search-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.ds-search-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.ds-search-input{outline:2px solid transparent;outline-offset:2px}@media(min-width:640px){.ds-search-input{font-size:1rem;line-height:1.5rem}}.ds-submit-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-submit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.ds-submit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.ds-submit-btn:disabled{cursor:not-allowed;opacity:.6}.ds-spinner{height:1rem;width:1rem;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.ds-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));border-top-color:transparent}.ds-clear-btn{flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-clear-btn:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ds-clear-icon{height:1rem;width:1rem}.ds-dropdown{position:absolute;top:100%;left:0;right:0;z-index:40;margin:0;margin-top:.25rem;max-height:20rem;list-style-type:none;overflow:hidden;overflow-y:auto;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ds-suggestion{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-suggestion:last-child{border-bottom-width:0px}.ds-suggestion:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.ds-suggestion:focus{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:2px}.ds-suggestion-poster{height:3.5rem;width:2.5rem;flex-shrink:0;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.ds-suggestion-poster--placeholder{display:flex;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:1.25rem;line-height:1.75rem}.ds-suggestion-info{min-width:0px;flex:1 1 0%}.ds-suggestion-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ds-suggestion-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.ds-suggestion-meta{margin-top:.125rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.ds-suggestion-year{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ds-suggestion-add-icon{height:1rem;width:1rem;flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ds-type-badge{display:inline-flex;flex-shrink:0;align-items:center;border-radius:9999px;padding:.125rem .375rem;font-size:.75rem;line-height:1rem;font-weight:500}.ds-type-badge--movie{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.ds-type-badge--tv{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.ds-genre-badge{display:inline-flex;align-items:center;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ds-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;padding:1rem}.ds-modal{max-height:100vh;width:100%;max-width:32rem;overflow-y:auto;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.25rem}.ds-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.ds-modal-close{flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-modal-close:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ds-modal-close-icon{height:1.25rem;width:1.25rem}.ds-modal-body{display:flex;gap:1rem;padding:1.25rem}.ds-modal-poster{width:6rem;flex-shrink:0;align-self:flex-start;border-radius:.5rem;-o-object-fit:cover;object-fit:cover}@media(min-width:640px){.ds-modal-poster{width:8rem}}.ds-modal-details{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.75rem}.ds-modal-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ds-modal-year{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ds-modal-genres{display:flex;flex-wrap:wrap;gap:.25rem}.ds-modal-overview{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ds-add-section{margin-top:.25rem;display:flex;flex-direction:column;gap:.5rem}.ds-add-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ds-add-controls{display:flex;gap:.5rem}.ds-list-select{flex:1 1 0%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.ds-list-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ds-add-btn{display:inline-flex;align-items:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-add-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.ds-add-btn:disabled{cursor:not-allowed;opacity:.5}.ds-add-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.ds-no-lists{font-size:.875rem;line-height:1.25rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ds-add-success{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.ds-add-success-icon{height:1rem;width:1rem;flex-shrink:0}.list-form-container{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.list-form-content{margin-left:auto;margin-right:auto;max-width:48rem;padding-top:1.5rem;padding-bottom:1.5rem}@media(min-width:640px){.list-form-content{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.list-form-content{padding-left:2rem;padding-right:2rem}}.list-form-inner{padding:1.5rem 1rem}@media(min-width:640px){.list-form-inner{padding-left:0;padding-right:0}}.list-form-title{margin-bottom:1.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.list-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.list-form-error{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:1rem}.list-form-error-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.list-form-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.list-form-card{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.list-form-input{margin-top:.25rem;display:block;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }@media(min-width:640px){.list-form-input{font-size:.875rem;line-height:1.25rem}}.list-form-textarea{margin-top:.25rem;display:block;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-textarea:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }@media(min-width:640px){.list-form-textarea{font-size:.875rem;line-height:1.25rem}}.list-form-select{margin-top:.25rem;display:block;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }@media(min-width:640px){.list-form-select{font-size:.875rem;line-height:1.25rem}}.list-form-items-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.list-form-items-card{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-items-header{display:flex;align-items:center}.list-form-items-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.list-form-add-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.list-form-add-custom-btn{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-add-custom-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.list-form-add-custom-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.list-form-items-list{margin-top:1rem}.list-form-items-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.list-form-item{display:flex;align-items:flex-start;justify-content:space-between;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.list-form-item-content{display:flex;flex:1 1 0%;align-items:flex-start}.list-form-item-content>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.list-form-item-image{height:5rem;width:3rem;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.list-form-item-info{flex:1 1 0%}.list-form-item-header{display:flex;align-items:center}.list-form-item-header>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.list-form-item-icon{font-size:1.125rem;line-height:1.75rem}.list-form-item-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.list-form-item-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.list-form-remove-btn{margin-left:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.list-form-remove-btn:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.list-form-actions{display:flex;justify-content:flex-end}.list-form-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.list-form-cancel-btn{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-cancel-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.list-form-cancel-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.list-form-submit-btn{border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-form-submit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.list-form-submit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.list-form-submit-btn:disabled{opacity:.5}.list-item-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.button{width:100px;height:30px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.watched-badge{display:inline-flex;align-items:center;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.watched-icon{margin-right:.25rem;height:.75rem;width:.75rem}.remove-watched-btn{display:inline-flex;align-items:center;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.remove-watched-btn:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.remove-watched-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1));--tw-ring-offset-width:2px}.mark-watched-btn{background:var(--success);color:#fff;padding:2px 6px;border-radius:5px;gap:4px}.recommend-icon{margin-right:.25rem;height:.75rem;width:.75rem}.item-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));align-items:center}.item-modal-container{width:100%;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:min(95vw,56rem);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column}.item-modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem}@media(min-width:640px){.item-modal-header{padding:1rem 1.5rem}}.item-modal-header-content{display:flex;min-width:0px;align-items:center}.item-modal-header-content>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.item-modal-icon{flex-shrink:0;font-size:1.5rem;line-height:2rem}.item-modal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media(min-width:640px){.item-modal-title{font-size:1.25rem;line-height:1.75rem}}.item-modal-subtitle{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.item-modal-close-btn{margin-left:.5rem;flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.item-modal-close-btn:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.item-modal-close-btn:focus{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.item-modal-close-icon{height:1.5rem;width:1.5rem}.item-modal-content{flex:1 1 0%;overflow-y:auto;padding:1rem}@media(min-width:640px){.item-modal-content{padding-left:1.5rem;padding-right:1.5rem}}.item-modal-body{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:640px){.item-modal-body{flex-direction:row;align-items:flex-start;gap:1.5rem}}.item-modal-image-container{display:flex;flex-shrink:0;justify-content:center}@media(min-width:640px){.item-modal-image-container{width:11rem;justify-content:flex-start}}.item-modal-image{border-radius:.5rem;-o-object-fit:cover;object-fit:cover;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);width:8rem;height:auto;max-height:14rem}@media(min-width:640px){.item-modal-image{width:100%;max-height:18rem}}.item-modal-details-column{flex:1;min-width:0}.item-modal-description-section{margin-bottom:1rem}.item-modal-description-title{margin-bottom:.25rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.item-modal-description-text{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.item-modal-details-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.item-modal-details-section{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}@media(min-width:640px){.item-modal-details-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.item-modal-details-section{padding:1rem}}.item-modal-details-title{margin-bottom:.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.item-modal-details-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media(min-width:400px){.item-modal-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.item-modal-detail-label{font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.item-modal-detail-value{margin-top:.125rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.item-modal-detail-value-with-icon{margin-top:.125rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.item-modal-detail-icon{margin-right:.5rem}.item-modal-external-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.item-modal-genres-container{grid-column:1 / -1}.item-modal-genres-wrapper{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.375rem}.item-modal-genre-badge{display:inline-flex;align-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.item-modal-tmdb-link-section{margin-top:.75rem}.item-modal-tmdb-link{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.item-modal-tmdb-link:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.item-modal-tmdb-link:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.item-modal-tmdb-icon{margin-right:.375rem;height:1rem;width:1rem}.item-modal-actions-section{display:flex;flex-shrink:0;justify-content:center;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem}@media(min-width:640px){.item-modal-actions-section{padding-left:1.5rem;padding-right:1.5rem}}.item-modal-footer{flex-shrink:0;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}@media(min-width:640px){.item-modal-footer{padding:1rem 1.5rem}}.item-modal-close-footer-btn{width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.item-modal-close-footer-btn:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.item-modal-close-footer-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.recommend-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow-y:auto;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;padding:1rem}.recommend-modal-container{max-height:90vh;width:100%;max-width:28rem;overflow-y:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.recommend-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.5rem}.recommend-modal-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.recommend-modal-close-btn{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.recommend-modal-close-btn:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.recommend-modal-close-btn:focus{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.recommend-modal-close-icon{height:1.5rem;width:1.5rem}.recommend-modal-content{padding:1.5rem}.recommend-modal-item-preview{margin-bottom:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.recommend-modal-item-content{display:flex;align-items:flex-start}.recommend-modal-item-content>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.recommend-modal-item-image{height:4rem;width:3rem;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.recommend-modal-item-details{min-width:0px;flex:1 1 0%}.recommend-modal-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.recommend-modal-item-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.recommend-modal-message-section{margin-bottom:1rem}.recommend-modal-message-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.recommend-modal-message-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.recommend-modal-message-textarea:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.recommend-modal-search-section{margin-bottom:1rem}.recommend-modal-search-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.recommend-modal-search-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.recommend-modal-search-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.recommend-modal-friends-container{max-height:16rem;overflow-y:auto}.recommend-modal-loading{padding-top:1rem;padding-bottom:1rem;text-align:center}.recommend-modal-loading-text{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.recommend-modal-no-friends{padding-top:1rem;padding-bottom:1rem;text-align:center}.recommend-modal-no-friends-text{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.recommend-modal-friends-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.recommend-modal-friend-btn{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem;text-align:left}.recommend-modal-friend-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.recommend-modal-friend-btn:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.recommend-modal-friend-btn:disabled{cursor:not-allowed;opacity:.5}.recommend-modal-friend-content{display:flex;align-items:center}.recommend-modal-friend-content>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.recommend-modal-friend-avatar{height:2rem;width:2rem;border-radius:9999px}.recommend-modal-friend-avatar-placeholder{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.recommend-modal-friend-initial{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.recommend-modal-friend-info{min-width:0px;flex:1 1 0%}.recommend-modal-friend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.recommend-modal-friend-date{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.recommend-modal-footer{display:flex;justify-content:flex-end}.recommend-modal-footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.recommend-modal-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem}.recommend-modal-cancel-btn{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.recommend-modal-cancel-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.recommend-modal-cancel-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.tmdb-modal-overlay{position:fixed;inset:0;z-index:50;height:100%;width:100%;overflow-y:auto;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5 }.tmdb-modal-container{position:relative;top:5rem;margin-left:auto;margin-right:auto;width:91.666667%;max-width:56rem;border-radius:.375rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tmdb-modal-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.tmdb-modal-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tmdb-modal-close-btn{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tmdb-modal-close-btn:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.tmdb-modal-close-icon{height:1.5rem;width:1.5rem}.tmdb-search-form{margin-bottom:1rem}.tmdb-search-type-section{margin-bottom:.75rem;display:flex}.tmdb-search-type-section>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.tmdb-search-type-label{display:inline-flex;align-items:center}.tmdb-search-type-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:100%}.tmdb-search-type-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tmdb-search-type-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){.tmdb-search-type-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.tmdb-search-type-radio:checked:hover,.tmdb-search-type-radio:checked:focus{border-color:transparent;background-color:currentColor}.tmdb-search-type-radio{height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.tmdb-search-type-text{margin-left:.5rem;font-size:.875rem;line-height:1.25rem}.tmdb-search-input-wrapper{display:flex;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tmdb-search-input{display:block;width:100%;flex:1 1 0%;border-radius:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.tmdb-search-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }@media(min-width:640px){.tmdb-search-input{font-size:.875rem;line-height:1.25rem}}.tmdb-search-submit-btn{display:inline-flex;align-items:center;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tmdb-search-submit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.tmdb-search-submit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.tmdb-search-submit-btn:disabled{opacity:.5}.tmdb-error-container{margin-bottom:1rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:1rem}.tmdb-error-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.tmdb-results-container{max-height:24rem;overflow-y:auto}.tmdb-no-results{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tmdb-results-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}.tmdb-result-item{display:flex;cursor:pointer;align-items:flex-start}.tmdb-result-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.tmdb-result-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.tmdb-result-item:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.tmdb-result-poster{height:5rem;width:3rem;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.tmdb-result-content{min-width:0px;flex:1 1 0%}.tmdb-result-header{display:flex;align-items:center}.tmdb-result-header>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.tmdb-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tmdb-result-type-badge{display:inline-flex;align-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.tmdb-result-date{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tmdb-result-genres{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.25rem}.tmdb-result-genre-badge{display:inline-flex;align-items:center;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.tmdb-result-genre-more{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tmdb-result-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.list-detail-container{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.list-detail-content{margin-left:auto;margin-right:auto;max-width:56rem;padding-top:1.5rem;padding-bottom:1.5rem}@media(min-width:640px){.list-detail-content{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.list-detail-content{padding-left:2rem;padding-right:2rem}}.list-detail-fullscreen{display:flex;flex-direction:column}.list-detail-loading{padding-top:3rem;padding-bottom:3rem;text-align:center}.list-detail-loading-text{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.list-detail-error{padding-top:3rem;padding-bottom:3rem;text-align:center}.list-detail-error-text{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.list-detail-error-link{margin-top:1rem;display:inline-block;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.list-detail-error-link:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.list-detail-sticky-header{top:4rem;z-index:20;display:flex;flex-direction:column;gap:1rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}@media(min-width:640px){.list-detail-sticky-header{padding-left:1.5rem;padding-right:1.5rem}}.list-detail-sticky-header{background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.list-detail-header-content{min-width:0px;flex:1 1 0%;padding-right:6rem}.list-detail-title{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.list-detail-meta{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.list-detail-privacy-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500}.list-detail-author{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.list-detail-description{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.list-detail-quick-add{margin-top:1rem}.list-detail-quick-add-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.list-detail-quick-add-controls{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.list-detail-quick-add-controls{flex-direction:row}}.list-detail-quick-add-input{flex:1 1 0%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.list-detail-quick-add-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.list-detail-quick-add-input:disabled{cursor:not-allowed;opacity:.7}.list-detail-quick-add-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.list-detail-quick-add-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.list-detail-quick-add-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.list-detail-quick-add-btn:disabled{cursor:not-allowed;opacity:.6}.list-detail-actions{position:absolute;top:1rem;right:1rem;z-index:10}@media(min-width:640px){.list-detail-actions{right:1.5rem}}.list-detail-actions-trigger{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-detail-actions-trigger:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.list-detail-actions-trigger:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.list-detail-actions-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:flex-end;background-color:#00000080;padding:1rem}@media(min-width:640px){.list-detail-actions-overlay{padding:1.5rem}}.list-detail-actions-modal{width:100%;max-width:20rem;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-detail-actions-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem}.list-detail-actions-modal-title{font-size:1.25rem;line-height:1.75rem;font-weight:700}.list-detail-actions-close-btn{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.list-detail-actions-close-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.list-detail-actions-close-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.list-detail-actions-modal-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.list-detail-edit-btn{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-detail-edit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.list-detail-edit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.list-detail-delete-btn{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.list-detail-delete-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.list-detail-list-section{padding:1rem}@media(min-width:640px){.list-detail-list-section{padding-left:1.5rem;padding-right:1.5rem}}.list-detail-list-heading{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.list-detail-items-title{padding-top:1.25rem;padding-bottom:1.25rem;font-size:1.5rem;line-height:2rem;font-weight:500}.list-detail-items-count{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.list-detail-virtual-viewport{height:calc(100% - 2.2rem);min-height:280px;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.list-detail-items-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0}@media(min-width:500px){.list-detail-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:760px){.list-detail-items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1040px){.list-detail-items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.list-detail-empty{padding-top:3rem;padding-bottom:3rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.list-detail-card-row-wrapper{padding:.5rem}.list-detail-card-row{display:grid;grid-template-columns:repeat(var(--list-columns),minmax(0,1fr));gap:12px;height:100%}.list-detail-poster-card{height:100%;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));text-align:left;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;display:grid;grid-template-rows:1fr auto}.list-detail-poster-card:hover{transform:translateY(-2px) scale(1.01);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.list-detail-poster-card:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.list-detail-poster-card-spacer{height:100%}.list-detail-poster-image-wrap{position:relative;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));aspect-ratio:2 / 3}.list-detail-poster-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.list-detail-poster-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.list-detail-poster-placeholder-icon{font-size:2.25rem;line-height:2.5rem}.list-detail-poster-overlay{position:absolute;left:.5rem;top:.5rem}.list-detail-poster-type-badge{border-radius:.25rem;background-color:#0000008c;padding:.125rem .375rem;font-size:.875rem;line-height:1.25rem}.list-detail-poster-footer{display:flex;height:70px;align-items:center;justify-content:center;padding:.5rem}.list-detail-poster-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:600;line-height:1.25}@media(min-width:768px){.list-detail-title{font-size:1.875rem;line-height:2.25rem}.list-detail-sticky-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.invite-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;padding:1rem}.invite-modal-container{display:flex;width:100%;max-width:28rem;flex-direction:column;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.invite-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.5rem}.invite-modal-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.invite-modal-close-btn{border-radius:.375rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.invite-modal-close-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.invite-modal-close-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1)) }.invite-modal-close-icon{height:1.25rem;width:1.25rem}.invite-modal-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem}.invite-modal-description{text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.invite-modal-qr-wrapper{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem}.invite-modal-qr-placeholder{display:flex;height:13rem;width:13rem;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.invite-modal-link-section{width:100%}.invite-modal-link-label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.invite-modal-link-wrapper{display:flex;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.invite-modal-link-input{display:block;width:100%;flex:1 1 0%;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.invite-modal-link-input:focus{outline:2px solid transparent;outline-offset:2px}.invite-modal-copy-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.invite-modal-copy-btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.invite-modal-copy-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.invite-modal-footer{display:flex;justify-content:flex-end;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem 1.5rem}.invite-modal-cancel-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.invite-modal-cancel-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.invite-modal-cancel-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friends-container{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.friends-content{margin-left:auto;margin-right:auto;max-width:56rem;padding-top:1.5rem;padding-bottom:1.5rem}@media(min-width:640px){.friends-content{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.friends-content{padding-left:2rem;padding-right:2rem}}.friends-inner{padding:1.5rem 1rem}@media(min-width:640px){.friends-inner{padding-left:0;padding-right:0}}.friends-title-row{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.friends-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friends-invite-btn{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.friends-invite-btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.friends-invite-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friends-invite-icon{height:1rem;width:1rem}.friends-error{margin-bottom:1rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:1rem}.friends-error-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.friends-search-section{margin-bottom:1.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.friends-section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friends-search-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.friends-search-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.friends-search-input-wrapper{margin-top:.25rem;display:flex;flex-direction:column;gap:.5rem;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.friends-search-input-wrapper{flex-direction:row;gap:0px}}.friends-search-input{display:block;width:100%;flex:1 1 0%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.75rem 1rem}.friends-search-input:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1)) }@media(min-width:640px){.friends-search-input{border-radius:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;font-size:.875rem;line-height:1.25rem}}.friends-search-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.friends-search-btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.friends-search-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }@media(min-width:640px){.friends-search-btn{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}}.friends-search-result{margin-top:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}@media(min-width:640px){.friends-search-result{flex-direction:row;align-items:center}}.friends-result-name{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friends-result-email{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-search-help-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.friends-request-info{flex:1 1 0%}.friends-request-email{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-send-request-btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.friends-send-request-btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.friends-send-request-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friends-received-section{margin-bottom:1.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.friends-requests-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.friends-request-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}@media(min-width:640px){.friends-request-item{flex-direction:row;align-items:center}}.friends-request-name{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friends-request-date{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-request-actions{display:flex;flex-wrap:wrap;gap:.5rem}.friends-accept-btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.friends-accept-btn:hover{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.friends-accept-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friends-reject-btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.friends-reject-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.friends-reject-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friends-sent-section{margin-bottom:1.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.friends-sent-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}@media(min-width:640px){.friends-sent-item{flex-direction:row;align-items:center}}.friends-pending-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.friends-pending-status{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-list-section{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.friends-loading{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.friends-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.friends-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.friends-list-item{display:block;height:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.friends-list-item:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.friends-list-item:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friends-list-item-content{display:flex;height:100%;flex-direction:column;align-items:flex-start;gap:.75rem}.friends-card-avatar-wrap{flex-shrink:0}.friends-card-avatar,.friends-card-avatar-fallback{height:3rem;width:3rem;border-radius:9999px}.friends-card-avatar{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));-o-object-fit:cover;object-fit:cover}.friends-card-avatar-fallback{display:flex;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));font-weight:600;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.friends-list-item-info{flex:1 1 0%}.friends-list-item-name{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friends-list-item-date{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-list-item-actions{margin-top:auto;display:flex;align-items:center}.friends-list-item-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.friends-view-lists-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friends-arrow-icon{height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.friend-lists-container{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.friend-lists-content{margin-left:auto;margin-right:auto;max-width:56rem;padding-top:1.5rem;padding-bottom:1.5rem}@media(min-width:640px){.friend-lists-content{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.friend-lists-content{padding-left:2rem;padding-right:2rem}}.friend-lists-inner{padding:1.5rem 1rem}@media(min-width:640px){.friend-lists-inner{padding-left:0;padding-right:0}}.friend-lists-header{margin-bottom:1.5rem}.friend-lists-back-link{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.friend-lists-back-link:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.friend-lists-title{margin-top:.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friend-lists-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.friend-lists-loading{padding-top:3rem;padding-bottom:3rem;text-align:center}.friend-lists-loading-text{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friend-lists-error{padding-top:3rem;padding-bottom:3rem;text-align:center}.friend-lists-error-text{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.friend-lists-empty{padding-top:3rem;padding-bottom:3rem;text-align:center}.friend-lists-empty-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.friend-lists-empty-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friend-lists-empty-description{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friend-lists-grid{display:grid;gap:1.5rem}@media(min-width:768px){.friend-lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.friend-lists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.friend-lists-card{display:block;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.friend-lists-card:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.friend-lists-card:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.friend-lists-card-content{padding:1.5rem}.friend-lists-card-header{margin-bottom:.75rem;display:flex;align-items:flex-start;justify-content:space-between}.friend-lists-card-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.friend-lists-icon-wrapper{margin-left:.5rem;flex-shrink:0}.friend-lists-privacy-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500}.friend-lists-badge-icon{margin-right:.25rem}.friend-lists-card-description{margin-bottom:.75rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.friend-lists-card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}@media(min-width:640px){.friend-lists-card-meta{flex-direction:row;align-items:center;justify-content:space-between}}.friend-lists-items-preview{margin-top:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));padding-top:.75rem}.friend-lists-items-title{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.friend-lists-items-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.friend-lists-item{display:flex;align-items:center}.friend-lists-item>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.friend-lists-item-icon{font-size:.875rem;line-height:1.25rem}.friend-lists-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.friend-lists-more-items{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-container{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.search-content{margin-left:auto;margin-right:auto;max-width:80rem;padding-top:1.5rem;padding-bottom:1.5rem}@media(min-width:640px){.search-content{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.search-content{padding-left:2rem;padding-right:2rem}}.search-inner{padding:1.5rem 1rem}@media(min-width:640px){.search-inner{padding-left:0;padding-right:0}}.search-title{margin-bottom:1.5rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.search-form-section{margin-bottom:1.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.search-type-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.search-type-options{display:flex}.search-type-options>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.search-type-option{display:inline-flex;align-items:center}.search-type-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:100%}.search-type-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.search-type-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){.search-type-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.search-type-radio:checked:hover,.search-type-radio:checked:focus{border-color:transparent;background-color:currentColor}.search-type-radio{height:1rem;width:1rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.search-type-text{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.search-query-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.search-input-wrapper{margin-top:.25rem;display:flex;border-radius:.375rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-input{display:block;width:100%;flex:1 1 0%;border-radius:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.search-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }@media(min-width:640px){.search-input{font-size:.875rem;line-height:1.25rem}}.search-submit-btn{display:inline-flex;align-items:center;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.search-submit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.search-submit-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.search-submit-btn:disabled{opacity:.5}.search-suggestions-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.search-friends-section{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.search-loading{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-friends-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.search-friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.search-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.search-suggested-section{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-list-card{display:block;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.search-list-card:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.search-list-card-content{padding:1.25rem 1rem}.search-list-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.search-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.search-privacy-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.search-list-description{margin-top:.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-list-meta{margin-top:.75rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-meta-separator{margin-left:.5rem;margin-right:.5rem}.search-no-content{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-no-content-text{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-results-section{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-results-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.search-no-results{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-users-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.search-user-item{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}.search-user-name{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.search-user-email{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.search-priority-note{margin-bottom:1rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.75rem}.search-priority-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.search-results-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.search-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.search-friends-badge{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.search-badge-space{display:flex;align-items:center}.search-badge-space>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.add-friend-container{display:flex;min-height:100vh;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.add-friend-card{display:flex;width:100%;max-width:24rem;flex-direction:column;align-items:center;gap:1rem;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem;text-align:center;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.add-friend-profile{display:flex;flex-direction:column;align-items:center;gap:.75rem}.add-friend-avatar{height:5rem;width:5rem;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));-o-object-fit:cover;object-fit:cover}.add-friend-avatar-fallback{display:flex;height:5rem;width:5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.add-friend-name{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.add-friend-subtitle,.add-friend-message{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.add-friend-success{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.add-friend-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.add-friend-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.add-friend-btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.add-friend-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.add-friend-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.add-friend-secondary-btn:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.add-friend-secondary-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.navbar{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.navbar-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.navbar-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.navbar-container{padding-left:2rem;padding-right:2rem}}.navbar-content{display:flex;height:4rem;justify-content:space-between}.navbar-left{display:flex}.navbar-logo{display:flex;flex-shrink:0;align-items:center}.navbar-logo-text{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.navbar-links{display:none}@media(min-width:640px){.navbar-links{margin-left:1.5rem;display:flex}.navbar-links>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}}.navbar-link{display:inline-flex;align-items:center;border-bottom-width:2px;border-color:transparent;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.navbar-link:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-link-with-icon{display:inline-flex;align-items:center;gap:.75rem;border-bottom-width:2px;border-color:transparent;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.navbar-link-with-icon:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-right{display:none}@media(min-width:640px){.navbar-right{margin-left:1.5rem;display:flex;align-items:center}}.navbar-user-section{position:relative;margin-left:.75rem;display:flex;align-items:center}.navbar-user-section>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.navbar-palette-label{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.navbar-palette-select{height:2.25rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-palette-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.navbar-theme-btn{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem}.navbar-user-name{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-logout-btn{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;border-color:transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-logout-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.navbar-logout-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px }.navbar-mobile-toggle{display:flex;align-items:center}@media(min-width:640px){.navbar-mobile-toggle{display:none}}.navbar-mobile-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.navbar-mobile-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.navbar-mobile-btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.navbar-mobile-icon{display:block;height:1.5rem;width:1.5rem}@media(min-width:640px){.navbar-mobile-menu{display:none}}.navbar-mobile-links>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.navbar-mobile-links{padding-top:.5rem;padding-bottom:.75rem}.navbar-mobile-link{display:block;border-left-width:4px;border-color:transparent;padding:.5rem 1rem .5rem .75rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.navbar-mobile-link:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-mobile-user-section{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1rem;padding-bottom:.75rem}.navbar-mobile-user-info{display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}.navbar-mobile-controls{display:flex;align-items:center;gap:.5rem}.navbar-mobile-palette-select{height:2.25rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-mobile-palette-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)) }.navbar-mobile-user-name{flex-shrink:0}.navbar-mobile-user-text{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.navbar-mobile-logout-section{margin-top:.75rem}.navbar-mobile-logout-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.navbar-mobile-logout-btn{display:block;width:100%;padding:.5rem 1rem;text-align:left;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.navbar-mobile-logout-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.navbar-mobile-theme-btn{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-6{height:1.5rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:light;--palette-primary-200: #48cae4;--palette-primary-300: #00b4d8;--palette-primary-500: #0096c7;--palette-primary-600: #0077b6;--palette-accent-400: #2dd4bf;--palette-accent-500: #14b8a6;--palette-danger-400: #f87171;--palette-danger-500: #ef4444;--palette-success-400: #4ade80;--palette-success-500: #22c55e;--bg: #f6f8fb;--surface: #ffffff;--surface-secondary:#302f2f;--surface-elevated: #e4edf7;--text: #0f172a;--textAlternate: #ffffff;--text-muted: #475569;--text-black: #000000;--border: #dbe3f0;--primary: var(--palette-primary-500);--primary-strong: var(--palette-primary-600);--accent: var(--palette-accent-500);--danger: var(--palette-danger-500);--success: var(--palette-success-500);--link: var(--primary-strong);--radius-sm: .6rem;--radius-md: .9rem;--radius-lg: 1.2rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 14px 30px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 50px rgba(15, 23, 42, .14)}:root[data-palette=ocean]{--palette-primary-200: #7dd3fc;--palette-primary-300: #38bdf8;--palette-primary-500: #0ea5e9;--palette-primary-600: #0284c7;--palette-accent-400: #5eead4;--palette-accent-500: #14b8a6}:root[data-palette=violet]{--palette-primary-200: #c4b5fd;--palette-primary-300: #a78bfa;--palette-primary-500: #7c3aed;--palette-primary-600: #6d28d9;--palette-accent-400: #c4b5fd;--palette-accent-500: #a78bfa}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #090d16;--surface: #0f1729;--surface-elevated: #151f35;--text: #e5ebf8;--textAlternate: #000000;--text-muted: #9aa8c2;--border: #22304d;--primary: var(--palette-primary-300);--primary-strong: var(--palette-primary-200);--accent: var(--palette-accent-400);--danger: var(--palette-danger-500);--success: var(--palette-success-400);--link: var(--primary-strong);--shadow-sm: 0 1px 2px rgba(2, 6, 23, .5);--shadow-md: 0 16px 36px rgba(2, 6, 23, .5);--shadow-lg: 0 24px 50px rgba(2, 6, 23, .65)}}:root[data-theme=dark]{color-scheme:dark;--bg: #090d16;--surface: #0f1729;--surface-elevated: #151f35;--text: #e5ebf8;--textAlternate: #ffffff;--text-muted: #9aa8c2;--border: #22304d;--primary: var(--palette-primary-300);--primary-strong: var(--palette-primary-200);--accent: var(--palette-accent-400);--danger: var(--palette-danger-500);--success: var(--palette-success-400);--link: var(--primary-strong);--shadow-sm: 0 1px 2px rgba(2, 6, 23, .5);--shadow-md: 0 16px 36px rgba(2, 6, 23, .5);--shadow-lg: 0 24px 50px rgba(2, 6, 23, .65)}body{background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 7%,var(--bg)) 0,var(--bg) 45%);color:var(--text)}h1,h2,h3,h4,h5,h6,p,span,label,small,input,textarea,select,button{color:var(--text)}a{color:var(--link)}a:hover{color:var(--primary-strong)}::-moz-placeholder{color:var(--text-muted);opacity:1}::placeholder{color:var(--text-muted);opacity:1}.app-shell,.dashboard-container,.search-container,.friends-container,.friend-lists-container,.list-form-container,.list-detail-container,.signup-container{background-color:var(--bg)!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 12%,var(--bg)) 0%,var(--bg) 50%)}.search-form-section,.search-results-section,.search-friends-section,.search-suggested-section,.search-no-content,.friends-search-section,.friends-received-section,.friends-sent-section,.friends-list-section,.list-detail-card,.list-form-card,.list-form-items-card{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border:1px solid var(--border)}.navbar-link,.navbar-link-with-icon,.navbar-mobile-link,.navbar-user-name,.navbar-mobile-user-text,.dashboard-title,.search-title,.friends-title,.friends-search-title,.list-detail-title,.list-form-title,.friend-lists-title,.dashboard-list-title,.dashboard-card-title,.search-list-title,.search-user-name,.ds-modal-title,.ds-suggestion-title,.ds-add-label,.friend-lists-card-title,.friend-lists-items-title,.friend-lists-item-title,.friends-search-label,.friends-list-item-name,.friends-request-name,.friends-result-name,.item-modal-description-title,.item-modal-detail-value,.item-modal-detail-value-with-icon,.item-modal-external-id,.list-form-items-title,.list-form-item-title,.list-form-label,.recommend-modal-item-title,.recommend-modal-message-label,.recommend-modal-search-label,.recommend-modal-friend-name,.tmdb-result-title,.tmdb-modal-title,.recommend-modal-title,.item-modal-title,.item-modal-details-title,.list-detail-items-title,.search-section-title,.search-results-title,.friends-section-title,.friend-lists-empty-title,.dashboard-section-title,.search-query-label,.search-type-label,.search-type-text,.tmdb-search-type-text,.list-detail-author,.list-detail-quick-add-label,.list-detail-poster-title{color:var(--text)!important}.navbar-theme-btn,.navbar-mobile-theme-btn,.dashboard-refresh-btn{color:var(--text-muted);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);transition:.15s ease}.navbar-theme-btn:hover,.navbar-mobile-theme-btn:hover,.dashboard-refresh-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.dashboard-create-btn,.search-submit-btn,.friends-search-btn,.friends-send-request-btn,.friends-accept-btn,.list-form-submit-btn,.list-form-tmdb-btn,.tmdb-search-submit-btn,.item-modal-tmdb-link{background:linear-gradient(135deg,var(--primary),var(--primary-strong))!important;color:#fff!important;border:0!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-sm)}.dashboard-list-card,.dashboard-recommended-card,.dashboard-watched-card,.search-list-card,.friend-lists-card,.friends-list-item,.friends-request-item,.friends-search-result,.list-detail-item,.list-detail-virtual-viewport,.list-detail-poster-card,.list-form-item,.tmdb-result-item,.recommend-modal-friend-btn{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-list-card:hover,.dashboard-recommended-card:hover,.dashboard-watched-card:hover,.search-list-card:hover,.friend-lists-card:hover,.friends-list-item:hover,.list-detail-poster-card:hover,.tmdb-result-item:hover,.recommend-modal-friend-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))!important}.dashboard-recommended-card,.dashboard-watched-card{background:linear-gradient(130deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),var(--surface))!important}.dashboard-list-description,.dashboard-list-meta,.dashboard-card-description,.dashboard-card-meta,.dashboard-card-preview-text,.search-list-description,.search-list-meta,.search-user-email,.list-detail-description,.list-detail-item-description,.list-detail-item-date,.list-form-item-description,.friend-lists-subtitle,.friend-lists-card-description,.friend-lists-card-meta,.friend-lists-empty-description,.friend-lists-loading-text,.friend-lists-more-items,.friend-lists-empty-icon,.friends-view-lists-text,.friends-result-email,.friends-request-email,.friends-request-date,.friends-list-item-date,.list-detail-items-count,.friends-arrow-icon,.friends-pending-status,.friends-loading,.friends-empty,.login-header-subtitle,.signup-header-subtitle,.ds-modal-overview,.ds-modal-year,.ds-no-lists,.ds-search-icon-wrap,.ds-clear-btn,.ds-suggestion-year,.ds-suggestion-add-icon,.ds-modal-close,.recommend-modal-item-description,.recommend-modal-friend-date,.recommend-modal-loading-text,.recommend-modal-no-friends-text,.recommend-modal-friend-initial,.item-modal-subtitle,.item-modal-detail-label,.item-modal-description-text,.dashboard-empty-text,.dashboard-list-footer,.dashboard-loading-text,.tmdb-result-date,.tmdb-result-description,.tmdb-result-genre-more,.tmdb-no-results,.search-loading,.search-no-results,.search-no-content-text{color:var(--text-muted)!important}.list-detail-poster-title{color:var(--text)!important;font-size:1.2rem;font-weight:700;line-height:1.2;text-align:center;text-overflow:ellipsis 50}@media(max-width:700px){.list-detail-poster-title{font-size:1rem}}.ds-search-input{color:var(--text)!important}.navbar-logo-text,.dashboard-empty-link,.friend-lists-back-link,.friend-lists-error-link,.list-detail-back-link,.list-detail-error-link,.login-signup-link,.signup-login-link,.search-priority-text,.search-friends-badge,.tmdb-result-type-badge,.watched-badge,.remove-watched-btn,.search-type-radio,.tmdb-search-type-radio{color:var(--primary-strong)!important}.text-blue-600,.text-blue-700,.text-blue-800,.hover\:text-blue-700:hover,.hover\:text-blue-800:hover,.focus\:text-blue-700:focus,.focus\:text-blue-800:focus{color:var(--primary-strong)!important}.bg-blue-50,.bg-blue-100,.hover\:bg-blue-100:hover{background-color:color-mix(in srgb,var(--primary) 14%,var(--surface))!important}.bg-blue-600,.bg-blue-700,.hover\:bg-blue-700:hover,.focus\:bg-blue-600:focus{background-color:var(--primary)!important}.border-blue-200,.border-blue-300,.border-blue-500,.border-blue-600,.focus\:border-blue-500:focus{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))!important}.ds-type-badge--movie,.ds-type-badge--tv,.tmdb-result-type-badge,.tmdb-result-genre-badge,.item-modal-genre-badge,.ds-genre-badge{color:var(--text)!important}.list-detail-privacy-badge--public{color:color-mix(in srgb,var(--success) 80%,var(--text))!important;background:color-mix(in srgb,var(--success) 20%,var(--surface-elevated))!important;border:1px solid color-mix(in srgb,var(--success) 45%,var(--border))!important}.list-detail-privacy-badge--friends{color:color-mix(in srgb,var(--primary) 82%,var(--text))!important;background:color-mix(in srgb,var(--primary) 20%,var(--surface-elevated))!important;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border))!important}.list-detail-privacy-badge--private{color:var(--text-muted)!important;background:color-mix(in srgb,var(--surface-elevated) 90%,var(--surface))!important;border:1px solid var(--border)!important}.tmdb-result-type-badge,.tmdb-result-genre-badge,.item-modal-genre-badge{background:color-mix(in srgb,var(--primary) 18%,var(--surface-elevated))!important;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--border))!important}.friends-error-text,.friend-lists-error-text,.list-detail-error-text,.list-form-error-text,.login-error-text,.signup-error-text,.tmdb-error-text,.ds-add-error,.friends-reject-btn,.list-form-remove-btn{color:var(--danger)!important}.list-detail-edit-btn{color:var(--textAlternate)!important;background-color:var(--palette-primary-600)!important}.list-detail-delete-btn{color:var(--textAlternate)!important;background-color:var(--danger)!important}.list-detail-edit-btn:hover,.list-detail-delete-btn:hover{opacity:.5}.navbar-mobile-btn,.navbar-logout-btn,.navbar-mobile-logout-btn,.item-modal-close-btn,.recommend-modal-close-btn,.recommend-modal-cancel-btn,.tmdb-modal-close-btn,.list-form-cancel-btn,.list-form-add-custom-btn,.list-detail-actions-close-btn,.list-detail-loading-text{color:var(--text-muted)!important}.ds-add-success{color:var(--success)!important}.dashboard-loading,.dashboard-no-lists,.friend-lists-empty,.list-detail-empty,.search-no-content,.search-no-results{border:1px dashed var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-elevated) 85%,transparent)}.login-content,.signup-content{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header-title,.signup-header-title{color:var(--text)!important;letter-spacing:-.02em}.login-input-top,.login-input-bottom,.signup-input-top,.signup-input-middle,.signup-input-bottom,.search-input,.friends-search-input,.list-form-input,.list-form-textarea,.list-form-select,.navbar-palette-select,.navbar-mobile-palette-select,.list-detail-quick-add-input,.ds-list-select,.recommend-modal-message-textarea,.recommend-modal-search-input,.tmdb-search-input{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:var(--radius-sm)!important}.item-modal-overlay,.recommend-modal-overlay,.tmdb-modal-overlay,.list-detail-actions-overlay{background:#040a18b8!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.item-modal-container,.recommend-modal-container,.tmdb-modal-container,.list-detail-actions-modal{background:var(--surface)!important;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.list-detail-actions-modal-title{color:var(--text)!important}.list-detail-actions-trigger{background:var(--surface-elevated)!important;color:var(--text)!important;border:1px solid var(--border)!important}.list-detail-actions-trigger:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))!important}.item-modal-header,.item-modal-actions-section,.item-modal-footer{border-color:var(--border)!important}.item-modal-details-section,.item-modal-footer{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)!important}.item-modal-actions-section{background:color-mix(in srgb,var(--surface) 96%,transparent)!important}.item-modal-detail-icon{color:var(--primary-strong)!important}.item-modal-container .mark-watched-btn,.item-modal-container .recommend-btn,.item-modal-close-footer-btn{color:var(--text)!important;background:var(--surface-elevated)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)}.item-modal-container .mark-watched-btn:hover,.item-modal-container .recommend-btn:hover,.item-modal-close-footer-btn:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;background:color-mix(in srgb,var(--primary) 12%,var(--surface-elevated))!important}.item-modal-container .remove-watched-btn{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 14%,var(--surface-elevated))!important;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border))!important}.item-modal-container .remove-watched-btn:hover{background:color-mix(in srgb,var(--danger) 22%,var(--surface-elevated))!important}:root[data-theme=dark] .text-gray-900,:root[data-theme=dark] .text-gray-800,:root[data-theme=dark] .text-gray-700{color:var(--text)!important}:root[data-theme=dark] .placeholder-gray-500::-moz-placeholder,:root[data-theme=dark] .placeholder-gray-400::-moz-placeholder{color:var(--text-muted)!important}:root[data-theme=dark] .text-gray-600,:root[data-theme=dark] .text-gray-500,:root[data-theme=dark] .text-gray-400,:root[data-theme=dark] .placeholder-gray-500::placeholder,:root[data-theme=dark] .placeholder-gray-400::placeholder{color:var(--text-muted)!important}:root[data-theme=dark] .hover\:text-gray-900:hover,:root[data-theme=dark] .hover\:text-gray-800:hover,:root[data-theme=dark] .hover\:text-gray-700:hover,:root[data-theme=dark] .focus\:text-gray-700:focus,:root[data-theme=dark] .focus\:text-gray-600:focus{color:var(--text)!important}:root[data-theme=dark] .hover\:text-gray-600:hover,:root[data-theme=dark] .hover\:text-gray-500:hover,:root[data-theme=dark] .focus\:text-gray-500:focus{color:var(--text-muted)!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .text-gray-900,:root:not([data-theme=light]) .text-gray-800,:root:not([data-theme=light]) .text-gray-700{color:var(--text)!important}:root:not([data-theme=light]) .placeholder-gray-500::-moz-placeholder,:root:not([data-theme=light]) .placeholder-gray-400::-moz-placeholder{color:var(--text-muted)!important}:root:not([data-theme=light]) .text-gray-600,:root:not([data-theme=light]) .text-gray-500,:root:not([data-theme=light]) .text-gray-400,:root:not([data-theme=light]) .placeholder-gray-500::placeholder,:root:not([data-theme=light]) .placeholder-gray-400::placeholder{color:var(--text-muted)!important}:root:not([data-theme=light]) .hover\:text-gray-900:hover,:root:not([data-theme=light]) .hover\:text-gray-800:hover,:root:not([data-theme=light]) .hover\:text-gray-700:hover,:root:not([data-theme=light]) .focus\:text-gray-700:focus,:root:not([data-theme=light]) .focus\:text-gray-600:focus{color:var(--text)!important}:root:not([data-theme=light]) .hover\:text-gray-600:hover,:root:not([data-theme=light]) .hover\:text-gray-500:hover,:root:not([data-theme=light]) .focus\:text-gray-500:focus{color:var(--text-muted)!important}}.dashboard-loading:after,.search-loading:after,.friends-loading:after,.friend-lists-loading:after,.list-detail-loading:after{content:"";display:block;width:100%;height:.5rem;margin-top:.75rem;border-radius:9999px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 12%,transparent),color-mix(in srgb,var(--primary) 40%,transparent),color-mix(in srgb,var(--primary) 12%,transparent));animation:shimmer 1.25s infinite linear;background-size:180% 100%}@keyframes shimmer{to{background-position:-180% 0}}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media(min-width:640px){.sm\:flex-row{flex-direction:row}}