/* Mobile Inbox Button - header top right */
.letitout-mobile-inbox-btn {
    display: none;
}
@media (max-width: 600px) {
    .letitout-mobile-inbox-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        border-radius: 50%;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 100;
        padding: 0;
    }
    .letitout-mobile-inbox-btn i {
        font-size: 1.4rem;
        color: #222;
    }
}
/* Dark mode for mobile inbox (in letitout-dark.css if loaded) */

/* Mobile Styles for Let It Out */
@media (max-width: 768px) {
    #letitout-main {
        padding: var(--letitout-spacing-md);
    }

    .letitout-form {
        padding: var(--letitout-spacing-md);
        margin-bottom: var(--letitout-spacing-lg);
    }

    .emotion-tags {
        gap: var(--letitout-spacing-xs);
    }

    .emotion-tag {
        padding: var(--letitout-spacing-xs) var(--letitout-spacing-sm);
        font-size: var(--letitout-font-size-sm);
    }

    .post-card {
        padding: 0.7rem 0.20rem;
    }

    .post-content {
        font-size: 1.08rem;
    }

    .post-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--letitout-spacing-xs);
    }

    .post-actions {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 480px) {
    #letitout-main {
        padding: var(--letitout-spacing-sm);
    }

    .letitout-form {
        padding: var(--letitout-spacing-sm);
    }

    .letitout-form textarea {
        min-height: 100px;
    }

    .post-card {
        padding: 0.7rem 0.20rem;
    }

    .post-content {
        font-size: 1.08rem;
    }
}