.settings-page{--st-radius:.45rem;--st-radius-lg:.65rem;--st-border:color-mix(in oklch, var(--foreground) 12%, transparent);--st-border-strong:color-mix(in oklch, var(--foreground) 22%, transparent);--st-fill:color-mix(in oklch, var(--foreground) 3.5%, var(--background));--st-fill-hover:color-mix(in oklch, var(--foreground) 6%, var(--background));--st-control-h:2.15rem;--st-control-px:.7rem;--st-icon:.85rem;--st-ease:cubic-bezier(.22, 1, .36, 1)}.dark .settings-page{--st-border:#ffffff1f;--st-border-strong:#ffffff38;--st-fill:color-mix(in oklch, white 4%, var(--background));--st-fill-hover:color-mix(in oklch, white 7%, var(--background))}@supports (color:lab(0% 0 0)){.dark .settings-page{--st-border:lab(100% 0 0/.12);--st-border-strong:lab(100% 0 0/.22)}}.settings-card{border:1px solid var(--st-border);border-radius:var(--st-radius-lg);background:var(--st-fill)}.settings-card-head{border-bottom:1px solid var(--st-border);align-items:flex-start;gap:.65rem;padding:.85rem 1rem .75rem;display:flex}.settings-card-body{padding:.9rem 1rem 1rem}.settings-card-danger{border-color:color-mix(in oklch, var(--destructive) 35%, transparent);background:color-mix(in oklch, var(--destructive) 5%, var(--background))}.settings-icon{border:1px solid var(--st-border);border-radius:calc(var(--st-radius) - 1px);background:var(--background);width:1.75rem;height:1.75rem;color:color-mix(in oklch, var(--foreground) 65%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-icon svg{width:var(--st-icon);height:var(--st-icon);stroke-width:1.6px}.settings-icon-lg{width:2.1rem;height:2.1rem}.settings-icon-active{border-color:color-mix(in oklch, var(--primary) 40%, transparent);background:var(--primary);color:var(--primary-foreground)}.settings-nav{border:1px solid var(--st-border);border-radius:var(--st-radius-lg);background:var(--background);padding:.3rem}.settings-nav-item{border-radius:var(--st-radius);width:100%;height:2rem;color:color-mix(in oklch, var(--foreground) 58%, transparent);cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:.5rem;padding-inline:.55rem;font-size:.8125rem;line-height:1;transition:background-color .14s,color .14s;display:flex}.settings-nav-item:hover{background:var(--st-fill-hover);color:var(--foreground)}.settings-nav-item:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--ring) 45%, transparent)}.settings-nav-item[aria-current=page]{background:color-mix(in oklch, var(--primary) 10%, transparent);color:var(--foreground);box-shadow:inset -2px 0 0 var(--primary);font-weight:600}.settings-nav-item svg{stroke-width:1.6px;opacity:.75;flex-shrink:0;width:.9rem;height:.9rem}.settings-page .settings-input,.settings-page input.settings-input,.settings-page textarea.settings-input{min-height:var(--st-control-h);transition:border-color .14s,background-color .14s;height:var(--st-control-h)!important;border-radius:var(--st-radius)!important;border-color:var(--st-border)!important;background:var(--background)!important;padding-inline:var(--st-control-px)!important;box-shadow:none!important;font-size:.8125rem!important}.settings-page textarea.settings-input{min-height:5.5rem;line-height:1.55;height:auto!important;padding-block:.55rem!important}.settings-page .settings-input:hover,.settings-page input.settings-input:hover,.settings-page textarea.settings-input:hover{border-color:var(--st-border-strong)!important}.settings-page .settings-input:focus-visible,.settings-page input.settings-input:focus-visible,.settings-page textarea.settings-input:focus-visible{border-color:color-mix(in oklch, var(--primary) 55%, transparent)!important;box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 16%, transparent)!important;outline:none!important}.settings-page [data-slot=select-trigger].settings-input{height:var(--st-control-h)!important;min-height:var(--st-control-h)!important;border-radius:var(--st-radius)!important;border-color:var(--st-border)!important;background:var(--background)!important;box-shadow:none!important;font-size:.8125rem!important}.settings-page [data-slot=select-trigger].settings-input:focus-visible{border-color:color-mix(in oklch, var(--primary) 55%, transparent)!important;box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 16%, transparent)!important}.settings-btn{letter-spacing:-.01em;height:var(--st-control-h)!important;min-height:var(--st-control-h)!important;border-radius:var(--st-radius)!important;box-shadow:none!important;transition:transform .16s var(--st-ease), background-color .14s ease, border-color .14s ease, color .14s ease!important;padding-inline:.85rem!important;font-size:.8125rem!important;font-weight:500!important}.settings-btn-sm{height:1.85rem!important;min-height:1.85rem!important;padding-inline:.7rem!important;font-size:.75rem!important}.settings-btn-primary{border:1px solid color-mix(in oklch, var(--primary) 55%, transparent)!important;background:var(--primary)!important;color:var(--primary-foreground)!important;box-shadow:inset 0 1px 0 #ffffff29, 0 1px 0 color-mix(in oklch, var(--foreground) 6%, transparent)!important}@supports (color:lab(0% 0 0)){.settings-btn-primary{box-shadow:inset 0 1px 0 lab(100% 0 0/.16), 0 1px 0 color-mix(in oklch, var(--foreground) 6%, transparent)!important}}.settings-btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-.5px)}.settings-btn-soft{border:1px solid var(--st-border)!important;background:var(--background)!important;color:var(--foreground)!important}.settings-btn-soft:hover:not(:disabled){border-color:var(--st-border-strong)!important;background:var(--st-fill-hover)!important}.settings-btn-danger{border:1px solid color-mix(in oklch, var(--destructive) 40%, transparent)!important;background:color-mix(in oklch, var(--destructive) 8%, var(--background))!important;color:var(--destructive)!important}.settings-btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--destructive) 14%, var(--background))!important}.settings-btn:disabled{opacity:.45;transform:none!important}.settings-row{border-bottom:1px solid var(--st-border);justify-content:space-between;align-items:center;gap:.85rem;min-height:2.75rem;padding-block:.55rem;display:flex}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-choice{border:1px solid var(--st-border);border-radius:var(--st-radius);background:var(--background);cursor:pointer;flex-direction:column;gap:.55rem;min-height:100%;padding:.75rem;transition:border-color .14s,background-color .14s;display:flex}.settings-choice:hover{border-color:var(--st-border-strong)}.settings-choice[data-selected=true]{border-color:color-mix(in oklch, var(--primary) 42%, transparent);background:color-mix(in oklch, var(--primary) 8%, var(--background));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--primary) 22%, transparent)}.settings-meter{border:1px solid var(--st-border);border-radius:var(--st-radius-lg);background:var(--background);padding:.9rem 1rem}.settings-meter-bar{background:var(--st-border);border-radius:99px;height:3px;margin-top:.75rem;overflow:hidden}.settings-meter-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .28s var(--st-ease)}.settings-session{border:1px solid var(--st-border);border-radius:var(--st-radius);background:var(--background);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.6rem;padding:.55rem .7rem;display:flex}.settings-savebar{inset-inline:0;z-index:40;pointer-events:none;justify-content:center;padding:.75rem;display:flex;position:fixed;bottom:0}.settings-savebar-inner{pointer-events:auto;border:1px solid var(--st-border-strong);border-radius:var(--st-radius-lg);background:var(--background);width:100%;max-width:26rem;box-shadow:0 10px 28px -14px color-mix(in oklch, var(--foreground) 28%, transparent);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .5rem .45rem .85rem;display:flex}.style-nova .settings-page{--st-radius:.35rem;--st-radius-lg:.5rem;--st-border:color-mix(in oklch, var(--foreground) 11%, transparent);--st-fill:color-mix(in oklch, var(--primary) 4%, var(--background));--st-fill-hover:color-mix(in oklch, var(--primary) 8%, var(--background))}.style-vega .settings-page{--st-radius:.7rem;--st-radius-lg:.95rem;--st-border:color-mix(in oklch, var(--foreground) 10%, transparent);--st-fill:color-mix(in oklch, var(--card) 88%, var(--background));--st-fill-hover:color-mix(in oklch, var(--primary) 6%, var(--card));--st-control-h:2.35rem}.style-vega .settings-card,.style-vega .settings-nav,.style-vega .settings-meter,.style-vega .settings-savebar-inner{box-shadow:0 14px 36px -28px color-mix(in oklch, var(--foreground) 30%, transparent)}.style-glass .settings-page{--st-radius:.65rem;--st-radius-lg:.85rem;--st-border:color-mix(in oklch, var(--primary) 22%, var(--border));--st-fill:color-mix(in oklch, var(--card) 55%, transparent);--st-fill-hover:color-mix(in oklch, var(--primary) 10%, transparent)}.style-glass .settings-card,.style-glass .settings-nav,.style-glass .settings-meter,.style-glass .settings-session,.style-glass .settings-choice,.style-glass .settings-savebar-inner,.style-glass .settings-page .settings-input,.style-glass .settings-page input.settings-input,.style-glass .settings-page textarea.settings-input,.style-glass .settings-page [data-slot=select-trigger].settings-input{-webkit-backdrop-filter:blur(12px)saturate(1.15)}.style-rose .settings-page{--st-radius:.85rem;--st-radius-lg:1.1rem;--st-border:color-mix(in oklch, var(--primary) 18%, var(--border));--st-fill:color-mix(in oklch, var(--primary) 6%, var(--card));--st-fill-hover:color-mix(in oklch, var(--primary) 11%, var(--card))}.style-rose .settings-btn-primary,.style-rose .settings-icon,.style-rose .settings-nav-item{border-radius:999px!important}.style-nili .settings-page{--st-radius:.15rem;--st-radius-lg:.2rem;--st-border:color-mix(in oklch, var(--foreground) 16%, transparent);--st-border-strong:color-mix(in oklch, var(--foreground) 28%, transparent);--st-fill:var(--card);--st-fill-hover:color-mix(in oklch, var(--primary) 8%, var(--card))}.style-nili .settings-card,.style-nili .settings-nav,.style-nili .settings-choice,.style-nili .settings-session,.style-nili .settings-meter,.style-nili .settings-icon,.style-nili .settings-btn,.style-nili .settings-savebar-inner{border-radius:0!important}.style-nili .settings-nav-item[aria-current=page]{box-shadow:inset -3px 0 0 var(--primary)}.style-khesht .settings-page{--st-radius:.12rem;--st-radius-lg:.15rem;--st-border:color-mix(in oklch, var(--foreground) 16%, transparent);--st-fill:var(--card);--st-fill-hover:color-mix(in oklch, var(--primary) 8%, var(--card))}.style-khesht .settings-btn-primary{box-shadow:2px 2px 0 0 var(--khesht-offset,var(--primary))!important;border-radius:0!important}.style-khesht .settings-btn-primary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--khesht-offset,var(--primary))!important}.style-khesht .settings-card,.style-khesht .settings-nav,.style-khesht .settings-choice,.style-khesht .settings-meter,.style-khesht .settings-session,.style-khesht .settings-savebar-inner{box-shadow:2px 2px 0 0 color-mix(in oklch, var(--foreground) 18%, transparent);border-radius:0}@media (prefers-reduced-motion:reduce){.settings-btn-primary:hover:not(:disabled){transform:none}.settings-meter-fill{transition:none}}
