.adaptive-text-demo {
    font-family: Georgia, serif;
    line-height: 1.6;
    padding: 2rem;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    margin: 2rem 0;
    transition: all 0.3s ease;
}

.time-weight-light { font-weight: 300; }
.time-weight-normal { font-weight: 400; }
.time-weight-medium { font-weight: 500; }
.time-weight-bold { font-weight: 600; }

.reading-speed-slow { letter-spacing: 0.05em; }
.reading-speed-normal { letter-spacing: 0.02em; }
.reading-speed-fast { letter-spacing: -0.01em; }

.context-morning {
    background: #fff8e7;
    color: #4a4a4a;
    font-weight: 300;
}

.context-afternoon {
    background: #ffffff;
    color: #333333;
    font-weight: 400;
}

.context-evening {
    background: #f5f5f5;
    color: #2a2a2a;
    font-weight: 500;
}

.context-night {
    background: #2a2a2a;
    color: #e0e0e0;
    font-weight: 600;
}

.screen-mobile {
    line-height: 1.5;
    font-size: 16px;
    letter-spacing: 0.01em;
}

.screen-tablet {
    line-height: 1.6;
    font-size: 17px;
}

.screen-desktop {
    line-height: 1.8;
    font-size: 18px;
    letter-spacing: 0.02em;
}

.context-indicator {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 8px 12px;
    background: rgba(0,0,0,0.8);
    color: white;
    border-radius: 4px;
    font-size: 12px;
    font-family: monospace;
    z-index: 1000;
}