@charset "UTF-8";:root{--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}body{font-family:Manrope,Noto Sans KR,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background-color:#f8fafc;overscroll-behavior:none}::-webkit-scrollbar{display:none}.safe-pb{padding-bottom:max(1rem,var(--sab))}.tile{transform-style:preserve-3d}.pop{animation:pop .1s ease-in-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flip-card{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip{animation:flip-card .6s ease-in-out forwards}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s}@keyframes levelUp{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.animate-level-up{animation:levelUp .8s cubic-bezier(.175,.885,.32,1.275)}.bg-correct{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.bg-present{background-color:#c9b458;border-color:#c9b458;color:#fff}.bg-absent{background-color:#787c7e;border-color:#787c7e;color:#fff}.bg-default{background-color:#fff;border-color:#d1d5db;color:#000}.key{transition:transform .1s,background-color .2s;touch-action:manipulation;cursor:pointer}.key:active{transform:scale(.95)}#toast{visibility:hidden;min-width:250px;background-color:#1e293b;color:#fff;text-align:center;border-radius:9999px;padding:12px 24px;position:fixed;z-index:100;left:50%;top:10%;transform:translate(-50%);font-size:14px;font-weight:600;opacity:0;transition:opacity .3s,top .3s;box-shadow:0 10px 15px -3px #0000001a}#toast.show{visibility:visible;opacity:1;top:12%}.loader{border:3px solid #f3f3f3;border-top:3px solid #015c93;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-brand-dark{color:#015c93}.text-brand-light{color:#109adc}.bg-brand-dark{background-color:#015c93;color:#fff}.bg-brand-light{background-color:#0284c7;color:#fff}.slide-in{animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-out{animation:slideOut .3s ease-out forwards}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(-100%)}}.text-xxs{font-size:.65rem;line-height:1rem}.bg-pattern{background-color:#f8fafc;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.btn-daily-gradient{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fed7aa}.btn-daily-gradient:hover{background:linear-gradient(135deg,#ffedd5,#fed7aa)}.btn-tint-emerald{background-color:#ecfdf5;border-color:#a7f3d0}.btn-tint-blue{background-color:#eff6ff;border-color:#bfdbfe}.btn-tint-indigo{background-color:#eef2ff;border-color:#c7d2fe}.btn-tint-emerald:hover{background-color:#d1fae5}.btn-tint-blue:hover{background-color:#dbeafe}.btn-tint-indigo:hover{background-color:#e0e7ff}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#94a3b8;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}