@font-face{font-family:Cormorant;src:url(../fonts/cormorant.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Thai;src:url(../fonts/noto-sans-thai.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Vibes;src:url(../fonts/great-vibes.woff2)format("woff2");font-display:swap}:root{--canvas:#292724;--canvas-deep:#211f1c;--ink:#f2eadb;--muted:#b7ab97;--brass:#a9895a;--navy:#123563;--forest:#10281a;--serif:Cormorant, Thai, Georgia, serif}*{box-sizing:border-box}html{background:var(--canvas-deep);min-height:100%}body.paper{--ink:#2a2622;--muted:#8a8378;background:#f8f4ec}html:has(body.paper){--ink:#2a2622;--muted:#8a8378;background:#f8f4ec}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0}.card{aspect-ratio:114/162;background-blend-mode:multiply, normal, normal;background:50%/100% 100% no-repeat,url(../img/paper.webp) 50%/cover,#fffbed;border:1px solid #a9895ad6;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 36px #00000038;container-type:inline-size}.card--front{color:var(--navy);background-image:url(../img/floral-composition-front.webp),url(../img/paper.webp)}.card--back{color:#234c63;background-image:url(../img/floral-composition-back.webp),url(../img/paper.webp)}.lang[data-v-cca0c125]{z-index:10;color:var(--ink);align-items:center;gap:10px;display:flex;position:fixed;top:20px;right:24px}.lang-label[data-v-cca0c125]{color:var(--muted);font:500 12px/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}:lang(th) .lang-label[data-v-cca0c125]{letter-spacing:0;font-size:14px}.lang-field[data-v-cca0c125]{align-items:center;display:flex;position:relative}select[data-v-cca0c125]{appearance:none;border:0;border-bottom:1px solid color-mix(in srgb, var(--ink) 24%, transparent);color:inherit;font:500 16px/1.2 var(--serif);cursor:pointer;background:0 0;border-radius:0;padding:4px 18px 5px 0}select[data-v-cca0c125]:hover,select[data-v-cca0c125]:focus-visible{border-bottom-color:var(--brass);outline:none}option[data-v-cca0c125]{color:#2a2622}svg[data-v-cca0c125]{pointer-events:none;width:10px;height:6px;color:var(--muted);position:absolute;right:2px}@media (width<=620px){.lang[data-v-cca0c125]{top:14px;right:16px}}