:root{--primary-dark: #1f2933;--primary-medium: #2c3e50;--primary-light: #34495e;--primary-lighter: #3a526b;--accent-green: #00d474;--accent-green-hover: #008000;--accent-blue: #3498db;--accent-blue-hover: #2980b9;--accent-red: #dc2626;--accent-red-hover: #b91c1c;--accent-red-alpha: rgba(220, 38, 38, .8);--accent-red-alpha-hover: rgba(220, 38, 38, 1);--text-primary: #ffffff;--text-secondary: #ecf0f1;--text-muted: #bdc3c7;--text-placeholder: #95a5a6;--text-light: #e5e7eb;--text-shadow: 0 1px 2px rgba(0, 0, 0, .6);--bg-primary: #1f2933;--bg-secondary: #2c3e50;--bg-tertiary: #34495e;--bg-overlay: rgba(0, 0, 0, .7);--bg-overlay-dark: rgba(0, 0, 0, .8);--bg-overlay-darkest: rgba(0, 0, 0, .85);--bg-hover: rgba(255, 255, 255, .1);--border-color: #34495e;--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-inset: inset 0 4px 10px rgba(0, 0, 0, .45);--shadow-inset-light: inset 0 4px 12px rgba(0, 0, 0, .55);--shadow-highlight: 0 1px 0 rgba(255, 255, 255, .06);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--z-base: 1;--z-header: 1000;--z-hamburger: 1001;--z-dropdown: 1002;--z-overlay: 1003;--z-modal: 1004;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--header-height: 60px}html[data-theme=light]{--primary-dark: #fdf8f3;--primary-medium: #f6efe7;--primary-light: #efe6db;--primary-lighter: #e8ded1;--accent-green: #7fd7a7;--accent-green-hover: #66c792;--accent-blue: #2b6cb0;--accent-blue-hover: #245a90;--accent-red: #b91c1c;--accent-red-hover: #991b1b;--accent-red-alpha: rgba(185, 28, 28, .8);--accent-red-alpha-hover: rgba(185, 28, 28, 1);--text-primary: #2c2416;--text-secondary: #3a2f1f;--text-muted: #6b5c4a;--text-placeholder: #8c7c67;--text-light: #4a3d2b;--text-shadow: 0 1px 2px rgba(255, 255, 255, .6);--bg-primary: #fdf8f3;--bg-secondary: #f2e8dc;--bg-tertiary: #e9dfd2;--bg-overlay: rgba(44, 36, 22, .12);--bg-overlay-dark: rgba(44, 36, 22, .18);--bg-overlay-darkest: rgba(44, 36, 22, .26);--bg-hover: rgba(44, 36, 22, .06);--border-color: #e0d2c2;--shadow-sm: 0 2px 4px rgba(44, 36, 22, .06);--shadow-md: 0 4px 12px rgba(44, 36, 22, .12);--shadow-lg: 0 12px 32px rgba(44, 36, 22, .18);--shadow-inset: inset 0 2px 8px rgba(44, 36, 22, .12);--shadow-inset-light: inset 0 2px 10px rgba(44, 36, 22, .16);--shadow-highlight: 0 1px 0 rgba(255, 255, 255, .5)}html{scrollbar-gutter:stable}body{padding-top:var(--header-height);background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;box-sizing:border-box}.safe-area-overlay{top:var(--header-height)!important;height:calc(100vh - var(--header-height))!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-section{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto}.search-section.hide-search,.search-section.show-search{max-width:none;width:100%;padding:0;height:calc(100vh - var(--header-height));box-sizing:border-box}.search-content{display:flex;padding:0;width:100%;height:100%;justify-content:center;box-sizing:border-box}.custom-form-container{position:relative;bottom:0;left:0;right:0;padding:10px;width:100%;max-width:400px;margin:0 auto;z-index:20}.search-module{position:relative;background-color:var(--bg-primary);border-radius:var(--border-radius-lg);padding:30px 20px;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-md)}.search-module.hide-search,.search-module.show-search{background:transparent;padding:0;box-shadow:none;max-width:none}@media(max-width:600px){.search-section{max-width:none}.search-module{max-width:none;padding:0 20px}}.search-form{display:flex;flex-direction:column;width:100%;max-width:360px;padding:10px 0;gap:12px;align-self:center}.search-select,.search-input{width:100%;padding:0 12px;margin:0;border:none;border-radius:var(--border-radius-md);min-width:0;background-color:var(--bg-secondary);color:var(--text-primary);min-height:46px;box-sizing:border-box}.search-select{cursor:pointer}.search-input:focus,.search-select:focus{outline:2px solid var(--accent-green)}.search-input::placeholder{color:var(--text-placeholder)}.search-buttons-row{display:flex;gap:12px;width:100%}.search-button{flex:1;height:46px;padding:0 15px;display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;border:none;border-radius:var(--border-radius-md);font-family:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.5px;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;background-color:var(--accent-green);color:var(--text-primary);font-weight:600}.search-button:hover{background-color:var(--accent-green-hover)}.add-custom-button{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-radius:var(--border-radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;background-color:var(--bg-secondary);color:var(--text-primary);font-size:0;line-height:0}.add-custom-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.add-custom-button svg{width:28px;height:28px;display:block}.search-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;height:calc(100vh - var(--header-height));background-color:var(--bg-overlay);z-index:var(--z-base)}.search-results{position:fixed;top:auto;bottom:10px;left:50%;transform:translate(-50%);padding:20px;width:calc(100% - 40px);max-width:800px;max-height:calc(75vh - var(--header-height) - 100px);overflow-y:auto;background-color:var(--bg-primary);border-radius:var(--border-radius-lg);z-index:var(--z-dropdown);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color);transition:all .3s ease}@media(max-width:600px){.search-results{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom) + var(--stack-form-height, 0px));max-height:calc(75vh - var(--header-height) - 100px - var(--stack-form-height, 0px));padding-bottom:calc(20px + var(--stack-form-height, 0px))}}.search-close-button{position:absolute;top:12px;right:12px;width:32px;height:32px;margin:0;padding:0;border:none;border-radius:50%;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;color:var(--text-primary);z-index:100}.search-close-button:hover{background:var(--accent-red-alpha);transform:scale(1.05)}.search-close-button svg{width:16px;height:16px;display:block}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.search-results-footer{margin-top:16px;display:flex;justify-content:center}.search-results-more{border:none;border-radius:999px;padding:10px 18px;background:var(--accent-green-hover);color:var(--text-primary);font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}.search-results-more:hover{background:var(--accent-green)}.candidate-image{position:relative;width:100%}.candidate-image-dimensions{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:var(--border-radius-sm);background:var(--bg-overlay);color:var(--text-light);font-size:11px;font-weight:600;letter-spacing:.04em;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.search-result-card:hover .candidate-image-dimensions,.search-result-card:focus-within .candidate-image-dimensions,.poster-picker-card:hover .candidate-image-dimensions,.poster-picker-card:focus-within .candidate-image-dimensions{opacity:1;transform:translateY(0)}.search-result-card,.poster-picker-card{border-radius:var(--border-radius-lg);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;text-align:left}.search-result-card:hover,.poster-picker-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.search-result-card{background:var(--bg-secondary);padding:10px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.search-result-card:hover{background:var(--bg-tertiary)}.poster-picker{max-width:1000px}.poster-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.poster-picker-card{border:none;padding:0;background:var(--bg-primary);overflow:hidden;position:relative;align-items:stretch}.poster-picker-card:hover{background:var(--bg-secondary)}.search-result-poster-large,.poster-picker-image{width:100%;height:auto;object-fit:contain;display:block;background:var(--bg-primary)}.poster-picker-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.poster-picker-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.poster-picker-meta{padding:10px 12px 12px;color:var(--text-light);text-align:left;display:flex;flex-direction:column;gap:4px}.poster-picker-badge{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);box-shadow:var(--shadow-md)}.poster-picker-badge svg{width:14px;height:14px}.poster-picker-title{font-size:14px;font-weight:600;line-height:1.2}.poster-picker-subtitle,.poster-picker-year{font-size:12px;color:var(--text-muted)}.poster-picker-empty{grid-column:1 / -1;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-muted);padding:32px;text-align:center}.search-results-subtitle{margin:0 0 15px;padding:5px 10px;font-size:1.2em;color:var(--text-primary);font-weight:400;text-align:left;width:100%}.search-results-header{display:flex;flex-direction:column;gap:4px}.search-results-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.search-result-placeholder{width:100%;aspect-ratio:2 / 3;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;color:var(--text-light);font-size:14px;border-radius:var(--border-radius-md);border:1px dashed var(--border-color)}.search-result-placeholder.large{height:100%}.search-result-poster-large{border-radius:var(--border-radius-md)}.search-result-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.search-result-title{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-name{font-weight:700;line-height:1.2;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result-subtitle{font-size:.9em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.search-result-year{color:var(--text-muted);font-weight:600;font-size:.95em}.search-result-badges{display:flex;flex-wrap:wrap;gap:6px}.poster-picker-meta .search-result-badges{margin-top:6px}.search-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-light);text-decoration:none;font-size:12px;line-height:1}.search-badge img{width:14px;height:14px;border-radius:50%;display:block}.input-with-button{display:flex;gap:8px;width:100%;align-items:center}.input-with-button .search-input{flex:1;margin:0}.icon-button{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-radius:var(--border-radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;background-color:var(--bg-secondary);color:var(--text-primary);padding:0}.search-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.search-loading p{margin:0;color:var(--text-light);font-size:14px;font-weight:500}.search-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 24px;background:var(--accent-red-alpha);border:1px solid var(--accent-red);border-radius:var(--border-radius-lg);color:var(--text-light);font-size:14px;max-width:400px;text-align:center;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-xl);width:100%;box-sizing:border-box;position:fixed;top:0;left:0;z-index:var(--z-overlay);height:56px}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-add-button{width:40px;height:40px;border-radius:var(--border-radius-sm);border:1px solid transparent;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);flex-shrink:0;padding:0;box-sizing:border-box;aspect-ratio:1 / 1;margin:0;line-height:1}.header-add-button:hover{background:var(--bg-tertiary)}.header-add-button:active{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-inset),var(--shadow-highlight);transform:translateY(1px)}.header-add-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.header-add-button.active{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-inset),var(--shadow-highlight);transform:translateY(1px)}.header-add-button.active:hover{background:var(--bg-tertiary)}.header-add-button.active:active{box-shadow:var(--shadow-inset-light),var(--shadow-highlight);transform:translateY(2px)}.header-add-button svg{width:20px;height:20px}.editable-title{color:var(--text-light);margin:0;font-size:clamp(24px,8vw,36px);font-weight:700;cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;background:transparent;padding:0;text-align:left;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;height:100%}.editable-title:hover{color:var(--accent-green)}.editable-title-input{color:var(--text-light);background:transparent;border:none;font-size:clamp(24px,8vw,36px);font-weight:700;font-family:inherit;outline:none;border-bottom:2px solid var(--accent-green);padding:0;margin:0;min-width:200px;max-width:calc(100vw - 120px);height:100%;display:flex;align-items:center}.editable-title-input::placeholder{color:var(--text-muted)}.editable-title-wrapper{margin:0}.hamburger-menu-container{position:relative;display:flex;align-items:center}.hamburger-button{background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);width:40px;height:40px;padding:0;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:none;line-height:1;margin:0;flex-shrink:0;box-sizing:border-box;aspect-ratio:1 / 1}.hamburger-button:hover{background:var(--bg-tertiary)}.hamburger-button.open{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-inset),var(--shadow-highlight);transform:translateY(1px)}.hamburger-button.open:hover{background:var(--bg-tertiary)}.hamburger-button.open:active{box-shadow:var(--shadow-inset),var(--shadow-highlight);transform:translateY(2px)}.hamburger-button:active:not(.open){background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-inset),var(--shadow-highlight);transform:translateY(1px)}.hamburger-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.hamburger-icon{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--text-primary);border-radius:2px;transition:all var(--transition-medium);transform-origin:center}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border-radius:var(--border-radius-lg);width:340px;max-height:70vh;overflow-y:auto;scrollbar-gutter:stable;box-shadow:var(--shadow-lg);z-index:var(--z-overlay);animation:dropdownIn var(--transition-medium);margin-top:var(--spacing-sm)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.menu-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.media-type-current{color:var(--text-muted);font-size:12px;margin-bottom:var(--spacing-sm);font-style:italic}.menu-actions{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.menu-permalink{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column}.menu-permalink-button{width:36px;height:36px;border-radius:var(--border-radius-sm);border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0;padding:0}.menu-permalink-button:hover:not(:disabled){background:var(--primary-lighter)}.menu-permalink-button:active:not(:disabled){background:var(--primary-lighter);transform:translateY(1px)}.menu-permalink-button:disabled{opacity:.5;cursor:not-allowed}.menu-permalink-button.active{background:transparent;border:none}.menu-permalink-button svg{width:20px;height:20px}.menu-permalink-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.menu-permalink-header h3{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.menu-permalink-status{font-size:12px;color:var(--text-muted)}.menu-permalink-status.success{color:var(--accent-green)}.menu-permalink-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.menu-permalink-input{flex:1;min-width:0;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 10px;border-radius:var(--border-radius-sm)}.menu-permalink-input::placeholder{color:var(--text-muted)}.menu-permalink-copy{min-width:60px;height:36px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;cursor:pointer;font-size:12px}.menu-permalink-copy:disabled{opacity:.5;cursor:not-allowed}.menu-permalink-copy svg{width:16px;height:16px}.menu-permalink-error{color:var(--accent-red);font-size:12px}.menu-icon-button{width:40px;height:40px;border-radius:var(--border-radius-sm);border:none;background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0;padding:0}.menu-icon-button:hover{background-color:var(--primary-lighter)}.menu-icon-button:active{transform:translateY(1px)}.menu-icon-button.active{background:var(--bg-tertiary);border:none}.menu-icon-button.active:hover{background:var(--primary-lighter)}.menu-icon-button.danger{background:transparent;border:none;color:var(--text-primary)}.menu-icon-button.danger:hover{background:var(--accent-red-alpha)}.menu-icon-button.danger:active{background:var(--accent-red-alpha-hover)}.menu-icon-button svg{width:24px;height:24px}.menu-view-toggle{margin-left:auto}.menu-grid-config-section{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.grid-config-header{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.grid-config-header h3{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reset-button{background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;padding:0;transition:color var(--transition-fast)}.reset-button:hover,.reset-button:active{color:var(--accent-red)}.reset-confirmation{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px}.reset-confirmation span{color:var(--text-muted)}.reset-confirm-yes,.reset-confirm-no{background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;padding:0;transition:color var(--transition-fast)}.reset-confirm-yes:hover{color:var(--accent-red)}.reset-confirm-no:hover{color:#fff}.menu-status-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.menu-status-links li{display:grid;grid-template-columns:80px 1fr;gap:var(--spacing-md);align-items:center}.menu-status-link-label{color:var(--text-muted);font-size:12px;font-weight:500;text-transform:capitalize}.menu-status-summary{list-style:none;cursor:pointer;color:var(--text-secondary);margin:0;padding:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-sm)}.menu-status[open] .menu-status-summary{margin-bottom:var(--spacing-lg)}.menu-status-summary::-webkit-details-marker{display:none}.menu-status-summary::marker{content:""}.menu-status-summary-label{display:inline-flex;align-items:center;gap:8px}.menu-status-chevron{width:12px;height:12px;color:var(--text-muted);flex:0 0 auto}.menu-status-chevron-down,.menu-status[open] .menu-status-chevron-right{display:none}.menu-status[open] .menu-status-chevron-down{display:inline-block}.menu-status-link{color:var(--text-primary);text-decoration:none;font-size:14px}.menu-status-link:hover{text-decoration:underline}.current-mode{color:var(--text-muted);font-size:12px;font-style:italic}.config-row{display:grid;align-items:center;column-gap:var(--spacing-lg);margin-bottom:var(--spacing-md);grid-template-columns:minmax(0,1fr) max-content}.config-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:capitalize;white-space:normal}.config-group{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.config-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-group-title{font-size:12px;font-weight:500;color:var(--text-primary);letter-spacing:.2px;text-transform:none;margin-bottom:var(--spacing-sm)}.segmented-control{margin:0;padding:4px;display:inline-flex;align-items:center;gap:6px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:999px;justify-self:end;flex-wrap:wrap}.segmented-option{display:inline-flex;position:relative}.segmented-input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.segmented-button{border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;text-transform:lowercase;padding:6px 10px;border-radius:999px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.segmented-input:checked+.segmented-button{background:var(--primary-lighter);color:var(--text-primary)}.segmented-input:focus-visible+.segmented-button{outline:2px solid var(--accent-blue);outline-offset:2px}.column-stepper{display:flex;align-items:center;gap:var(--spacing-md);justify-self:end}.stepper-button{width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:20px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.stepper-button:hover:not(:disabled){background:var(--primary-lighter)}.stepper-button:disabled{opacity:.4;cursor:not-allowed}.stepper-value{font-size:24px;font-weight:600;color:var(--text-primary);min-width:40px;text-align:center}.menu-about{padding:var(--spacing-xl);border-top:1px solid var(--border-color)}.menu-about-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);letter-spacing:.4px}.menu-about-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);color:var(--text-primary)}.menu-about-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--accent-blue);text-decoration:none}.menu-about-link:hover{text-decoration:underline}.menu-about-version{color:var(--text-muted);font-weight:600}.layout-dimension-toggle,.caption-edits-toggle{position:relative;display:inline-flex;height:24px;width:44px;align-items:center;cursor:pointer;justify-self:center;border-radius:9999px;background:var(--bg-tertiary);transition:background-color .2s;border:1px solid var(--border-color)}.layout-dimension-toggle[aria-checked=true],.caption-edits-toggle[aria-checked=true]{background:var(--accent-green);border-color:var(--accent-green)}.layout-dimension-toggle:after,.caption-edits-toggle:after{content:"";position:absolute;height:18px;width:18px;border-radius:9999px;background:#fff;left:3px;transition:left .2s}.layout-dimension-toggle[data-headlessui-state*=checked]:after,.caption-edits-toggle[data-headlessui-state*=checked]:after{left:23px}.cover-view-toggle{position:relative;display:inline-flex;height:24px;width:44px;align-items:center;cursor:pointer;justify-self:center;border-radius:9999px;background:var(--bg-tertiary);transition:background-color .2s;border:1px solid var(--border-color)}.cover-view-toggle[aria-checked=true]{background:var(--accent-green);border-color:var(--accent-green)}.cover-view-toggle:after{content:"";position:absolute;height:18px;width:18px;border-radius:9999px;background:#fff;left:3px;transition:left .2s}.cover-view-toggle[data-headlessui-state*=checked]:after{left:23px}@media(max-width:480px){.menu-dropdown{right:0;width:calc(100vw - 80px);max-width:280px}.hamburger-button{top:15px;right:15px;padding:10px}}.grid{--grid-gap: var(--spacing-lg);width:100%;height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-xl);box-sizing:border-box;position:relative}.grid-container{--columns: 4;display:flex;flex-direction:column;gap:var(--grid-gap);width:100%;max-width:1600px;margin:0 auto}.grid-container-empty{height:100%;display:flex;align-items:center;justify-content:center}.grid-row{display:flex;justify-content:center;align-items:center}.grid-item{position:relative;border-radius:var(--border-radius-md);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;padding:0;background:transparent;display:block;font:inherit;color:inherit}.grid .grid-item{flex-shrink:0}.grid-item.is-dragging{opacity:.6;cursor:default}.grid-item.is-drag-over{outline:2px solid var(--accent-green);outline-offset:2px}.grid-item.filled{background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.grid-item.filled:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid-caption{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 10px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--bg-overlay) 55%,var(--bg-overlay-darkest) 100%);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--spacing-xs);pointer-events:none}.grid-caption-top{top:0;bottom:auto;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,var(--bg-overlay) 55%,var(--bg-overlay-darkest) 100%)}.grid-caption-bottom{bottom:0}.grid-caption-title{font-size:14px;font-weight:600;line-height:1.2;text-shadow:var(--text-shadow)}.grid-caption-subtitle{font-size:12px;color:var(--text-secondary);text-shadow:var(--text-shadow)}.empty-state-hint{font-size:48px;color:var(--text-muted);font-weight:300;-webkit-user-select:none;user-select:none;text-align:center}.poster-wrapper{position:relative;width:100%;height:100%}.poster-button{border:none;background:transparent;padding:0;width:100%;height:100%;display:block;cursor:pointer}.poster-button:focus-visible,.alternate-poster-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.grid-poster{display:block;width:100%;height:auto;cursor:pointer;transition:opacity var(--transition-fast)}.grid .grid-poster{width:100%;height:100%;object-fit:cover}.grid-poster:hover{opacity:.9}.grid-close-button{position:absolute;top:8px;right:8px;width:32px;height:32px;margin:0;padding:0;border:none;border-radius:50%;background:var(--bg-overlay-dark);display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease;z-index:10;opacity:0;pointer-events:none}.grid-close-button:hover{background:var(--accent-red-alpha-hover)}.grid-close-button svg{width:16px;height:16px;flex-shrink:0;display:block;color:#fff}.grid-item.filled:hover .grid-close-button,.grid-item.filled:focus-within .grid-close-button{opacity:1;pointer-events:auto}.media-type-badge{position:absolute;bottom:8px;right:8px;background:var(--bg-overlay-dark);border-radius:var(--border-radius-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease;border:none;padding:0;color:#fff;cursor:pointer;pointer-events:none}.media-type-badge svg{width:16px;height:16px;color:#fff}.grid-item.filled:hover .media-type-badge,.grid-item.filled:focus-within .media-type-badge{opacity:1;transform:translateY(-1px);pointer-events:auto}.grid-source-badges{position:absolute;bottom:8px;left:8px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(2px);z-index:10;pointer-events:none}.grid-source-link{width:26px;height:26px;border-radius:var(--border-radius-sm);background:var(--bg-overlay);display:inline-flex;align-items:center;justify-content:center}.grid-source-link img{width:16px;height:16px;display:block}.grid-item.filled:hover .grid-source-badges,.grid-item.filled:focus-within .grid-source-badges{opacity:1;transform:translateY(0);pointer-events:auto}.alternate-poster-button{border:none;background:transparent;padding:0;cursor:pointer}@media(max-width:600px){.grid{--grid-gap: 12px;padding:var(--spacing-sm) var(--spacing-md) 0;justify-content:center;align-items:flex-start}.empty-state-hint{font-size:32px}.grid-close-button{width:28px;height:28px;top:6px;right:6px}.grid-close-button svg{width:14px;height:14px}}.grid-item-overlay{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-lg);opacity:.9;cursor:grabbing}.grid-item-overlay .grid-poster{width:120px;height:auto;display:block}.dropdown{position:relative;width:100%}.dropdown-button{width:100%;display:flex;align-items:center;gap:12px;padding:0 12px;background-color:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:var(--border-radius-md);min-height:46px;cursor:pointer;transition:background-color .3s ease;font-size:14px;box-sizing:border-box}.dropdown-button:hover{background-color:var(--bg-tertiary)}.dropdown-button:focus{outline:2px solid var(--accent-green);outline-offset:2px}.dropdown-icon{display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.dropdown-label{flex:1;text-align:left}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.dropdown-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;color:var(--text-primary);border:none;cursor:pointer;transition:background-color .2s ease;text-align:left;font-size:14px}.dropdown-option:hover{background-color:var(--bg-secondary)}.dropdown-option.active{background-color:var(--bg-tertiary)}.dropdown-option.highlighted{background-color:var(--bg-secondary)}.dropdown-option-icon{display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.dropdown-option-label{flex:1}.media-search-form.band .dropdown{width:auto;flex-shrink:0}.media-search-form.band .dropdown-button{width:auto;min-width:140px;min-height:40px;padding:0 12px}.media-search-form.band .dropdown-menu{min-width:140px}.media-search-form.band.band-bottom .dropdown-menu{top:auto;bottom:calc(100% + 8px);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.media-search-form.stack .dropdown-button{width:100%;height:46px;min-height:46px;font-size:14px}@media(max-width:600px){.media-search-form.stack .dropdown-menu{top:auto;bottom:calc(100% + 8px);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}}.platform-autocomplete{position:relative;width:100%}.media-search-form.band .platform-autocomplete{flex:0 0 auto;width:200px}.platform-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-md)}.platform-option{display:block;width:100%;padding:12px 16px;cursor:pointer;transition:background-color .2s;color:var(--text-light);text-align:left;border:none;background-color:inherit;font:inherit}.platform-option:hover{background-color:var(--bg-secondary)}.platform-option.highlighted{background-color:var(--bg-tertiary)}.platform-option:first-child{border-radius:0}.platform-option:last-child{border-radius:0 0 4px 4px}@media(max-width:600px){.media-search-form.stack .platform-dropdown{top:auto;bottom:100%;border-top:1px solid var(--border-color);border-bottom:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.media-search-form.stack .platform-option:first-child{border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.media-search-form.stack .platform-option:last-child{border-radius:0}}.media-search-form.band.band-bottom .platform-dropdown{top:auto;bottom:100%;border-top:1px solid var(--border-color);border-bottom:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.media-search-form.band.band-bottom .platform-option:first-child{border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.media-search-form.band.band-bottom .platform-option:last-child{border-radius:0}.media-search-form{display:flex;align-items:center;gap:16px;padding:12px 20px;width:100%;box-sizing:border-box;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:var(--header-height);z-index:100}.media-search-form.stack{flex-direction:column;align-items:stretch;position:relative;top:auto;border-bottom:none;background:transparent;padding:10px 0}.form-fields{display:flex;align-items:center;gap:12px;flex:1;min-width:0;width:100%}.combobox{position:relative;flex:1;min-width:0;width:100%}.combobox-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:6px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:240px;overflow-y:auto}.combobox.band-bottom .combobox-options,.combobox.stack .combobox-options{top:auto;bottom:calc(100% + 6px)}.combobox-option{padding:8px 10px;border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-primary);font-size:13px;line-height:1.3}.combobox-option.active{background:var(--bg-hover)}.combobox-option-label{display:block}.combobox-loading{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:8px 10px;border-radius:var(--border-radius-md);background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);font-size:12px;z-index:var(--z-dropdown)}.combobox.band-bottom .combobox-loading,.combobox.stack .combobox-loading{top:auto;bottom:calc(100% + 6px)}.form-input{padding:0 12px;border:none;border-radius:var(--border-radius-md);min-height:40px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;flex:1;min-width:0;box-sizing:border-box}.combobox .form-input{width:100%;display:block}.media-search-form.band .form-input{flex:1 1 auto}.media-search-form.stack .form-input{width:100%;min-width:0;min-height:46px;flex:none}.form-input:focus{outline:2px solid var(--accent-green)}.form-input::placeholder{color:var(--text-placeholder)}.form-submit-button{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer;border:none;border-radius:var(--border-radius-md);font-family:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.5px;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;background-color:var(--accent-green-hover);color:var(--text-primary);font-weight:600;flex-shrink:0}.form-submit-icon{width:16px;height:16px;flex-shrink:0}.media-search-form.stack .form-submit-button{height:46px;width:100%;flex-shrink:1}.form-toolbar{display:flex;align-items:center;gap:12px;width:100%}.media-search-form.stack .form-toolbar .dropdown{flex:1;width:auto}.media-search-form.stack .form-toolbar .form-submit-button{width:auto;flex-shrink:0}.form-submit-button:hover:not(:disabled){background-color:var(--accent-green)}.form-submit-button:disabled{opacity:.6;cursor:not-allowed}.input-with-button{display:flex;gap:12px;align-items:center;flex:1;min-width:200px}.media-search-form.stack .input-with-button{width:100%;min-width:0;flex:none;display:flex;flex-direction:row;gap:12px}.input-with-button>.form-input{flex:1;margin:0;width:auto}.input-with-button .combobox{flex:1;min-width:0}.input-with-button .combobox .form-input{width:100%}.media-search-form.stack .input-with-button>.form-input{flex:1;width:auto}.media-search-form.stack .input-with-button .combobox .form-input{width:100%}.media-search-form.band .form-fields{flex:1 1 auto;gap:12px}.media-search-form.band .form-fields>.form-input,.media-search-form.band .form-fields>.input-with-button,.media-search-form.band .form-fields>.combobox{flex:1 1 0;min-width:0}.media-search-form.stack .form-fields{flex-direction:column;gap:12px;flex:none;width:100%}.icon-button{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-radius:var(--border-radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease;background-color:var(--bg-secondary);color:var(--text-primary);padding:0}.media-search-form.stack .icon-button{width:46px;height:46px}.icon-button:hover{background-color:var(--bg-tertiary)}.media-search-form>.dropdown{flex-shrink:0}.media-search-form.stack .dropdown{width:100%}@media(max-width:600px){.media-search-form.band{display:none}.media-search-form.stack{position:fixed;left:var(--spacing-md);right:var(--spacing-md);bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));width:auto;max-width:520px;margin:0 auto;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-overlay)}}@media(min-width:601px){.media-search-form.stack{display:none}.media-search-form.band{position:fixed;top:calc(var(--header-height) + var(--spacing-md));left:50%;transform:translate(-50%);width:calc(100% - 80px);max-width:1600px;border-bottom:none;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background-color:var(--bg-primary);box-shadow:var(--shadow-lg)}.media-search-form.band.band-top{bottom:auto}.media-search-form.band.band-bottom{top:auto;bottom:calc(var(--spacing-md) + 12px + env(safe-area-inset-bottom))}}.cover-link-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown)}.cover-link-modal{position:relative;width:min(520px,calc(100% - 32px));background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color)}.cover-link-close{position:absolute;top:12px;right:12px;width:32px;height:32px;margin:0;padding:0;border:none;border-radius:50%;background:var(--bg-overlay);cursor:pointer;display:flex;align-items:center;justify-content:center}.cover-link-close:hover{background:var(--accent-red-alpha);transform:scale(1.05)}.cover-link-close svg{width:16px;height:16px;display:block;color:var(--text-primary)}.cover-link-title{margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:700}.cover-link-subtitle{margin:8px 0 16px;color:var(--text-light);font-size:.9rem}.cover-link-input{width:100%;padding:12px 14px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.cover-link-actions{margin-top:16px;display:flex;gap:12px}.cover-link-save,.cover-link-clear{border:none;border-radius:var(--border-radius-md);padding:10px 16px;font-weight:700;cursor:pointer;font-family:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.5px;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease}.cover-link-save{background-color:var(--accent-green-hover);color:var(--text-primary)}.cover-link-save:hover{background-color:var(--accent-green)}.cover-link-save:disabled{opacity:.6;cursor:not-allowed}.cover-link-clear{background:var(--bg-secondary);color:var(--text-primary)}.cover-link-clear:hover{background:var(--bg-tertiary)}.cover-link-sources{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}.cover-link-sources a{color:var(--accent-blue);text-decoration:none;font-size:.9rem}.carousel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-dropdown);padding:var(--spacing-md);touch-action:none}.carousel-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:600px;max-height:100vh;gap:var(--spacing-md)}.carousel-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;padding:0;margin:0;border:none;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);z-index:10}.carousel-close:hover{background:var(--bg-tertiary)}.carousel-close svg{width:24px;height:24px}.carousel-header{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);padding:0 var(--spacing-md)}.carousel-title{display:flex;flex-direction:column;gap:2px;overflow:hidden}.carousel-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.carousel-header h3{margin:0;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-subtitle{font-size:13px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-counter{font-size:14px;opacity:.7;flex-shrink:0;margin-left:var(--spacing-md)}.carousel-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--border-radius-md);background:var(--bg-hover);min-height:300px;--carousel-slide-size: 88%;--carousel-peek: 14px}.embla{width:100%;height:100%}.embla__viewport{overflow:hidden;height:100%;width:100%;touch-action:pan-y;cursor:grab}.embla__viewport:active{cursor:grabbing}.embla__container{display:flex;align-items:center;height:100%;gap:var(--spacing-md);padding:0 var(--carousel-peek)}.embla__slide{flex:0 0 var(--carousel-slide-size);min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.embla__slide__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);position:relative}.embla__slide__button{border:none;background:transparent;padding:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.embla__slide__button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.embla__slide__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.embla__slide__loading{position:absolute;width:32px;height:32px;border-radius:50%;border:3px solid var(--bg-hover);border-top-color:var(--text-primary);animation:carousel-spin .8s linear infinite}@keyframes carousel-spin{to{transform:rotate(360deg)}}.carousel-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.carousel-progress-bar{width:100%;height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.carousel-progress-fill{height:100%;background:var(--accent-blue);transition:width .3s ease}@media(max-width:600px){.carousel-overlay{padding:var(--spacing-sm)}.carousel-container{gap:var(--spacing-sm)}.carousel-close{width:36px;height:36px;top:var(--spacing-sm);right:var(--spacing-sm)}.carousel-close svg{width:20px;height:20px}.carousel-header{padding:0 var(--spacing-sm)}.carousel-header h3{font-size:16px}.carousel-counter{font-size:12px}.carousel-footer{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.carousel-stage{--carousel-slide-size: 92%;--carousel-peek: 10px}}@media(min-width:900px){.carousel-stage{--carousel-slide-size: 84%;--carousel-peek: 18px}}