:root {
    color-scheme: light;
}

html, body {
    min-height: 100%;
    margin: 0;
    background:
        radial-gradient(circle at top left, rgba(249, 115, 22, 0.14), transparent 30%),
        radial-gradient(circle at top right, rgba(194, 65, 12, 0.12), transparent 25%),
        linear-gradient(180deg, #f7efe3 0%, #f3eadc 50%, #f6f1e8 100%);
}

body {
    color: #2f1508;
}

.reader-appbar {
    border-bottom: 1px solid #e7d8c3;
    backdrop-filter: blur(14px);
    background: rgba(255, 250, 241, 0.88) !important;
}

.brand-mark {
    color: #c2410c;
}

.reader-empty-state {
    padding: 3rem;
    text-align: center;
    background: rgba(255, 250, 241, 0.88);
}

.page-shell {
    display: grid;
    gap: 1.5rem;
}

.reader-header-card,
.reader-panel {
    background: rgba(255, 250, 241, 0.92);
    border: 1px solid #eadbc4;
}

.series-cover {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 16px;
    background: linear-gradient(180deg, #fcd7aa, #fed7aa);
}

.chapter-page-card {
    padding: 1rem;
    background: rgba(255, 250, 241, 0.96);
    border: 1px solid #eadbc4;
}

.chapter-page-card img {
    width: 100%;
    border-radius: 12px;
    display: block;
}

.reader-toolbar {
    position: sticky;
    top: 1rem;
    z-index: 2;
}