.settings-page{min-height:100%;background-color:var(--bg-primary)}.settings-page__content{max-width:48rem;margin:0 auto;padding:2rem 1rem}.settings-page__header{margin-bottom:2rem}.settings-page__header-actions{display:flex;align-items:center;gap:1rem}.settings-page__header-label{font-size:.875rem;color:var(--accent)}.settings-page__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.settings-page__subtitle{color:var(--text-secondary)}.settings-page__groups{display:flex;flex-direction:column;gap:2rem}.settings-page__group{border-radius:.75rem;overflow:hidden}.settings-page__group-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background-color:var(--bg-secondary)}.settings-page__group-title{font-weight:600;color:var(--text-primary)}.settings-page__group-items{padding:0 1.5rem}.settings-page__item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border)}.settings-page__item:last-child{border-bottom:none}.settings-page__item-info{flex:1;margin-right:1rem}.settings-page__item-label{font-weight:500;color:var(--text-primary);display:block;margin-bottom:.25rem}.settings-page__item-description{font-size:.875rem;color:var(--text-muted)}.settings-page__actions{margin-top:2rem;display:flex;justify-content:space-between;align-items:center}.settings-page__reset-btn{padding:.5rem 1rem;font-size:.875rem;border-radius:.5rem;color:var(--error);background-color:var(--bg-secondary);transition:opacity .2s;border:none;cursor:pointer}.settings-page__reset-btn:hover{opacity:.8}.settings-page__back-btn{padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--accent-ink);background-color:var(--accent);border-radius:.5rem;transition:opacity .2s;text-decoration:none}.settings-page__back-btn:hover{opacity:.9}.toggle-switch{position:relative;width:3rem;height:1.5rem;flex-shrink:0;display:inline-flex;border-radius:9999px;transition:background-color .2s ease-in-out;border:none;padding:0;cursor:pointer;background-color:var(--border)}.toggle-switch--checked{background-color:var(--accent)}.toggle-switch:hover{opacity:.9}.toggle-switch__thumb{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;border-radius:50%;background-color:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translateX(0)}.toggle-switch__thumb--checked{transform:translateX(1.5rem)}.board-pieces{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,20rem);padding:1.5rem}@media(max-width:48rem){.board-pieces{grid-template-columns:minmax(0,1fr)}}.board-pieces__picker{display:flex;flex-direction:column;gap:1rem;min-width:0}.board-pieces__tabs{border-bottom:1px solid var(--border);display:flex;gap:1.25rem}.board-pieces__tab{background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;padding:0 0 .625rem}.board-pieces__tab:hover{color:var(--text-primary)}.board-pieces__tab--active{border-bottom-color:var(--accent);color:var(--text-primary)}.board-pieces__set-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.board-pieces__set{align-items:center;aspect-ratio:1;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:relative}.board-pieces__set[data-tip]:after{background-color:var(--text-primary);border-radius:.25rem;bottom:calc(100% + .375rem);color:var(--bg-primary);content:attr(data-tip);font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .12s ease;white-space:nowrap;z-index:2}.board-pieces__set:focus-visible:after,.board-pieces__set:hover:after{opacity:1}.board-pieces__set:hover{border-color:var(--text-muted)}.board-pieces__set--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.board-pieces__set img{height:auto;max-height:100%;width:auto}.board-pieces__set .board-pieces__chip{border-radius:.1875rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;overflow:hidden;width:100%}.board-pieces__preview{display:flex;flex-direction:column;gap:.625rem}.board-pieces__preview-label{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}