/* style.css */
:root {
    --bg-color: #1a1a1a;
    --text-color: #e0e0e0;
    --accent-color: #ffffff;
    --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Тема: OneBlock (Тема на скриншоте) */
body.theme-oneblock {
    --bg-color: rgba(10, 20, 30, 0.9);
    --text-color: #00ffcc;
    --accent-color: #00ffcc;
    --border-style: 2px solid #00ffcc;
    /* Уменьшили размытие свечения текста (Было 5px) */
    text-shadow: 0 0 1px #00ffcc;
}

body {
    background-color: transparent; /* Для CEF */
    color: var(--text-color);
    font-family: var(--font-main);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

.diary-container {
    background: var(--bg-color);
    border: var(--border-style);
    border-radius: 10px;
    width: 80%;
    max-width: 900px;
    height: 80%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
    /* Уменьшили размытие фона (Было 5px) */
    backdrop-filter: blur(2px);
}

.tabs { display: flex; border-bottom: var(--border-style); }
.tab-btn { flex: 1; background: transparent; color: var(--text-color); border: none; padding: 15px; cursor: pointer; font-size: 1.1em; font-weight: bold; transition: background 0.3s; }
.tab-btn.active, .tab-btn:hover { background: rgba(255, 255, 255, 0.1); }
.book-content { flex: 1; padding: 30px; overflow-y: auto; }
.page { display: none; animation: fadeIn 0.5s ease-in-out; }
.page.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.interactive-widget { margin: 20px 0; padding: 20px; border: 1px solid var(--accent-color); text-align: center; }
.reward-item, .item-slot { border: 1px solid var(--accent-color); padding: 20px; text-align: center; cursor: pointer; }
.reward-item:hover { background: rgba(255, 255, 255, 0.2); }
.claim-btn { background: var(--accent-color); color: #000; border: none; padding: 10px 20px; margin-top: 15px; cursor: pointer; font-weight: bold; }