@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");

body {
    font-family: "Inter", sans-serif;
    background-color: #f0f8ff;
    padding: 20px;
}

.title { font-size: 26pt; }
.subtitle { font-size: 20pt; }
.subsubtitle { font-size: 16pt; }

button {
    cursor: pointer;
    background-color: #7cfc00;
    font-family: "Inter", sans-serif;
    border: none;
    border-radius: 10px;
    padding: 20px 30px;
}

#breakfast-items {
    color: #9bf11b;
    list-style: none;
    padding: 0;
}

#breakfast-items li {
    margin: 6px 0;
}

#auth {
    margin: 10px 0 18px 0;
}

#results {
    display: none;
}

.result-item {
    background: rgba(0,0,0,0.03);
    padding: 6px 8px;
    border-radius: 6px;
    margin: 4px 0;
}

.result-total {
    font-weight: 700;
    display: none;
}