/* Consistent type roles across the collection. */
@font-face{font-family:TinyThai;src:url('../fonts/noto-thai-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:TinyThai;src:url('../fonts/noto-thai-medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:TinyMali;src:url('../fonts/mali-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:TinyMali;src:url('../fonts/mali-semibold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:TinyQuick;src:url('../fonts/quicksand-semibold.ttf');font-weight:600;font-display:swap}
body{font-synthesis:none}
button,input,textarea,select{font-family:TinyThai,sans-serif}
.lead,.intro,.subtitle,.hint,.field-note,.setting-label,.note,.letter-paper p,.letter-body p,.tracks button,.track,aside,.memory-description,.personal-letter{font-family:TinyThai,sans-serif;line-height:1.8}
.tiny-productline,.tiny-productline>span{font-family:TinyQuick,TinyThai,sans-serif;font-weight:600}.tiny-productline small{font-size:10px;letter-spacing:1.1px;font-weight:600}
body[data-tiny="P01"]{--paper:#f8f5ef;--cherry:#a02e49;--ink:#30242a;background:#f8f5ef}
body[data-tiny="P01"] .booth{background:linear-gradient(140deg,#c65369,#a02e49 48%,#84243d);box-shadow:inset 1px 1px 0 #e69cad,inset -2px -2px 0 #70243a,0 20px 48px #58253625}
body[data-tiny="P01"] .machine-title,body[data-tiny="P01"] h1{font-family:TinyQuick,TinyThai,sans-serif;font-weight:600}
body[data-tiny="P01"] .machine-title>span{color:#efd5af;animation:none}
body[data-tiny="P01"].download-ready #save,body[data-tiny="P01"] #save{background:#a02e49;color:#fffaf0;border-color:#a02e49;font-weight:500}
body[data-tiny="P01"] .field-note,body[data-tiny="P01"] #status{font-size:13px;color:#75636b}body[data-tiny="P01"] .lead{font-size:16px}
body[data-tiny="M01"] .cover-title h1{line-height:1.12}body[data-tiny="M01"] .letter-paper h2{font-family:TinyMali,TinyThai,sans-serif;font-size:clamp(30px,5vw,42px);line-height:1.5}body[data-tiny="M01"] .letter-paper p{font-size:17px;line-height:1.95}body[data-tiny="M01"] .note{font-style:normal}
body[data-tiny="B03"] aside{font-family:TinyThai,sans-serif;font-style:normal}body[data-tiny="B03"] .flower-copy h1{font-family:TinyMali,TinyThai,sans-serif;font-weight:600;line-height:1.5}body[data-tiny="B03"] .track{font-size:16px}body[data-tiny="B03"] .flower-copy .personal-note{font:400 16px/1.9 TinyThai,sans-serif;max-width:32ch;margin:20px auto 26px;color:#77545b;letter-spacing:0}body[data-tiny="B03"] .equalizer i{animation-play-state:paused}body[data-tiny="B03"] .music-video.playing .equalizer i{animation-play-state:running}
@media(max-width:600px){.lead,.intro,.subtitle,.hint,.setting-label{font-size:15px}.field-note{font-size:13px}.tiny-productline small{font-size:9px}.letter-paper p,.letter-body p{font-size:16px}.demo-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body[data-tiny="B03"] .envelope{transform:scale(1) rotate(-2deg)}}