.family-settings{--settings-gold:#cba135;box-sizing:border-box;color:#f2ecdd;overscroll-behavior:contain;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#161e33;border:1px solid #3a4a73;border-radius:20px 20px 0 0;width:min(480px,100%);max-width:100%;max-height:88dvh;margin:auto auto 0;padding:0;font:14px/1.5 Inter,sans-serif;overflow-y:auto;box-shadow:0 -12px 64px #080c1d66}.family-settings::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e1aa6}.family-settings *{box-sizing:border-box}.settings-header{z-index:1;background:#161e33;border-bottom:1px solid #3a4a7366;justify-content:space-between;align-items:center;padding:22px 22px 18px;display:flex;position:sticky;top:0}.settings-heading{align-items:center;gap:12px;display:flex}.settings-emblem{color:#e4c766;background:#cba13512;border:1px solid #cba13544;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.family-settings h2{margin:0;font:600 22px/1.2 Fraunces,serif}.family-settings p{color:#b9bfd1;margin:8px 0 14px;font-size:12.5px}.settings-heading p{margin:4px 0 0;font-size:11.5px}.settings-close{color:#b9bfd1;cursor:pointer;background:#1f2a47;border:1px solid #3a4a73;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.settings-content{padding:20px 22px 0}.settings-account{overflow-wrap:anywhere;background:#1f2a47;border:1px solid #3a4a73;border-radius:14px;padding:16px}.settings-eyebrow{letter-spacing:.14em;color:#e4c766;font-size:10px;font-weight:600}.family-settings .settings-tree-name{margin:5px 0 4px;font:500 21px/1.3 Fraunces,serif}.settings-account p{margin:4px 0 10px}.settings-role{color:#e4c766;background:#cba13516;border:1px solid #cba13544;border-radius:30px;padding:3px 9px;font-size:11px;display:inline-flex}.settings-section{border-bottom:1px solid #3a4a7366;padding:22px 0}.settings-section:last-child{border-bottom:0}.settings-section h3{align-items:center;gap:8px;margin:0 0 12px;font:500 17px Fraunces,serif;display:flex}.settings-section h3 svg{color:#e4c766}.settings-count{color:#b9bfd1;background:#243357;border-radius:20px;margin-left:auto;padding:4px 8px;font:12px Inter,sans-serif}.family-settings code{color:#e4c766;letter-spacing:.04em;background:#1f2a47;border:1px dashed #cba13566;border-radius:10px;padding:13px;font-size:13px;display:block}.settings-button{color:#f2ecdd;cursor:pointer;background:#1f2a47;border:1px solid #3a4a73;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;margin:4px 6px 4px 0;padding:10px 12px;font:500 12px/1.4 Inter,sans-serif;display:inline-flex}.settings-button:hover:not(:disabled),.settings-close:hover{background:#243357;border-color:#cba13588}.family-settings button:disabled{opacity:.45;cursor:not-allowed}.family-settings :is(button,input,select):focus-visible{outline-offset:3px;outline:2px solid #e4c766}.family-settings ul{margin:0;padding:0;list-style:none}.family-settings li{background:#1f2a47;border:1px solid #3a4a7388;border-radius:11px;padding:12px;font-size:12px}.family-settings li>span{color:#b9bfd1;margin-bottom:6px;display:block}.family-settings select,.family-settings input{color:#f2ecdd;background:#1f2a47;border:1px solid #3a4a73;border-radius:10px;max-width:100%;padding:11px 12px;font:14px Inter,sans-serif}.family-settings label{color:#b9bfd1;font-size:12px;display:block}.family-settings input{width:100%;margin-top:7px;font-size:16px;display:block}.settings-primary{color:#161e33;background:#cba135;border-color:#cba135;width:100%;margin-top:12px}.settings-primary:hover:not(:disabled){color:#161e33;background:#e4c766}.settings-footer{padding:0 22px max(20px, env(safe-area-inset-bottom))}.settings-signout{color:#d6a18d;background:0 0;border-color:#b7796044;width:100%}.family-settings .settings-error{color:#efb9a4;background:#b779601a;border:1px solid #b7796077;border-radius:10px;padding:12px}.settings-sr-only{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.family-settings{border-radius:20px;max-height:86dvh;margin:auto}}@media (prefers-reduced-motion:no-preference){.family-settings[open]{animation:.18s ease-out settings-appear}@keyframes settings-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}