/* App mode: hide site chrome */
html.app-mode .body {
    background: none;
}

/* Dark theme */
html.app-mode.app-dark body,
html.app-mode.app-dark .main {
    background-color: #0D0D0D;
    color: #E8E8E8;
}

html.app-mode.app-dark a { color: #7EB8F7; }
html.app-mode.app-dark a:hover { color: #A8D0FF; }

html.app-mode.app-dark pre,
html.app-mode.app-dark code {
    background-color: #1A1A1A;
    color: #E8E8E8;
    border-color: #333;
}

html.app-mode.app-dark blockquote {
    background-color: #1A1A1A;
    border-left-color: #7EB8F7;
    color: #C8C8C8;
}

html.app-mode.app-dark .post-content img {
    max-width: 100%;
}

/* Light theme */
html.app-mode.app-light body,
html.app-mode.app-light .main {
    background-color: #FFFFFF;
    color: #212529;
}

html.app-mode.app-light pre,
html.app-mode.app-light code {
    background-color: #F8F9FA;
    color: #212529;
}

html.app-mode.app-light blockquote {
    background-color: #F8F9FA;
    border-left-color: #0d6efd;
    color: #495057;
}

/* Remove container padding in app mode for full-width content */
html.app-mode .container {
    padding-left: 12px;
    padding-right: 12px;
}