:root{--page: #f4f2ee;--accent: #2f6b4f;--accent-hover: color-mix(in srgb, var(--accent) 94%, #ffffff);--ink: #1b1a18;--muted: #8a867e;--line: #d8d4cb;--tint: #ece9e2;--track-off: #d5d1c8;--font: "Figtree", system-ui, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:720px;margin:0 auto;padding:56px 20px 80px;display:grid;gap:40px}.intro h1{font-size:24px;font-weight:600;letter-spacing:-.01em}.intro p{color:var(--muted);max-width:46ch;margin-top:4px}.section-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:12px}.panel{border-top:1px solid var(--line);padding-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font:inherit;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink);background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .12s ease}.btn:after{content:"";position:absolute;left:0;right:0;top:50%;height:max(100%,44px);transform:translateY(-50%)}.btn[data-size="32"]{height:32px;padding:0 12px;font-size:13px}.btn[data-size="40"]{height:40px;padding:0 16px;font-size:14px}.btn[data-size="48"]{height:48px;padding:0 20px;font-size:16px}.btn[data-variant=primary]{background:var(--accent);color:#fff}.btn[data-variant=secondary]{background:#fff;border-color:var(--line)}.btn[data-variant=primary][data-state=hover]{background:var(--accent-hover)}.btn[data-variant=secondary][data-state=hover],.btn[data-variant=quiet][data-state=hover]{background:var(--tint)}@media (hover: hover) and (pointer: fine){.btn[data-variant=primary]:hover{background:var(--accent-hover)}.btn[data-variant=secondary]:hover,.btn[data-variant=quiet]:hover{background:var(--tint)}}.btn:active,.btn[data-state=pressed]{transform:translateY(1px) scale(.98)}.btn:focus{outline:none}.btn:focus-visible,.btn[data-state=focus],.toggle:focus-visible,.toggle[data-state=focus]{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;pointer-events:none}.btn[data-phase=loading] .btn-label,.btn[data-phase=done] .btn-label{visibility:hidden}.btn[data-phase=loading]{cursor:progress}.btn-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.saving-text{display:none}.check{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes spin{to{transform:rotate(360deg)}}.toggle-row{display:inline-flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.toggle-row[data-disabled]{cursor:default}.toggle-row[data-disabled] .toggle-label{color:var(--muted)}.toggle{position:relative;flex:none;width:52px;height:32px;padding:0;border:0;border-radius:16px;background:var(--track-off);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .22s ease}.toggle:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.toggle[aria-checked=true]{background:var(--accent)}.toggle:disabled{opacity:.4;pointer-events:none}.knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:13px;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .22s cubic-bezier(.3,1.4,.5,1),width .22s cubic-bezier(.3,1.4,.5,1)}.toggle[aria-checked=true] .knob{transform:translate(20px)}.toggle:active .knob{width:30px}.toggle[aria-checked=true]:active .knob{transform:translate(16px)}.in-use{display:grid;gap:4px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.matrix{display:grid;gap:20px}.matrix-row{display:grid;grid-template-columns:44px repeat(6,1fr);align-items:start;column-gap:8px}.row-label{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;align-self:center;padding-bottom:22px}.cell{display:grid;justify-items:start;gap:6px}.cell-label{font-size:11px;line-height:16px;color:var(--muted)}.toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 640px){.page{padding:32px 16px 56px;gap:32px}.matrix-row{grid-template-columns:repeat(3,1fr);row-gap:14px}.row-label{grid-column:1 / -1;padding-bottom:0}.toggles{grid-template-columns:repeat(2,1fr)}.actions{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.btn,.toggle,.knob{transition:none}.spinner{display:none;animation:none}.saving-text{display:inline}}