*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #f5f5f0;
    min-height: 100vh;
    font-family: 'Courier New', 'Hiragino Mincho ProN', monospace;
    color: #1d1d1b;
    overflow-x: hidden;
}

.page {
    max-width: 720px;
    margin: 0 auto;
    padding: clamp(2rem, 8vh, 6rem) clamp(1.5rem, 6vw, 4rem);
    min-height: 100vh;
}

.text {
    font-size: clamp(1.1rem, 2.5vw, 1.6rem);
    line-height: 1.9;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: inline;
}

.cursor {
    display: inline-block;
    color: #ff4200;
    font-size: clamp(1.1rem, 2.5vw, 1.6rem);
    line-height: 1.9;
    animation: blink 1s step-end infinite;
    margin-left: 1px;
}

@keyframes blink {
    50% { opacity: 0; }
}

/* Strikethrough for "deleted" text moments */
.strike {
    text-decoration: line-through;
    opacity: 0.4;
}