@import "https://fonts.googleapis.com/css2?family=Gasoek+One&family=Archivo:wght@400;500;600;700&family=Caveat:wght@400;600&family=Chonburi&family=Anuphan:wght@400;500;600;700&family=Sriracha&display=swap";:root{--ss-magenta:#ec008c;--ss-magenta-dark:#b8006c;--ss-yellow:#ffd400;--ss-cyan:#00a9e0;--ss-cyan-light:#2bc0f0;--ss-ink:#111;--ss-white:#fff;--ss-warm-white:#fbf7ef;--ss-gray-mid:#8c8c8c;--ss-gray-mid-2:#565656;--ss-gray-light:#c4c4c4;--ss-screen-bg:#0c0c0e;--ss-screen-white:#f7f3ea;--ss-font-display:"Gasoek One", "Chonburi", sans-serif;--ss-font-ui:"Archivo", "Anuphan", system-ui, sans-serif;--ss-font-hand:"Caveat", "Sriracha", cursive;--ss-radius-card:14px;--ss-radius-control:10px;--ss-tap-min:48px;--ss-motion-fast:.15s;--ss-motion-cap:.35s;--ss-ease-out:cubic-bezier(.2, .8, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ss-warm-white);color:var(--ss-ink);font-family:var(--ss-font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font-family:var(--ss-font-ui);cursor:pointer}input{font-family:var(--ss-font-ui)}input:focus{outline:none}::placeholder{color:#b3a99b;opacity:1}a{color:var(--ss-magenta)}a:hover{color:var(--ss-magenta-dark)}.app-shell{background:var(--ss-warm-white);width:100%;max-width:440px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.t-display{font-family:var(--ss-font-display);line-height:1.1}.t-hand{font-family:var(--ss-font-hand);line-height:1.2}.btn{min-height:var(--ss-tap-min);transition:background var(--ss-motion-fast) var(--ss-ease-out), border-color var(--ss-motion-fast) var(--ss-ease-out), color var(--ss-motion-fast) var(--ss-ease-out), transform var(--ss-motion-fast) var(--ss-ease-out);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ss-magenta);color:var(--ss-white)}.btn-primary:hover{background:var(--ss-magenta-dark)}.btn-dark{background:var(--ss-ink);color:var(--ss-white)}.btn-dark:hover{background:#000}.btn-outline{background:var(--ss-white);color:var(--ss-ink);border:1.5px solid var(--ss-gray-light)}.btn-outline:hover{border-color:var(--ss-magenta);color:var(--ss-magenta)}.btn-ghost{color:var(--ss-gray-mid-2);background:0 0}.btn-ghost:hover{background:#f1eadd}.back-link{height:44px;color:var(--ss-gray-mid-2);background:0 0;border:none;border-radius:22px;margin-left:-8px;padding:0 14px 0 8px;font-size:14px;font-weight:700}.back-link:hover{background:#f1eadd}.card{background:var(--ss-white);border-radius:var(--ss-radius-card);box-shadow:0 2px 10px #11111112}.polaroid{background:var(--ss-white);border-radius:3px;padding:8px 8px 0;box-shadow:0 6px 18px #11111124}.polaroid .frame{background:var(--ss-gray-light);overflow:hidden}.polaroid .cap{font-family:var(--ss-font-hand);color:var(--ss-ink);padding:6px 2px 2px;line-height:1.2}.polaroid .who{font-family:var(--ss-font-hand);color:var(--ss-gray-mid);padding:0 2px 8px}.chip{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.chip-yellow{background:var(--ss-yellow);color:var(--ss-ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--ss-cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}