/* Someone is awake. loneliness cultural receipt */
.pr-receipt{
  position:fixed;inset:0;z-index:280;display:flex;align-items:flex-end;justify-content:center;
  padding:14px;background:rgba(18,22,15,.72);opacity:0;pointer-events:none;
  transition:opacity .45s cubic-bezier(.22,.61,.36,1);overflow:auto;
}
.pr-receipt.in{opacity:1;pointer-events:auto}
.pr-sheet{
  width:100%;max-width:360px;margin:auto 0 8px;padding:18px 16px 16px;border-radius:4px;
  background:linear-gradient(165deg,rgba(237,231,214,.99),rgba(232,228,210,.98));
  border:1px solid rgba(126,145,105,.28);box-shadow:0 24px 60px rgba(8,10,6,.45);
  color:#1a2214;transform:translateY(22px);transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.pr-receipt.in .pr-sheet{transform:none}
.pr-sheet-kicker{
  font-family:var(--font-brand, 'Hanken Grotesk', system-ui, sans-serif);font-size:9px;font-weight:500;
  letter-spacing:.2em;text-transform:lowercase;color:#6a7a58;margin-bottom:8px;
}
.pr-sheet-title{
  font-family:var(--font-brand, 'Hanken Grotesk', system-ui, sans-serif);font-size:clamp(1.35rem,5vw,1.7rem);font-weight:500;
  letter-spacing:-.03em;line-height:1.12;margin:0 0 8px;color:#12160F;
}
.pr-sheet-line{font-size:13.5px;font-weight:300;line-height:1.55;color:#5a6650;margin:0 0 14px}
.pr-sheet-canvas{
  border-radius:4px;overflow:hidden;border:1px solid rgba(18,22,15,.1);
  background:#12160F;margin-bottom:14px;
}
.pr-sheet-canvas canvas{display:block;width:100%;height:auto}
.pr-sheet-meta{font-size:11px;color:#7a8a6e;letter-spacing:.04em;margin:0 0 14px;line-height:1.45}
.pr-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pr-sheet-actions .pr-sheet-primary{grid-column:1/-1}
.pr-sheet-btn{
  min-height:44px;border-radius:4px;border:0;cursor:pointer;font-family:var(--font-brand, 'Hanken Grotesk', system-ui, sans-serif);
  font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:lowercase;
  transition:transform .2s,background .25s,border-color .25s;
}
.pr-sheet-primary{background:#12160F;color:#EDE7D6}
.pr-sheet-primary:hover{background:#1c2418}
.pr-sheet-copy,.pr-sheet-save{background:transparent;color:#5a6650;border:1px solid rgba(18,22,15,.14)}
.pr-sheet-copy:hover,.pr-sheet-save:hover{border-color:#7E9169;color:#7E9169}
.pr-sheet-stay{
  width:100%;margin-top:8px;border:0;background:transparent;color:#8a9680;
  font:400 11px/1 var(--font-brand, 'Hanken Grotesk', system-ui, sans-serif);letter-spacing:.06em;text-transform:lowercase;
  cursor:pointer;padding:10px 0;
}
.pr-sheet-mark{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 9px;border-radius:4px;
  background:rgba(126,145,105,.12);color:#4a5c3e;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:lowercase;
}
.pr-sheet-mark::before{content:'';width:6px;height:6px;border-radius:50%;background:#7E9169}
.pr-sheet-pulse{
  margin:0 0 12px;padding:8px 10px;border-radius:4px;background:rgba(126,145,105,.1);
  font-size:11.5px;line-height:1.45;color:#4a5c3e;letter-spacing:.02em;
}
.pr-sheet-fire{
  display:block;margin-top:10px;text-align:center;text-decoration:none;
  font-family:var(--font-brand, 'Hanken Grotesk', system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:lowercase;
  color:#6a7a58;padding:8px 0;
}
.pr-sheet-continuity{
  margin:14px 0 4px;padding:12px 12px 10px;border-radius:4px;
  background:rgba(18,22,15,.06);border:1px solid rgba(18,22,15,.1);
}
.pr-sheet-continuity-k{
  font-family:var(--font-brand, 'Hanken Grotesk', system-ui, sans-serif);font-size:9px;font-weight:500;
  letter-spacing:.16em;text-transform:lowercase;color:#6a7a58;margin:0 0 6px;
}
.pr-sheet-continuity-t{
  margin:0 0 10px;font-size:12.5px;font-weight:300;line-height:1.5;color:#5a6650;
}
.pr-sheet-continuity .pr-sheet-btn{width:100%;margin-top:6px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

.pr-chip.is-suggested{
  border-color:rgba(126,145,105,.55);
  background:rgba(126,145,105,.12);
  color:rgba(237,231,214,.95);
  box-shadow:0 0 0 1px rgba(126,145,105,.18);
}
.pr-chip.is-suggested::after{
  content:' start here';
  display:block;margin-top:4px;font-size:9px;letter-spacing:.12em;
  text-transform:lowercase;color:rgba(195,183,154,.75);font-weight:400;
}

@media(prefers-reduced-motion:reduce){
  .pr-receipt,.pr-sheet{transition:none!important;animation:none!important}
}
