*{box-sizing:border-box}body{margin:0;background:#f3f3f3;min-height:100vh;display:grid;place-items:center;padding:40px 24px}html[data-theme=dark],html[data-theme=dark] body{background:#1e1e1e}html[data-theme=dark]{color-scheme:dark}.stage{display:flex;flex-direction:column;align-items:center;gap:24px;width:636px;max-width:100%}.cards{display:flex;flex-direction:column;gap:24px;width:100%}.theme-picker{display:flex;align-items:center;height:32px;padding:0;background:#e9e9e9;border-radius:10px}.theme-option{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;border:1px solid transparent;border-radius:10px;padding:0 10px 0 8px;background:none;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;font-weight:500;letter-spacing:normal;color:#1a1a1a;cursor:pointer;transition:padding .2s cubic-bezier(.4,0,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.theme-option[aria-checked=true]{background:#fff;border-color:#e2e0db;box-shadow:0 1px 2px #0000000d;cursor:default}.theme-option:not([aria-checked=true]):is(:hover,:focus-visible){padding-right:12px;padding-left:10px}.theme-option svg{width:16px;height:16px;display:block;flex-shrink:0}html[data-theme=dark] .theme-picker{background:#2a2a2a}html[data-theme=dark] .theme-option{color:#f5f5f5}html[data-theme=dark] .theme-option[aria-checked=true]{background:#353535;border-color:#404040;box-shadow:0 1px 2px #0000001a}@media(max-width:700px){body{padding:20px 12px}}@media(prefers-reduced-motion:reduce){.theme-option{transition:none}}