.settings{max-width:1040px;padding:var(--space-8) var(--space-8) calc(var(--space-8) * 2);margin:0 auto}.settings header{margin-bottom:var(--space-8)}.settings .back{min-height:var(--touch-min);font-size:var(--fs-meta);color:var(--ink-soft);text-underline-offset:4px;align-items:center;display:inline-flex}.settings h1{margin:var(--space-2) 0 var(--space-3);font-size:var(--fs-clock);line-height:1}.settings .lead{max-width:52ch;font-size:var(--fs-text);color:var(--ink-soft);margin:0}.settings :is(button,.btn){min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-s);font-size:var(--fs-label);cursor:pointer;touch-action:manipulation;font-weight:600;transition:opacity .15s ease-out,background-color .15s ease-out}.settings .btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.settings button:disabled{opacity:.5;cursor:progress}.settings .quiet{border:var(--hairline) solid var(--rule);color:var(--ink-soft);background:0 0}.settings .primary{border:var(--hairline) solid var(--ink);background:var(--ink);color:var(--plate)}@media (hover:hover){.settings .primary:hover:not(:disabled){opacity:.85}.settings .quiet:hover:not(:disabled){background:var(--plate-2)}}.settings :is(a,button,select,input):focus-visible{outline:2px solid var(--stem);outline-offset:2px}.settings .chips{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.settings .chips legend{width:100%;margin-bottom:var(--space-1);padding:0}.settings .chip{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--hairline) solid var(--rule);border-radius:var(--radius-s);font-size:var(--fs-label);cursor:pointer;touch-action:manipulation;font-weight:600;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex;position:relative}.settings .chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.settings .chip:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--plate)}.settings .chip:has(input:focus-visible){outline:2px solid var(--stem);outline-offset:2px}@media (width<=720px){.settings{padding:var(--space-6) var(--space-4) var(--space-8)}.settings h1{font-size:calc(var(--fs-clock) * .66)}}
