:root{--dars-onb-below:calc(16px + var(--dars-safe-bottom,0px))}@media (max-width:1179.98px) and (orientation:portrait){:root{--dars-onb-below:calc(var(--dars-nav-bar-height,56px) + var(--dars-safe-bottom,0px) + 12px)}}.dars-onb{z-index:var(--dars-z-shell-popover);inline-size:min(26rem,100vw - 32px);max-block-size:calc(100dvh - var(--dars-tabbar-sticky-top,64px) - var(--dars-onb-below) - 12px);background:var(--panel);color:var(--foreground);border:1px solid var(--line);box-shadow:var(--dars-shell-shadow-lift);animation:dars-onb-settle var(--dars-motion-slow) var(--dars-motion-ease-enter) both;border-radius:16px;flex-direction:column;gap:12px;padding:16px 18px 14px;display:flex;position:fixed;inset-block-end:var(--dars-onb-below);inset-inline-end:16px;overflow-y:auto}@keyframes dars-onb-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root:has(.dars-onb){scroll-padding-bottom:calc(var(--dars-onb-below) + var(--dars-onb-h,0px) + 8px)}:root:has(.dars-onb) body{padding-bottom:calc(var(--dars-onb-below) + var(--dars-onb-h,0px) + 12px)}@media (max-width:1179.98px) and (orientation:landscape){.dars-onb{inline-size:min(26rem, calc(100vw - var(--dars-nav-rail-width,72px) - var(--dars-safe-inline-start,0px) - 32px))}}.dars-onb-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dars-onb-title{text-wrap:balance;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.dars-onb-close{inline-size:var(--dars-shell-tap,44px);block-size:var(--dars-shell-tap,44px);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;margin-block-start:-6px;margin-inline-end:-8px;display:inline-grid}.dars-onb-close:hover{background:var(--panel-2);color:var(--foreground)}.dars-onb-close:focus-visible,.dars-onb-opt:focus-visible,.dars-onb-save:focus-visible,.dars-onb-skip:focus-visible{outline:2px solid var(--dars-focus-color);outline-offset:2px}.dars-onb-lede{color:var(--muted);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.6}.dars-onb-group{gap:8px;display:grid}.dars-onb-label{color:var(--foreground);align-items:center;gap:6px;margin:0;font-size:.8125rem;font-weight:650;display:inline-flex}.dars-onb-seg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dars-onb-opt{text-align:start;border:1px solid var(--line);background:var(--panel-2);min-block-size:44px;color:var(--foreground);font:inherit;cursor:pointer;transition:border-color .14s var(--dars-motion-ease-enter), background-color .14s var(--dars-motion-ease-enter);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;display:flex}.dars-onb-opt:hover{border-color:color-mix(in srgb, var(--foreground) 40%, var(--line))}.dars-onb-opt.is-on{border-color:var(--accent-fill);background:color-mix(in srgb, var(--accent-fill) 22%, var(--panel))}.dars-onb-opt-label{font-size:.9375rem;font-weight:650;line-height:1.35}.dars-onb-opt-hint{color:var(--muted);font-size:.75rem;line-height:1.4}.dars-onb-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;margin-block-start:2px;display:grid}.dars-onb-save,.dars-onb-skip{min-block-size:44px;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:650;display:inline-flex}.dars-onb-save{border:1px solid var(--accent-fill);background:var(--accent-fill);color:var(--ink)}.dars-onb-save:disabled{opacity:.6;cursor:default}.dars-onb-skip{border:1px solid var(--line);color:var(--foreground);background:0 0}.dars-onb-skip:hover{background:var(--panel-2)}.dars-onb-error{color:var(--dars-danger-text,#c93f35);grid-column:1/-1;font-size:.8125rem}html[data-theme=midnight] .dars-onb-error{color:var(--dars-danger-text,var(--pink,#e86f6a))}.dars-onb-note{color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}@media (max-width:719.98px) and (orientation:portrait){.dars-onb{inline-size:auto;inset-inline:12px}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-dars-motion=full])) .dars-onb{animation:none}:where(:root:not([data-dars-motion=full])) .dars-onb-opt{transition:none}}:where(:root[data-dars-motion=reduced]) .dars-onb{animation:none}:where(:root[data-dars-motion=reduced]) .dars-onb-opt{transition:none}html[data-dars-reduce-motion] .dars-onb{animation:none}html[data-dars-reduce-motion] .dars-onb-opt{transition:none}