:root{--primary: #2D2D2D;--primary-shade-1: #292929;--primary-shade-2: #1F1F1F;--secondary: #4FC3F7;--secondary-shade-1: #29B4F5;--secondary-shade-2: #0BA3EA;--tertiary: #F3F6FA;--tertiary-shade-1: #E2EAF3;--tertiary-shade-2: #CBCFD4;--tertiary-shade-3:#DBDCDD;--tertiary-shade-4:#F3F6FA;--accent: #7E57C2;--accent-shade-1: #593696;--accent-shade-2: #472B78;--text-primary: var(--primary);--text-light: var(--tertiary);--link: var(--secondary);--link-hover: var(--secondary-shade-2);--button-primary: var(--secondary);--button-primary-hover: var(--secondary-shade-2);--button-secondary: var(--accent);--button-secondary-hover: var(--accent-shade-1);--background: var(--tertiary);--background-dark: var(--primary);--background-hover: #CFE9FD;--success-green: #4CAF50;--warning-orange: #FF9800;--error-red: #D32F2F;--info-blue: #2196F3;--overlay: rgba(0, 0, 0, .5);--backdrop: .5}input,textarea,select{font-family:Noto Sans,Arial,sans-serif}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:2000;background-color:#00000080}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0003;position:relative;text-align:center;display:flex;flex-direction:column}.modal-heading{font-weight:700;font-size:18px;margin-bottom:10px;text-align:center}.modal-footer{display:flex;justify-content:center;gap:20px;padding-top:15px;margin-top:auto;border-top:1px solid #eee}.close-button{position:absolute;top:16px;right:16px;background:none;border:2px solid #bbb;border-radius:50%;width:36px;height:36px;font-size:26px;color:#444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background .2s,border-color .2s,color .2s;z-index:10}.close-button:hover{background:#f0f0f0;border-color:#888;color:#111}.button-row{display:flex;gap:10px;margin-top:20px;justify-content:center}.button-row-button{padding:10px 50px;border:none;border-radius:6px;background:var(--secondary);color:var(--tertiary);cursor:pointer;font-weight:600;font-size:16px;transition:background-color .3s,color .3s}.button-row-button:hover{background:var(--secondary-shade-2);color:var(--tertiary)}.button-row-button.primary{background:var(--secondary);color:var(--tertiary)}.button-row-button.primary:hover{background:var(--secondary-shade-2)}.button-row-button.secondary{background:var(--tertiary-shade-2);color:var(--primary)}.button-row-button.secondary:hover{background:var(--tertiary-shade-1)}.button-row-button.danger{background:var(--error-red);color:var(--tertiary)}.button-row-button.danger:hover{background:#c62828}.danger-button{background:#e53935!important;color:#fff!important;border:none;font-weight:700;border-radius:6px;padding:10px 50px;font-size:16px;transition:background .15s}.danger-button:hover:not(:disabled){background:#b71c1c!important;color:#fff!important}.danger-button:disabled{background-color:#e539354d!important;cursor:not-allowed}.clearButton{background-color:transparent;color:var(--secondary);font-size:14px;font-weight:700;font-family:Noto Sans,Arial,sans-serif;border:none;cursor:pointer;text-align:center;text-decoration:none;padding-bottom:0;display:flex;flex-wrap:nowrap;border-radius:6px;transition:color .2s}.clearButton:hover{color:#129afe;background:transparent}.clearButton.active{color:#0068b1}.share-button{background-color:#4c5f84;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:16px;transition:background-color .2s}.share-button:hover{background-color:var(--secondary-shade-2);color:#fff}.share-button:disabled{background-color:#4c5f8466;cursor:not-allowed}.disabledButton{cursor:not-allowed;background-color:#4c5f856d}.headingButton{background-color:transparent;color:#222;gap:4px;font-size:14px;font-weight:700;font-family:Noto Sans,Arial,sans-serif;border:none;cursor:pointer;text-align:center;text-decoration:none;padding:6px 2px;margin-right:0;display:flex;flex-wrap:nowrap;border-radius:6px;transition:color .2s;align-self:center;align-items:center}.headingButton:hover,.headingButton:focus{color:var(--secondary);background:transparent}.headingButton.active{color:#0068b1}.addVideoButton:disabled{opacity:.6;cursor:not-allowed}.headingButton svg{margin-left:6px;margin-right:0;vertical-align:middle;color:inherit;transition:color .2s}.headingButton:hover svg,.headingButton:focus svg{color:var(--secondary)}.circular-checkbox{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--secondary-shade-2);background-color:#fff;cursor:pointer;position:relative}.circular-checkbox:checked{background-color:var(--secondary);border-color:var(--secondary)}.circular-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headingTabButton{background-color:transparent;color:var(--primary);font-size:15px;font-weight:700;font-family:Noto Sans,Arial,sans-serif;border:none;cursor:pointer;text-align:center;text-decoration:none;padding:8px 6px;margin-right:2px;display:flex;flex-wrap:nowrap;border-radius:6px;transition:color .2s;white-space:nowrap;align-items:center}.headingTabButton:hover,.headingTabButton:focus{color:var(--secondary-shade-2)}.headingTabButton.active{color:var(--secondary-shade-2);position:relative}.headingTabButton.active:after{content:"";position:absolute;bottom:-4px;left:15px;right:0;height:2px;background-color:var(--secondary-shade-2);width:calc(100% - 30px)}.sidebarCloseButton{background:transparent;border:1.2px solid #222;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s;cursor:pointer}.sidebarCloseButton:hover{background:var(--secondary-shade-3)}.spotlight-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.spotlight-overlay.active{opacity:1;visibility:visible}.is-spotlighted{position:relative;z-index:9999;transition:all .3s ease-in-out;border-radius:8px;box-shadow:0 0 0 5px var(--secondary-shade-2);background:var(--tertiary);padding:1rem;margin:-1rem;scroll-margin-top:100px}