/* Shared styles for tool pages: focus, flip, think, time, lofi */

/* focus.html — Pomodoro timer */
.pomodoro {
    text-align: center;
    margin-top: 10vh;
}

.timer {
    font-size: 20vw;
    line-height: 1;
    font-weight: 700;
}

.controls button {
    font-size: 1em;
    padding: 0.5em 1em;
    margin: 0.5em;
}

@media (prefers-color-scheme: dark) {
    .controls button {
        color: #EEEEEC;
        background: none;
        border: 1px solid #EEEEEC;
    }
}

/* flip.html — Coin flip display */
#randomLetters {
    font-size: 5em;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}