.hue-c1{--h:var(--c1);--h-f:var(--c1-f);--h-d:var(--c1-d);--h-s:var(--c1-s);--h-t:var(--c1-t);--h-e:var(--c1-e)}
.hue-c2{--h:var(--c2);--h-f:var(--c2-f);--h-d:var(--c2-d);--h-s:var(--c2-s);--h-t:var(--c2-t);--h-e:var(--c2-e)}
.hue-c3{--h:var(--c3);--h-f:var(--c3-f);--h-d:var(--c3-d);--h-s:var(--c3-s);--h-t:var(--c3-t);--h-e:var(--c3-e)}
.hue-c4{--h:var(--c4);--h-f:var(--c4-f);--h-d:var(--c4-d);--h-s:var(--c4-s);--h-t:var(--c4-t);--h-e:var(--c4-e)}
.hue-c5{--h:var(--c5);--h-f:var(--c5-f);--h-d:var(--c5-d);--h-s:var(--c5-s);--h-t:var(--c5-t);--h-e:var(--c5-e)}
.hue-c6{--h:var(--c6);--h-f:var(--c6-f);--h-d:var(--c6-d);--h-s:var(--c6-s);--h-t:var(--c6-t);--h-e:var(--c6-e)}
.hue-c7{--h:var(--c7);--h-f:var(--c7-f);--h-d:var(--c7-d);--h-s:var(--c7-s);--h-t:var(--c7-t);--h-e:var(--c7-e)}
.hue-c8{--h:var(--c8);--h-f:var(--c8-f);--h-d:var(--c8-d);--h-s:var(--c8-s);--h-t:var(--c8-t);--h-e:var(--c8-e)}
.hue-c9{--h:var(--c9);--h-f:var(--c9-f);--h-d:var(--c9-d);--h-s:var(--c9-s);--h-t:var(--c9-t);--h-e:var(--c9-e)}
.hue-c10{--h:var(--c10);--h-f:var(--c10-f);--h-d:var(--c10-d);--h-s:var(--c10-s);--h-t:var(--c10-t);--h-e:var(--c10-e)}
.hue-held{--h:var(--held);--h-f:var(--held-f);--h-d:var(--held-d);--h-s:var(--held-s);--h-t:var(--held-t);--h-e:var(--held-e)}
.hue-done{--h:var(--done);--h-f:var(--done-f);--h-d:var(--done-d);--h-s:var(--done-s);--h-t:var(--done-t);--h-e:var(--done-e)}
.hue-rev{--h:var(--rev);--h-f:var(--rev-f);--h-d:var(--rev-d);--h-s:var(--rev-s);--h-t:var(--rev-t);--h-e:var(--rev-e)}
.hue-take{--h:var(--take);--h-f:var(--take-f);--h-d:var(--take-d);--h-s:var(--take-s);--h-t:var(--take-t);--h-e:var(--take-e)}
.hue-sched{--h:var(--sched);--h-f:var(--sched-f);--h-d:var(--sched-d);--h-s:var(--sched-s);--h-t:var(--sched-t);--h-e:var(--sched-e)}

.form{display:flex;flex-wrap:wrap;gap:9px;align-items:stretch}
.form .field{flex:1 1 190px}
.form .btn{flex:1 1 auto;white-space:nowrap}

.form-1 .f-row,.form-1 .field,.form-1 .btn{flex:1 1 100%}
.form-1 .btn{margin-top:24px}
.form-1 .btn+.btn{margin-top:0}

.f-row{display:block;min-width:0}
.lab{display:block;margin-bottom:4px;font-family:var(--mo);font-size:.6875rem;
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}

.field{width:100%;min-width:0;min-height:48px;padding:0 12px;
  border:var(--bw) solid var(--edge);border-radius:var(--r-s);
  background:var(--near);color:var(--ink);
  box-shadow:inset 0 2px 3px var(--ink-08)}
.field::placeholder{color:var(--ink3);opacity:1;font-size:.875rem}

.field:focus{outline:0;border-color:var(--a);box-shadow:0 0 0 3px var(--a-s)}

.field-code{font-family:var(--mo);font-size:1.25rem;font-weight:700;
  font-variant-numeric:tabular-nums;letter-spacing:.28em;text-indent:.28em;text-align:center}

.field-code::placeholder{font-size:1.25rem;letter-spacing:.28em;font-weight:400}

.field[aria-invalid="true"]{border-color:var(--take-d)}
.field[aria-invalid="true"]:focus{border-color:var(--take-d);box-shadow:0 0 0 3px var(--take-s)}
.err{display:block;margin-top:4px;font-family:var(--mo);font-size:.7188rem;
  letter-spacing:-.02em;line-height:1.34;color:var(--take-d)}

.notice{border:var(--bw) solid var(--sched-e);border-left:var(--rail) solid var(--sched-d);
  border-radius:var(--r-s);background:var(--sched-t);color:var(--ink2);
  padding:11px 12px;font-size:1rem;line-height:1.45}
.notice b{color:var(--sched-d);font-weight:700}
.notice-ok{border-color:var(--held-e);border-left-color:var(--held-d);background:var(--held-t)}
.notice-ok b{color:var(--held-d)}
.notice-bad{border-color:var(--take-e);border-left-color:var(--take-d);background:var(--take-t)}
.notice-bad b{color:var(--take-d)}

.lnk{position:relative;color:var(--a-d);font-weight:600;text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:var(--edge)}
.lnk:hover{text-decoration-color:currentColor}
.lnk::before{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:44px;
  transform:translateY(-50%)}

.badge{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;
  border-radius:var(--r-s);border:var(--bw) solid var(--ink-24);
  background:var(--h,var(--a));color:var(--h-f,var(--near));
  font-family:var(--mo);font-weight:700;font-size:1rem;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums}
.badge-s{width:32px;height:32px;border-radius:var(--r-x);font-size:.7812rem}
.badge-x{width:26px;height:26px;border-radius:var(--r-x);font-size:.75rem}

.meter{display:block;height:7px;border-radius:99px;background:var(--sunk);overflow:hidden}
.meter i{display:block;height:100%;border-radius:99px;background:var(--h-d,var(--a-d))}
.meter-row{display:flex;align-items:center;gap:9px}
.meter-row .meter{flex:1 1 auto;min-width:0}
.meter-n{font-family:var(--mo);font-size:.7812rem;font-weight:700;letter-spacing:-.02em;
  line-height:1.34;font-variant-numeric:tabular-nums;color:var(--ink2);white-space:nowrap}
.meter-n b{color:var(--ink)}
.on-ink .meter{background:var(--on-ink-14)}

.fact{display:inline-block;border-radius:var(--r-x);
  border:var(--bw) solid var(--h-e,var(--a-e));background:var(--h-t,var(--a-t));color:var(--h-d,var(--a-d));
  padding:3px 7px;font-family:var(--mo);font-size:.7188rem;font-weight:500;
  letter-spacing:-.02em;line-height:1.34;font-variant-numeric:tabular-nums}
.fact b{font-weight:700}
.facts-row{display:flex;flex-wrap:wrap;gap:6px}

.chip[aria-pressed="true"]{background:var(--h,var(--a));border-color:var(--ink-24);color:var(--h-f,var(--near));
  box-shadow:var(--o2) var(--o2) 0 -1px var(--h-s,var(--a-s))}

.row{display:flex;align-items:center;gap:14px;padding:11px 12px;
  border:var(--bw) solid var(--edge);border-left:var(--rail) solid var(--h-d,var(--a-d));
  border-radius:var(--r-s);background:var(--near);
  box-shadow:var(--o2) var(--o2) 0 -1px var(--h-s,var(--a-s))}
.row-b{min-width:0;flex:1 1 auto}
.row-t{font-size:1.0312rem;line-height:1.24;letter-spacing:-.025em;font-weight:800;
  color:var(--ink);overflow-wrap:anywhere}
.row-s{display:block;margin-top:6px;font-family:var(--mo);font-size:.7188rem;font-weight:500;
  letter-spacing:-.02em;line-height:1.34;font-variant-numeric:tabular-nums;color:var(--h-d,var(--a-d))}

.row.is-today{border-color:var(--a);box-shadow:var(--o3) var(--o3) 0 -1px var(--a-s),var(--drop)}

.row.is-off{--h-d:var(--edge);--h-s:var(--hair);
  background:var(--far);border-style:dashed;border-left-style:solid;box-shadow:none}
.row.is-off .row-t,.row.is-off .row-s{color:var(--ink3)}
.row.is-off .badge{background:var(--sunk);color:var(--ink3);border-color:var(--edge)}

.qa{background:var(--near);border:var(--bw) solid var(--edge);border-radius:var(--r);
  box-shadow:var(--o2) var(--o2) 0 -1px var(--hair)}
.qa>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;
  cursor:pointer;list-style:none;border-radius:var(--r);font-size:1.0312rem;font-weight:750;
  letter-spacing:-.025em;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.qa>summary::-webkit-details-marker{display:none}
.qa>summary::after{content:"";flex:0 0 auto;margin-left:auto;width:24px;height:24px;
  border-radius:var(--r-x);border:var(--bw) solid var(--edge);background-color:var(--sunk);
  background-image:linear-gradient(var(--ink2),var(--ink2)),linear-gradient(var(--ink2),var(--ink2));
  background-repeat:no-repeat;background-position:center;background-size:11px 2px,2px 11px;
  transition:background-size .2s var(--ease),background-color .2s,border-color .2s}
.qa>summary:hover{background:var(--far)}
.qa[open]>summary::after{background-size:11px 2px,2px 0;border-color:var(--a-d);
  background-color:var(--a-t)}
.qa-a{padding:0 14px 15px;font-size:1rem;line-height:1.55;color:var(--ink2)}
.qa-l{display:grid;gap:8px}

.bar-r{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:9px}

.bar-r .btn-sm{display:inline-flex;white-space:normal}

.dock-in{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  max-width:var(--col);margin-inline:auto}
.has-dock{padding-bottom:6rem}
.has-dock-2{padding-bottom:8.75rem}

.field-area{display:block;min-height:120px;padding:12px;line-height:1.5;resize:vertical}

.prompt{background:var(--near);border:var(--bw) solid var(--edge);border-radius:var(--r);
  padding:14px 15px;box-shadow:var(--o3) var(--o3) 0 -1px var(--h-s,var(--a-s))}
.prompt-h{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.prompt-h .btn{margin-left:auto}
.prompt-b{margin:0;background:var(--far);border:var(--bw) solid var(--edge);
  border-radius:var(--r-s);padding:12px;font-family:var(--mo);font-size:.8125rem;
  line-height:1.6;letter-spacing:-.02em;color:var(--ink);white-space:pre-wrap;
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

.btn.is-copied{background:var(--held-d);border-color:var(--held-d);color:var(--near);
  box-shadow:0 var(--o1) 0 -1px var(--held-p)}

.prose{font-size:1rem;line-height:1.55;color:var(--ink2)}
.prose>*+*{margin-top:14px}
.prose h4{font-size:1.0312rem;line-height:1.24;letter-spacing:-.025em;font-weight:800;
  color:var(--ink)}
.prose ul,.prose ol{padding-left:22px;list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:6px}
.prose li::marker{color:var(--ink3)}
.prose b,.prose strong{font-weight:750;color:var(--ink)}

@media (forced-colors:active){
  .field:focus{outline:3px solid Highlight;outline-offset:2px}
}

.micro{font-size:.8125rem;line-height:1.4;color:var(--ink3)}

.no-js [data-js]{display:none}