.settings-page{--settings-titlebar-traffic-inset:var(--settings-v2-titlebar-traffic-inset,84px);background:var(--settings-v2-page-bg)}.settings-titlebar{-webkit-app-region:drag;display:flex;flex-direction:row;align-items:flex-start;width:100%;box-sizing:border-box;flex-shrink:0;min-height:var(--settings-v2-titlebar-height,44px);height:var(--settings-v2-titlebar-height,44px);padding-top:var(--settings-v2-titlebar-controls-offset,11px);padding-right:var(--space-v2-4,16px);background:var(--settings-v2-page-bg);border-bottom:1px solid var(--settings-v2-titlebar-border);position:relative;z-index:10}.settings-titlebar__traffic-spacer{flex-shrink:0;width:var(--settings-titlebar-traffic-inset);height:var(--settings-v2-titlebar-content-height,20px);-webkit-app-region:drag}.settings-titlebar__actions{padding-top:5px;display:flex;flex-direction:row;gap:6px;height:var(--settings-v2-titlebar-content-height,20px)}.settings-titlebar__actions,.settings-titlebar__back{-webkit-app-region:no-drag;align-items:center;flex-shrink:0}.settings-titlebar__back{display:inline-flex;justify-content:center;width:16px;height:16px;margin:0;padding:0;border:none;background:transparent;cursor:pointer;color:var(--settings-v2-title);transition:color .15s ease}.settings-titlebar__back:hover{color:var(--settings-v2-nav-text)}.settings-titlebar__back-icon{display:block;width:16px;height:16px}.settings-titlebar__title{-webkit-app-region:drag;margin:0;padding:0;display:flex;align-items:center;font-size:var(--font-size-settings-titlebar,15px);line-height:1;font-weight:var(--font-weight-v2-medium,500);color:var(--settings-v2-title)}.settings-titlebar a,.settings-titlebar button{-webkit-app-region:no-drag}.settings-nav{--settings-nav-width-expanded:var(--settings-v2-nav-width,332px);--settings-nav-width-collapsed:46px;width:var(--settings-nav-width-expanded);flex-shrink:0;display:flex;flex-direction:column;background:var(--settings-v2-nav-bg);border-right:1px solid var(--settings-v2-nav-divider);padding:var(--settings-v2-nav-padding-top,24px) var(--settings-v2-nav-padding-x,29px) var(--space-v2-6,24px);overflow-y:auto;overflow-x:hidden;transition:width .2s ease,padding .2s ease}.settings-nav--collapsed{width:var(--settings-nav-width-collapsed);padding:var(--settings-v2-nav-padding-top,24px) 0 var(--space-v2-6,24px)}.settings-nav__toolbar{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;margin-bottom:12px}.settings-nav__rail{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}.settings-nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.settings-nav-flyout{left:8px;top:calc(var(--settings-v2-titlebar-height, 44px) + 16px);width:min(var(--settings-nav-width-expanded,332px),100vw - 24px);max-height:min(680px,100dvh - var(--settings-v2-titlebar-height,44px) - 48px)}.settings-nav-flyout__inner{overflow-y:auto;padding:16px 20px 20px}.settings-nav__item{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--settings-v2-nav-item-height,40px);padding:0 10px;border:none;border-radius:6px;text-align:left;font-size:var(--font-size-settings-nav,15px);line-height:var(--line-height-settings-compact,20px);font-weight:var(--font-weight-v2-regular,400);color:var(--settings-v2-nav-text);background:transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease}.settings-nav__item:hover{background:color-mix(in srgb,var(--settings-v2-nav-active) 60%,transparent);color:var(--settings-v2-title)}.settings-nav__item--active{background:var(--settings-v2-nav-active);color:var(--settings-v2-title)}.settings-nav__item-icon{width:18px;height:18px;flex-shrink:0}.settings-nav__item-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.settings-content{container-type:inline-size;container-name:settings-content;flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--settings-v2-page-bg);padding:var(--settings-v2-content-padding-top,34px) var(--settings-v2-content-padding-x,51px) var(--space-v2-8,32px)}.settings-content__inner{width:100%;max-width:694px;display:flex;flex-direction:column;gap:var(--space-v2-8,32px)}.settings-content__inner--full{max-width:none}.settings-personalisation{width:100%;min-width:0}.settings-personalisation .settings-divider{max-width:none}.settings-personalisation .personalisation-chip-grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.settings-personalisation .personalisation-chip-grid .personalisation-chip{width:100%;min-width:0;height:auto;min-height:var(--settings-v2-input-height,48px);padding:10px 14px;white-space:normal;text-align:center;line-height:1.25}.settings-personalisation .personalisation-chip-field{display:flex;flex-direction:column;gap:24px}.settings-personalisation .personalisation-bulk-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;width:100%}.settings-personalisation .personalisation-genre-select{max-width:none}.settings-personalisation .personalisation-genre-select__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px}.settings-personalisation .personalisation-try-first-area{max-width:none}@container settings-content (max-width: 72rem){.settings-personalisation .personalisation-chip-grid,.settings-personalisation .personalisation-genre-select__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container settings-content (max-width: 56rem){.settings-personalisation .personalisation-chip-grid,.settings-personalisation .personalisation-genre-select__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container settings-content (max-width: 40rem){.settings-content{padding-left:var(--space-v2-4,16px);padding-right:var(--space-v2-4,16px)}.settings-personalisation .personalisation-chip-grid,.settings-personalisation .personalisation-genre-select__grid{grid-template-columns:minmax(0,1fr)}}.settings-divider{width:100%;max-width:754px;height:1px;border:none;margin:0;background:var(--settings-v2-divider)}.settings-chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;max-width:694px;min-height:var(--settings-v2-input-height,48px);padding:8px 12px;box-sizing:border-box;border-radius:var(--radius-v2-md,6px);border:1px solid var(--settings-v2-input-border);background:var(--settings-v2-input-bg);color:var(--settings-v2-input-text);cursor:text;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.settings-chip-input:focus-within{border-color:var(--Blue-shades-Blue-300,#717aff)}.settings-chip-input--disabled{cursor:not-allowed;opacity:.7}.settings-chip-input__pill{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 6px 4px 10px;border-radius:999px;background:var(--settings-v2-nav-active);color:var(--settings-v2-input-text);font-size:var(--font-size-settings-caption,13px);line-height:1.2}.settings-chip-input__pill-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-chip-input__pill-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--settings-v2-section-subtitle);cursor:pointer;border-radius:999px}.settings-chip-input__pill-remove:hover:not(:disabled){color:var(--settings-v2-title)}.settings-chip-input__pill-remove:disabled{cursor:not-allowed}.settings-chip-input__field{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;padding:4px 2px;font-size:var(--font-size-settings-body,15px);line-height:var(--line-height-settings-compact,20px);font-weight:var(--font-weight-v2-regular,400);color:var(--settings-v2-input-text)}.settings-chip-input__field::-moz-placeholder{color:var(--settings-v2-section-subtitle)}.settings-chip-input__field::placeholder{color:var(--settings-v2-section-subtitle)}.settings-chip-input__field:disabled{cursor:not-allowed}.settings-appearance-options{display:flex;flex-wrap:wrap;gap:var(--space-v2-6,24px)}.settings-appearance-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;text-align:center}.settings-appearance-option:focus-visible{outline:2px solid var(--Blue-shades-Blue-300,#717aff);outline-offset:4px;border-radius:12px}.settings-appearance-option__preview{width:188px;height:104px;overflow:hidden;border-radius:11px;border:3px solid var(--settings-v2-input-border);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.settings-appearance-option:hover .settings-appearance-option__preview{border-color:var(--settings-v2-nav-text)}.settings-appearance-option--selected .settings-appearance-option__preview{border-color:var(--Blue-shades-Blue-300,#717aff);box-shadow:0 0 0 1px color-mix(in srgb,var(--Blue-shades-Blue-300,#717aff) 35%,transparent)}.settings-appearance-option--selected:hover .settings-appearance-option__preview{border-color:var(--Blue-shades-Blue-300,#717aff)}.settings-appearance-option__label{font-size:var(--font-size-settings-body,15px);line-height:var(--line-height-settings-compact,20px);font-weight:var(--font-weight-v2-regular,400);color:var(--settings-v2-section-subtitle);transition:color .15s ease}.settings-appearance-option:hover .settings-appearance-option__label{color:var(--settings-v2-title)}.settings-appearance-option--selected .settings-appearance-option__label{color:var(--settings-v2-title);font-weight:var(--font-weight-v2-medium,500)}