/* Settings screens */
/* Settings full screen */
  .settings{position:fixed;inset:0;z-index:60;background:#0c0c0c;transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);}
  .settings.show{transform:translateX(0);}
  .set-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;flex:none;}
  .set-head .ttl{font-size:18px;font-weight:700;}
  .set-head .done{font-size:17px;font-weight:600;background:#1c1c1e;padding:7px 16px;border-radius:20px;}
  .set-head .back{display:flex;align-items:center;gap:2px;color:var(--gold);font-size:17px;}
  .set-body{flex:1;overflow-y:auto;padding:6px 16px 40px;}
  .sec-label{color:var(--dim);font-size:15px;font-weight:600;margin:22px 4px 8px;}
  .sec-label:first-child{margin-top:8px;}
  .card{background:#161616;border-radius:14px;overflow:hidden;}
  .prow{display:flex;align-items:center;gap:12px;padding:14px 14px;border-bottom:1px solid #232323;}
  .prow:last-child{border-bottom:none;}
  .prow .pname{flex:1;font-size:18px;}
  .prow.off .pname{color:var(--dim2);}
  .toggle{width:52px;height:31px;border-radius:16px;background:#39393b;position:relative;flex:none;transition:background .15s;}
  .toggle.on{background:var(--green);}
  .toggle .knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:left .15s;}
  .toggle.on .knob{left:23px;}
  .rmv{width:26px;height:26px;border-radius:50%;background:var(--red);color:#2a0704;font-weight:900;font-size:20px;display:grid;place-items:center;line-height:0;flex:none;}
  .drag{width:30px;height:30px;display:grid;place-items:center;color:var(--dim);flex:none;touch-action:none;cursor:grab;}
  .prow.dragging{background:#232323;opacity:.97;box-shadow:0 8px 24px rgba(0,0,0,.5);border-radius:10px;}
  .addp{display:flex;align-items:center;gap:10px;padding:15px 4px 8px;color:var(--gold);font-size:17px;font-weight:600;}
  .navrow{display:flex;align-items:center;padding:15px 14px;border-bottom:1px solid #232323;font-size:18px;}
  .navrow:last-child{border-bottom:none;}
  .navrow .val{margin-left:auto;color:var(--dim);font-size:15px;margin-right:8px;}
  .navrow .chev{color:var(--dim2);font-size:16px;}
  .optrow{display:flex;align-items:center;padding:15px 14px;border-bottom:1px solid #232323;font-size:18px;color:var(--gold);}
  .optrow:last-child{border-bottom:none;}
  .optrow .ck{margin-left:auto;color:var(--gold);font-size:18px;opacity:0;}
  .optrow.on .ck{opacity:1;}
  .togglerow{display:flex;align-items:center;padding:12px 14px;font-size:18px;}
  .togglerow .lbl{flex:1;}