/* Focus Mode Plugin Styles */
.focus-mode-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f9f9f9;
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    font-size: 16px;
    z-index: 1000;
}
.focus-mode-bar button {
    background: #3a5795;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
    font-weight: 500;
}
.focus-mode-bar button:hover {
    background: #2a4175;
}

.focus-mode-bar .focus-mode-readtime {
    margin-left: auto;
    color: #555;
    font-size: 15px;
    font-weight: 500;
}

.focus-mode-active body,
.focus-mode-active #page,
.focus-mode-active .site-content {
    background: #fff !important;
}
.focus-mode-active .site-header,
.focus-mode-active header,
.focus-mode-active .site-footer,
.focus-mode-active footer,
.focus-mode-active aside,
.focus-mode-active .sidebar,
.focus-mode-active nav,
.focus-mode-active .widget,
.focus-mode-active .comments-area {
    display: none !important;
}