@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";:root{--cream:#fdf6e9;--paper:#fffaf1;--ink:#4a3b2c;--ink-soft:#8a7560;--pink:#f4a7b9;--pink-deep:#e07a95;--leaf:#8cbf7a;--leaf-deep:#5f9a4c;--sun:#f6c85f;--sky:#9cc7e8;--wrong:#e98b6d;--shadow:0 4px 0 #4a3b2c2e;color:var(--ink);background:var(--cream);font-family:Jua,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{background:var(--cream);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:100dvh;margin:0}button{color:inherit;cursor:pointer;border:none;font-family:inherit}img{max-width:100%;display:block}.screen{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:16px 16px 32px;display:flex}.title{text-align:center;margin:4px 0;font-size:28px}.subtitle{text-align:center;color:var(--ink-soft);margin:0;font-size:18px}.btn{background:var(--paper);min-height:64px;box-shadow:var(--shadow);border-radius:20px;padding:12px 20px;font-size:22px;transition:transform 80ms}.btn:active{transform:translateY(3px);box-shadow:0 1px #4a3b2c2e}.btn:disabled{opacity:.45;cursor:default}.btn-main{background:var(--pink);color:#fff;font-size:26px}.btn-leaf{background:var(--leaf);color:#fff}.btn-sun{background:var(--sun)}.btn-small{min-height:48px;padding:8px 14px;font-size:18px}.row{flex-wrap:wrap;gap:12px;display:flex}.row>.btn{flex:140px}.sticky-bottom{background:linear-gradient(#fdf6e900, var(--cream) 35%);padding:14px 0 8px;position:sticky;bottom:0}.card{background:var(--paper);box-shadow:var(--shadow);border-radius:24px;padding:16px}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip{background:var(--paper);box-shadow:var(--shadow);border-radius:999px;padding:6px 14px;font-size:18px}.pet-stage{justify-content:center;align-items:flex-end;min-height:300px;display:flex;position:relative}.pet-img{object-fit:contain;border-radius:28px;max-height:min(42vh,440px);transition:width .4s;animation:2.4s ease-in-out infinite bob}.pet-img.baby{width:62%}.pet-img.child{width:78%}.pet-img.adult{width:92%}.pet-speech{z-index:1;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:8px 14px;font-size:18px;position:absolute;top:8px;left:8px}@keyframes bob{50%{transform:translateY(-6px)}}.gauges{gap:10px;display:grid}.gauge{grid-template-columns:96px 1fr 44px;align-items:center;gap:8px;font-size:18px;display:grid}.gauge-bar{background:#efe3cf;border-radius:999px;height:18px;overflow:hidden}.gauge-fill{border-radius:999px;height:100%;transition:width .4s}.pet-tabs{gap:8px;display:flex;overflow-x:auto}.pet-tab{background:var(--paper);box-shadow:var(--shadow);border-radius:999px;flex:none;padding:8px 14px;font-size:18px}.pet-tab.active{background:var(--sun)}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pick-card{background:var(--paper);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:10px;font-size:22px;display:flex}.pick-card img{border-radius:18px}.pick-card.selected{outline:4px solid var(--pink-deep)}.diff-card{text-align:left;background:var(--paper);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:4px;padding:14px;display:flex}.diff-card .name{font-size:24px}.diff-card .desc{color:var(--ink-soft);font-size:16px}.diff-card.selected{outline:3px solid var(--pink-deep);background:#ffe9ee}.tables{flex-wrap:wrap;gap:8px;display:flex}.table-chip{background:var(--paper);min-width:72px;min-height:56px;box-shadow:var(--shadow);border-radius:16px;font-size:22px}.table-chip.selected{background:var(--leaf);color:#fff}.table-chip:disabled{opacity:.4}.progress{justify-content:center;gap:6px;display:flex}.dot{background:#efe3cf;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.dot.ok{background:var(--leaf)}.dot.ng{background:var(--wrong)}.dot.now{outline:3px solid var(--pink-deep)}.question{text-align:center;letter-spacing:2px;padding:24px 8px;font-size:72px}.question .blank{border-bottom:6px solid var(--pink);min-width:1.6em;color:var(--pink-deep);display:inline-block}.choices{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.choice{background:var(--paper);min-height:96px;box-shadow:var(--shadow);border-radius:24px;font-size:44px}.choice.right{background:var(--leaf);color:#fff}.choice.wrong{background:var(--wrong);color:#fff}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad .key{background:var(--paper);min-height:72px;box-shadow:var(--shadow);border-radius:20px;font-size:34px}.numpad .key.ok{background:var(--pink);color:#fff;font-size:26px}.numpad .key.del{font-size:24px}.timer{background:#efe3cf;border-radius:999px;height:12px;overflow:hidden}.timer>div{background:var(--sun);height:100%;transition:width 1s linear}.feedback{text-align:center;font-size:30px}.hint{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hint-group{background:#fff;border-radius:12px;padding:4px 6px;font-size:20px}.overlay{z-index:10;background:#4a3b2c73;place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0}.overlay-card{background:var(--paper);text-align:center;border-radius:28px;flex-direction:column;gap:12px;width:100%;max-width:560px;padding:18px;animation:.35s pop;display:flex}.overlay-card img{border-radius:20px}.overlay-card .caption{font-size:24px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.cheer{text-align:left;align-items:center;gap:12px;display:flex}.cheer img{border-radius:50%;width:120px}.album-item{background:var(--paper);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.album-item .locked{aspect-ratio:1;background:#efe3cf;place-items:center;font-size:48px;display:grid}.album-item .label{text-align:center;padding:8px;font-size:16px}.stat-row{grid-template-columns:64px 1fr 56px;align-items:center;gap:8px;font-size:18px;display:grid}.input{color:var(--ink);background:#fff;border:2px solid #e5d6bd;border-radius:14px;width:100%;padding:10px 14px;font-family:inherit;font-size:20px}.home-layout,.home-actions{flex-direction:column;gap:16px;display:flex}@media (orientation:landscape) and (width>=900px){.screen.wide{max-width:1100px}.home-layout{grid-template-columns:1.3fr 1fr;align-items:center;display:grid}.pet-img{max-height:min(52vh,440px)}}.rotate-notice{display:none}@media (orientation:landscape) and (height<=500px){.rotate-notice{z-index:100;background:var(--cream);text-align:center;place-items:center;font-size:26px;display:grid;position:fixed;inset:0}.rotate-icon{font-size:64px;animation:1.6s ease-in-out infinite turn}}@keyframes turn{50%{transform:rotate(-90deg)}}@media (width<=480px){.question{font-size:56px}.choice{min-height:80px;font-size:36px}.hint-group{padding:3px 4px;font-size:15px}.feedback{font-size:24px}}@media (height<=720px){.screen{gap:10px;padding-top:10px}.btn{min-height:54px;font-size:20px}.btn-main{font-size:22px}.question{padding:12px 8px;font-size:46px}.choice{min-height:64px;font-size:32px}.choices{gap:10px}.numpad{gap:8px}.numpad .key{min-height:52px;font-size:28px}.numpad .key.ok,.numpad .key.del{font-size:20px}.dot{width:16px;height:16px}.pet-stage{min-height:0}.pet-img{max-height:26vh}.home-cta{z-index:2;position:sticky;bottom:8px}.gauge{grid-template-columns:84px 1fr 40px;font-size:16px}.card{padding:12px}.gauges{gap:6px}.diff-card{padding:10px}.diff-card .name{font-size:20px}.diff-card .desc{font-size:14px}.table-chip{min-width:60px;min-height:46px;font-size:19px}.title{font-size:24px}.overlay-card img{object-fit:contain;max-height:45vh}}