.settings-panel,.settings-panel__top-row{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.settings-panel__top-row{flex-direction:row;align-items:stretch}.settings-panel__top-row>.settings-card:first-child{flex:2 1;min-width:0}.settings-panel__top-row>.settings-card:last-child{flex:1 1;min-width:0}}.settings-panel__toggles{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.settings-panel__row{flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;text-align:center}.settings-panel__label{font-weight:600;color:var(--text-default,#1e293b)}.settings-panel__hint{margin:0;font-size:.75rem;color:var(--text-muted,#64748b)}.settings-panel__font-options{display:flex;flex-direction:column;gap:.5rem}.settings-panel__font-option{all:unset;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.5rem;cursor:pointer;min-height:44px;background:var(--surface-card,#ffffff);border:3px solid var(--surface-border,#e2e8f0);border-radius:.75rem;transition-property:border-color,background-color;transition-duration:.3s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.settings-panel__font-option{transition:none}}.settings-panel__font-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:.125rem}.settings-panel__font-option--selected{border-color:var(--color-primary);background:var(--surface-hover,#f8fafc)}.settings-panel__font-option:disabled{opacity:.5;cursor:not-allowed}.settings-panel__font-sample{flex:0 0 auto;font-size:1.5rem;font-weight:700;line-height:1.25;color:var(--text-default,#1e293b)}.settings-panel__font-sample[data-font-sample=lexend]{font-family:var(--font-lexend),system-ui,-apple-system,sans-serif}.settings-panel__font-sample[data-font-sample=atkinson]{font-family:var(--font-atkinson),system-ui,-apple-system,sans-serif}.settings-panel__font-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.settings-panel__font-name{font-size:.875rem;font-weight:600;color:var(--text-default,#1e293b)}.settings-panel__font-desc{font-size:.75rem;color:var(--text-muted,#64748b)}.settings-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--surface-card,#ffffff);border:1px solid var(--surface-border,#e2e8f0);border-radius:.75rem}.settings-card__appearance{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem}.settings-card__appearance .lang-selector{height:2.75rem;width:5.5rem;flex-wrap:nowrap}.settings-card__appearance .lang-selector button{flex:1 1;min-width:0;padding-inline:.125rem}.subscription-panel{display:flex;flex-direction:column;gap:1rem}.subscription-panel__state{padding:1rem;text-align:center;color:var(--text-muted,#64748b)}.subscription-panel__state--error{color:var(--feedback-error-base,#ef4444)}.subscription-panel__active{margin:0;font-weight:600}.subscription-panel__plans{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}@media(min-width:768px){.subscription-panel__plans{flex-direction:row}}.subscription-panel__plan{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;border-radius:.75rem;background:var(--surface-card,#ffffff)}.subscription-panel__plan-name{margin:0;font-size:1.125rem}.subscription-panel__badge{align-self:flex-start;margin:0;padding:.25rem .5rem;border-radius:3.125rem;background:var(--surface-soft,#f8fafc);font-size:.875rem}.subscription-panel__price{margin:0;font-size:1.5rem;font-weight:700}.subscription-panel__period{margin-left:.25rem;font-size:.875rem;font-weight:400;color:var(--text-muted,#64748b)}.subscription-panel__equivalent,.subscription-panel__notice{margin:0;font-size:.875rem;color:var(--text-muted,#64748b)}.subscription-panel__benefits{display:flex;flex-direction:column;gap:.25rem;margin:0;padding-left:1rem;font-size:.875rem}:root{--opacity-xs:0.05;--opacity-sm:0.1;--opacity-md:0.15;--opacity-lg:0.2;--opacity-xl:0.3;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1050;--z-tooltip:1100;--z-notification:1200;--color-admin:role-color("admin","base");--color-abonne:role-color("abonne","base");--color-free:role-color("free","base");--color-visitor:role-color("visitor","base");--spacing-none:0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4:0.25rem;--spacing-8:0.5rem;--spacing-12:0.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-44:2.75rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--a11y-min-touch-target:44px;--a11y-preferred-touch-target:56px;--a11y-optimal-touch-target:48px;--a11y-focus-ring-width:2px;--a11y-focus-ring-offset:2px;--a11y-reduced-motion-duration:0.01ms;--a11y-safe-animation-duration:200ms;--a11y-safe-transition-duration:150ms;--a11y-contrast-min:4.5;--a11y-contrast-enhanced:7;--a11y-line-spacing-min:1.5;--a11y-paragraph-spacing-min:1.5em;--a11y-disabled-opacity:0.5;--border-width-none:0;--border-width-thin:1px;--border-width-base:2px;--border-width-focus:2px;--border-width-medium:3px;--border-width-thick:4px;--border-width-extra:6px;--border-input:2px;--border-button-focus:2px;--border-divider:1px;--border-card:1px;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--font-tsa:var(--font-atkinson),system-ui,-apple-system,Segoe UI,sans-serif}[data-font=lexend]{--font-tsa:var(--font-lexend),system-ui,-apple-system,Segoe UI,sans-serif}:root{--shadow-xs:0 1px 2px rgba(15,23,42,0.05);--shadow-sm:0 2px 4px rgba(15,23,42,0.08);--shadow-md:0 4px 8px rgba(15,23,42,0.1);--shadow-lg:0 8px 16px rgba(15,23,42,0.12);--shadow-xl:0 12px 24px rgba(15,23,42,0.15);--shadow-2xl:0 20px 40px rgba(15,23,42,0.2);--shadow-default:0 2px 6px rgba(0,0,0,0.15);--shadow-subtle:0 1px 2px rgba(15,23,42,0.05);--shadow-raised:0 4px 12px rgba(0,0,0,0.15);--shadow-floating:0 8px 24px rgba(0,0,0,0.2);--shadow-modal:0 20px 40px rgba(15,23,42,0.2);--radius-none:0;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:50%;--radius-default:8px;--radius-card:0.75rem;--radius-button:0.375rem;--radius-input:0.375rem;--radius-modal:1.25rem;--timing-xs:0.15s;--timing-sm:0.2s;--timing-base:0.3s;--timing-lg:0.5s;--timing-xl:0.8s;--timing-2xl:1.2s;--easing-linear:linear;--easing-smooth-out:ease-out}.child-profile-selector{display:flex;flex-direction:column;gap:.5rem}.child-profile-selector__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.child-profile-selector__add-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.25rem .5rem;border:1px dashed var(--surface-border,#e2e8f0);border-radius:.375rem;background:rgba(0,0,0,0);color:var(--text-muted,#64748b);font-size:.875rem;font-weight:500;cursor:pointer;transition-property:background color border-color;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.child-profile-selector__add-btn{transition:none}}.child-profile-selector__add-btn:hover:not(:disabled){background:var(--surface-card,#ffffff);color:var(--text-primary,#1e293b);border-color:#2871a8}.child-profile-selector__add-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.child-profile-selector__add-btn--icon{padding:.25rem;font-size:1.25rem;line-height:1;width:2.75rem}.child-profile-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-width:4rem;min-height:4rem;padding:.25rem .5rem;border:3px solid var(--surface-border,#e2e8f0);border-radius:.75rem;background:var(--surface-card,#ffffff);cursor:pointer;transition-property:background border-color box-shadow;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.child-profile-card{transition:none}}.child-profile-card:hover:not(:disabled){background:var(--surface-hover,#f8fafc);border-color:#2871a8;box-shadow:0 4px 12px rgba(0,0,0,.15)}.child-profile-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.child-profile-card--active{border-color:#2871a8;background:#4dabf7}.child-profile-card--active .child-profile-card__name{font-weight:700;color:var(--text-primary,#1e293b)}.child-profile-card--locked{opacity:.6;cursor:not-allowed;border-style:dashed;background:var(--surface-bg,#ffffff)}.child-profile-card--locked:hover{background:var(--surface-bg,#ffffff);border-color:var(--surface-border,#e2e8f0)}.child-profile-card__avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;color:var(--text-invert,#ffffff);font-size:1.125rem;font-weight:700;line-height:1;flex-shrink:0;background:#3b82f6}.child-profile-card__avatar[data-color=blue]{background:#3b82f6}.child-profile-card__avatar[data-color=green]{background:#22c55e}.child-profile-card__avatar[data-color=orange]{background:#f97316}.child-profile-card__avatar[data-color=purple]{background:#a855f7}.child-profile-card__avatar[data-color=red]{background:#ef4444}.child-profile-card__avatar[data-color=yellow]{background:#facc15}.child-profile-card__avatar[data-color=teal]{background:#14b8a6}.child-profile-card__avatar[data-color=pink]{background:#ec4899}.child-profile-card__avatar[data-color=yellow]{color:var(--text-primary,#1e293b)}.child-profile-card__name{font-size:.75rem;font-weight:500;color:var(--text-secondary,#475569);line-height:1.25;text-align:center;word-break:break-word;max-width:4rem}.child-profile-card__lock{font-size:.75rem;line-height:1}.child-profile-create-form{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--surface-card,#ffffff);border:1px solid var(--surface-border,#e2e8f0);border-radius:.75rem}.child-profile-create-form__input{width:100%;padding:.25rem .5rem;border:1px solid var(--surface-border,#e2e8f0);border-radius:.375rem;background:var(--surface-bg,#ffffff);color:var(--text-primary,#1e293b);font-size:1rem;line-height:1.5;transition-property:border-color box-shadow;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.child-profile-create-form__input{transition:none}}.child-profile-create-form__input::placeholder{color:var(--text-muted,#64748b)}.child-profile-create-form__input:focus,.child-profile-create-form__input:focus-visible{outline:none;border-color:var(--feedback-info-border,#7dd3fc);box-shadow:0 0 0 3px rgba(40,113,168,.1)}.child-profile-create-form__input:disabled{opacity:.6;cursor:not-allowed}.child-profile-create-form__error{font-size:.875rem;color:var(--feedback-error-base,#ef4444);line-height:1.5;margin:0;padding:.25rem .5rem;background:var(--feedback-error-light,#fee2e2);border-radius:.25rem}.child-profile-create-form__actions{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end}.child-profile-create-form__btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem .25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition-property:background border-color opacity;transition-duration:.15s;transition-timing-function:linear}@media(prefers-reduced-motion:reduce){.child-profile-create-form__btn{transition:none}}.child-profile-create-form__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.child-profile-create-form__btn:disabled{opacity:.5;cursor:not-allowed}.child-profile-create-form__btn--submit{background:#2871a8;color:var(--text-invert,#ffffff);border:1px solid #2871a8}.child-profile-create-form__btn--submit:hover:not(:disabled){background:#1f5e8e;border-color:#1f5e8e}.child-profile-create-form__btn--cancel{background:rgba(0,0,0,0);color:var(--text-secondary,#475569);border:1px solid var(--surface-border,#e2e8f0)}.child-profile-create-form__btn--cancel:hover:not(:disabled){background:var(--surface-card,#ffffff);color:var(--text-primary,#1e293b)}@media(min-width:768px){.child-profile-selector__list{gap:.5rem}.child-profile-card{min-width:5rem;padding:.5rem .25rem}}