:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;background:#e7e5df;color:#1a1d1b;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:0;height:0}button:focus,input:focus,textarea:focus{outline:none}input[type=range]{accent-color:#1b4d3e}button{font-family:inherit}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#e7e5df}.device{position:relative;width:100%;max-width:420px;height:100dvh;background:#f7f6f2;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1 1;min-height:0;display:flex;flex-direction:column;animation:fadeUp .28s ease}.scroll{flex:1 1;min-height:0;overflow-y:auto}@media (min-width:480px){.stage{padding:32px}.device{height:min(840px,94dvh);border-radius:42px;border:7px solid #0c0d0c;box-shadow:0 30px 70px rgba(20,22,18,.28)}}