*{box-sizing:border-box;margin:0;padding:0}:root{--ac:#E8354F;--on-ac:#FFFDF6;--bg:#F7F1E3;--card:#FFFDF6;--ink:#1C1A17;--ink2:rgba(28,26,23,.6);--ink3:rgba(28,26,23,.4);--hl:#F5E14B;--border:2.5px solid #1C1A17;--shadow:4px 5px 0 #1C1A17;--shadow-lg:5px 6px 0 #1C1A17;--radius:13px }html,body,#root{height:100%;overflow:hidden}body{font-family:Bai Jamjuree,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.screen{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg)}.card{background:var(--card);border:var(--border);border-radius:16px;box-shadow:var(--shadow)}.card-lg{background:var(--card);border:var(--border);border-radius:16px;box-shadow:var(--shadow-lg)}.btn-ac{width:100%;padding:16px;border:var(--border);border-radius:var(--radius);background:var(--ac);color:var(--on-ac);font:700 18px Bai Jamjuree,sans-serif;cursor:pointer;box-shadow:var(--shadow)}.btn-ac:active{transform:translate(2px,2px);box-shadow:2px 3px #1c1a17}.btn-hl{width:100%;padding:14px;border:var(--border);border-radius:var(--radius);background:var(--hl);color:var(--ink);font:700 14px Bai Jamjuree,sans-serif;cursor:pointer;box-shadow:var(--shadow)}.btn-card{width:100%;padding:12px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);color:var(--ink);font:600 13px Bai Jamjuree,sans-serif;cursor:pointer}.pbar{height:12px;border:2px solid #1C1A17;border-radius:8px;background:#fffdf6;overflow:hidden}.pbar-fill{height:100%;background:var(--ac);transition:width .35s cubic-bezier(.2,.8,.2,1)}.pbar-stripe{height:100%;background:repeating-linear-gradient(115deg,var(--ac) 0 10px,#F5E14B 10px 18px);animation:v2Dash 1s linear infinite}.pbar-loading{height:100%;background:repeating-linear-gradient(115deg,var(--ac) 0 10px,#F5E14B 10px 18px);animation:v2Load 4.5s ease-out forwards,v2Dash 1s linear infinite}.mono{font:700 10px Bai Jamjuree,sans-serif;letter-spacing:.12em;color:var(--ink3);text-transform:uppercase}@keyframes v2Bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes v2Pop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes v2Shake{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes v2TiltL{0%,to{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-7px)}}@keyframes v2TiltR{0%,to{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-7px)}}@keyframes v2Dash{to{background-position:36px 0}}@keyframes v2Load{0%{width:0%}15%{width:42%}30%{width:63%}50%{width:76%}70%{width:83%}85%{width:86%}to{width:88%}}@keyframes v2Spin{to{transform:rotate(360deg)}}@keyframes v2Rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes v2Pulse{0%,to{opacity:.3}50%{opacity:.8}}.fade-enter{animation:v2Pop .4s ease both}