/* Marsya Laundry — gaya bersama (palet #16697A #489FB5 #82C0CC #EDE7E3 #FFA62B) */
:root{--teal:#16697A;--sea:#489FB5;--mist:#82C0CC;--sand:#EDE7E3;--cream:#F7F4F1;--amber:#FFA62B;--ink:#12343C;--display:'Young Serif',Georgia,serif}
html{background:var(--sand)!important;-webkit-text-size-adjust:100%}
html body{width:100%;max-width:480px;margin-left:auto!important;margin-right:auto!important;font-family:'Jost',sans-serif!important;color:var(--ink);box-shadow:0 0 0 1px rgba(22,105,122,.06),0 10px 40px rgba(22,105,122,.14)}
h1,h2{font-family:var(--display);font-weight:400!important;letter-spacing:-.005em}
.fixed.inset-0 .max-w-lg{max-width:448px}
#toast{right:max(1rem,calc(50% - 224px))!important;max-width:calc(100% - 2rem)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}
.toggle input:checked ~ .dot{transform:translateX(100%)}
.toggle input:checked ~ .track{background-color:var(--teal)}
.toggle input:focus-visible ~ .track{outline:3px solid var(--amber)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{
  html{background:#fff!important}
  html body{max-width:none;box-shadow:none;background:#fff!important}
  .no-print{display:none!important}
  .print-box{box-shadow:none!important;border:none!important}
}