.container.s-vggga9{background-color:var(--system-color-light);width:100%;height:100%;color:var(--system-color-light-contrast);border-radius:inherit;font-family:var(--system-font-family);grid-template-columns:12rem 1fr;display:grid;overflow:hidden}.sidebar.s-vggga9{background-color:hsla(var(--system-color-dark-hsl), .05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid hsla(var(--system-color-dark-hsl), .08);flex-direction:column;padding:0 .6rem .6rem;display:flex}.container.dark.s-vggga9 .sidebar:where(.s-vggga9){background-color:hsla(var(--system-color-light-hsl), .03)}.drag.s-vggga9{flex-shrink:0;height:2.5rem}.sidebar.s-vggga9 ul:where(.s-vggga9){flex-direction:column;gap:.15rem;list-style:none;display:flex}.sidebar.s-vggga9 button:where(.s-vggga9){width:100%;color:inherit;text-align:left;border-radius:.5rem;align-items:center;gap:.55rem;padding:.45rem .55rem;font-size:.86rem;transition:background-color .12s;display:flex}.sidebar.s-vggga9 button:where(.s-vggga9):hover{background-color:hsla(var(--system-color-dark-hsl), .06)}.sidebar.s-vggga9 button.active:where(.s-vggga9){background-color:var(--system-color-primary);color:var(--system-color-primary-contrast)}.nav-icon.s-vggga9{place-items:center;display:grid}.nav-icon.s-vggga9 svg{font-size:1.1rem}.content.s-vggga9{grid-template-rows:3rem 1fr;min-width:0;display:grid}.content-drag.s-vggga9{border-bottom:1px solid hsla(var(--system-color-dark-hsl), .08);align-items:center;padding:0 1.25rem;display:flex}.content-drag.s-vggga9 h1:where(.s-vggga9){font-size:1rem;font-weight:600}.scroll.s-vggga9{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.card.s-vggga9{background-color:hsla(var(--system-color-dark-hsl), .04);border:1px solid hsla(var(--system-color-dark-hsl), .06);border-radius:.75rem;padding:1rem 1.1rem}.card-title.s-vggga9{opacity:.6;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.85rem;font-size:.8rem;font-weight:600}.hint.s-vggga9{opacity:.55;margin-top:.75rem;font-size:.78rem;line-height:1.4}.scheme-row.s-vggga9{gap:1rem;display:flex}.scheme.s-vggga9{color:inherit;flex-direction:column;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.preview.s-vggga9{border:2.5px solid #0000;border-radius:.6rem;width:6rem;height:3.8rem;transition:border-color .14s;box-shadow:0 2px 8px #00000026}.light-preview.s-vggga9{background:linear-gradient(135deg,#f1f5f9,#c3d1df)}.dark-preview.s-vggga9{background:linear-gradient(135deg,#42424d,#1c1c22)}.scheme.selected.s-vggga9 .preview:where(.s-vggga9){border-color:var(--system-color-primary)}.swatches.s-vggga9{flex-wrap:wrap;gap:.7rem;display:flex}.swatch.s-vggga9{color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;transition:transform .12s;display:grid;box-shadow:0 1px 3px #00000040}.swatch.s-vggga9:hover{transform:scale(1.12)}.swatch.selected.s-vggga9{box-shadow:0 0 0 2.5px var(--system-color-light), 0 0 0 4.5px currentColor}.swatch.s-vggga9 svg{filter:drop-shadow(0 1px 1px #0006);font-size:1.1rem}.toggle-row.s-vggga9{justify-content:space-between;align-items:center;display:flex}.toggle-label.s-vggga9{align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.switch.s-vggga9{background-color:hsla(var(--system-color-dark-hsl), .2);border-radius:1rem;flex-shrink:0;width:2.6rem;height:1.5rem;transition:background-color .16s;position:relative}.switch.on.s-vggga9{background-color:var(--system-color-primary)}.knob.s-vggga9{background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:transform .16s;position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 3px #0000004d}.switch.on.s-vggga9 .knob:where(.s-vggga9){transform:translate(1.1rem)}.primary-btn.s-vggga9{background-color:var(--system-color-primary);color:var(--system-color-primary-contrast);border-radius:.5rem;align-items:center;gap:.4rem;margin-top:.9rem;padding:.45rem .9rem;font-size:.85rem;display:inline-flex}.primary-btn.s-vggga9:hover{filter:brightness(1.08)}.bar.s-vggga9{background-color:hsla(var(--system-color-dark-hsl), .12);border-radius:1rem;height:.85rem;overflow:hidden}.bar-fill.s-vggga9{background:linear-gradient(90deg, var(--system-color-primary), #33ade6);border-radius:1rem;height:100%;transition:width .4s}.storage-stats.s-vggga9{gap:2rem;margin-top:1rem;display:flex}.storage-stats.s-vggga9 div:where(.s-vggga9){flex-direction:column;display:flex}.storage-stats.s-vggga9 strong:where(.s-vggga9){font-size:1.3rem}.storage-stats.s-vggga9 span:where(.s-vggga9){opacity:.55;font-size:.75rem}.about.s-vggga9{text-align:center}.logo.s-vggga9{margin-bottom:.5rem;font-size:3.5rem;line-height:1}.about.s-vggga9 h2:where(.s-vggga9){font-size:1.4rem;font-weight:700}.about-list.s-vggga9{text-align:left;margin-top:1.25rem;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;max-width:22rem;margin-inline:auto;display:grid}.about-list.s-vggga9 dt:where(.s-vggga9){opacity:.5;font-size:.8rem}.about-list.s-vggga9 dd:where(.s-vggga9){text-align:right;margin:0;font-size:.82rem}