* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fafaf9;
color: #292524;
}
.app {
width: 100%;
min-height: 100vh;
background-color: #fafaf9;
}
code {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
background-color: #f5f5f4;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.9em;
}
pre {
background-color: #292524;
color: #fafaf9;
padding: 16px;
border-radius: 8px;
overflow-x: auto;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
font-size: 14px;
line-height: 1.5;
}
pre code {
background-color: transparent;
padding: 0;
color: inherit;
}
a {
color: #059669;
text-decoration: none;
transition: color 0.2s ease;
}
a:hover {
color: #047857;
text-decoration: underline;
}
button {
cursor: pointer;
font-family: inherit;
}
button:disabled {
cursor: not-allowed;
opacity: 0.5;
}
