#jb-widget-container * { box-sizing: border-box !important; }
    .jb-wrapper {
        max-width: 600px !important; margin: 20px auto !important; padding: 20px !important;
        background: #ffffff !important; border-radius: 20px !important;
        box-shadow: 0 8px 24px rgba(226, 142, 197, 0.15) !important;
        display: flex !important; flex-direction: column !important; gap: 20px !important;
    }
    .jb-grid {
        display: grid !important; grid-template-columns: repeat(4, 1fr) !important;
        gap: 10px !important; width: 100% !important;
    }
    .jb-cell {
        aspect-ratio: 1 / 1 !important; border: 2px solid #E28EC5 !important;
        border-radius: 12px !important; display: flex !important;
        align-items: center !important; justify-content: center !important;
        text-align: center !important; padding: 8px !important;
        cursor: pointer !important; background: #ffffff !important;
        font-size: 13px !important; line-height: 1.2 !important;
        color: #333333 !important; transition: all 0.2s ease !important;
        user-select: none !important; word-break: break-word !important;
        hyphens: auto !important;
    }
    @media (max-width: 480px) {
        .jb-grid { gap: 6px !important; }
        .jb-cell { font-size: 10px !important; padding: 4px !important; border-radius: 8px !important; }
    }
    .jb-cell:hover { background-color: #fcf0f7 !important; transform: translateY(-2px) !important; }
    .jb-cell.jb-active {
        background-color: #E28EC5 !important; color: #ffffff !important;
        font-weight: 600 !important; transform: scale(0.95) !important;
    }
    .jb-status-box {
        background: #fdf6fa !important; border: 2px dashed #E28EC5 !important;
        border-radius: 16px !important; padding: 20px !important; text-align: center !important;
        display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important;
    }
    .jb-title {
        font-size: 12px !important; color: #666666 !important;
        text-transform: uppercase !important; letter-spacing: 1px !important; margin: 0 !important;
    }
    .jb-status-text {
        font-size: 22px !important; font-weight: 800 !important;
        color: #333333 !important; margin: 0 !important; transition: all 0.3s ease !important;
    }
    .jb-btn {
        display: none !important; background: transparent !important; color: #E28EC5 !important;
        border: 2px solid #E28EC5 !important; padding: 8px 16px !important;
        border-radius: 20px !important; font-size: 14px !important; font-weight: 600 !important;
        cursor: pointer !important; transition: all 0.2s ease !important;
    }
    .jb-btn:hover { background: #E28EC5 !important; color: #ffffff !important; }
    .jb-btn.jb-show { display: block !important; }

.is_mobile .jb-wrapper {
	padding:0!important;
	margin:0!important;
	box-shadow:none!important;
}